:root{color-scheme:dark;font-family:Segoe UI,Avenir Next,sans-serif;--bg: #02030d;--panel: rgba(6, 11, 24, .72);--panel-border: rgba(255, 255, 255, .15);--text: #eff6ff;--muted: #a8bad9;--accent: #8be2ff;--accent-strong: #ff7f63;--shadow: 0 24px 70px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(39,71,129,.35),transparent 38%),radial-gradient(circle at bottom left,rgba(6,113,69,.2),transparent 32%),linear-gradient(180deg,#040612,#010207);color:var(--text);overflow:hidden}button{font:inherit}.shell{position:relative;min-height:100vh}.game-canvas{display:block;width:100vw;height:100vh}.background-stamp{margin:.45rem 0 0;display:block;color:#a7ff9f;font-size:clamp(.42rem,.95vw,.62rem);font-weight:800;letter-spacing:.08em;opacity:.94;pointer-events:none;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 .35rem rgba(114,255,127,.7),0 0 .7rem rgba(114,255,127,.45)}.hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;pointer-events:none;z-index:2}.hud__title,.hud__panel,.hud__controls,.hud__notes,.race-finish{width:min(30rem,100%)}.hud__title,.hud__panel,.hud__notes,.race-finish{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);border-radius:1.25rem;box-shadow:var(--shadow)}.hud__title{padding:1rem 1.1rem}.eyebrow{margin:0 0 .25rem;color:var(--accent);font-size:.76rem;letter-spacing:.22em;text-transform:uppercase}.hud h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:.95}.hud__panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem 1.1rem}.stat{display:grid;gap:.2rem}.label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.value{font-size:1rem;font-weight:700}.hud__controls{display:flex;gap:.85rem;pointer-events:auto}.touch-controls{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;width:min(30rem,100%);pointer-events:auto}.touch-button{appearance:none;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:#070f1fd6;color:var(--text);font-weight:700;font-size:.9rem;letter-spacing:.04em;box-shadow:var(--shadow);touch-action:manipulation}.touch-button--accent{background:linear-gradient(135deg,#f94144e6,#0b8d58e6)}.control-button{appearance:none;border:1px solid rgba(255,255,255,.14);background:#091123d1;color:var(--text);border-radius:999px;padding:.58rem .85rem;cursor:pointer;min-height:36px;font-size:.9rem;box-shadow:var(--shadow);transition:transform .18s ease,background .18s ease,border-color .18s ease}.setup-input{width:100%;min-height:42px;border-radius:.75rem;border:1px solid rgba(255,255,255,.22);background:#091123d1;color:var(--text);padding:.55rem .75rem;font:inherit}.setup-input::placeholder{color:var(--muted)}.control-button:hover,.control-button:focus-visible{transform:translateY(-1px);background:#101c3af2;border-color:#ffffff38}.control-button.accent{background:linear-gradient(135deg,#ff7f63e6,#8be2ffe6);color:#08101c;border-color:transparent;font-weight:800}.hud__notes{padding:.85rem 1rem;color:var(--muted);font-size:.92rem}.hud__notes p{margin:0}.hud__notes p+p{margin-top:.55rem}.race-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(.8rem,3vw,2rem);gap:.8rem;pointer-events:none}.race-banner-wrap{display:grid;gap:.45rem;justify-items:center}.race-lights{display:flex;gap:.5rem}.race-light{width:.95rem;height:.95rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff2e;box-shadow:0 0 .45rem #0006;opacity:.65;transition:background .16s ease,box-shadow .16s ease,opacity .16s ease}.race-light[data-light="0"].is-active{background:#ff4d4d;box-shadow:0 0 1rem #ff4d4de6;opacity:1}.race-light[data-light="1"].is-active{background:#ffb347;box-shadow:0 0 1rem #ffb347e6;opacity:1}.race-light[data-light="2"].is-active,.race-light.is-go{background:#54e27b;box-shadow:0 0 1.1rem #54e27bf2;opacity:1}.race-banner{min-width:5.2rem;padding:.45rem .9rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.18);background:#050a1685;color:var(--text);text-align:center;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:900;letter-spacing:.06em;box-shadow:var(--shadow)}.race-finish{display:grid;gap:.8rem;padding:1.2rem;text-align:center;pointer-events:auto}.race-finish[hidden]{display:none!important}.race-setup .control-button{min-height:24px;padding:.28rem .5rem;font-size:.58rem}.race-setup .setup-input{min-height:32px;padding:.35rem .56rem;font-size:.62rem}.race-setup .finish-label{font-size:.56rem;letter-spacing:.1em}.race-crash{border-color:#ff6e6e73;background:#21070ac7}.finish-label{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.finish-time{margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:900}.finish-standings{text-transform:none;letter-spacing:.04em;line-height:1.35;white-space:pre-line;text-align:left}@media(max-width:700px){.hud{padding:.85rem;gap:.85rem}.hud__panel{grid-template-columns:1fr}.hud__controls{flex-direction:column;width:100%}.touch-controls{display:grid}.hud__title,.hud__panel,.hud__controls,.hud__notes,.touch-controls,.race-finish{width:100%}.race-banner{min-width:4.4rem;padding:.38rem .7rem}}