:root{color:#fff;font-synthesis:none;--navy:#07152b;--navy-2:#0e2848;--cyan:#33e7ff;--blue:#2f8dff;--red:#ff334b;--gold:#ffd84d;--silver:#d9e7f3;--gear:0;background:#07152b;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#07152b;width:100%;height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none}body{position:fixed;inset:0}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 46%,#0000 43%,#03091938 75%,#0307149e 115%);position:absolute;inset:0}.speed-lines{z-index:2;opacity:.22;pointer-events:none;background:repeating-linear-gradient(113deg,#0000 0 46px,#ffffff1a 47px 49px,#0000 50px 94px);animation:.6s linear infinite speed-lines;position:absolute;inset:0;transform:translateY(8%);-webkit-mask:linear-gradient(#0000 5%,#000 45% 90%,#0000);mask:linear-gradient(#0000 5%,#000 45% 90%,#0000)}@keyframes speed-lines{to{background-position:0 94px}}.hud{z-index:5;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;grid-template-columns:minmax(92px,.75fr) minmax(240px,2.2fr) minmax(92px,.75fr);align-items:start;gap:10px;display:grid;position:absolute}.hud-card,.mission-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0b1c36f0,#040e21db);border:3px solid #daeeffe6;box-shadow:0 0 0 3px #050f22c7,0 7px 24px #02081761,inset 0 1px #ffffff40}.hud-card{text-align:center;border-radius:15px;min-height:65px;padding:8px 10px}.hud-label,.mission-card small{color:#9deeff;letter-spacing:.17em;font-size:9px;font-weight:1000;display:block}.armor-pips{justify-content:center;gap:5px;margin-top:7px;display:flex}.armor-pips i{clip-path:polygon(50% 0,95% 18%,83% 75%,50% 100%,17% 75%,5% 18%);background:linear-gradient(150deg, #fff, var(--cyan) 45%, var(--blue));width:22px;height:20px;box-shadow:0 0 12px var(--cyan);transition:opacity .25s,transform .25s,filter .25s}.armor-pips i.empty{opacity:.22;filter:grayscale();transform:scale(.82)}.mission-card{border-radius:17px;min-height:78px;padding:7px 13px 8px}.mission-heading{justify-content:space-between;align-items:baseline;display:flex}.mission-heading span{color:var(--gold);letter-spacing:.12em;font-size:12px;font-weight:1000}.mission-heading strong{letter-spacing:.03em;text-shadow:0 3px #061226;font-family:Impact,Arial Black,sans-serif;font-size:clamp(22px,4vw,34px);line-height:1}.mission-track{background:#061329;border:2px solid #243d61;border-radius:99px;height:13px;margin:5px 0 4px;position:relative;overflow:hidden}.mission-track i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--gold), var(--red));width:0;height:100%;box-shadow:0 0 15px var(--cyan);transition:width .2s linear;display:block}.mission-track b{opacity:.75;background:#fff;width:3px;height:14px;position:absolute;top:-2px}.mission-track b:nth-child(2){left:32%}.mission-track b:nth-child(3){left:68%}.mission-card small{text-align:center}.combo-card strong{color:var(--gold);letter-spacing:.04em;text-shadow:0 3px #171d35;margin-top:4px;font-family:Impact,Arial Black,sans-serif;font-size:27px;display:block}.corner-controls{z-index:8;top:calc(max(12px, env(safe-area-inset-top)) + 88px);right:max(14px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.icon-button{color:#fff;cursor:pointer;background:#07152be0;border:3px solid #dcefff;border-radius:14px;width:46px;height:46px;padding:0;font-size:20px;font-weight:1000;box-shadow:0 5px #040b1bbf}.icon-button:active{transform:translateY(4px);box-shadow:0 1px #040b1bbf}.callout{z-index:6;max-width:min(88vw,570px);color:var(--gold);letter-spacing:.07em;text-align:center;text-shadow:0 2px #14213d;pointer-events:none;background:linear-gradient(90deg,#071934f0,#1d3a5eeb);border:3px solid #fff;border-radius:99px;padding:8px 22px;font-size:clamp(13px,2.8vw,21px);font-weight:1000;transition:opacity .25s,transform .25s;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.callout.hide{opacity:0;transform:translate(-50%,-15px)scale(.92)}.callout.danger{color:#fff;background:linear-gradient(90deg,#bd122e,#ff4a43)}.callout.gear{color:#06142c;background:linear-gradient(90deg, var(--cyan), #fff, var(--gold))}.impact{z-index:12;opacity:0;background:var(--gold);color:#06142c;letter-spacing:.04em;text-align:center;text-shadow:2px 2px #fff;white-space:nowrap;pointer-events:none;border:3px solid #fff;border-radius:13px 5px;max-width:calc(100vw - 34px);padding:7px 16px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(28px,5.5vw,54px);line-height:.95;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)scale(.3)rotate(-7deg);box-shadow:0 0 0 3px #07152b,0 10px 28px #0006}.impact.show{animation:.68s ease-out impact-pop}.impact.red{background:var(--red);color:#fff}.impact.cyan{background:var(--cyan)}@keyframes impact-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(-10deg)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(4deg)}66%{opacity:1;transform:translate(-50%,-50%)scale(.96)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-80%)scale(.72)rotate(4deg)}}.dev-panel{z-index:25;top:calc(max(12px, env(safe-area-inset-top)) + 94px);right:max(14px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040f22e0;border:2px solid #9deeffe0;border-radius:11px;width:min(360px,100vw - 28px);padding:8px;position:absolute;box-shadow:0 5px #030919b3}.dev-panel[hidden]{display:none}.dev-panel>span,.dev-panel small{color:#9deeff;letter-spacing:.13em;font-size:8px;font-weight:1000;display:block}.dev-panel>div{gap:5px;margin:5px 0;display:flex}.dev-panel button{color:#d9efff;cursor:pointer;background:#0d294b;border:1px solid #587da4;border-radius:5px;flex:1;min-height:26px;padding:4px 5px;font-size:8px;font-weight:1000}.dev-panel button.active{background:linear-gradient(180deg, var(--cyan), #188ec7);color:#06142c;border-color:#fff}body.run-active .dev-panel{right:auto;left:max(14px, env(safe-area-inset-left))}.lane-hint{z-index:5;bottom:max(26px, env(safe-area-inset-bottom));color:#ffffffb8;letter-spacing:.18em;pointer-events:none;align-items:center;gap:10px;font-size:12px;animation:1.7s ease-in-out infinite hint-pulse;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lane-hint span{color:var(--cyan);font-size:28px}@keyframes hint-pulse{50%{opacity:.4;transform:translate(-50%)scale(.94)}}.gear-button{z-index:9;right:max(22px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));color:#fff;cursor:pointer;background:radial-gradient(circle at 45% 35%,#24466d 0 26%,#08172f 62%);border:5px solid #e8f7ff;border-radius:50%;width:126px;height:126px;padding:0;position:absolute;overflow:hidden;box-shadow:0 0 0 5px #050f22cc,0 0 28px #33e7ff59,0 9px #050f22}.gear-button:active:not(:disabled){box-shadow:0 0 0 5px #050f22cc, 0 0 35px var(--cyan), 0 3px 0 #050f22;transform:translateY(6px)scale(.96)}.gear-button:disabled{cursor:default}.gear-ring{background:conic-gradient(var(--cyan) calc(var(--gear) * 1turn), #192e4a9e 0);border-radius:50%;position:absolute;inset:5px;-webkit-mask:radial-gradient(circle,#0000 59%,#000 61%);mask:radial-gradient(circle,#0000 59%,#000 61%)}.gear-cog{height:37px;color:var(--cyan);text-shadow:0 0 14px var(--cyan);margin-top:17px;font-size:35px;line-height:37px;display:block;position:relative}.gear-button b,.gear-button small{display:block;position:relative}.gear-button b{letter-spacing:-.02em;font-size:18px}.gear-button small{color:#a9efff;letter-spacing:.12em;margin-top:3px;font-size:10px}.gear-button.ready{background:radial-gradient(circle at 45% 35%, #fff 0 9%, var(--cyan) 34%, #0873a8 68%);color:#06142c;animation:1s ease-in-out infinite gear-ready}.gear-button.ready .gear-cog,.gear-button.ready small{color:#06142c;text-shadow:none}@keyframes gear-ready{50%{box-shadow:0 0 0 5px #050f22cc, 0 0 46px var(--cyan), 0 9px 0 #050f22}}.screen{z-index:20;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 63%,#1c5c881f,#030a19c2);place-items:center;display:none;position:absolute;inset:0}.screen.open{display:grid}.start-screen{background:linear-gradient(90deg,#030b1cf0 0%,#040f22c7 39%,#040c1c14 70%);place-items:center start}.start-copy{text-align:left;width:min(600px,50vw);margin-left:clamp(0px,5vw,84px)}.torque-hero{object-fit:contain;filter:drop-shadow(0 12px 18px #00000061);width:auto;max-width:min(92%,540px);height:clamp(155px,28vh,280px);margin:-3px 0 -7px 1.5%;display:block}.eyebrow{color:var(--cyan);letter-spacing:.2em;margin:0 0 8px;font-size:12px;font-weight:1000}h1,h2{text-transform:uppercase;margin:0;font-family:Impact,Arial Black,sans-serif;font-weight:900;line-height:.8}h1 span{color:#fff;letter-spacing:-.035em;-webkit-text-stroke:4px #07152b;text-shadow:7px 7px 0 var(--red), 12px 12px 0 #07152b;font-size:clamp(74px,10vw,144px);font-style:italic;display:block}h1 em{background:linear-gradient(90deg, #0a5da8, var(--cyan));color:#07152b;letter-spacing:.035em;box-shadow:8px 8px 0 var(--red), 13px 13px 0 #07152b;border:4px solid #fff;margin-top:13px;padding:9px 22px 10px;font-size:clamp(31px,4.8vw,68px);font-style:normal;display:inline-block;transform:skew(-9deg)}.promise{color:#e8f5ff;text-shadow:0 2px #07152b;max-width:540px;margin:31px 0 19px;font-size:clamp(16px,2vw,22px);font-weight:800;line-height:1.35}.controls-grid{gap:12px;margin-bottom:17px;display:flex}.controls-grid div{background:#071831db;border:2px solid #789abe;border-radius:7px;min-width:165px;padding:9px 13px;transform:skew(-4deg)}.controls-grid b,.controls-grid span{display:block}.controls-grid b{color:var(--gold);font-size:14px}.controls-grid span{color:#a8c5df;letter-spacing:.12em;margin-top:3px;font-size:9px}.load-state{color:#aef5ff;letter-spacing:.12em;min-height:18px;margin:0 0 11px;font-size:11px;font-weight:1000}.primary-button{background:linear-gradient(180deg, var(--red), #d81a3d);color:#fff;letter-spacing:.045em;text-shadow:0 3px #7a1025;cursor:pointer;border:4px solid #fff;border-radius:13px 5px;min-width:270px;min-height:68px;padding:13px 24px;font-family:Impact,Arial Black,sans-serif;font-size:25px;box-shadow:0 0 0 4px #07152b,0 9px #07152b}.primary-button span{color:var(--gold)}.primary-button:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 0 4px #07152b,0 3px #07152b}.primary-button:disabled{opacity:.48;cursor:wait}.result-panel{width:min(590px,94vw);box-shadow:0 0 0 7px var(--red), 0 0 0 13px #07152b, 0 30px 90px #0000009e;text-align:center;background:linear-gradient(145deg,#091e3af7,#040d1ffa);border:5px solid #fff;border-radius:23px 8px;padding:31px;transform:rotate(-1deg)}.result-panel h2{color:var(--gold);letter-spacing:-.025em;text-shadow:6px 6px 0 var(--red), 10px 10px 0 #07152b;font-size:clamp(64px,12vw,112px)}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:29px 0 25px;display:grid}.result-stats div{background:#030d1fb8;border:2px solid #5b83ad;border-radius:12px;padding:11px 5px}.result-stats span,.result-stats strong{display:block}.result-stats span{color:#9cc7e6;letter-spacing:.13em;font-size:9px}.result-stats strong{color:#fff;margin-top:4px;font-family:Impact,Arial Black,sans-serif;font-size:29px}.compact-panel{max-width:430px}.compact-panel h2{margin-bottom:32px}body.gear-active .speed-lines{opacity:.5;animation-duration:.26s}body.gear-active .vignette{box-shadow:inset 0 0 110px #33e7ff75}body.finale-active .speed-lines{opacity:.42;animation-duration:.34s}body.finale-active .vignette{box-shadow:inset 0 0 95px #ff334b38,inset 0 0 45px #33e7ff33}body.hit-flash:after{content:"";z-index:13;pointer-events:none;background:#ff2f4661;animation:.35s ease-out both hit-flash;position:fixed;inset:0}@keyframes hit-flash{to{opacity:0}}@media (width<=760px){.hud{top:max(8px, env(safe-area-inset-top));left:max(7px, env(safe-area-inset-left));right:max(7px, env(safe-area-inset-right));grid-template-columns:79px minmax(150px,1fr) 79px;gap:5px}.hud-card{border-width:2px;border-radius:12px;min-height:55px;padding:6px 4px}.mission-card{border-width:2px;border-radius:13px;min-height:66px;padding:5px 8px}.hud-label,.mission-card small{font-size:7px}.armor-pips{gap:3px;margin-top:6px}.armor-pips i{width:17px;height:16px}.mission-heading span{font-size:9px}.mission-heading strong{font-size:24px}.mission-track{height:10px;margin:3px 0}.combo-card strong{font-size:22px}.corner-controls{top:calc(max(8px, env(safe-area-inset-top)) + 72px);right:max(8px, env(safe-area-inset-right))}.icon-button{border-width:2px;border-radius:11px;width:40px;height:40px;font-size:16px}.callout{border-width:2px;padding:6px 13px;font-size:12px;top:15%}.impact{padding:6px 12px;font-size:clamp(25px,7vw,42px);top:22%}.dev-panel{top:calc(max(8px, env(safe-area-inset-top)) + 75px);right:max(7px, env(safe-area-inset-right));width:min(315px,100vw - 14px)}body.run-active .dev-panel{left:max(7px, env(safe-area-inset-left))}.gear-button{width:104px;height:104px;right:max(13px, env(safe-area-inset-right));bottom:max(15px, env(safe-area-inset-bottom));border-width:4px}.gear-cog{height:29px;margin-top:13px;font-size:28px;line-height:29px}.gear-button b{font-size:15px}.gear-button small{font-size:8px}.lane-hint{left:37%;bottom:max(21px, env(safe-area-inset-bottom));font-size:9px}.start-screen{background:linear-gradient(#040c1c0d 22%,#040f22db 51%,#030b1cf7 100%);place-items:end center}.start-copy{text-align:center;width:100%;margin:0;padding-bottom:1vh}.torque-hero{max-width:94vw;height:min(29vh,285px);margin:-2px auto -8px}.eyebrow{font-size:9px}h1 span{-webkit-text-stroke-width:3px;text-shadow:5px 5px 0 var(--red), 9px 9px 0 #07152b;font-size:clamp(60px,19vw,92px)}h1 em{box-shadow:5px 5px 0 var(--red), 9px 9px 0 #07152b;border-width:3px;margin-top:8px;padding:6px 14px 7px;font-size:clamp(27px,9vw,45px)}.promise{max-width:440px;margin:21px auto 12px;font-size:14px}.controls-grid{justify-content:center;gap:7px;margin-bottom:11px}.controls-grid div{min-width:135px;padding:7px 9px}.controls-grid b{font-size:11px}.controls-grid span{font-size:7px}.load-state{margin-bottom:7px;font-size:9px}.primary-button{min-width:240px;min-height:58px;padding:10px 18px;font-size:21px}.result-panel{padding:25px 18px}.result-panel h2{font-size:clamp(62px,20vw,97px)}.result-stats{margin:24px 0 21px}.result-stats strong{font-size:23px}}@media (height<=610px) and (orientation:landscape){.start-screen{place-items:start;padding-top:42px}.start-copy{transform-origin:0 0;transform:scale(.72)}.torque-hero{height:112px;margin:-5px 0 -8px 6%}.promise{margin:10px 0 7px}.controls-grid{margin-bottom:6px}.load-state{margin-bottom:5px}.gear-button{width:96px;height:96px}.gear-cog{margin-top:10px}}@media (prefers-reduced-motion:reduce){.speed-lines,.lane-hint,.gear-button.ready{animation:none}}