:root{--bg:#101221;--panel:#171c30;--line:#333c58;--text:#edf0da;--muted:#a2afbe;--yellow:#ffe45a;--red:#ff5d6c;--blue:#5cc7ff;--green:#a4ed83;--pixel:'Press Start 2P',monospace;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--mono);background-image:radial-gradient(#2d345380 1px,transparent 1px);background-size:8px 8px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;border-radius:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{opacity:.3;cursor:default}
.masthead{max-width:1500px;margin:auto;padding:23px 32px 18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.masthead>a:first-child{color:var(--yellow)}.masthead span{color:var(--muted)}.masthead b{color:var(--green);font-weight:500}main{max-width:1500px;padding:0 32px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 35px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);margin:0 0 15px}h1{font:clamp(20px,3.2vw,46px)/1.4 var(--pixel);color:var(--yellow);text-shadow:0 4px #a96731,4px 7px #030613;margin:0;letter-spacing:-2px}h1 span{color:#fff8d6}.subtitle{font-size:10px;letter-spacing:2px;color:var(--muted);margin:17px 0 0}.coin{display:flex;align-items:center;gap:16px;font:9px/1.8 var(--pixel);color:var(--yellow);padding-right:20px}.coin>span{font-size:40px;text-shadow:3px 3px #c87831}
.race-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch}.arcade{min-width:0;border:4px solid #475270;box-shadow:6px 6px #070b15;background:#111828;display:flex;flex-direction:column}.game-top{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#283249;border-bottom:3px solid #070b15;font:8px var(--pixel);color:var(--yellow)}.game-top>span{display:flex;align-items:center;gap:8px}.game-top i{width:6px;height:6px;background:var(--red)}.game-actions{display:flex;align-items:center;gap:6px}.game-actions button{background:none;border:0;color:#dbe0e5;min-width:29px;height:30px;font-size:10px}.game-actions button:hover{color:var(--yellow);background:#475270}.hud{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#111828;font-family:var(--pixel)}.hud>div>span{display:block;font-size:8px;color:var(--blue);margin-bottom:9px}.hud strong{font-size:21px;font-weight:400;letter-spacing:-1px}.position strong{color:var(--yellow)}.position strong span{font-size:10px;color:var(--muted)}.lap{text-align:center}.lap b{font-weight:400;color:var(--text);margin-left:10px}.lap strong{font-size:18px}.speed{text-align:right}.speed small{font:8px var(--mono);margin-left:4px;color:var(--muted)}
.viewport{position:relative;aspect-ratio:480/276;isolation:isolate;overflow:hidden;background:#6bb8ff}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none}.viewport::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000000c 0px,#0000000c 1px,transparent 1px,transparent 4px);z-index:4}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#121a3360;text-align:center;padding:16px;z-index:2}.overlay[hidden]{display:none}.start-panel{background:#111828f5;border:3px solid var(--text);outline:4px solid #111828;padding:25px 27px;box-shadow:8px 8px #11182880;max-width:94%}.start-panel .eyebrow{font-size:8px;letter-spacing:1px;color:var(--yellow)}.start-panel h2{font:clamp(14px,1.8vw,26px)/1.65 var(--pixel);margin:0;color:#fff6cf;text-shadow:3px 3px #923c55}.start-panel h2 span{color:var(--red);font-size:.65em}.start-panel p{font-size:12px;line-height:1.7;color:#b7c5cc;margin:13px 0 17px}.primary{display:block;margin:auto;min-height:44px;padding:12px 19px;background:var(--yellow);color:#17202d;border:0;box-shadow:4px 4px #b17735;font:11px var(--pixel)}.primary:hover{background:#fff4a4}.primary:active{transform:translate(2px,2px);box-shadow:2px 2px #b17735}.start-panel small{display:block;font-size:8px;color:#a2afbe;margin-top:17px}.callout{position:absolute;z-index:3;left:50%;top:38%;transform:translate(-50%,-50%);font:clamp(13px,2vw,26px)/1.8 var(--pixel);color:var(--yellow);text-align:center;text-shadow:3px 3px #111828,-2px -2px #111828;pointer-events:none;width:90%}
.engine-panel{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 17px;border-top:3px solid #070b15;background:#111828}.heat{width:170px;flex-shrink:0;font:8px var(--pixel)}.heat-track{height:12px;border:2px solid #697080;background:#30354c;margin:7px 0 5px;padding:1px;position:relative}.heat-track::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,#111828 9px,#111828 12px)}.heat-track i{display:block;height:100%;width:0;background:var(--green)}.heat>span:last-child{display:flex;justify-content:space-between;font:7px var(--mono);color:var(--muted)}.heat b{font-weight:400;color:var(--red)}.rider-key{display:flex;align-items:center;gap:7px;font:8px var(--pixel);white-space:nowrap}.you-dot,.jev-dot{width:7px;height:7px;background:var(--red)}.jev-dot{background:var(--blue)}.versus{color:#727f9e;font:9px var(--mono);margin:0 2px}.progress-wrap{display:flex;align-items:center;gap:6px;flex:1;max-width:210px;font-size:7px;color:var(--muted)}.race-progress{height:18px;background:#29354e;position:relative;flex:1;border-left:2px solid #667287;border-right:2px solid #fff}.race-progress i{position:absolute;left:0;top:2px;width:4px;height:5px;background:var(--red)}.race-progress #ai-progress{background:var(--blue);top:10px}.track-label{display:flex;justify-content:space-between;background:#232d43;border-top:2px solid #070b15;padding:11px 14px;color:#a2afbe;font-size:8px;letter-spacing:1px}.track-label b{color:var(--yellow);margin-left:8px;font-weight:500}
.decision-panel{min-width:0;display:flex;flex-direction:column;background:#111828;border:2px solid #36425e;box-shadow:5px 5px #070b15;max-height:740px;overflow:hidden}.feed-title{padding:19px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #36425e}.feed-title h2{font:13px var(--pixel);color:var(--green);margin:0}.feed-title>span{font-size:9px;color:var(--muted)}.feed-title>span.live{color:var(--green)}.cpu-card{display:flex;align-items:center;gap:14px;padding:18px 16px 14px}.cpu-card strong{font:8px var(--pixel);color:var(--blue)}.cpu-card p{font-size:11px;color:var(--muted);margin:8px 0 0}.pixel-face{position:relative;background:var(--blue);width:35px;height:30px;flex-shrink:0;box-shadow:-4px 0 #3a79c7,4px 0 #3a79c7,0 -4px #3a79c7,0 4px #3a79c7}.pixel-face i{position:absolute;left:6px;top:7px;width:6px;height:7px;background:#152441}.pixel-face i:nth-child(2){left:23px}.pixel-face b{position:absolute;left:11px;top:21px;width:14px;height:3px;background:#152441}.cpu-stats{display:flex;padding:4px 16px 17px;gap:14px;color:#a2afbe;font-size:10px}.cpu-stats>div{display:flex;justify-content:space-between;flex:1;gap:8px}.cpu-stats b{color:var(--yellow);font-weight:500}.feed-heading{border-top:1px solid #36425e;display:flex;justify-content:space-between;padding:15px 16px 0;font:8px var(--pixel);color:#e8ebd5}.feed-heading>span:last-child{color:var(--green)}.feed-note{font-size:10px;color:var(--muted);padding:0 16px;margin:9px 0 13px}#decision-feed{list-style:none;padding:0 14px;margin:0;flex:1;min-height:200px;max-height:415px;overflow:auto;scrollbar-width:thin;scrollbar-color:#465978 #111828}.feed-empty{border:1px dashed #465470;padding:20px 13px;font-size:11px;color:var(--green)}.feed-empty p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:24px}.terminal-cursor{animation:blink 1s steps(1) infinite}.decision{padding:12px 0;border-top:1px solid #2c3951}.decision:first-child{border-top:2px solid var(--green);background:#a4ed8307}.decision header{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#99abc3}.decision header b{color:var(--green);font-weight:500}.decision .choices{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 7px}.choices span{background:#263750;color:#b7dcff;padding:4px 5px;font-size:10px}.choices .boost{color:var(--yellow);background:#534b22}.decision .snapshot{color:#afbdd1;font-size:10px;margin:7px 0}.decision .confidence{display:flex;justify-content:space-between;font-size:9px;color:#8fa1b9}.decision .confidence b{color:#c7d5df;font-weight:400}.feed-footer{padding:13px 16px;border-top:2px solid #36425e;margin-top:auto;display:flex;flex-direction:column;gap:6px;min-height:80px}.feed-footer strong{font-size:10px;color:var(--green);font-weight:500}.feed-footer span{font-size:9px;color:var(--muted)}
.bottom{margin:28px 0 25px}.controls{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.controls>div{display:flex;align-items:center;gap:9px;font-size:9px;color:#bdc6d0}kbd{display:inline-flex;padding:6px 8px;min-height:28px;align-items:center;border:1px solid #66758e;border-bottom:3px solid #66758e;color:var(--text);font:9px var(--mono);background:#20283c}.bottom>p{margin-top:15px;font-size:9px;color:var(--yellow);letter-spacing:1px}footer{display:flex;justify-content:space-between;padding:18px 0 28px;border-top:1px solid #333c58;font-size:8px;letter-spacing:1px;color:var(--muted)}footer a{color:var(--blue)}.touch-controls{display:none;justify-content:space-between;gap:8px;background:#171f33;padding:10px;border-top:2px solid #36425e}.touch-controls>div{display:flex;gap:6px}.touch-controls button{height:48px;min-width:42px;touch-action:none;user-select:none;-webkit-user-select:none;background:#344361;border:2px solid #72859f;border-bottom:5px solid #1b253a;color:white;font-size:19px}.touch-controls button[data-action=gas],.touch-controls button[data-action=boost]{font:9px var(--pixel);padding:0 9px}.touch-controls .boost{color:var(--yellow);border-color:#a88c42}.touch-controls button:active{background:#50668a;border-bottom-width:2px}.arcade:fullscreen{max-height:100vh;justify-content:center}.arcade:fullscreen .viewport{flex:1;min-height:0;aspect-ratio:auto}.arcade:fullscreen canvas{object-fit:contain}.arcade:fullscreen>div:not(.viewport){flex-shrink:0}
@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}
@media(pointer:coarse){.touch-controls{display:flex}}
@media(max-width:1100px){.race-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.engine-panel{gap:12px}.progress-wrap{display:none}.heat{width:145px}.start-panel{padding:20px}.start-panel p{font-size:11px}.coin{font-size:8px}.controls{gap:15px}.hud{height:65px;padding:0 17px}}
@media(max-width:800px){main{padding:0 16px}.masthead{padding:18px 16px;font-size:8px;letter-spacing:.5px}.masthead span{display:none}.intro{padding:22px 0 28px}.coin{display:none}h1{font-size:clamp(20px,5vw,35px)}.subtitle{font-size:8px;letter-spacing:1px}.eyebrow{font-size:9px}.race-layout{grid-template-columns:1fr;gap:20px}.viewport{aspect-ratio:480/300}.decision-panel{max-height:470px}.cpu-card{padding:14px 16px}.cpu-stats{padding-bottom:12px}#decision-feed{min-height:140px;max-height:210px}.feed-footer{min-height:70px}.touch-controls{display:flex}.start-panel h2{font-size:22px}.start-panel .eyebrow{font-size:9px}.start-panel p{font-size:13px}.start-panel small{font-size:8px}.primary{min-height:46px;font-size:11px}.start-panel{padding:22px 25px}.engine-panel{padding:13px}.heat{width:150px}.progress-wrap{display:flex;max-width:130px}.hud strong{font-size:18px}.hud .lap strong{font-size:16px}.controls{gap:12px 18px}.bottom>p{line-height:1.8;font-size:8px}.track-label{font-size:8px}.callout{font-size:17px}footer{font-size:7px;gap:15px}footer>span:nth-child(2){display:none}}
@media(max-width:460px){.viewport{aspect-ratio:320/272}.arcade{border-width:3px}.start-panel{padding:21px 10px;max-width:91%}.start-panel h2{font-size:20px}.start-panel .eyebrow{font-size:7px}.start-panel p{font-size:11px}.start-panel small{font-size:7px}.hud{padding:0 12px;height:67px}.hud>div>span{font-size:7px}.hud strong{font-size:16px}.hud .lap strong{font-size:13px}.speed small{font-size:7px}.game-top{font-size:7px;padding:0 10px}.engine-panel{gap:10px}.rider-key{font-size:7px;gap:5px}.heat{width:135px}.heat>span{font-size:7px}.progress-wrap{display:none}.track-label{font-size:7px;padding:10px}.track-label b{margin-left:5px}.touch-controls{padding:9px 6px;gap:5px}.touch-controls>div{gap:4px}.touch-controls button{min-width:37px}.touch-controls button[data-action=gas],.touch-controls button[data-action=boost]{font-size:8px;padding:0 7px}}
.race-layout:fullscreen{padding:14px;background:var(--bg);height:100vh;overflow:auto}.race-layout:fullscreen .arcade{min-height:0}.race-layout:fullscreen .viewport{flex:1;min-height:0;aspect-ratio:auto}.race-layout:fullscreen .arcade>div:not(.viewport){flex-shrink:0}.race-layout:fullscreen .decision-panel{max-height:none}
@media(max-width:800px){.race-layout:fullscreen{display:block;padding:6px}.race-layout:fullscreen .viewport{height:55vh;flex:none}.race-layout:fullscreen .decision-panel{margin-top:12px;max-height:470px}}
/* A quieter cabinet lets the artwork and the race carry the page. */
:root{--bg:#172125;--panel:#202e32;--line:#435457;--text:#f3eedb;--muted:#acb9b6;--yellow:#f0d388;--red:#e45343;--blue:#8bc4d4;--green:#bdd5a3}
body{background:var(--bg)}.masthead{padding-top:19px;padding-bottom:13px}.intro{padding:18px 0 25px}h1{font-size:clamp(20px,2.7vw,37px);text-shadow:0 3px #7d5b3d;letter-spacing:-1px}.subtitle{letter-spacing:1px;margin-top:12px}.coin{font:10px/1.8 var(--mono);color:var(--muted)}.coin>span{font-size:27px;text-shadow:none;color:var(--yellow)}
.race-layout{gap:18px;grid-template-columns:minmax(0,1fr) 288px}.arcade{border:2px solid #596863;box-shadow:0 5px #10191c;background:#1c292d}.game-top{background:#2d3e40;border-bottom:1px solid #475956;height:35px;font:9px var(--mono);letter-spacing:1px}.game-actions button{color:#c6d0c8}.game-actions button:hover{background:#465c5a}.hud{background:#1c292d;height:69px;padding:0 23px}.hud strong{font-size:19px}.hud .lap strong{font-size:16px}.hud>div>span{color:#a8bfb9}.viewport{aspect-ratio:512/288;background:#172125}.viewport::after{display:none}canvas{object-fit:contain;image-rendering:pixelated}.overlay{background:#1c292d1c}.start-panel{border:2px solid #f4ead1;outline:4px solid #233235;background:#233235f2;box-shadow:7px 7px #1d292d40;padding:26px 30px}.start-panel h2{font-size:24px;line-height:1.8;text-shadow:none}.start-panel .eyebrow{font:9px var(--mono);color:#b4c9c0;letter-spacing:1px}.start-panel p{font-size:13px;color:#d2d9cc;line-height:1.8}.primary{font-size:10px;background:#f0d388;box-shadow:3px 3px #9d7f4e}.primary:hover{background:#fce2a2}.start-panel small{color:#b4c4bf;letter-spacing:.3px}.callout{top:25%;font-size:18px;text-shadow:2px 2px #314343;color:#fff4d1}.engine-panel{background:#1c292d;border-top:1px solid #475956;padding:12px 17px}.track-label{background:#2d3e40;border-top:1px solid #475956;color:#bdc7bc}.heat-track{background:#364347;border-color:#74837a}.heat-track::after{background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,#1c292d 9px,#1c292d 11px)}.rider-key{font:9px var(--mono)}.progress-wrap{font-size:8px}.race-progress{background:#3b4c4d}
.decision-panel{background:#1c292d;border:1px solid #475956;box-shadow:none;max-height:none}.feed-title{border-bottom:1px solid #475956}.feed-title h2{font-size:12px}.cpu-card{padding-top:16px}.pixel-face{background:#8bc4d4;box-shadow:-3px 0 #527b83,3px 0 #527b83,0 -3px #527b83,0 3px #527b83}.feed-heading{border-top:1px solid #475956}.feed-empty{border-color:#536865}#decision-feed{scrollbar-color:#536865 #1c292d;max-height:320px}.feed-footer{border-top:1px solid #475956;min-height:75px}.decision{border-color:#3b4f4e}.choices span{background:#32494a;color:#d2e1d7}.choices .boost{background:#605635;color:#ffe6a7}.decision .snapshot{color:#becdc8}.decision .confidence{color:#a7bab5}.decision .confidence b{color:#d8e0d5}.decision:first-child{background:none;border-top:1px solid #bdd5a3}.bottom{margin-top:21px;margin-bottom:19px}.controls{gap:23px}.bottom>p{color:#abbfb6;font-size:9px;letter-spacing:.6px}kbd{background:#2d3e40;border-color:#667a73}.touch-controls{background:#243438;border-color:#475956}.touch-controls button{background:#3c5354;border-color:#798c80;border-bottom-color:#203135}.touch-controls button:active{background:#59736c}.touch-controls .boost{color:#f0d388;border-color:#bba36b}footer{border-color:#394c48}.race-layout:fullscreen{align-items:center}.race-layout:fullscreen .arcade{width:100%;max-height:100%;align-self:center}.race-layout:fullscreen .viewport{aspect-ratio:512/288;flex:none}.race-layout:fullscreen .decision-panel{height:100%;max-height:820px}.race-layout:fullscreen #decision-feed{max-height:none}
@media(max-width:1100px){.race-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.start-panel{padding:20px}.start-panel h2{font-size:21px}}
@media(max-width:800px){.race-layout{grid-template-columns:1fr}.viewport{aspect-ratio:512/288}.decision-panel{max-height:460px}#decision-feed{max-height:180px}.intro{padding:18px 0 24px}.start-panel h2{font-size:23px}.start-panel p{font-size:13px}.engine-panel{padding:12px}.hud{padding:0 15px}.coin{display:none}.race-layout:fullscreen .viewport{height:auto;aspect-ratio:512/288}.race-layout:fullscreen .decision-panel{height:auto;max-height:460px}}
@media(max-width:500px){.viewport,.race-layout:fullscreen .viewport{aspect-ratio:320/240}.hud{height:64px}.hud strong{font-size:16px}.hud .lap strong{font-size:13px}.start-panel{padding:19px 15px;max-width:89%}.start-panel h2{font-size:19px}.start-panel p{font-size:11px}.start-panel small{font-size:6px;letter-spacing:0}.start-panel .eyebrow{font-size:7px}.rider-key{font-size:8px}.track-label{font-size:7px}.controls{gap:12px 18px}.callout{font-size:13px}}
.viewport canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;max-height:none}