:root{--chrome: #c9b27a;--chrome-dark: #3a2f1c;--gold: #f4c430;--mars: #c1440e;--neon: #39f3ff;--ink: #120c08}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;display:flex;flex-direction:column}#view{min-height:0;height:100%;flex:1 1 auto;width:100%;display:block;background:#000;touch-action:none;-webkit-user-select:none;user-select:none}#hud{position:absolute;z-index:50;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:max(8px,env(safe-area-inset-top)) 10px 0;pointer-events:none;font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif}.hud-left,.hud-right{display:flex;gap:8px;align-items:flex-start}.hud-right{flex-direction:column;align-items:flex-end}.chip{background:linear-gradient(180deg,#1e160cb8,#0a0806cc);border:1px solid rgba(244,196,48,.45);color:#ffe9a8;padding:6px 10px;border-radius:8px;min-width:92px;box-shadow:0 0 12px #39f3ff26}.chip.gold{border-color:var(--gold);color:var(--gold)}.chip.neon{border-color:var(--neon);color:var(--neon);min-width:auto}.chip .label{display:block;font-size:9px;letter-spacing:.16em;opacity:.7}.chip span:last-child{font-size:16px;font-weight:700}#title-card{position:absolute;z-index:40;top:18%;left:0;right:0;text-align:center;color:#ffe9a8;font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;pointer-events:none;text-shadow:0 0 18px rgba(193,68,14,.6);transition:opacity 1.2s ease}#title-card.hide{opacity:0;pointer-events:none!important;display:none!important}#title-card h1{font-size:clamp(28px,8vw,54px);letter-spacing:.12em;color:var(--gold)}#title-card p{margin-top:6px;opacity:.85}#title-card .hint{font-size:12px;color:var(--neon)}#chrome{flex:0 0 auto;height:clamp(152px,21vh,176px);min-height:152px;max-height:176px;background:radial-gradient(120% 80% at 50% 0%,#5a4630,#22180f 55%,#0d0a07);border-top:3px solid var(--chrome);box-shadow:inset 0 14px 28px #ffdc8c14;position:relative;display:flex;align-items:stretch;justify-content:stretch;gap:6px;padding:8px 14px max(10px,env(safe-area-inset-bottom));z-index:40;touch-action:none}.ctrl-btn{appearance:none;-webkit-appearance:none;border:2px solid rgba(244,196,48,.65);background:radial-gradient(circle at 35% 28%,rgba(255,246,200,.35),transparent 55%),linear-gradient(180deg,#503c1ed9,#0a0806f2);color:#ffe9a8;font:700 13px/1 Trebuchet MS,system-ui,sans-serif;letter-spacing:.14em;border-radius:14px;box-shadow:inset 0 0 16px #39f3ff1a,0 0 14px #f4c4302e;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.ctrl-btn.held,.ctrl-btn:active{border-color:#39f3ff;color:#fff;box-shadow:0 0 18px #39f3ff73,inset 0 0 12px #f4c43040;transform:scale(.97)}#btn-ollie{flex:1.15 1 0;width:auto;min-width:92px;height:100%;font-size:clamp(16px,4.2vw,22px);letter-spacing:.18em;border-radius:18px;border-color:#f4c430d9;background:radial-gradient(circle at 30% 25%,rgba(255,246,200,.45),transparent 50%),linear-gradient(180deg,#6a4820,#2a180c 70%,#100a06);text-shadow:0 0 12px rgba(244,196,48,.55)}#speed-lever{flex:0 0 auto;width:clamp(54px,15vw,68px);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:stretch;gap:3px;touch-action:none;user-select:none;-webkit-user-select:none}.lever-lab{flex:0 0 auto;font:700 9px/1 Trebuchet MS,system-ui,sans-serif;letter-spacing:.18em;color:#39f3ff;text-shadow:0 0 8px rgba(57,243,255,.35);opacity:.85}#lever-track{flex:1 1 auto;position:relative;width:100%;min-height:0;border-radius:6px;border:2px solid #7a8a96;border-top-color:#c5d0d8;border-left-color:#b8c4cc;border-right-color:#5a6a74;border-bottom-color:#4a5860;background:linear-gradient(135deg,#d0d8e0,#a8b4be 42%,#8e9aa4);box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #28323a59,0 2px 6px #00000059;touch-action:none;overflow:hidden}.lever-rivet{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6a9aa8,#1a3a44 70%,#0a1a20);box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #0a1e2480;pointer-events:none;z-index:1}.lever-rivet.tl{top:4px;left:4px}.lever-rivet.tr{top:4px;right:4px}.lever-rivet.bl{bottom:4px;left:4px}.lever-rivet.br{bottom:4px;right:4px}.lever-slot{position:absolute;top:12%;bottom:12%;width:18%;border-radius:3px;background:#1a4a52;box-shadow:inset 0 0 4px #0000008c,inset 0 1px #ffffff14;pointer-events:none;z-index:0}.lever-slot.left{left:22%}.lever-slot.right{right:22%}#lever-track:after{content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;transform:translateY(-50%);background:#1428308c;border-radius:1px;pointer-events:none;z-index:1}#lever-knob{position:absolute;left:50%;top:50%;width:86%;height:18px;max-height:22%;transform:translate(-50%,-50%);border:none;border-radius:0;background:transparent;box-shadow:none;touch-action:none;cursor:pointer;z-index:2}.lever-shaft{position:absolute;top:50%;width:18%;height:220%;min-height:28px;transform:translateY(-12%);border-radius:2px;background:linear-gradient(90deg,#1a2228,#2a3238 45%,#0e1418);box-shadow:0 0 0 1px #0006;pointer-events:none;z-index:0}.lever-shaft.left{left:16%}.lever-shaft.right{right:16%}.lever-handle{position:absolute;left:0;right:0;top:50%;height:100%;transform:translateY(-50%);border-radius:9px;background:linear-gradient(180deg,#ff6a6a,#e01818 18%,#c01010 55%,#8a0808);box-shadow:inset 0 2px #ffb4b4a6,inset 0 -2px #50000073,0 1px 3px #0006;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.lever-bolt{font-size:12px;line-height:1;color:#fff8a0;text-shadow:0 0 6px rgba(255,220,80,.85),0 1px 0 rgba(80,0,0,.5);pointer-events:none}#speed-lever.held .lever-handle,#lever-knob.held .lever-handle{background:linear-gradient(180deg,#ff8a8a,#f02828 18%,#d01818 55%,#a01010);box-shadow:inset 0 2px #ffc8c8bf,inset 0 -2px #50000066,0 0 12px #39f3ff73,0 1px 3px #0006}#speed-lever.held .lever-bolt,#lever-knob.held .lever-bolt{color:#fff;text-shadow:0 0 8px rgba(57,243,255,.9),0 0 4px rgba(255,220,80,.8)}#steer-lr{flex:1.05 1 0;position:relative;min-width:100px;height:100%;overflow:hidden;border:2px solid rgba(244,196,48,.65);border-radius:18px;background:radial-gradient(circle at 35% 28%,rgba(255,246,200,.25),transparent 55%),linear-gradient(180deg,#503c1ed9,#0a0806f2);box-shadow:inset 0 0 16px #39f3ff1a,0 0 14px #f4c4302e;touch-action:none}#steer-lr .ctrl-btn.arrow.steer{position:absolute;top:0;width:50%;height:100%;margin:0;padding:0;font-size:clamp(16px,4vw,20px);letter-spacing:.08em;border:0;border-radius:0;background:transparent;box-shadow:none;color:#39f3ff;z-index:2}#steer-lr .ctrl-btn.arrow.steer.held{background:#39f3ff1f;box-shadow:inset 0 0 12px #f4c43040;transform:none}#steer-lr #btn-l{left:0;right:auto}#steer-lr #btn-r{left:auto;right:0;border-left:1px solid rgba(244,196,48,.2)}#rotate-lock{display:none;position:fixed;inset:0;z-index:5000;background:#000;color:#ffe9a8;align-items:center;justify-content:center;text-align:center;font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;pointer-events:auto;touch-action:none}body.touch.landscape #rotate-lock,body.show-pad.landscape #rotate-lock{display:flex!important}body.touch.landscape #app>:not(#rotate-lock),body.show-pad.landscape #app>:not(#rotate-lock){visibility:hidden!important;pointer-events:none!important}.rotate-card{padding:24px 28px;border:2px solid rgba(244,196,48,.55);border-radius:16px;background:linear-gradient(180deg,#1e160ceb,#08080cf5);box-shadow:0 0 28px #39f3ff33}.rotate-icon{font-size:42px;color:#39f3ff;margin-bottom:12px;text-shadow:0 0 16px rgba(57,243,255,.6)}.rotate-card p{font-size:18px;letter-spacing:.16em;color:#f4c430}body.desktop #chrome{display:none}body.desktop #view{height:100%;flex:1}body.desktop #app{display:block}body.desktop #view{position:fixed;inset:0;width:100%;height:100%}body.desktop #chrome,body.desktop #rotate-lock{display:none!important}.chip.neon .spd{display:block;font-size:11px;font-weight:700;opacity:.75;margin-top:2px}.spd-track{display:block;height:3px;width:56px;margin-top:4px;background:#39f3ff2e;border-radius:2px;overflow:hidden}.spd-bar{display:block;height:100%;width:50%;background:#39f3ff}@media (hover: hover) and (pointer: fine){#chrome{display:none!important}#view{height:100%!important;flex:1}}body:not(.touch) #chrome{display:none!important}body:not(.touch) #view{height:100%;flex:1}#chrome{display:none!important}body.show-pad #chrome{display:flex!important}#spd-overlay{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:200;color:#39f3ff;font:800 34px/1 Trebuchet MS,Avenir Next,system-ui,sans-serif;letter-spacing:.08em;text-shadow:0 0 12px #000,0 2px 0 #000;pointer-events:none;display:none}body.dev-overlays #spd-overlay{display:block}#tune-hud{position:fixed;top:44px;right:10px;z-index:400;width:min(360px,46vw);max-height:calc(100vh - 56px);overflow:auto;background:#080c10e0;border:1px solid rgba(57,243,255,.45);color:#d8eef6;font:12px/1.3 Trebuchet MS,system-ui,sans-serif;padding:8px 10px 12px;border-radius:8px;pointer-events:auto}#tune-hud.hidden{display:none}#tune-hud header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}#tune-hud header strong{color:#39f3ff;letter-spacing:.12em}#tune-hud header span{opacity:.55;font-size:10px}#tune-hud header button{margin-left:auto;background:#1a2830;color:#39f3ff;border:1px solid #39f3ff;border-radius:4px;padding:2px 8px;cursor:pointer}.tune-live{background:#0a1014;padding:6px 8px;margin:0 0 8px;color:#9fe;font:11px/1.35 ui-monospace,Consolas,monospace;white-space:pre-wrap}#tune-hud h3{margin:10px 0 4px;color:#39f3ff;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.tune-row{display:grid;grid-template-columns:1fr auto 24px;grid-template-rows:auto auto;gap:1px 8px;margin:5px 0 7px}.tune-lab{grid-column:1;opacity:.9}.tune-unit{grid-column:2;opacity:.4;font-size:10px}.tune-row input[type=range]{grid-column:1;width:100%}.tune-row input[type=number]{grid-column:2;width:68px;background:#101820;color:#e8f6ff;border:1px solid #345;border-radius:3px}#pen-bst-overlay{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:200;display:none;flex-direction:column;gap:5px;width:240px;pointer-events:none;font:800 13px/1 Trebuchet MS,Avenir Next,system-ui,sans-serif;letter-spacing:.08em;text-shadow:0 1px 0 #000,0 0 8px #000}body.dev-overlays #pen-bst-overlay{display:flex}.pb-row{display:grid;grid-template-columns:38px 1fr 46px;align-items:center;gap:8px;color:#e6c56a}.pb-row.bst{color:#7dffc0}.pb-lab{font-size:12px}.pb-val{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.pb-track{display:block;height:10px;background:#0000009e;border:1px solid #9a7a22;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 6px #000}.pb-row.bst .pb-track{border-color:#39f3ffa6}.pb-fill{display:block;height:100%;width:0%}.pb-row.pen .pb-fill{background:repeating-linear-gradient(45deg,#b3942a 0 5px,#1a1812 5px 10px)}.pb-row.bst .pb-fill{background:linear-gradient(90deg,#1ecf7a,#39f3ff)}#decel-log{display:none!important;position:fixed;inset:auto auto 12px 12px;z-index:9999;pointer-events:none;min-width:360px;max-width:min(560px,48vw);max-height:calc(100vh - 24px);overflow:hidden;padding:12px 14px 14px;background:#000000eb;border:3px solid #ffe14a;color:#ffe14a;font:700 21px/1.3 ui-monospace,Cascadia Mono,Consolas,Courier New,monospace;letter-spacing:.01em;text-shadow:0 1px 0 #000,0 0 8px #000;white-space:pre;display:block;visibility:visible;opacity:1}#decel-log .decel-title{color:#ffe14a;font-size:22px;font-weight:800;margin-bottom:6px;letter-spacing:.08em}#decel-log .decel-body{color:#ffe14a;font-size:20px}#cam-board-hint{position:fixed;top:32px;left:10px;z-index:99;color:#39f3ff;font:700 14px/1.2 sans-serif;text-shadow:0 0 8px #000;pointer-events:none;display:none}body.dev-overlays #cam-board-hint{display:block}body.dev-overlays #cam-board-hint.hide{display:none}.tune-reset-one{grid-column:3;grid-row:1 / span 2;align-self:center;width:22px;height:22px;padding:0;border:1px solid rgba(57,243,255,.35);border-radius:4px;background:#00000059;color:#39f3ff;font-size:12px;line-height:1;cursor:pointer}.tune-reset-one:hover{background:#39f3ff26}#root-axis-hud{position:fixed;left:10px;bottom:10px;z-index:80;pointer-events:none;white-space:pre;font:14px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d8ecff;text-shadow:0 1px 2px #000;display:none}body.dev-overlays #root-axis-hud{display:block}#pause-overlay{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;background:#00000073;pointer-events:none}#pause-overlay.show{display:flex}#pause-overlay .pause-label{position:relative;display:inline-block;font-family:Impact,Haettenschweiler,Arial Black,Franklin Gothic Heavy,sans-serif;font-style:italic;font-weight:900;font-size:clamp(48px,10.5vw,84px);line-height:1;letter-spacing:.14em;text-transform:uppercase;background-image:linear-gradient(180deg,#fff,#f2fbff 38%,#9adcf5 72%,#55c4ef);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px #120000) drop-shadow(2px 3px 0 #1a0000) drop-shadow(0 0 14px rgba(0,0,0,.55));z-index:1}#pause-overlay .pause-label:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;font:inherit;letter-spacing:inherit;text-transform:inherit;color:#e30613;-webkit-text-fill-color:#e30613;-webkit-text-stroke:.011em #e30613;text-shadow:0 0 1px #2a0000,1px 1px 0 #3a0505,-1px -1px 0 #3a0505,1px 2px 0 #220000;background:none;pointer-events:none}body.menu-open #hud,body.menu-open #chrome,#build-tag{display:none!important}body.dev-overlays #build-tag{display:block!important}#debug-fly{display:none!important}body.dev-overlays #debug-fly{display:flex!important}#decel-log.dev-overlay-on{display:block!important;visibility:visible}#pops-layer{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden;contain:strict}body.menu-open #pops-layer{display:none}.pop{--pop-a: #fffbe0;--pop-b: #ffe066;--pop-fill: #ffd83a;--pop-edge: #3a1500;--pop-glow: rgba(255, 196, 40, .75);position:absolute;left:0;top:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity;white-space:nowrap}.pop-boost{--pop-a: #ffffff;--pop-b: #9af6ff;--pop-fill: #9af6ff;--pop-edge: #240033;--pop-glow: rgba(255, 74, 224, .75)}.pop-burst{position:absolute;left:50%;top:42%;width:calc(var(--pop-size, 44px) * 2.6);height:calc(var(--pop-size, 44px) * 2.6);border-radius:50%;background:repeating-conic-gradient(from 8deg,var(--pop-b) 0 5deg,transparent 5deg 22.5deg),radial-gradient(circle,var(--pop-a) 0 14%,transparent 15%);-webkit-mask:radial-gradient(circle,#000 0 38%,transparent 70%);mask:radial-gradient(circle,#000 0 38%,transparent 70%);opacity:0}.pop-pts{position:relative;font-family:Impact,Haettenschweiler,Arial Black,Franklin Gothic Heavy,sans-serif;font-style:italic;font-weight:900;font-size:var(--pop-size, 44px);line-height:1;letter-spacing:.04em;padding:0 .14em;color:var(--pop-fill);-webkit-text-fill-color:var(--pop-fill)}.pop-pts:before{content:attr(data-text);position:absolute;left:0;top:0;padding:0 .14em;z-index:-1;-webkit-text-fill-color:var(--pop-edge);-webkit-text-stroke:.14em var(--pop-edge);text-shadow:.04em .07em 0 var(--pop-edge),0 0 .35em var(--pop-glow)}.pop-tag{margin-top:2px;font:italic 900 15px/1 Impact,Haettenschweiler,Arial Black,sans-serif;letter-spacing:.16em;color:#fff;text-shadow:0 0 2px var(--pop-edge),1px 1px 0 var(--pop-edge),-1px -1px 0 var(--pop-edge),0 0 10px var(--pop-glow)}.pop-tag:empty{display:none}