:root{--ink:#071317;--panel:#08161bcc;--panel-solid:#0b1a1f;--cream:#fff1d6;--orange:#ff6a1a;--amber:#ffc233;--cyan:#52e0ff;--red:#ff3d2e;--mute:#8fb0b8;--display:"Bungee", "Impact", "Arial Black", sans-serif;--body:"Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--shade:0 1px 2px #000c, 0 0 10px #00000080}#hud{pointer-events:none;font-family:var(--body);color:var(--cream);z-index:10;letter-spacing:.03em;text-shadow:var(--shade);font-weight:600;position:fixed;inset:0}#hud.hidden>:not(.flash){visibility:hidden}.crosshair{border:1.5px solid #fff1d68c;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;transition:transform 80ms,border-color .1s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #07131759}.crosshair:after{content:"";background:var(--orange);border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%}.crosshair.kick{border-color:var(--orange);transform:scale(1.35)}.crosshair.guided{border-color:var(--cyan);border-radius:4px;width:44px;height:44px;margin:-22px 0 0 -22px}.panel{background:var(--panel);box-shadow:4px 4px 0 var(--ink), 0 8px 30px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #fff1d6e6}.score-hud{width:168px;position:absolute;top:16px;left:20px}.score-hud .line{align-items:baseline;gap:9px;display:flex}.score-hud .score{font:400 26px/1 var(--display);color:var(--cream);font-variant-numeric:tabular-nums}.score-hud .combo{font:400 14px/1 var(--display);color:var(--amber);opacity:0;transition:opacity .2s}.score-hud .combo.on{opacity:1}.dmg{background:#fff1d633;border-radius:2px;height:3px;margin-top:8px;overflow:hidden;box-shadow:0 1px 3px #00000080}.dmg i{background:linear-gradient(90deg, var(--orange), var(--amber));width:0;height:100%;transition:width .4s cubic-bezier(.2,.9,.2,1);display:block}.cap{color:#fff1d6b3;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;margin-top:5px;font-size:12px;line-height:1}.cap b{color:var(--cream);font-weight:700}.cap .dot{background:#fff1d680;border-radius:50%;width:3px;height:3px;margin:0 7px 2px;display:inline-block}.missions{opacity:.86;width:210px;position:absolute;top:16px;right:20px}.missions.open{opacity:1;width:260px}.missions h2{font:400 11px/1 var(--display);letter-spacing:.08em;color:var(--amber);text-transform:uppercase;text-align:right;margin:0 0 5px}.missions h2 span{color:#fff1d6b3;font:700 12px var(--body);margin-left:4px}.mission{padding:4px 0 5px}.mission .t{justify-content:space-between;gap:10px;font-size:14px;line-height:1.1;display:flex}.mission .t span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mission .t em{color:#fff1d6a6;flex:none;font-size:12px;font-style:normal}.mission .d{color:#fff1d699;margin-top:1px;font-size:12px;line-height:1.15}.mission .bar{background:#fff1d629;border-radius:1px;height:2px;margin-top:4px;overflow:hidden}.mission .bar i{background:var(--cyan);width:0;height:100%;transition:width .4s;display:block}.mission.done{opacity:.5}.mission.done .t{color:var(--amber)}.mission.done .bar i{background:var(--amber)}.missions .more{color:#fff1d680;text-align:right;text-transform:uppercase;letter-spacing:.08em;padding-top:3px;font-size:11px}.hotbar{gap:2px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{color:#fff1d699;justify-content:center;align-items:center;width:38px;height:42px;transition:transform .14s cubic-bezier(.2,.9,.2,1),color .12s;display:flex;position:relative}.slot svg{fill:currentColor;filter:drop-shadow(0 1px 1.5px #000000d9);width:24px;height:24px}.slot .k{font:400 9px/1 var(--display);color:#fff1d680;position:absolute;top:1px;right:5px}.slot:after{content:"";background:var(--tier,var(--orange));opacity:0;border-radius:1px;width:14px;height:2px;margin-left:-7px;transition:opacity .14s,transform .14s;position:absolute;bottom:4px;left:50%;transform:scaleX(.3)}.slot .cd{transform-origin:0;background:#fff1d68c;border-radius:1px;height:2px;position:absolute;bottom:0;left:7px;right:7px;transform:scaleX(0)}.slot.on{color:var(--amber);transform:translateY(-4px)scale(1.24)}.slot.on .k{color:var(--cream)}.slot.on:after{opacity:1;transform:none}.tool{text-align:center;white-space:nowrap;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.tool .head{justify-content:center;align-items:center;display:flex}.tool .n{font:400 14px/1 var(--display);letter-spacing:.05em;color:var(--cream);text-transform:uppercase}.tool .power{gap:2px;margin-left:9px;display:inline-flex}.tool .power b{background:#fff1d640;width:8px;height:4px;transform:skew(-20deg)}.tool .power b.f{background:var(--amber)}.tool .d,.tool .h{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(3px)}.tool .d{color:var(--cream);margin-top:6px;font-size:14px;line-height:1.1}.tool .h{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:12px;line-height:1}.tool.fresh .d,.tool.fresh .h{opacity:1;transform:none}.tool:not(.fresh) .d,.tool:not(.fresh) .h{height:0;margin:0;overflow:hidden}.status{opacity:0;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;bottom:18px;left:20px}.status.on{opacity:1}.status .mode{font:400 11px/1 var(--display);letter-spacing:.08em;color:#fff1d6bf}.fuel{background:#fff1d633;border-radius:2px;width:84px;height:3px;overflow:hidden;box-shadow:0 1px 3px #00000080}.fuel i{background:var(--cyan);width:100%;height:100%;display:block}.status.low .fuel i{background:var(--red)}.esc{letter-spacing:.1em;text-transform:uppercase;color:#fff1d666;font-size:11px;position:absolute;bottom:16px;right:20px}.perf{white-space:pre-wrap;max-width:420px;color:var(--cream);background:#041014b3;border:1px solid #fff1d659;padding:6px 9px;font:600 12px/1.35 ui-monospace,Menlo,monospace;display:none;position:absolute;top:84px;left:20px}.perf.on{display:block}.toasts{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%)}.toast{font:400 18px/1.1 var(--display);color:var(--cream);text-shadow:0 2px #071317d9,0 0 14px #0000008c;white-space:nowrap;animation:2.6s cubic-bezier(.2,.9,.2,1) forwards toastIn}.toast.big{color:var(--amber);font-size:30px;animation-duration:3.6s}.toast.bonus{color:var(--amber);font-size:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.7)}8%{opacity:1;transform:translateY(0)scale(1.08)}14%{transform:scale(1)}82%{opacity:1}to{opacity:0;transform:translateY(-16px)scale(.98)}}.flash{opacity:0;mix-blend-mode:screen;background:#fff;position:absolute;inset:0}.vignette{background:radial-gradient(#0000 60%,#0000004d 100%);position:absolute;inset:0}.guidedhud{font:400 14px/1.35 var(--display);letter-spacing:.06em;color:var(--cyan);text-align:center;display:none;position:absolute;top:20px;left:50%;transform:translate(-50%)}.guidedhud small{font:700 12px var(--body);color:var(--cream);letter-spacing:.08em}.guidedhud.on{display:block}.warn{font:400 24px var(--display);color:var(--red);text-shadow:0 2px 0 var(--ink), 0 0 16px #ff3d2e80;animation:.5s steps(2,end) infinite blink;display:none;position:absolute;top:90px;left:50%;transform:translate(-50%)}.warn.on{display:block}@keyframes blink{50%{opacity:.25}}#menu{z-index:20;padding:0 max(6vw, env(safe-area-inset-left)) 0 max(6vw, env(safe-area-inset-left));font-family:var(--body);color:var(--cream);pointer-events:auto;background:linear-gradient(90deg,#040c0fc7 0%,#040c0f6b 42%,#040c0f00 72%),linear-gradient(#040c0f00 68%,#040c0f8c);align-items:center;transition:background .3s;display:flex;position:fixed;inset:0}#menu.hidden{display:none}#menu.paused{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040c0f9e}.card{text-align:left;width:min(480px,88vw)}.card h1{font:400 clamp(38px, min(9vw, 17vh), 92px)/.92 var(--display);color:var(--orange);text-shadow:3px 3px 0 var(--ink), 6px 6px 0 #ffc2338c;letter-spacing:.01em;margin:0}.card .tag{color:var(--cream);text-shadow:var(--shade);margin:clamp(8px,2vh,16px) 0 clamp(14px,3.4vh,24px);font-size:clamp(16px,2.6vh,21px)}.card .go{font:400 clamp(18px, 3.4vh, 24px) var(--display);color:var(--ink);background:var(--amber);cursor:pointer;text-transform:uppercase;border:0;border-radius:999px;padding:clamp(10px,2.2vh,15px) clamp(34px,6vh,52px);transition:transform .1s,box-shadow .1s;box-shadow:0 5px #c26a12,0 10px 24px #00000059}.card .go:hover{transform:translateY(-2px);box-shadow:0 7px #c26a12,0 14px 28px #00000059}.card .go:active{transform:translateY(4px);box-shadow:0 1px #c26a12}.card .go[disabled]{opacity:.6;cursor:wait}.card .sub{flex-wrap:wrap;gap:18px;margin-top:clamp(12px,2.6vh,20px);display:flex}.card .sub button{font:600 15px var(--body);letter-spacing:.08em;color:var(--cream);opacity:.75;cursor:pointer;text-transform:uppercase;text-shadow:var(--shade);background:0 0;border:0;border-bottom:1px solid #fff1d666;padding:4px 0}.card .sub button:hover{opacity:1;border-bottom-color:var(--cream)}.menu-hint{left:max(6vw, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));letter-spacing:.06em;text-transform:uppercase;color:#fff1d6a6;text-shadow:var(--shade);font-size:14px;position:absolute}.menu-hint b{color:var(--amber);font-weight:700}body.touch .menu-hint{display:none}@media (width<=860px),(pointer:coarse){.menu-hint{display:none}}.credit{white-space:nowrap;left:50%;bottom:max(14px, env(safe-area-inset-bottom));opacity:.85;filter:drop-shadow(0 1px 3px #000000b3);align-items:center;gap:9px;display:flex;position:absolute;transform:translate(-50%)}.credit span{font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#fff1d6bf}.sb-logo{width:auto;height:22px;display:block}.sb-logo .sb-ink{fill:var(--cream)}.sb-logo .sb-orange{fill:var(--orange)}@media (width<=860px){.missions,.esc{display:none}.slot{width:30px}.slot svg{width:20px;height:20px}.tool{bottom:58px}}.tc{z-index:9;touch-action:none;font-family:var(--body);letter-spacing:.04em;color:var(--cream);font-weight:700;display:none;position:fixed;inset:0}.tc.on{display:block}.tc-look,.tc-stickzone{touch-action:none;position:absolute}.tc-look{inset:0}.tc-stickzone{width:46%;height:58%;bottom:0;left:0}.tc-ring{pointer-events:none;background:radial-gradient(circle,#08161b0d,#08161b47);border:2px dashed #fff1d647;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:border-color .12s;position:fixed}.tc-ring.live{border:2px solid #fff1d68c}.tc-knob{border:2px solid var(--cream);background:#ff6a1ad9;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}.tc{--f:clamp(64px, 23vh, 92px)}.tc-cluster{right:max(14px, env(safe-area-inset-right));bottom:max(14px, calc(env(safe-area-inset-bottom) + 8px));width:calc(var(--f) * 2.15);height:calc(var(--f) * 2.05);pointer-events:none;position:absolute}.tc-btn{pointer-events:auto;touch-action:none;font-family:var(--display);text-align:center;background:#08161b6b;border:2px solid #fff1d6bf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:15px;font-weight:400;line-height:1;transition:transform 60ms,background 60ms;display:flex;position:absolute}.tc-btn small{font:700 9px/1 var(--body);letter-spacing:.06em;color:var(--mute);text-transform:uppercase;margin-top:3px}.tc-btn.down{background:var(--orange);color:var(--ink);transform:scale(.9)}.tc-btn.down small{color:var(--ink)}.tc-fire{width:var(--f);height:var(--f);color:var(--ink);border-color:var(--cream);background:#ff6a1ae0;font-size:19px;bottom:0;right:0}.tc-fire.down{background:var(--amber)}.tc-alt{right:calc(var(--f) * .06);bottom:calc(var(--f) * 1.1);width:calc(var(--f) * .66);height:calc(var(--f) * .66);font-size:12px}.tc-jump{right:calc(var(--f) * 1.17);bottom:calc(var(--f) * .02);width:calc(var(--f) * .8);height:calc(var(--f) * .8);font-size:12px}.tc-jump small{font-size:8px}.tc-c4{right:calc(var(--f) * 1.2);bottom:calc(var(--f) * 1.02);width:calc(var(--f) * .54);height:calc(var(--f) * .54);border-color:var(--red);color:var(--red);font-size:11px}.tc-top{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.tc-pill{pointer-events:auto;touch-action:none;min-width:42px;height:34px;font:400 12px var(--display);background:#08161b6b;border:1.5px solid #fff1d699;border-radius:17px;justify-content:center;align-items:center;padding:0 10px;display:flex}.tc-pill.on{background:var(--cyan);color:var(--ink)}.tc-pill.down{background:var(--orange);color:var(--ink)}.tc-tools{left:50%;top:max(52px, calc(env(safe-area-inset-top) + 46px));text-shadow:0 1px 2px #000000d9,0 0 10px #00000080;align-items:center;gap:2px;width:min(78vw,320px);display:flex;position:absolute;transform:translate(-50%)}.tc-arrow{pointer-events:auto;touch-action:none;color:#fff1d6cc;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:transform 60ms,color 60ms;display:flex}.ico{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ico.fill{fill:currentColor;stroke:none;width:16px;height:16px}.tc-arrow.down{color:var(--orange);transform:scale(.85)}.tc-tool{pointer-events:auto;touch-action:none;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;height:44px;display:flex}.tc-strip{left:50%;top:max(98px, calc(env(safe-area-inset-top) + 92px));opacity:0;pointer-events:none;background:#08161b99;border-radius:999px;gap:2px;max-width:96vw;padding:4px 6px;transition:opacity .14s,transform .14s;display:flex;position:absolute;transform:translate(-50%)translateY(-6px)}.tc-strip.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.tc-chip{touch-action:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:min(40px,8vw);height:min(40px,8vw);display:flex}.tc-chip svg{width:min(24px,5.2vw);height:min(24px,5.2vw);fill:var(--cream)}.tc-chip.on{background:var(--amber)}.tc-chip.on svg{fill:var(--ink)}.tc-tool svg{width:22px;height:22px;fill:var(--amber);filter:drop-shadow(0 1px 1.5px #000000d9);flex:none}.tc-tool .n{min-width:0;font:400 12px/1 var(--display);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden}.tc-tool .p{gap:2px;display:inline-flex}.tc-tool .p b{background:#fff1d633;width:7px;height:8px;transform:skew(-20deg)}.tc-tool .p b.f{background:var(--amber)}body.touch .hotbar,body.touch .missions,body.touch .tool,body.touch .esc{display:none}body.touch .score-hud{left:max(12px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));width:128px}body.touch .score-hud .score{font-size:21px}body.touch .score-hud .combo{font-size:12px}body.touch .cap{font-size:10px}body.touch .status{left:max(12px, env(safe-area-inset-left));top:max(80px, calc(env(safe-area-inset-top) + 74px));bottom:auto}body.touch .toasts{top:108px}body.touch .credit{left:50%;right:auto}body.touch .credit span{font-size:9px}body.touch .sb-logo{height:16px}body.touch .toast{font-size:13px}body.touch .crosshair{transform:scale(.9)}.tc-rotate{z-index:40;text-align:center;color:var(--cream);font-family:var(--body);background:#040e12f7;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;inset:0}.tc-rotate svg{fill:none;width:72px;height:72px;stroke:var(--amber);stroke-width:1.6px;animation:2.4s ease-in-out infinite tc-turn}.tc-rotate b{font:400 22px var(--display);color:var(--orange)}.tc-rotate span{color:var(--mute);font-size:17px}.tc-rotate button{font:600 15px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border:0;border-bottom:1px solid var(--mute);background:0 0;margin-top:8px;padding:8px 4px}@keyframes tc-turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){body.touch:not(.allow-portrait) .tc-rotate{display:flex}}body.touch .controls{display:none}body.touch .touchonly{display:block}.touchonly{display:none}