*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0d10;--panel: #12151a;--panel-2: #191d23;--line: #2a2f37;--ink: #e8e6e0;--ink-dim: #8a919b;--red: #e8002d;--red-hi: #ff3b5c;--green: #29e05f;--yellow: #ffd400;--shadow: #000;--mono: ui-monospace, "SF Mono", Menlo, monospace}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:none}#app{position:fixed;inset:0}#ui{position:fixed;inset:0;z-index:10;pointer-events:none}img.sprite,#ui img{image-rendering:pixelated}button,input,select{font-family:var(--mono)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.screen.hidden{display:none}.screen-solid{background:radial-gradient(ellipse at 50% -20%,rgba(232,0,45,.07),transparent 60%),#0b0d109e}.scan:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}.panel{pointer-events:auto;position:relative;background:var(--panel);border:2px solid var(--line);border-radius:2px;box-shadow:8px 8px 0 var(--shadow);padding:28px;max-height:calc(100vh - 48px);overflow-y:auto}.checker{height:12px;margin:12px 0 20px;border:2px solid var(--line);background:repeating-conic-gradient(var(--ink) 0% 25%,var(--bg) 0% 50%);background-size:12px 12px}.checker-thin{height:8px;margin:16px 0;background-size:8px 8px}.title{font-size:clamp(34px,6vw,52px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;text-align:center;text-shadow:4px 4px 0 var(--shadow)}.title-accent{color:var(--red-hi)}.field-label{display:block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.hint{margin-top:18px;text-align:center;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim)}.btn{display:inline-block;text-transform:uppercase;letter-spacing:.15em;font-size:14px;font-weight:700;color:var(--ink);background:var(--panel-2);border:2px solid var(--ink);border-radius:2px;box-shadow:4px 4px 0 var(--shadow);padding:12px 18px;cursor:pointer;user-select:none}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--shadow)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn[hidden]{display:none}.btn-primary{background:var(--red);border-color:var(--red-hi);color:#fff}.btn-ghost{border-color:var(--line);color:var(--ink-dim)}.btn-block{display:block;width:100%;text-align:center}.btn-small{padding:9px 14px;font-size:12px}.input,.select{width:100%;background:#0e1114;color:var(--ink);border:2px solid var(--line);border-radius:2px;padding:11px 12px;font-size:15px;letter-spacing:.08em}.input::placeholder{color:#4c535c;text-transform:uppercase;letter-spacing:.2em}.select{appearance:none;text-transform:uppercase;font-weight:700;cursor:pointer;background-image:linear-gradient(45deg,transparent 49%,var(--ink-dim) 50%),linear-gradient(135deg,var(--ink-dim) 50%,transparent 51%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}.select:disabled{opacity:.5;cursor:not-allowed}.select option{background:var(--panel);color:var(--ink)}.menu-panel{width:min(92vw,460px)}.field{margin:6px 0 16px}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink-dim);font-size:11px;letter-spacing:.3em}.divider:before,.divider:after{content:"";flex:1;border-top:2px solid var(--line)}.join-row{display:flex;gap:10px}.input-code{flex:1;text-transform:uppercase;letter-spacing:.45em;font-weight:700;text-align:center}.parade{display:flex;justify-content:center;align-items:flex-end;gap:14px;margin-top:22px;padding-top:14px;border-top:2px solid var(--line);overflow:hidden}.parade-car{height:26px;width:auto}.lobby-panel{width:min(94vw,620px)}.lobby-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.lobby-code{font-size:clamp(30px,5vw,42px);font-weight:800;letter-spacing:.3em;color:var(--yellow);text-shadow:3px 3px 0 var(--shadow)}.laps-block .select{width:5.5em}.invite-row{display:flex;gap:10px;margin-top:14px}.invite-input{flex:1;color:var(--ink-dim);font-size:12px;letter-spacing:.03em}.players{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;max-height:44vh;overflow-y:auto}.player-row{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;background:var(--panel-2);border:2px solid var(--line);border-radius:2px}.player-row.is-self{border-color:#3d444e;box-shadow:3px 3px 0 var(--shadow)}.player-row.is-dc{opacity:.45}.p-car{height:22px;width:auto;justify-self:center}.p-name{font-weight:700;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-team{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-select{padding:7px 26px 7px 10px;font-size:12px;letter-spacing:.1em}.chip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:2px 7px;margin-left:8px;border:2px solid var(--line);border-radius:2px;color:var(--ink-dim);vertical-align:2px}.chip-host{color:var(--yellow);border-color:var(--yellow)}.chip-you{color:#64c4ff;border-color:#64c4ff}.chip-status{margin-left:0;justify-self:end}.chip-ready{color:var(--green);border-color:var(--green)}.chip-waiting{color:var(--ink-dim)}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.btn-row .btn{flex:1;text-align:center;min-width:120px}.screen-race{padding:0}.hud{position:absolute;inset:0;pointer-events:none}.hud-panel{position:absolute;background:#0b0d10c7;border:2px solid var(--line);border-radius:2px;box-shadow:4px 4px #0009;padding:10px 14px}.hud-tl{top:16px;left:16px}.hud-tr{top:16px;right:16px;text-align:right}.hud-line{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.55}.hud-clock{color:var(--ink-dim)}.hud-label{color:var(--ink-dim);font-size:12px}.hud-time{font-variant-numeric:tabular-nums}.hud-bl{position:absolute;bottom:20px;left:20px}.hud-speed{font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:.08em;text-shadow:3px 3px 0 var(--shadow);font-variant-numeric:tabular-nums}.speedbar{width:min(240px,34vw);height:10px;margin-top:6px;border:2px solid var(--line);background:#0b0d10c7}.speedbar-fill{height:100%;width:0%;background:var(--red)}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;font-size:clamp(90px,18vw,160px);font-weight:800;letter-spacing:.06em;color:var(--ink);text-shadow:8px 8px 0 var(--shadow);pointer-events:none}.countdown.hidden{display:none}.countdown.go{color:var(--green)}.countdown.pop{animation:cd-pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes cd-pop{0%{transform:translate(-50%,-50%) scale(1.9);opacity:.2}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.results-panel{width:min(96vw,720px)}.results-title{font-size:clamp(22px,4vw,30px);font-weight:800;letter-spacing:.25em;text-transform:uppercase;text-align:center;margin-bottom:18px;text-shadow:3px 3px 0 var(--shadow)}.results-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;overflow-x:auto}.result-head,.result-row{display:grid;grid-template-columns:3em 56px minmax(0,1.2fr) minmax(0,1fr) 6.5em 6.5em;align-items:center;gap:10px;min-width:480px}.result-head{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim);padding:0 12px}.result-row{background:var(--panel-2);border:2px solid var(--line);border-radius:2px;padding:8px 12px}.res-pos{font-weight:800;font-size:16px;letter-spacing:.05em}.pos-1{color:gold}.pos-2{color:silver}.pos-3{color:#cd7f32}.pos-n{color:var(--ink-dim)}.res-car{height:30px;width:auto;justify-self:center}.res-name{font-weight:700;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-team{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r{text-align:right;font-variant-numeric:tabular-nums}.res-time{font-weight:700}.res-time.dnf{color:#ff3b30}.res-best{color:var(--ink-dim)}.toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--panel);border:2px solid var(--ink);border-radius:2px;box-shadow:4px 4px 0 var(--shadow);padding:10px 18px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;animation:toast-in .25s ease-out}.toast-out{opacity:0;transition:opacity .25s}@keyframes toast-in{0%{transform:translateY(16px);opacity:0}}.track-row{display:flex;gap:14px;align-items:flex-end;margin-top:12px}.track-block{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.track-select{width:100%}.track-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.track-preview{background:var(--panel-2);border:2px solid var(--line);image-rendering:pixelated}.track-info{font-size:10px;letter-spacing:1px;color:var(--ink-dim)}.touch-controls{position:fixed;inset:auto 0 0;display:none;justify-content:space-between;align-items:flex-end;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:40}.touch-controls.visible{display:flex}.touch-cluster{display:flex;gap:12px;pointer-events:none}.touch-btn{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--mono);font-weight:700;letter-spacing:1px;color:var(--ink);background:#12151ab8;border:2px solid var(--line);box-shadow:3px 3px #0009;border-radius:4px}.touch-btn.pressed{background:#2a2f37e6;border-color:var(--ink-dim);transform:translate(2px,2px);box-shadow:1px 1px #0009}.touch-btn-touch-left,.touch-btn-touch-right{width:76px;height:76px;font-size:26px}.touch-btn-touch-gas{width:92px;height:92px;font-size:14px;border-color:var(--green);color:var(--green)}.touch-btn-touch-brake{width:76px;height:62px;font-size:12px;border-color:var(--red);color:var(--red-hi);align-self:center}@media(max-width:700px),(max-height:520px){.panel{max-width:94vw;max-height:92dvh;overflow-y:auto;padding:16px}.title{font-size:26px}.track-row{flex-direction:column;align-items:stretch}.track-preview-wrap{align-self:center}.hud-panel,.hud-bl{transform:scale(.82);transform-origin:top left}.hud-tr{transform-origin:top right}.hud-speed{font-size:20px}.countdown{font-size:64px}}#app,#app canvas{touch-action:none}.bg-cars{position:fixed;inset:0;overflow:hidden;z-index:0;background:var(--bg);filter:blur(1.8px) brightness(.6) saturate(.9);pointer-events:none}.ui-root[data-screen=race] .bg-cars{display:none}.bg-plane{position:absolute;left:-25%;top:-60%;width:150%;transform:rotate(-14deg);animation:grid-drift 80s linear infinite;will-change:transform}.bg-set{display:flex;flex-direction:column;gap:52px;padding-bottom:52px}.bg-row{display:flex;gap:58px;justify-content:center}.bg-row-odd{transform:translate(46px)}.bg-car{width:42px;image-rendering:pixelated;opacity:.95;flex-shrink:0}@keyframes grid-drift{0%{transform:rotate(-14deg) translateY(0)}to{transform:rotate(-14deg) translateY(-50%)}}@media(prefers-reduced-motion:reduce){.bg-plane{animation:none}}.screen{z-index:1}.menu-split{display:flex;align-items:center;justify-content:center;gap:64px;width:100%;max-width:1020px;padding:24px}.menu-hero{flex:1 1 480px;max-width:560px}.eyebrow{font-size:11px;letter-spacing:5px;color:var(--ink-dim);margin-bottom:10px}.title-mega{font-size:clamp(56px,9vw,96px);line-height:.9;transform:skew(-6deg);text-shadow:4px 4px 0 var(--shadow),9px 9px 0 rgba(232,0,45,.35);margin-bottom:18px}.title-mega .title-accent{display:inline-block;margin-left:14px}.menu-panel{flex:0 0 340px;width:340px}.panel-eyebrow{font-size:10px;letter-spacing:4px;color:var(--ink-dim);border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:16px}.showcase{margin-top:34px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.showcase-car{width:250px;image-rendering:pixelated;filter:drop-shadow(0 8px 0 rgba(0,0,0,.55))}.showcase-plinth{width:290px;height:10px;background:repeating-linear-gradient(90deg,var(--panel-2) 0 14px,var(--line) 14px 28px);border:2px solid var(--line)}.showcase-name{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700}@media(max-width:860px){.menu-split{flex-direction:column;gap:28px;padding:16px}.menu-hero{max-width:94vw;text-align:center}.showcase{align-items:center}.showcase-car{width:180px}.menu-panel{flex:none;width:min(94vw,360px)}}@media(max-height:520px){.showcase{display:none}}body.has-touch .hud-bl{bottom:128px}