.sv-app{--sv-ink:#4a2f3a;--sv-pink:#ff7c98;--sv-red:#e8455f;--sv-mint:#5fbf9f;--sv-gold:#ffc94a;--sv-paper:#fffaf2;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#fff0e4}.sv-app.wobble .sv-scene{animation:sv-wobble .35s ease-in-out infinite alternate}@keyframes sv-wobble{0%{transform:translateX(-1.5px)}to{transform:translateX(1.5px)}}.sv-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.sv-app[data-phase=menu] .sv-scene,.sv-app[data-phase=results] .sv-scene{cursor:-webkit-grab;cursor:grab}.sv-app:not([data-phase=play]):not([data-phase=ending]) :is(.sv-head,.sv-side,.sv-pad,.sv-keys,.sv-quit,.sv-toast){display:none}.sv-app[data-phase=ending] .sv-pad{opacity:0;pointer-events:none;transition:opacity .3s}.sv-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.sv-height-box{display:flex;align-items:baseline;gap:4px;padding:4px 16px 6px;border-radius:18px;background:rgba(255,250,242,.95);border:3px solid #fff;box-shadow:0 4px 0 rgba(74,47,58,.22);color:var(--sv-ink)}.sv-height-box b{font:800 40px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--sv-red);min-width:2.6ch;text-align:right}.sv-height-box span{font:800 16px/1 Playful,sans-serif;color:#8a6672}.sv-stars{display:flex;gap:3px}.sv-stars i{width:22px;height:22px;display:grid;place-items:center;font-style:normal;font-size:20px;line-height:1;color:rgba(74,47,58,.25);transition:transform .2s,color .2s}.sv-stars i:before{content:"★"}.sv-stars i.on{color:var(--sv-gold);transform:scale(1.15);text-shadow:0 2px 0 #b5801a}.sv-next{font:800 12px/1.2 Playful,sans-serif;letter-spacing:.04em;color:#8a6672;background:rgba(255,250,242,.85);padding:3px 9px;border-radius:9px}.sv-side{position:absolute;z-index:4;left:12px;top:calc(env(safe-area-inset-top, 0px) + 14px);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;font:800 10px/1 Playful,sans-serif;letter-spacing:.08em;color:#8a6672}.sv-sway{--k:0;width:18px;height:120px;border-radius:10px;background:rgba(255,250,242,.95);border:3px solid #fff;box-shadow:0 3px 0 rgba(74,47,58,.22);position:relative;overflow:hidden}.sv-sway i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--k) * 100%);background:var(--sv-mint);transition:height .1s linear}.sv-sway[data-level=mid] i{background:var(--sv-gold)}.sv-sway[data-level=high] i{background:var(--sv-red);animation:sv-flash .25s steps(2) infinite}@keyframes sv-flash{50%{opacity:.55}}.sv-time{font:800 13px/1 Playful,sans-serif;color:var(--sv-ink);letter-spacing:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px}.sv-banner{position:absolute;z-index:7;pointer-events:none;left:50%;top:40%;transform:translate(-50%,-50%) scale(.85);font:800 clamp(34px,10vw,64px)/1 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:92vw;-webkit-text-stroke:3px var(--sv-ink);paint-order:stroke fill;text-shadow:0 5px 0 rgba(74,47,58,.4);opacity:0;transition:opacity .18s,transform .18s}.sv-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}.sv-banner.red{color:#ffe1e6;-webkit-text-stroke-color:#9c1d33}.sv-banner.green{color:#e3ffef;-webkit-text-stroke-color:#2a6b52}.sv-toast{position:absolute;z-index:7;pointer-events:none;left:50%;top:calc(env(safe-area-inset-top, 0px) + 116px);transform:translateX(-50%);font:800 17px/1 Playful,sans-serif;color:#fff;padding:7px 13px;border-radius:11px;background:rgba(74,47,58,.9);white-space:nowrap;opacity:0}.sv-toast.show{animation:sv-toast 1.1s ease-out forwards}@keyframes sv-toast{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}.sv-pad{--ring:60px;--guide:1;position:absolute;z-index:5;left:0;right:0;bottom:0;height:32dvh;min-height:170px;touch-action:none;cursor:-webkit-grab;cursor:grab;background:linear-gradient(180deg,rgba(255,250,242,0),rgba(255,250,242,.55) 30%,rgba(255,250,242,.8));border-top:2px dashed rgba(255,124,152,.35)}.sv-pad.holding{cursor:-webkit-grabbing;cursor:grabbing}.sv-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:var(--guide);transition:opacity .4s}.sv-guide-ring{r:var(--ring);fill:none;stroke:var(--sv-pink);stroke-width:4;stroke-dasharray:2 12;stroke-linecap:round;opacity:.8}.sv-guide-dot{fill:#fff;stroke:var(--sv-pink);stroke-width:4}.sv-pad.holding .sv-guide-dot{fill:var(--sv-pink)}.sv-demo{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .3s}.sv-demo i{position:absolute;font-style:normal;font-size:40px;left:-12px;top:-4px;filter:drop-shadow(0 3px 0 rgba(74,47,58,.35))}.sv-pad.tutorial .sv-demo{opacity:1;animation:sv-orbit 1.6s linear infinite}@keyframes sv-orbit{0%{transform:rotate(0deg) translateX(var(--ring)) rotate(0deg)}to{transform:rotate(1turn) translateX(var(--ring)) rotate(-1turn)}}.sv-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);transform:translateX(-50%);margin:0;pointer-events:none;font:800 16px/1.1 Playful,sans-serif;color:var(--sv-ink);background:rgba(255,255,255,.92);padding:7px 13px;border-radius:12px;white-space:nowrap}.sv-hint:empty{display:none}.sv-keys{position:absolute;z-index:6;right:12px;bottom:12px;font:700 13px/1 Playful,sans-serif;color:#fff;background:rgba(74,47,58,.72);padding:6px 12px;border-radius:10px;pointer-events:none;white-space:nowrap}@media (hover:none),(max-width:1000px),(pointer:coarse){.sv-keys{display:none}}.sv-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 10px);right:10px;display:flex;gap:6px}.sv-icon-btn{width:44px;height:40px;padding:0;border-radius:12px;border:2px solid #fff;display:grid;place-items:center;background:rgba(255,250,242,.94);color:var(--sv-ink);cursor:pointer}.sv-icon-btn .off,.sv-icon-btn[aria-pressed=true] .on{display:none}.sv-icon-btn[aria-pressed=true] .off{display:inline}.sv-app:has(.overlay.show:not(.sv-menu)) .sv-corner{display:none}.playful-game .sv-menu{background:linear-gradient(90deg,rgba(74,47,58,0) 40%,rgba(74,47,58,.45) 70%);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-right:max(5vw,24px);pointer-events:none}.sv-menu>*{pointer-events:auto}.sv-card{width:min(420px,100%);background:var(--sv-paper);border:4px solid #fff;border-radius:28px;box-shadow:0 8px 0 var(--sv-pink);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;color:var(--sv-ink)}.sv-card,.sv-card>*{flex-shrink:0}.sv-kicker{font:800 12px/1.2 Playful,sans-serif;letter-spacing:.08em;color:var(--sv-red)}.sv-title{margin:0;font:800 clamp(38px,5.5vw,56px)/.95 Playful,sans-serif;color:#fff;letter-spacing:-.5px;-webkit-text-stroke:2.5px var(--sv-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--sv-pink)}.sv-pitch{margin:0;font-size:15px;line-height:1.45}.sv-pitch b{color:var(--sv-red)}.sv-rules{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.sv-rules li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.25;background:#fff;border-radius:12px;padding:6px 10px}.sv-rules span{font-size:20px}.sv-flavours{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.sv-flavours button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:5px 11px 5px 6px;border-radius:20px;cursor:pointer;border:2px solid rgba(74,47,58,.15);background:#fff;color:var(--sv-ink);font:800 14px/1 Playful,sans-serif}.sv-flavours button i{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);box-shadow:inset 0 0 0 2px rgba(74,47,58,.18)}.sv-flavours button[aria-pressed=true]{border-color:var(--sv-pink);background:#ffe8ee;box-shadow:0 3px 0 var(--sv-pink)}.sv-best{margin:0;text-align:center;font-weight:800;color:var(--sv-red);min-height:1.2em}.sv-link-btn{background:none;border:0;color:var(--play-accent);font:800 17px/1.2 Playful,sans-serif;padding:8px;min-height:44px;cursor:pointer}.playful-game .sv-results{align-items:flex-end;padding-right:max(5vw,24px);background:linear-gradient(90deg,rgba(74,47,58,0) 40%,rgba(74,47,58,.45) 70%);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.sv-results>*{pointer-events:auto}.sv-small-card{width:min(390px,100%);align-items:stretch;text-align:center}.sv-result-title{margin:0;font:800 clamp(34px,9vw,50px)/1 Playful,sans-serif;color:#e3ffef;transform:rotate(-3deg);-webkit-text-stroke:3px #2a6b52;paint-order:stroke fill;text-shadow:0 5px 0 rgba(42,107,82,.35)}.sv-results.fail .sv-result-title{color:#ffe1e6;-webkit-text-stroke-color:#9c1d33;text-shadow:0 5px 0 rgba(156,29,51,.35)}.sv-result-line{margin:0;font-size:16px;font-weight:700}.sv-result-big{display:flex;align-items:baseline;justify-content:center;gap:6px}.sv-result-big b{font:800 60px/1 Playful,sans-serif;color:var(--sv-red);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sv-result-big span{font-weight:800;font-size:20px;color:#8a6672}.sv-results.fail .sv-result-big b{color:#b69aa4}.sv-r-note{margin:-6px 0 0;font-size:13px;font-weight:700;color:#8a6672}.sv-r-note:empty{display:none}.sv-r-stars{font-size:34px;letter-spacing:3px;color:var(--sv-gold);text-shadow:0 2px 0 #b5801a}.sv-results.fail .sv-r-stars{color:#d8c8ce;text-shadow:none}.sv-result-list{margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.sv-result-list>div{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:12px;padding:7px 8px}.sv-result-list dt{color:#8a6672;font-weight:700;font-size:12px}.sv-result-list dd{margin:0;font-weight:800;color:var(--sv-red);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.sv-turn{margin:-4px 0 0;font-size:12px;font-weight:700;color:#8a6672}@media (max-aspect-ratio:4/5),(max-width:700px){.playful-game :is(.sv-menu,.sv-results){align-items:center;justify-content:flex-end;padding:0 12px calc(env(safe-area-inset-bottom, 0px) + 12px);background:linear-gradient(180deg,rgba(74,47,58,0) 35%,rgba(74,47,58,.5) 60%)}.sv-menu .sv-card,.sv-results .sv-card{max-height:62dvh;overflow-y:auto;gap:8px;padding:16px 16px 12px}.sv-menu .sv-pitch{font-size:14px}.sv-menu .sv-rules{display:none}.sv-menu #sv-start{position:-webkit-sticky;position:sticky;bottom:0;z-index:1}.sv-title{font-size:40px}.sv-result-big b{font-size:48px}.sv-height-box b{font-size:34px}}@media (max-height:560px){.sv-menu .sv-card,.sv-results .sv-card{max-height:calc(100dvh - 24px);overflow-y:auto}.sv-menu .sv-rules{display:none}.sv-sway{height:80px}}@media (prefers-reduced-motion:reduce){.sv-app.wobble .sv-scene,.sv-pad.tutorial .sv-demo,.sv-sway[data-level=high] i{animation:none!important}}