:root{--result-accent: #e4c56b;--bg: #06212f;--panel: #072935;--rim: #f2c46a;--ink: #eaf7f5;--accent: #f2c46a;--danger: #ff8f6b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#stage{position:fixed;inset:0}#view{display:block;width:100%;height:100%}#hud{position:absolute;inset:0;pointer-events:none}.counter{position:absolute;font-size:3.6vmin;font-weight:800;letter-spacing:.02em;color:var(--rim);text-shadow:0 .25vmin 0 rgba(3,18,26,.75),0 0 1.6vmin rgba(242,196,106,.45);transform:translate(-50%,-50%);transition:color .12s linear}.counter.full{color:var(--danger)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:2.4vmin 3.2vmin;font-size:2.5vmin;font-weight:700;opacity:.88}.progress{position:relative;flex:1;height:1.1vmin;margin:0 3vmin;border-radius:1vmin;background:#14142273;overflow:hidden}.progress>i{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,#7fe9de,var(--rim));box-shadow:0 0 1.4vmin #f2c46a8c;border-radius:1vmin;transition:right .18s ease-out}.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4vmin;background:radial-gradient(120% 90% at 50% 40%,#0b4a5e8c,#03141fe6);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .26s ease-out}.panel.show{opacity:1;pointer-events:auto}.panel h1{margin:0;font-size:9vmin;letter-spacing:.04em;transform:scale(.82);transition:transform .32s cubic-bezier(.18,1.5,.4,1)}.panel.show h1{transform:scale(1)}.panel.lose h1{color:var(--danger)}.panel p{margin:0;font-size:3vmin;opacity:.82}.panel button{margin-top:2vmin;padding:1.8vmin 6vmin;font:inherit;font-size:3.2vmin;font-weight:800;color:#06212f;background:linear-gradient(180deg,#ffd98a,var(--rim));box-shadow:0 .6vmin #b8873a,0 0 2.4vmin #f2c46a66;border:none;border-radius:2.2vmin;cursor:pointer;transition:transform 90ms ease-out}.panel button:active{transform:scale(.94)}.toast{position:absolute;left:50%;bottom:42%;transform:translate(-50%) scale(.9);padding:1.2vmin 3vmin;border-radius:1.6vmin;background:#06212fe0;border:.2vmin solid rgba(242,196,106,.35);font-size:2.6vmin;font-weight:700;opacity:0;transition:opacity .14s ease-out,transform .14s ease-out}.toast.show{opacity:1;transform:translate(-50%,-1vmin) scale(1)}.counter{min-width:4.8em;padding:clamp(13px,1.7vmin,18px) clamp(10px,1.8vmin,18px) clamp(5px,.65vmin,9px);border:clamp(2px,.28vmin,4px) solid #f7c13f;border-radius:999px;color:#16445f;background:linear-gradient(180deg,#fffdf4,#fff0bf 68%,#f4cf74);box-shadow:0 clamp(3px,.5vmin,7px) 0 #c88e2c,0 0 clamp(10px,1.8vmin,24px) #ddfcf68c;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(15px,3.4vmin,28px);font-weight:900;line-height:1;letter-spacing:.015em;text-align:center;text-shadow:0 1px 0 #fff}.counter:before{content:"FREE SEATS";position:absolute;top:clamp(3px,.35vmin,5px);left:50%;transform:translate(-50%);color:#7d5b24;font-size:clamp(7px,1.05vmin,10px);font-weight:950;letter-spacing:.12em;line-height:1;white-space:nowrap;text-shadow:none}.counter.full{color:#fff;border-color:#ffda62;background:linear-gradient(180deg,#ff6e68,#e62f42 72%);box-shadow:0 clamp(3px,.5vmin,7px) 0 #991d31;text-shadow:0 2px 0 #991d31}.panel{gap:clamp(10px,2.1vmin,20px);padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 18%,rgba(221,252,246,.34),transparent 28%),linear-gradient(180deg,#0c65a5e6,#0a3679f5);font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}.panel h1{color:#fff8df;font-size:clamp(42px,9vmin,82px);font-weight:900;text-shadow:0 .08em 0 #22578b,0 0 .32em rgba(221,252,246,.7)}.panel p{font-size:clamp(15px,2.8vmin,24px)}.panel button{min-height:48px;border:clamp(2px,.28vmin,4px) solid #fff2b7;border-radius:999px;color:#fff;background:linear-gradient(180deg,#ff6e68,#e62f42 72%);box-shadow:0 clamp(5px,.7vmin,9px) 0 #9e2032,0 0 2.4vmin #ffd65773;text-shadow:0 2px 0 #9e2032}.completion-rank{border-color:#ffd657;color:#fff6c9;background:linear-gradient(180deg,#6d36d7,#4b20a5);box-shadow:0 0 0 5px #ffd65738,0 0 28px #ffd65775}.completion-save input{border:2px solid #ffd657;border-radius:999px;background:#fffaf0}html[data-skin=block-shooter] .counter{color:#fff;border-color:#dce6ff;background:linear-gradient(180deg,#656b98,#3e4269);box-shadow:0 clamp(3px,.5vmin,7px) 0 #242742;text-shadow:0 2px 0 #11131e}html[data-skin=block-shooter] .counter:before{content:"FREE SEATS";color:#dce6ff}.toast{border:clamp(1px,.18vmin,2px) solid rgba(255,232,159,.72);border-radius:999px;background:linear-gradient(180deg,#0d4368f0,#052749f5);box-shadow:0 .5vmin 1.8vmin #021c3a61}html[data-skin=block-shooter] .panel{background:radial-gradient(circle at 50% 20%,rgba(200,216,255,.22),transparent 32%),#3d405f}@media(max-height:620px){.panel{justify-content:flex-start}.panel h1{font-size:40px}.completion-rank{width:58px;height:58px;font-size:38px}}.completion{width:min(86vw,420px);text-align:center}.completion[hidden]{display:none}.completion-rank{display:inline-grid;place-items:center;width:74px;height:74px;border:3px solid var(--result-accent);border-radius:50%;font-size:48px;font-weight:900;color:var(--result-accent);background:#132b3bdd}.completion-rank[data-rank=S]{box-shadow:0 0 24px #e4c56b77}.completion-best,.completion-status{font-size:clamp(12px,2vmin,16px)}.completion-save{display:flex;justify-content:center;gap:8px}.completion-save[hidden]{display:none}.completion-save input{min-width:0;width:48%;padding:10px;border-radius:8px;border:1px solid #cbd5e1;font:inherit;font-size:14px;background:#fff;color:#142330;user-select:text;touch-action:manipulation}.completion-save button{font-size:14px!important;padding:10px!important;margin:0!important}.completion-save button:disabled{opacity:.5}.completion-leaders{margin:10px auto;max-height:130px;overflow:auto;text-align:left;width:fit-content;font-size:14px;line-height:1.8;touch-action:pan-y}.panel.show{overflow-y:auto;padding:20px}html[data-skin=block-shooter]{--bg: #4c4d6b;--rim: #dce6ff;--accent: #c8d8ff}html[data-skin=block-shooter] .counter{color:#fff;text-shadow:1px 2px 0 #11131e}#hud{font-family:var(--game-font, system-ui, sans-serif)}#hud .counter{font-family:inherit}.result-card{width:min(90vw,430px);max-height:90dvh;overflow:auto;padding:clamp(22px,5vmin,34px);display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid #c4d6ed;border-radius:20px;background:#222b45f2;box-shadow:0 18px 48px #070c20a8,inset 0 1px #fff3;touch-action:pan-y}.panel.lose .result-card{border-color:#ff967088;background:linear-gradient(160deg,#51333ff2,#202438f5)}.panel .result-card h1{font-size:clamp(28px,7vmin,44px);text-align:center;letter-spacing:0}.panel .result-card>p{font-size:clamp(13px,3vmin,17px);text-align:center;line-height:1.45}.result-card .completion{width:100%}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.panel .result-actions button{margin:0;min-height:46px;padding:12px 20px;font-size:16px;border-radius:14px;background-image:var(--button-secondary-art, linear-gradient(#e2f5fa, #a8cfdd));background-size:100% 100%}.panel .result-actions .result-next,.panel.lose .result-actions [data-role=again]{background-image:var(--button-primary-art, linear-gradient(#ffe093, #f6be4e))}.panel .result-card h1{background:none;padding:4px 8px 10px}.panel.lose .result-card h1{background:none}.result-hint[hidden]{display:none}.speed-toggle{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;z-index:20;min-width:52px;height:40px;padding:0 12px;border:3px solid #fff;border-radius:20px;background:#141830b8;color:#fff;font:900 18px/1 Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;box-shadow:0 3px #00000059;cursor:pointer;pointer-events:auto;touch-action:manipulation}.speed-toggle.fast{background:#e62f42;border-color:#ffd657}.speed-toggle:active{transform:translateY(2px);box-shadow:0 1px #00000059}.tutorial-hand{--hand-skin: #f4f5ff;--hand-shade: #b9bde0;--hand-ink: #1b1c2e;--hand-ring: rgba(255, 255, 255, .9);--hand-period: .9s;position:absolute;width:0;height:0;pointer-events:none;margin-top:.6vmin;opacity:0;transition:opacity .18s ease-out}.tutorial-hand.show{opacity:1}.tutorial-hand--fof{--hand-skin: #f5bd8c;--hand-shade: #d98d5c;--hand-ink: #5a2b17;--hand-ring: rgba(255, 255, 255, .95)}.tutorial-hand--tank{--hand-skin: #ffffff;--hand-shade: #c7cfe4;--hand-ink: #11141f;--hand-ring: rgba(255, 214, 87, .95)}.tutorial-hand__art{position:absolute;left:0;top:0;width:13vmin;height:17vmin;transform-origin:0 0;transform:rotate(-24deg);animation:tutorial-hand-press var(--hand-period) ease-in-out infinite;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(.4vmin .8vmin 0 rgba(0,0,0,.28))}.tutorial-hand__finger,.tutorial-hand__palm,.tutorial-hand__thumb{position:absolute;background:var(--hand-skin);border:.55vmin solid var(--hand-ink);box-shadow:inset -1vmin -.8vmin 0 var(--hand-shade)}.tutorial-hand__finger{left:-1.6vmin;top:-.6vmin;width:3.4vmin;height:9vmin;border-radius:1.7vmin 1.7vmin 1vmin 1vmin;z-index:2}.tutorial-hand__palm{left:-2.2vmin;top:6.4vmin;width:9.6vmin;height:8.6vmin;border-radius:2.6vmin 3.6vmin 3.6vmin 4vmin;z-index:1}.tutorial-hand__thumb{left:-4.4vmin;top:7.6vmin;width:3.4vmin;height:5.2vmin;border-radius:1.7vmin;transform:rotate(32deg);z-index:0}.tutorial-hand--image .tutorial-hand__finger,.tutorial-hand--image .tutorial-hand__palm,.tutorial-hand--image .tutorial-hand__thumb{display:none}.tutorial-hand__ring{position:absolute;left:-5vmin;top:-5vmin;width:10vmin;height:10vmin;border-radius:50%;border:.8vmin solid var(--hand-ring);opacity:0;animation:tutorial-hand-ring var(--hand-period) ease-out infinite}@keyframes tutorial-hand-press{0%,to{transform:translate(.9vmin,1.3vmin) rotate(-24deg) scale(1.04)}45%{transform:translate(0) rotate(-24deg) scale(1)}60%{transform:translate(0) rotate(-24deg) scale(.96)}}@keyframes tutorial-hand-ring{0%,44%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.tutorial-hand__art,.tutorial-hand__ring{animation:none}}.session-bar{position:fixed;inset:0 0 auto;z-index:20;pointer-events:none;font-family:var(--game-font, system-ui)}.session-bar button{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);height:40px;border:2px solid #ffffffaa;border-radius:14px;padding:0 12px;background:#142330c9;color:#fff;cursor:pointer;font:800 13px var(--game-font, system-ui);box-shadow:0 3px #0003;pointer-events:auto;touch-action:manipulation}.session-bar .sound-toggle{left:12px;min-width:88px}.session-bar [data-action=pause]{right:76px;width:40px;padding:0;font-size:22px}.session-bar .level-title{position:fixed;top:calc(env(safe-area-inset-top,0px) + 32px);left:50%;transform:translate(-50%,-50%);color:#fff8da;font-size:clamp(18px,4.5vw,26px);font-weight:900;white-space:nowrap;text-shadow:0 2px 0 #16344f,0 3px 10px #0005}.session-bar button:focus-visible{outline:3px solid #ffca32}.panel button[hidden],.results-open .session-bar,.results-open .speed-toggle{display:none}:root{--ui-edge: 16px;--ui-gap: 12px;--ui-touch: clamp(48px, 11vw, 60px);--ui-top: calc(env(safe-area-inset-top, 0px) + var(--ui-edge));--hud-size: var(--ui-touch);--hud-gap: var(--ui-edge)}@media(max-width:380px),(max-height:600px){:root{--ui-edge: 12px;--ui-gap: 8px;--ui-touch: 44px}}.session-bar button,.speed-toggle{top:calc(env(safe-area-inset-top,0px) + var(--hud-gap));width:var(--hud-size);min-width:0;height:var(--hud-size);padding:0;border:3px solid #fff;border-radius:50%;background:#1d2440;box-shadow:0 4px #0006}.session-bar .sound-toggle{left:var(--hud-gap);min-width:0;font-size:0}.session-bar .sound-toggle:before{content:"♪";font-size:calc(var(--hud-size) * .46);color:#fff}.session-bar .sound-toggle[aria-pressed=false]:after{content:"";position:absolute;left:22%;right:22%;top:50%;height:3px;background:#ff6b6b;transform:rotate(-45deg);border-radius:2px}.session-bar [data-action=pause]{right:var(--hud-gap);width:var(--hud-size);font-size:calc(var(--hud-size) * .38)}.speed-toggle{right:calc(var(--ui-edge) + var(--hud-size) + var(--ui-gap));font-size:calc(var(--hud-size) * .3)}.session-bar .level-title{top:calc(env(safe-area-inset-top,0px) + var(--hud-gap) + var(--hud-size) * .5);color:#fff;font-size:clamp(22px,6vw,34px);font-weight:900;letter-spacing:.02em;-webkit-text-stroke:5px #151a33;paint-order:stroke fill;text-shadow:0 4px 0 #151a33,0 6px 14px #0008}.session-bar .level-timer{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--ui-top) + var(--hud-size) + var(--ui-gap) * .5);padding:2px 12px;border-radius:999px;background:#151a33cc;color:#fff;font:900 clamp(15px,4vw,20px) var(--game-font, system-ui);letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:0 3px #0005}.session-bar .level-timer.warn{background:#e2384b;animation:timer-pulse .6s ease-in-out infinite alternate}@keyframes timer-pulse{to{transform:translate(-50%) scale(1.12)}}:root{--title-room: calc(100vw - 2 * (var(--ui-edge) + 2 * var(--ui-touch) + 2 * var(--ui-gap)))}.session-bar .level-title{font-size:min(clamp(22px,6vw,34px),calc(var(--title-room) / 4.6))}.end-fx{position:fixed;inset:0;pointer-events:none;overflow:hidden}.end-fx--win:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fff6c8cc,#ffd65733 45%,transparent 70%);animation:end-fx-flash .9s ease-out forwards}.end-fx i{position:absolute;left:var(--x0);top:100vh;width:10px;height:16px;border-radius:3px;animation:end-fx-throw 2.3s cubic-bezier(.15,.7,.35,1) var(--delay) forwards;opacity:0}@keyframes end-fx-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes end-fx-throw{0%{opacity:1;transform:translate(0) rotate(0)}55%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(calc(var(--spin) * .6))}to{opacity:0;transform:translate(calc(var(--dx) * 1.15),calc(var(--dy) + 30vh)) rotate(var(--spin))}}.end-fx--lose:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 18vmin 4vmin #e2263bcc;animation:end-fx-pulse 1.3s ease-out forwards}.end-fx--lose{backdrop-filter:saturate(.55);animation:end-fx-desat 1.3s ease-out forwards}@keyframes end-fx-pulse{0%{opacity:0}12%{opacity:1}40%{opacity:.55}55%{opacity:.9}to{opacity:.35}}@keyframes end-fx-desat{0%{backdrop-filter:saturate(1)}to{backdrop-filter:saturate(.55)}}@media(prefers-reduced-motion:reduce){.end-fx--win:before,.end-fx--lose:before{animation-duration:1ms}}.end-fx-fireworks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.panel>.result-card{position:relative;z-index:1}.pass-switch{position:fixed;z-index:21;left:var(--ui-edge, 16px);top:calc(var(--ui-top, 16px) + var(--ui-touch, 52px) + var(--ui-gap, 12px));display:flex;gap:4px;padding:4px;border-radius:999px;background:#151a33d9;box-shadow:0 3px #0005;pointer-events:auto}.pass-switch button{min-width:44px;height:36px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#ffffffb3;cursor:pointer;font:900 15px var(--game-font, system-ui);touch-action:manipulation}.pass-switch button[aria-pressed=true]{background:#fff;color:#151a33}.pass-switch button:focus-visible{outline:3px solid #ffca32}.results-open .pass-switch{display:none}.authored-ui{--control-size: var(--ui-touch);--control-gap: var(--ui-edge);overflow:hidden}.authored-ui .session-bar button,.authored-ui .speed-toggle{width:var(--control-size);min-width:0;height:var(--control-size);top:calc(env(safe-area-inset-top,0px) + var(--control-gap));padding:0;border:0;border-radius:50%;background:transparent var(--control-art) center / 100% 100% no-repeat;box-shadow:none;color:#eef4ff;font-family:inherit;transition:transform .12s ease,filter .12s ease}.authored-ui .session-bar .sound-toggle{left:var(--control-gap);font-size:0}.authored-ui .session-bar [data-action=pause]{right:var(--control-gap);width:var(--control-size);font-size:0}.authored-ui .session-bar .level-title{top:calc(env(safe-area-inset-top,0px) + var(--control-gap) + var(--control-size) * .5);left:50%;transform:translate(-50%,-50%);padding:0;background:none;white-space:nowrap;color:#fff8dc;text-shadow:0 2px 0 #183657,0 3px 8px #061b30aa}.authored-ui .sound-toggle:before,.authored-ui [data-action=pause]:before,.authored-ui .speed-toggle:before{content:"";position:absolute;inset:24%;background:var(--sound-off-art) center / contain no-repeat;pointer-events:none}.authored-ui .sound-toggle[aria-pressed=true]:before{background-image:var(--sound-on-art)}.authored-ui [data-action=pause]:before{background-image:var(--pause-art)}.authored-ui [data-action=pause][aria-pressed=true]:before{background-image:var(--play-art)}.authored-ui .speed-toggle{right:calc(var(--ui-edge) + var(--control-size) + var(--ui-gap));display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--control-size) * .14);font-size:clamp(12px,1.5vw,21px);line-height:1}.authored-ui .speed-toggle:before{inset:15% 31% 43%;background-image:var(--speed-art)}.authored-ui .speed-toggle.fast{filter:brightness(1.2)}.authored-ui.results-open .speed-toggle{display:none}.authored-ui .session-bar button:active,.authored-ui .speed-toggle:active{transform:translateY(2px) scale(.97)}.authored-ui .speed-toggle:focus-visible{outline:3px solid #ffca32;outline-offset:3px}.authored-ui .panel{background:#10223899;backdrop-filter:blur(3px);font-family:inherit}.authored-ui .result-card,.authored-ui .panel.lose .result-card{border:2px solid #bceeff99;border-radius:22px;background:#17344ef2;box-shadow:0 18px 45px #00142277,inset 0 1px #fff3;width:min(90vw,430px);max-width:calc(100vw - 20px);max-height:calc(100dvh - max(32px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));padding:clamp(20px,4vmin,30px);gap:clamp(10px,1.8vmin,16px);scrollbar-width:thin}.authored-ui .panel .result-card h1{color:#edf4ff;padding:6px 0 14px}.authored-ui .panel.lose .result-card h1{color:#ffbca5}.authored-ui .panel button{border:0;border-radius:0;box-shadow:none;background:transparent var(--button-secondary-art) center / 100% 100% no-repeat;color:#fff;text-shadow:0 2px 0 #15517d}.authored-ui .panel .result-actions button{width:clamp(124px,32vw,160px);height:clamp(44px,11.5vw,57px);min-width:0;min-height:0;padding:0 12px;border-radius:0;aspect-ratio:408 / 146}.authored-ui .panel .result-actions .result-next,.authored-ui .panel.lose .result-actions [data-role=again]{background-image:var(--button-primary-art)}.authored-ui .completion-save input,.authored-ui .toast{border:0;border-radius:0;color:#f0f6ff;background:transparent var(--input-art) center / 100% 100% no-repeat}.authored-ui .completion-save input{padding:12px 14px}.authored-ui .completion-save input{border:1px solid #9ab3d6;border-radius:10px;background:#12233bbd}.authored-ui .completion-save input::placeholder{color:#c1cbda}.authored-ui .completion-save button{width:clamp(104px,27vw,128px);height:clamp(38px,9.5vw,46px);min-height:0;padding:0 10px!important;margin:0!important}.authored-ui .toast{padding:10px 18px;max-width:min(88vw,520px);border:2px solid #bde7f5;border-radius:12px;background:#17344ef2;color:#fff;box-shadow:0 7px 20px #051c31aa;font-size:clamp(13px,3vw,17px);line-height:1.25;text-align:center}.authored-ui .tutorial-hand--image .tutorial-hand__art{width:13vmin;height:13vmin}.authored-ui[data-ui-skin=fof] .result-card,.authored-ui[data-ui-skin=fof] .panel.lose .result-card{border:2px solid #8cd8e9;color:#effbff;background:#173e5bf2;box-shadow:0 18px 45px #03223d99,inset 0 1px #fff4}.authored-ui[data-ui-skin=fof] .panel .result-card h1{color:#f5fdff;background:none;padding:6px 0 14px;text-shadow:0 3px 0 #0d557c}.authored-ui[data-ui-skin=fof] .panel.lose .result-card h1{color:#ffcebf}.authored-ui[data-ui-skin=fof] .counter{border:0;border-radius:14px;color:#f5ffff;background:var(--badge-art) center / 100% 100% no-repeat;box-shadow:0 4px #09527d99;text-shadow:0 2px 0 #154c7b}.authored-ui[data-ui-skin=fof] .counter:before{color:#d8f5ff}.authored-ui[data-ui-skin=fof] .sound-toggle,.authored-ui[data-ui-skin=fof] .speed-toggle,.authored-ui[data-ui-skin=fof] [data-action=pause]{outline:2px solid #b9edfa;outline-offset:-4px;filter:drop-shadow(0 2px 3px #075579bb)}.authored-ui[data-ui-skin=fof] .speed-toggle.fast{outline-color:#89ead0}.authored-ui[data-ui-skin=fof] .completion-rank{border:3px solid #84d7ec;border-radius:50%;background:#105179;color:#f5fdff;box-shadow:0 0 0 4px #22c7d844}.authored-ui[data-ui-skin=fof] .completion-save input{color:#f5fdff;border:2px solid #579fc2;border-radius:12px}.authored-ui[data-ui-skin=fof] .completion-save input::placeholder{color:#bed7e5}.authored-ui[data-ui-skin=fof] .toast{color:#fff;text-shadow:none}.authored-ui[data-ui-skin=fof] .panel .result-actions button,.authored-ui[data-ui-skin=fof] .completion-save button{color:#fff;text-shadow:0 2px 0 #124b82}.authored-ui[data-ui-skin=fof] .panel .result-actions .result-next,.authored-ui[data-ui-skin=fof] .panel.lose .result-actions [data-role=again]{color:#0a4a4e;text-shadow:0 1px 0 #ffffffa8}.authored-ui[data-ui-skin=fof] .completion-best,.authored-ui[data-ui-skin=fof] .completion-status,.authored-ui[data-ui-skin=fof] .completion-leaders,.authored-ui[data-ui-skin=fof] .result-hint{color:#daf1fb}.authored-ui[data-ui-skin=fof] .panel .result-card>p{color:#daf1fb;opacity:1}.authored-ui[data-ui-skin=fof] .panel .result-card>p[data-role=subtitle]{font-weight:800}.authored-ui[data-ui-skin=fof] .panel .result-card>p.replay-question{color:#b7dbe9}.authored-ui[data-ui-skin=fof] .completion-save button{background-image:var(--button-secondary-art)}.authored-ui[data-ui-skin=fof] .panel .result-actions .result-next,.authored-ui[data-ui-skin=fof] .panel.lose .result-actions [data-role=again]{background-image:var(--button-primary-art)}.authored-ui[data-ui-skin=fof] .completion-rank[data-rank=S]{box-shadow:0 0 0 4px #22c7d855,0 0 20px #9cebec}.authored-ui[data-ui-skin=tank]{--result-accent: #f45c64}.authored-ui[data-ui-skin=tank] .session-bar button,.authored-ui[data-ui-skin=tank] .speed-toggle{outline:2px solid #7ab9e8;outline-offset:-4px}.authored-ui[data-ui-skin=tank] .speed-toggle.fast{outline-color:#f45c64}.authored-ui[data-ui-skin=tank] .counter{border:0;border-radius:12px;color:#fff;background:var(--badge-art) center / 100% 100% no-repeat;box-shadow:0 4px #07142899;text-shadow:0 2px 0 #071428}.authored-ui[data-ui-skin=tank] .counter:before{color:#d9f2ff}.authored-ui[data-ui-skin=tank] .counter.full{color:#ffe1d7;filter:saturate(1.3)}.authored-ui[data-ui-skin=tank] .panel{background:#08101bc9}.authored-ui[data-ui-skin=tank] .result-card{border:2px solid #b8c9e5;background:#20294def;box-shadow:0 20px 55px #121337aa,inset 0 1px #ecf7ff44}.authored-ui[data-ui-skin=tank] .panel .result-card h1{color:#f5faff;text-shadow:0 3px 0 #0a3b79;background:none;padding:6px 0 14px}.authored-ui[data-ui-skin=tank] .panel .result-actions button,.authored-ui[data-ui-skin=tank] .completion-save button{color:#073766;text-shadow:0 1px 0 #ffffffaa}.authored-ui[data-ui-skin=tank] .panel .result-actions .result-next,.authored-ui[data-ui-skin=tank] .panel.lose .result-actions [data-role=again]{background:linear-gradient(#ed7881,#ca465a);border:2px solid #ffacb5;border-radius:13px;box-shadow:inset 0 1px #fff7,0 4px #872b41;color:#fff;text-shadow:0 2px 0 #812634}.authored-ui[data-ui-skin=tank] .completion-rank{border-color:#fb6e71;background:#143a67;color:#fff;box-shadow:0 0 0 4px #fb6e7133}.authored-ui[data-ui-skin=prism]{--result-accent: #ffe057}.authored-ui[data-ui-skin=prism] .session-bar button,.authored-ui[data-ui-skin=prism] .speed-toggle{overflow:hidden;border-radius:50%;outline:2px solid #e9b9ff;outline-offset:-4px}.authored-ui[data-ui-skin=prism] .speed-toggle.fast{outline-color:#ffe057}.authored-ui[data-ui-skin=prism] .counter{border:0;border-radius:12px;color:#fff;background:var(--badge-art) center / 100% 100% no-repeat;box-shadow:0 4px #3b1c69aa;text-shadow:0 2px 0 #3b1c69}.authored-ui[data-ui-skin=prism] .counter:before{color:#402269}.authored-ui[data-ui-skin=prism] .counter.full{color:#fff;filter:saturate(1.3)}.authored-ui[data-ui-skin=prism] .panel{background:#160d2bc9}.authored-ui[data-ui-skin=prism] .result-card{border:2px solid #c9bff0;background:#292850ef;box-shadow:0 20px 55px #17173caa,inset 0 1px #fff3}.authored-ui[data-ui-skin=prism] .panel .result-card h1{color:#fff9e0;text-shadow:0 3px 0 #762bca;background:none;padding:6px 0 14px}.authored-ui[data-ui-skin=prism] .panel .result-actions button,.authored-ui[data-ui-skin=prism] .completion-save button{color:#39166d;text-shadow:0 1px 0 #ffffffbb}.authored-ui[data-ui-skin=prism] .panel .result-actions .result-next,.authored-ui[data-ui-skin=prism] .panel.lose .result-actions [data-role=again]{background:linear-gradient(#fbe39a,#e9b954);border:2px solid #fff1c5;border-radius:13px;box-shadow:inset 0 1px #fff8,0 4px #a87a30;color:#433f69;text-shadow:0 1px 0 #fff7bf}.authored-ui[data-ui-skin=prism] .completion-rank{border-color:#ffe057;background:#5f219b;color:#fff1a3;box-shadow:0 0 0 4px #ffe05744}@media(max-width:380px){.authored-ui .panel .result-actions button{min-width:115px}}@media(prefers-reduced-motion:reduce){.authored-ui .session-bar button,.authored-ui .speed-toggle{transition:none}}.authored-ui[data-ui-skin] .session-bar button,.authored-ui[data-ui-skin] .speed-toggle{background:var(--hud-button-bg);border-radius:50%;outline:none;box-shadow:var(--hud-button-shadow);filter:none}.authored-ui[data-ui-skin] .sound-toggle:before,.authored-ui[data-ui-skin] [data-action=pause]:before,.authored-ui[data-ui-skin] .speed-toggle:before{background:var(--hud-icon);-webkit-mask:var(--sound-off-art) center / contain no-repeat;mask:var(--sound-off-art) center / contain no-repeat;inset:28% 27% 30%}.authored-ui[data-ui-skin] .sound-toggle[aria-pressed=true]:before{-webkit-mask-image:var(--sound-on-art);mask-image:var(--sound-on-art)}.authored-ui[data-ui-skin] [data-action=pause]:before{-webkit-mask-image:var(--pause-art);mask-image:var(--pause-art)}.authored-ui[data-ui-skin] [data-action=pause][aria-pressed=true]:before{-webkit-mask-image:var(--play-art);mask-image:var(--play-art)}.authored-ui[data-ui-skin] .speed-toggle:before{-webkit-mask-image:var(--speed-art);mask-image:var(--speed-art);inset:17% 33% 45% 37%}.authored-ui[data-ui-skin] .speed-toggle{color:var(--hud-icon);font-weight:900;text-shadow:none}.authored-ui[data-ui-skin] .session-bar .level-title{font-weight:900;font-size:min(clamp(18px,4.6vw,28px),calc(var(--title-room) / 4.6));-webkit-text-stroke:0}.authored-ui[data-ui-skin] .counter{font-weight:900;text-shadow:none}.authored-ui[data-ui-skin] .toast{border:0;text-shadow:none;font-weight:800;padding:10px 22px}.authored-ui[data-ui-skin] .panel .result-card h1,.authored-ui[data-ui-skin] .panel .result-actions button,.authored-ui[data-ui-skin] .completion-save button{font-weight:900}.authored-ui[data-ui-skin=fof]{--hud-button-bg: radial-gradient(circle at 50% 30%, #ffffff 0 55%, #e3f4ff 100%);--hud-button-shadow: 0 4px 0 #8fc6e6, 0 7px 12px #0b4f7a55;--hud-icon: #1b6fc4}.authored-ui[data-ui-skin=fof] .session-bar .level-title{display:flex;align-items:center;gap:.28em;padding:.18em .65em .18em .22em;border-radius:999px;background:linear-gradient(#fff,#e8f6ff);color:#0d2c5c;text-shadow:none;font-size:min(clamp(20px,5.4vw,30px),calc(var(--title-room) / 7.4));box-shadow:0 3px #8fc6e6,0 6px 12px #0b4f7a44}.authored-ui[data-ui-skin=fof] .session-bar .level-title:before{content:"★";display:grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;background:radial-gradient(circle at 40% 30%,#6fd0ff,#1f7fe0);color:#fff;font-size:.8em;box-shadow:inset 0 -2px #135fb0}.authored-ui[data-ui-skin=fof] .counter{border:0;border-radius:999px;color:#1b3e70;background:linear-gradient(#fff,#e8f6ff);box-shadow:0 3px #8fc6e6,0 6px 12px #0b4f7a44}.authored-ui[data-ui-skin=fof] .counter:before{color:#3f8fd0}.authored-ui[data-ui-skin=fof] .counter.full{color:#e2263b}.authored-ui[data-ui-skin=fof] .toast{border-radius:999px;background:#fffe;color:#1b3e70;box-shadow:0 4px #8fc6e6,0 8px 16px #0b4f7a44}.authored-ui[data-ui-skin=fof] .result-card,.authored-ui[data-ui-skin=fof] .panel.lose .result-card{border:4px solid #ffffff;border-radius:26px;color:#1b3e70;background:linear-gradient(#f4fbff,#d7efff);box-shadow:0 8px #7fb9dd,0 22px 40px #06325566;filter:none;padding-top:clamp(20px,4vmin,30px)}.authored-ui[data-ui-skin=fof] .panel .result-card h1{color:#fff;background:linear-gradient(#3aa5ff,#1d6fd6);margin:0 -8px;padding:8px 12px;border-radius:14px;box-shadow:0 4px #134f9e;text-shadow:0 2px 0 #134f9e}.authored-ui[data-ui-skin=fof] .panel.lose .result-card h1{color:#fff;background:linear-gradient(#ff7a7a,#e2263b);box-shadow:0 4px #9b1626;text-shadow:0 2px 0 #9b1626}.authored-ui[data-ui-skin=fof] .panel .result-card>p,.authored-ui[data-ui-skin=fof] .result-hint,.authored-ui[data-ui-skin=fof] .completion-best,.authored-ui[data-ui-skin=fof] .completion-status,.authored-ui[data-ui-skin=fof] .completion-leaders{color:#2d5684}.authored-ui[data-ui-skin=fof] .panel .result-actions button,.authored-ui[data-ui-skin=fof] .completion-save button{border:3px solid #ffd657;border-radius:999px;background:linear-gradient(#58b6ff,#1f78dc);color:#fff;box-shadow:inset 0 2px #fff6,0 4px #c7922a;text-shadow:0 2px 0 #134f9e}.authored-ui[data-ui-skin=fof] .panel .result-actions .result-next,.authored-ui[data-ui-skin=fof] .panel.lose .result-actions [data-role=again]{background:linear-gradient(#ff5d6a,#d81f35);text-shadow:0 2px 0 #8d1222}.authored-ui[data-ui-skin=fof] .completion-save input{background:#fff;color:#1b3e70;border-color:#9fd0ef}.authored-ui[data-ui-skin=tank],.authored-ui[data-ui-skin=prism]{--hud-button-bg: #ffffff;--hud-button-shadow: 0 3px 0 #00000026;--hud-icon: #5a4fd6}.authored-ui[data-ui-skin=prism]{--hud-icon: #7b3fd0}.authored-ui[data-ui-skin=tank] .session-bar .level-title,.authored-ui[data-ui-skin=prism] .session-bar .level-title{color:#fff;font-size:clamp(22px,6vw,34px);-webkit-text-stroke:5px #2a2280;paint-order:stroke fill;text-shadow:0 4px 0 #2a2280,0 6px 14px #0006}.authored-ui[data-ui-skin=tank] .counter,.authored-ui[data-ui-skin=prism] .counter{border:0;border-radius:14px;background:#fff;color:#3d3590;box-shadow:0 3px #00000026}.authored-ui[data-ui-skin=tank] .counter:before,.authored-ui[data-ui-skin=prism] .counter:before{color:#8a84c9}.authored-ui[data-ui-skin=tank] .counter.full,.authored-ui[data-ui-skin=prism] .counter.full{color:#e4374b;filter:none}.authored-ui[data-ui-skin=tank] .toast,.authored-ui[data-ui-skin=prism] .toast{border-radius:14px;background:#fff;color:#3d3590;box-shadow:0 3px #00000026}.authored-ui[data-ui-skin=tank] .panel,.authored-ui[data-ui-skin=prism] .panel{background:#1d1450a6}.authored-ui[data-ui-skin=tank] .result-card,.authored-ui[data-ui-skin=tank] .panel.lose .result-card,.authored-ui[data-ui-skin=prism] .result-card,.authored-ui[data-ui-skin=prism] .panel.lose .result-card{border:0;border-radius:22px;background:#fff;color:#3d3590;box-shadow:0 6px #00000026;filter:none;padding-top:clamp(20px,4vmin,30px)}.authored-ui[data-ui-skin=tank] .panel .result-card h1,.authored-ui[data-ui-skin=prism] .panel .result-card h1{color:#3d3590;text-shadow:none}.authored-ui[data-ui-skin=tank] .panel.lose .result-card h1,.authored-ui[data-ui-skin=prism] .panel.lose .result-card h1{color:#e4374b}.authored-ui[data-ui-skin=tank] .panel .result-card>p,.authored-ui[data-ui-skin=tank] .result-hint,.authored-ui[data-ui-skin=tank] .completion-best,.authored-ui[data-ui-skin=tank] .completion-status,.authored-ui[data-ui-skin=tank] .completion-leaders,.authored-ui[data-ui-skin=prism] .panel .result-card>p,.authored-ui[data-ui-skin=prism] .result-hint,.authored-ui[data-ui-skin=prism] .completion-best,.authored-ui[data-ui-skin=prism] .completion-status,.authored-ui[data-ui-skin=prism] .completion-leaders{color:#6b66a8}.authored-ui[data-ui-skin=tank] .panel .result-actions button,.authored-ui[data-ui-skin=tank] .completion-save button,.authored-ui[data-ui-skin=prism] .panel .result-actions button,.authored-ui[data-ui-skin=prism] .completion-save button{border:0;border-radius:14px;background:#7b72e8;color:#fff;box-shadow:0 4px #4f46b8;text-shadow:none}.authored-ui[data-ui-skin=tank] .panel .result-actions .result-next,.authored-ui[data-ui-skin=tank] .panel.lose .result-actions [data-role=again],.authored-ui[data-ui-skin=prism] .panel .result-actions .result-next,.authored-ui[data-ui-skin=prism] .panel.lose .result-actions [data-role=again]{background:#35c759;box-shadow:0 4px #239640}.authored-ui[data-ui-skin=tank] .completion-save input,.authored-ui[data-ui-skin=prism] .completion-save input{background:#f1f0ff;color:#3d3590;border-color:#d2cff5}.authored-ui[data-ui-skin=fof]{--ui-primary: #1f86ff;--ui-primary-dark: #1258b8;--ui-accent: #ffa024;--ui-accent-dark: #c9700a;--ui-on-accent: #ffffff}.authored-ui[data-ui-skin=tank]{--ui-primary: #5a4fd6;--ui-primary-dark: #3d3590;--ui-accent: #ffd21f;--ui-accent-dark: #c79c00;--ui-on-accent: #3d2a00}.authored-ui[data-ui-skin=prism]{--ui-primary: #7b3fd0;--ui-primary-dark: #4f2490;--ui-accent: #ffd21f;--ui-accent-dark: #c79c00;--ui-on-accent: #3d2a00}.authored-ui[data-ui-skin]{--hud-icon: var(--ui-primary)}.authored-ui[data-ui-skin] .counter{color:var(--ui-primary-dark)}.authored-ui[data-ui-skin] .counter:before{color:var(--ui-primary)}.authored-ui[data-ui-skin] .toast{color:var(--ui-primary-dark)}.authored-ui[data-ui-skin] .speed-toggle.fast{--hud-icon: var(--ui-accent-dark)}.authored-ui[data-ui-skin] .panel .result-actions button,.authored-ui[data-ui-skin] .completion-save button{background:var(--ui-primary);color:#fff;border:0;border-radius:999px;box-shadow:inset 0 2px #fff5,0 4px 0 var(--ui-primary-dark);text-shadow:0 2px 0 var(--ui-primary-dark)}.authored-ui[data-ui-skin] .panel .result-actions .result-next,.authored-ui[data-ui-skin] .panel.lose .result-actions [data-role=again]{background:var(--ui-accent);color:var(--ui-on-accent);border:0;border-radius:999px;box-shadow:inset 0 2px #fff7,0 4px 0 var(--ui-accent-dark);text-shadow:none}.authored-ui[data-ui-skin] .completion-rank{border-color:var(--ui-accent);color:var(--ui-primary-dark);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent) 35%,transparent)}.authored-ui[data-ui-skin=fof] .panel .result-card h1{background:var(--ui-primary);box-shadow:0 4px 0 var(--ui-primary-dark);text-shadow:0 2px 0 var(--ui-primary-dark)}.authored-ui[data-ui-skin=tank] .panel .result-card h1,.authored-ui[data-ui-skin=prism] .panel .result-card h1{color:var(--ui-primary)}.authored-ui[data-ui-skin=fof] .session-bar .level-title{color:var(--ui-primary-dark)}.authored-ui[data-ui-skin=fof] .session-bar .level-title:before{background:radial-gradient(circle at 40% 30%,#ffd27a,var(--ui-accent));box-shadow:inset 0 -2px 0 var(--ui-accent-dark)}.authored-ui[data-ui-skin=tank] .session-bar .level-title,.authored-ui[data-ui-skin=prism] .session-bar .level-title{-webkit-text-stroke-color:var(--ui-primary-dark);text-shadow:0 4px 0 var(--ui-primary-dark),0 6px 14px #0006}.authored-ui[data-ui-skin] .speed-toggle[data-speed="2"]:before{-webkit-mask-image:var(--speed-art),var(--speed-art);mask-image:var(--speed-art),var(--speed-art);-webkit-mask-size:50% 100%;mask-size:50% 100%;-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;inset:19% 22% 45% 26%}.authored-ui[data-ui-skin] .speed-toggle[data-speed="3"]:before{-webkit-mask-image:var(--speed-art),var(--speed-art),var(--speed-art);mask-image:var(--speed-art),var(--speed-art),var(--speed-art);-webkit-mask-size:33.4% 100%;mask-size:33.4% 100%;-webkit-mask-position:0 0,50% 0,100% 0;mask-position:0 0,50% 0,100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;inset:22% 16% 47% 20%}