:root{--space: #080714;--panel: rgba(16, 12, 42, .9);--ink: #ffe9bf;--cyan: #62f6ff;--coral: #ff5d74;--gold: #ffd85a;--purple: #2d2257;--line: rgba(255, 233, 191, .24);font-family:Impact,Arial Narrow,sans-serif;color:var(--ink);background:var(--space);font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#2f1f66,#080714 55%)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#game{width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;z-index:4;text-transform:uppercase;letter-spacing:.08em}.brand-chip,.race-chip,.landing-chip,.objective-chip,.assist-chip{position:absolute;border:1px solid var(--line);background:linear-gradient(135deg,#0f0b25e0,#1d1445ad);box-shadow:0 15px 45px #00000040,inset 0 1px #ffffff0f;backdrop-filter:blur(12px);clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,6% 100%,0 72%)}.brand-chip{left:24px;top:22px;display:flex;align-items:center;gap:11px;padding:8px 21px 8px 9px}.brand-chip img{width:45px;height:45px}.brand-chip strong{display:block;font-size:18px;line-height:.9}.brand-chip span{display:block;color:var(--cyan);font:700 9px ui-monospace,monospace;margin-top:6px}.race-chip{right:24px;top:22px;min-width:190px;padding:11px 18px;text-align:right}.race-chip strong{display:block;color:var(--gold);font:700 26px ui-monospace,monospace;letter-spacing:-.04em}.race-chip span{font:700 9px ui-monospace,monospace;color:var(--cyan)}.landing-chip{left:24px;bottom:26px;padding:10px 17px;color:var(--cyan);font:700 10px ui-monospace,monospace}.landing-chip.perfect{color:var(--gold)}.landing-chip.rough{color:var(--coral)}.landing-chip.air{color:#fff}.objective-chip{left:50%;transform:translate(-50%);top:26px;padding:9px 20px;font:700 10px ui-monospace,monospace;color:var(--ink)}.assist-chip{right:24px;bottom:26px;padding:10px 17px;font:700 9px ui-monospace,monospace;color:#ffe9bfcc}.screen{position:fixed;inset:0;display:grid;grid-template-columns:minmax(320px,44%) 1fr;z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;background:#07051494;backdrop-filter:blur(8px)}.screen.open{opacity:1;visibility:visible}.poster{position:relative;overflow:hidden;background:#100c2a}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster:after{content:"";position:absolute;inset:0;box-shadow:inset -80px 0 100px #080714bf;pointer-events:none}.panel{padding:clamp(28px,3.6vw,58px);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;background:linear-gradient(115deg,#0a071af0,#160e39fa);border-left:1px solid rgba(98,246,255,.2)}.eyebrow{margin:0 0 10px;color:var(--cyan);font:700 10px ui-monospace,monospace;letter-spacing:.25em}h1{margin:0;font-size:clamp(64px,7.5vw,116px);line-height:.76;letter-spacing:-.035em;font-weight:900;font-style:italic;text-shadow:7px 7px 0 #221647;white-space:nowrap}h1 span{color:var(--cyan)}.pitch{max-width:720px;margin:22px 0 18px;font:400 clamp(14px,1.4vw,19px)/1.35 ui-monospace,monospace;letter-spacing:-.04em;color:#ffe9bfdb}.selection-label{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:760px;margin:12px 0 7px;font:700 9px ui-monospace,monospace;letter-spacing:.14em;color:#ffe9bf99}.selection-label span{color:var(--cyan)}.selection-label strong{color:var(--gold);text-align:right}.track-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:760px}.track-card{position:relative;min-height:70px;padding:12px 13px 10px 48px;text-align:left;cursor:pointer;border:1px solid var(--line);background:linear-gradient(135deg,#ffffff06,#62f6ff06);transition:transform .16s ease,border-color .16s ease,background .16s ease;clip-path:polygon(0 0,95% 0,100% 18%,100% 100%,5% 100%,0 82%)}.track-card:hover,.track-card.active{transform:translateY(-2px);border-color:var(--cyan);background:linear-gradient(135deg,#62f6ff24,#ff5d740f)}.track-number{position:absolute;left:13px;top:14px;color:var(--cyan);font:800 11px ui-monospace,monospace}.track-card strong,.board-card strong{display:block;font-size:14px;letter-spacing:.07em}.track-card small,.board-card small{display:block;margin-top:7px;color:#ffe9bf9e;font:700 8px ui-monospace,monospace;letter-spacing:.1em}.board-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:760px}.board-card{min-height:82px;padding:11px 12px;text-align:left;cursor:pointer;border:1px solid var(--line);background:#ffffff06;transition:transform .16s ease,border-color .16s ease,background .16s ease}.board-card:hover:not(:disabled),.board-card.active{transform:translateY(-2px);border-color:var(--gold);background:#ffd85a17}.board-card em{display:block;margin-top:9px;color:var(--cyan);font: 700 7px ui-monospace,monospace;letter-spacing:.08em}.board-card.locked{opacity:.52;filter:saturate(.45);cursor:not-allowed}.board-card.locked em{color:var(--coral)}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:760px;margin-top:14px}.mode{border:1px solid var(--line);background:#ffffff08;min-height:48px;padding:10px 13px;text-align:left;cursor:pointer;font-size:14px;letter-spacing:.08em;transition:.18s ease}.mode span{color:var(--cyan);margin-right:9px;font:700 10px ui-monospace,monospace}.mode:hover,.mode.active{border-color:var(--cyan);background:#62f6ff1a;transform:translateY(-2px)}.ride{margin-top:12px;max-width:760px;min-height:58px;padding:0 20px;border:0;background:linear-gradient(90deg,var(--coral),#ff7b4c);color:#160c24;font-weight:900;font-style:italic;font-size:22px;letter-spacing:.08em;text-align:left;cursor:pointer;box-shadow:0 14px 35px #ff5d743d;clip-path:polygon(0 0,97% 0,100% 28%,100% 100%,3% 100%,0 72%)}.ride span{float:right;font-style:normal;font-size:31px}.ride:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.ride:disabled{opacity:.58;cursor:wait}.controls{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;max-width:760px;color:#ffe9bfa8;font:700 8px ui-monospace,monospace}kbd{border:1px solid rgba(255,255,255,.25);border-bottom-width:3px;border-radius:4px;padding:2px 5px;color:var(--cyan);background:#ffffff0d}.assist-row{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:14px;padding-bottom:16px;font:700 8px ui-monospace,monospace;color:#ffe9bfa3}.assist-row label{display:flex;align-items:center;gap:8px}input[type=range]{accent-color:var(--cyan);width:130px}input[type=checkbox]{accent-color:var(--coral)}.finish-screen{display:grid;place-items:center;grid-template-columns:1fr;background:radial-gradient(circle,#2f1f66bd,#070514e6)}.finish-card{width:min(680px,calc(100vw - 40px));padding:48px;text-align:center;border:1px solid rgba(98,246,255,.35);background:linear-gradient(135deg,#140d35f5,#2b1d5af0);box-shadow:0 40px 120px #00000080;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)}.finish-medal{display:inline-block;margin:4px 0 12px;padding:7px 14px;border:1px solid var(--line);color:var(--ink);font:800 10px ui-monospace,monospace;letter-spacing:.15em}.finish-medal.gold{color:var(--gold);border-color:var(--gold)}.finish-medal.silver{color:#d9f4ff;border-color:#d9f4ff}.finish-medal.bronze{color:#ff9f6f;border-color:#ff9f6f}.finish-card h2{margin:4px 0;font-size:clamp(48px,7vw,88px);line-height:.82;color:var(--cyan);font-style:italic}.finish-time{color:var(--gold);font:700 clamp(30px,5vw,55px) ui-monospace,monospace;margin:22px 0}.medals{display:flex;justify-content:center;gap:20px;font:700 9px ui-monospace,monospace;color:#ffe9bfb3}.finish-reward{min-height:18px;margin:22px 0 0;color:var(--cyan);font:800 10px ui-monospace,monospace;letter-spacing:.12em}.finish-card .ride{width:100%}.toast{position:fixed;z-index:20;left:50%;bottom:13%;transform:translate(-50%,20px);padding:12px 22px;opacity:0;background:#100c2a;border:1px solid var(--gold);color:var(--gold);font:700 12px ui-monospace,monospace;letter-spacing:.12em;transition:.18s ease;pointer-events:none;box-shadow:0 16px 60px #00000073}.toast.show{opacity:1;transform:translate(-50%)}.toast.cyan,.toast.clean{border-color:var(--cyan);color:var(--cyan)}.toast.perfect{border-color:var(--gold);color:var(--gold)}.toast.danger,.toast.rough{border-color:var(--coral);color:var(--coral)}.touch-controls{display:none;position:fixed;z-index:7;inset:auto 14px 18px;grid-template-columns:54px 54px 1fr 1fr;gap:8px;pointer-events:auto}.touch-controls button{min-height:54px;border:1px solid rgba(98,246,255,.36);background:#100c2ab8;backdrop-filter:blur(10px);color:var(--ink);font-weight:800;touch-action:none}.touch-controls button.pressed{background:var(--cyan);color:#100c2a}@media(max-height:780px)and (min-width:781px){.panel{padding-top:22px}h1{font-size:clamp(54px,6vw,84px)}.pitch{margin:14px 0 10px;font-size:13px}.board-card{min-height:70px}.track-card{min-height:62px}}@media(pointer:coarse),(max-width:780px){.touch-controls{display:grid}.assist-chip,.brand-chip span,.objective-chip{display:none}.brand-chip{left:12px;top:12px;padding-right:12px}.brand-chip img{width:36px;height:36px}.race-chip{right:12px;top:12px;min-width:150px;padding:8px 12px}.race-chip strong{font-size:20px}.landing-chip{left:12px;bottom:82px}.screen{grid-template-columns:1fr;overflow:auto}.poster{position:fixed;inset:0;opacity:.35}.poster:after{box-shadow:inset 0 -180px 140px #080714}.panel{position:relative;min-height:100%;padding:42px 18px 120px;overflow:visible;background:linear-gradient(#08071447,#080714f7);border:0}h1{font-size:clamp(58px,18vw,90px);margin-top:22vh;white-space:normal}.pitch{font-size:14px}.track-row,.board-row,.mode-row{grid-template-columns:1fr}.board-card,.track-card{min-height:64px}.selection-label{align-items:flex-start}.controls{display:none}.assist-row{align-items:flex-start;flex-direction:column}.medals{flex-direction:column;gap:6px}.finish-card{padding:34px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.controller-status{flex-basis:100%;color:#ffe9bf7a;letter-spacing:.08em}.controller-status.connected{color:var(--gold)}.settings-row{max-width:760px}.settings-row input[type=range]{width:112px}.pause-screen{position:fixed;inset:0;z-index:14;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;background:#060512c2;backdrop-filter:blur(12px);transition:opacity .16s ease,visibility .16s ease}.pause-screen.open{opacity:1;visibility:visible;pointer-events:auto}.pause-card{width:min(640px,calc(100vw - 34px));padding:clamp(28px,5vw,50px);border:1px solid rgba(98,246,255,.38);background:linear-gradient(135deg,#100c2afa,#271952fa);box-shadow:0 38px 120px #0000008f;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)}.pause-card h2{margin:0;color:var(--cyan);font-size:clamp(44px,7vw,82px);font-style:italic;line-height:.84;letter-spacing:-.025em}.pause-copy{max-width:520px;margin:18px 0 22px;color:#ffe9bfb8;font:500 12px/1.55 ui-monospace,monospace}.pause-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px}.pause-primary,.pause-secondary,.finish-garage{min-height:52px;border:1px solid var(--line);cursor:pointer;letter-spacing:.08em}.pause-primary{padding:0 16px;border:0;background:linear-gradient(90deg,var(--coral),#ff814a);color:#160c24;text-align:left;font-size:18px;font-weight:900;font-style:italic}.pause-primary span{float:right}.pause-secondary,.finish-garage{padding:0 12px;background:#ffffff09;color:var(--ink);font-size:11px;font-weight:800}.pause-primary:hover,.pause-secondary:hover,.finish-garage:hover{filter:brightness(1.1);transform:translateY(-1px)}.pause-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:#ffe9bfad;font:700 9px ui-monospace,monospace}.pause-settings label{display:flex;align-items:center;gap:9px}.pause-settings input[type=range]{min-width:90px;width:130px}.pause-controls{margin:18px 0 0;color:#ffe9bf7a;font:700 8px/1.5 ui-monospace,monospace;letter-spacing:.05em}.pause-controls strong{color:var(--cyan)}.race-paused .hud{opacity:.52}.finish-actions{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;margin-top:14px}.finish-actions .ride{margin-top:0}.finish-garage{min-height:58px}@media(pointer:coarse),(max-width:780px){.touch-controls{grid-template-columns:50px 50px 1fr 1fr 50px}.controller-status{display:none}.pause-card{padding:28px 22px}.pause-actions,.finish-actions,.pause-settings{grid-template-columns:1fr}.pause-settings input[type=range]{width:min(45vw,180px)}.finish-garage{width:100%}}@media(prefers-reduced-motion:reduce){.pause-screen{transition-duration:.001ms}.pause-primary:hover,.pause-secondary:hover,.finish-garage:hover{transform:none}}