:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-pixel:"Press Start 2P", "Courier New", monospace;--bg:#241610;--panel:#3a2519;--panel-light:#5e3d26;--panel-dark:#180e08;--inset-bg:#1c110b;--ink:#f4e8d2;--ink-dim:#b09878;--accent:#ff8a2a;--accent-hot:#ffb02e;--good:#6dff6a;--bad:#ff5470;--stripe:repeating-linear-gradient(-45deg, #d63b2f 0 10px, #e8e8e8 10px 20px);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}button{font:inherit}.screen{flex-direction:column;min-height:100vh;display:flex}.game-logo{font-family:var(--font-pixel);color:var(--accent-hot);text-shadow:3px 3px #7a2d00,6px 6px #180e08;margin:0;font-size:1.9rem;font-weight:400;line-height:1.2}.game-logo span{color:var(--ink);margin-left:.45rem}.game-logo.small{font-size:1.1rem}.game-logo.tiny{text-shadow:2px 2px #7a2d00;font-size:.72rem}.btn{font-family:var(--font-pixel);background:var(--panel);color:var(--ink);border:3px solid;border-color:var(--panel-light) var(--panel-dark) var(--panel-dark) var(--panel-light);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border-radius:0;padding:.6rem .85rem .5rem;font-size:.62rem}.btn:hover:not(:disabled){color:var(--accent-hot);background:#462d1e}.btn:active:not(:disabled){border-color:var(--panel-dark) var(--panel-light) var(--panel-light) var(--panel-dark);transform:translate(1px,1px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#241000;border-color:#ffc46a #7a2d00 #7a2d00 #ffc46a}.btn-primary:hover:not(:disabled){background:var(--accent-hot);color:#241000}.btn-primary:active:not(:disabled){border-color:#7a2d00 #ffc46a #ffc46a #7a2d00}.btn-ghost{color:var(--ink-dim);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:0 0;border-color:#0000}.btn-tiny{margin-left:.4rem;padding:.25rem .4rem .2rem;font-size:.5rem}.text-input{background:var(--inset-bg);border:3px solid;border-color:var(--panel-dark) var(--panel-light) var(--panel-light) var(--panel-dark);color:var(--ink);font:inherit;border-radius:0;width:100%;padding:.55rem .7rem}.text-input:focus{border-color:var(--accent) var(--accent) var(--accent) var(--accent);outline:none}input[type=range]{accent-color:var(--accent)}.panel{background:var(--panel);border:3px solid;border-color:var(--panel-light) var(--panel-dark) var(--panel-dark) var(--panel-light);padding:1rem 1.2rem}.panel h2,.overlay-card h2{font-family:var(--font-pixel);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-hot);text-shadow:2px 2px #180e08;margin:0 0 .8rem;font-size:.72rem}.hint{color:var(--ink-dim);font-size:.85rem;line-height:1.45}.banner{border:3px solid;margin:.6rem 1.5rem;padding:.5rem .9rem;font-size:.9rem}.banner-error{color:#ffb9c6;background:#3a1420;border-color:#6e2233 #2a0c14 #2a0c14 #6e2233}.field{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:.35rem;margin-bottom:.8rem;font-size:.8rem;display:flex}.identity-screen{background:radial-gradient(circle at 20% 20%, #ff8a2a1a, transparent 45%), radial-gradient(circle at 80% 75%, #d63b2f14, transparent 45%), var(--bg);justify-content:center;align-items:center}.identity-card{text-align:center;background:var(--panel);border:3px solid;border-color:var(--panel-light) var(--panel-dark) var(--panel-dark) var(--panel-light);border-top:8px solid;border-image:var(--stripe) 8;flex-direction:column;gap:1.2rem;padding:2.5rem 3rem;display:flex}.identity-card form{flex-direction:column;gap:.8rem;width:300px;margin:0 auto;display:flex}.identity-tag{color:var(--ink-dim);margin:0;font-size:.85rem}.lobby-screen{gap:1rem;padding:1.2rem 1.5rem}.lobby-header{border-bottom:6px solid;border-image:var(--stripe) 6;justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.lobby-user{align-items:center;gap:.5rem;display:flex}.lobby-user-name{font-family:var(--font-pixel);color:var(--accent-hot);font-size:.7rem}.lobby-columns{grid-template-columns:290px 1fr 230px;align-items:start;gap:1rem;display:grid}@media (width<=900px){.lobby-columns{grid-template-columns:1fr}}.match-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.match-row{background:var(--inset-bg);border:2px solid;border-color:var(--panel-dark) var(--panel-light) var(--panel-light) var(--panel-dark);justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem .8rem;display:flex}.match-row-name{font-family:var(--font-pixel);margin-bottom:.25rem;font-size:.65rem;display:block}.match-row-meta{color:var(--ink-dim);font-size:.78rem}.match-row-actions{align-items:center;gap:.3rem;display:flex}.online-list{flex-direction:column;gap:.45rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.online-dot{background:var(--good);width:8px;height:8px;margin-right:.5rem;display:inline-block}.online-dot.online-racing{background:var(--accent-hot)}.online-status{color:var(--ink-dim);margin-left:.4rem;font-size:.75rem}.match-screen{height:100vh;overflow:hidden}.match-header{background:var(--panel);border-bottom:6px solid;border-image:var(--stripe) 6;align-items:center;gap:1.2rem;padding:.55rem 1rem;display:flex}.match-title{flex:1;align-items:baseline;gap:.8rem;min-width:0;display:flex}.match-name{font-family:var(--font-pixel);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.match-progress{font-family:var(--font-pixel);color:var(--ink-dim);text-transform:uppercase;flex:none;font-size:.55rem}.match-header-right{align-items:center;gap:.5rem;display:flex}.link-led{background:var(--good);width:10px;height:10px;box-shadow:0 0 6px var(--good)}.link-led.link-reconnecting{background:var(--accent-hot);box-shadow:0 0 6px var(--accent-hot);animation:.8s infinite blink}.link-led.link-joining{background:var(--ink-dim);box-shadow:none}.link-label{font-family:var(--font-pixel);color:var(--ink-dim);text-transform:uppercase;font-size:.5rem}@keyframes blink{50%{opacity:.3}}.match-body{flex:1;gap:.8rem;min-height:0;padding:.8rem;display:flex}.roster-panel{flex-direction:column;gap:.6rem;width:200px;display:flex}.roster-card{background:var(--panel);border:3px solid;border-color:var(--panel-light) var(--panel-dark) var(--panel-dark) var(--panel-light);padding:.55rem .6rem;font-size:.85rem}.roster-card-me{border-color:var(--accent-hot) #7a2d00 #7a2d00 var(--accent-hot)}.roster-card-offline{opacity:.55}.roster-card-top{align-items:center;gap:.45rem;display:flex}.roster-chip{border:2px solid #0009;flex:none;width:12px;height:12px;display:inline-block}.roster-name{font-family:var(--font-pixel);text-overflow:ellipsis;white-space:nowrap;padding-top:2px;font-size:.58rem;overflow:hidden}.roster-host-star{color:var(--accent-hot);margin-left:.25rem}.roster-ai{font-family:var(--font-pixel);color:var(--ink-dim);border:1px solid var(--panel-light);text-transform:uppercase;flex:none;margin-left:auto;padding:2px 3px 1px;font-size:.42rem}.roster-race-line{color:var(--ink-dim);font-family:var(--font-pixel);text-transform:uppercase;margin-top:.4rem;font-size:.5rem;line-height:1.5}.roster-ready{color:var(--good)}.health-bar{background:var(--inset-bg);border:2px solid;border-color:var(--panel-dark) var(--panel-light) var(--panel-light) var(--panel-dark);height:10px;margin-top:.45rem;overflow:hidden}.health-bar-fill{height:100%;transition:width .15s linear;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 8px);mask-image:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 8px)}.arena-wrap{background:var(--inset-bg);border:3px solid;border-color:var(--panel-dark) var(--panel-light) var(--panel-light) var(--panel-dark);flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.race-canvas{aspect-ratio:960/600;max-width:100%;max-height:100%;image-rendering:pixelated;background:#7c4f27}.reconnect-banner{border:2px solid var(--accent-hot);color:var(--accent-hot);font-family:var(--font-pixel);text-transform:uppercase;background:#180e08e6;padding:.4rem .9rem .3rem;font-size:.55rem;animation:1.2s infinite blink;position:absolute;top:12px;left:50%;transform:translate(-50%)}.match-footer{background:var(--panel);border-top:6px solid;border-image:var(--stripe) 6;align-items:center;gap:1rem;min-height:2.6rem;padding:.5rem 1rem;display:flex}.footer-error{color:var(--bad);font-size:.85rem}.race-hud{font-family:var(--font-pixel);align-items:center;gap:1.4rem;font-size:.62rem;display:flex}.hud-item{color:var(--accent-hot);text-shadow:2px 2px #180e08}.hud-keys{color:var(--ink-dim);font-family:Segoe UI,system-ui,sans-serif;font-size:.75rem}.overlay{background:#100905c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay-card{background:var(--panel);border:3px solid;border-color:var(--panel-light) var(--panel-dark) var(--panel-dark) var(--panel-light);border-top:8px solid;border-image:var(--stripe) 8;width:min(460px,100%);max-height:100%;padding:1.2rem 1.5rem;overflow-y:auto;box-shadow:8px 8px #00000073}.overlay-card.overlay-wide{width:min(580px,100%)}.overlay-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.grid-list{flex-direction:column;gap:.5rem;margin:.6rem 0;padding:0;font-size:.9rem;list-style:none;display:flex}.grid-list li{align-items:center;gap:.5rem;display:flex}.results-table{border-collapse:collapse;width:100%;margin:.4rem 0 1.2rem;font-size:.9rem}.results-table th{text-align:left;color:var(--ink-dim);font-family:var(--font-pixel);text-transform:uppercase;padding:.3rem .5rem;font-size:.5rem}.results-table td{border-top:2px solid var(--panel-dark);padding:.35rem .5rem}.results-me{background:#ff8a2a1f}.money-pos{color:var(--good)}.money-neg{color:var(--bad)}.champion-line{font-size:1rem}.garage-money{font-family:var(--font-pixel);color:var(--ink-dim);text-transform:uppercase;margin-bottom:.8rem;font-size:.6rem}.garage-money strong{color:var(--good);margin-left:.3rem;font-size:.85rem}.garage-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;display:grid}.garage-item{background:var(--inset-bg);border:2px solid;border-color:var(--panel-dark) var(--panel-light) var(--panel-light) var(--panel-dark);flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.garage-item-title{font-family:var(--font-pixel);text-transform:uppercase;color:var(--ink);font-size:.58rem}.garage-item-detail{min-height:1.2rem}.garage-count{font-family:var(--font-pixel);color:var(--accent-hot);font-size:.7rem}.tier-pips{gap:4px;display:inline-flex}.pip{background:var(--panel-dark);border:2px solid;border-color:var(--panel-dark) var(--panel-light) var(--panel-light) var(--panel-dark);width:18px;height:10px}.pip-on{background:var(--accent);border-color:var(--accent-hot) #7a2d00 #7a2d00 var(--accent-hot)}