:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#0d1612;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button{color:inherit;font:inherit;border:0}#app{background:radial-gradient(circle at 28% 18%,#548c5e52,#0000 28rem),linear-gradient(145deg,#122015 0%,#17251a 46%,#1e221a 100%);position:relative}#game{cursor:crosshair;width:100vw;height:100vh;display:block}.hud{pointer-events:none;grid-template-columns:minmax(178px,260px) 1fr minmax(178px,260px);align-items:start;gap:12px;display:grid;position:absolute;inset:14px 14px auto}.player-card,.race-status,.menu-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090f12c2;border:1px solid #ffffff24;box-shadow:0 12px 42px #00000057}.player-card{border-radius:8px;min-height:88px;padding:12px}.keyboard{border-left:4px solid #34d399}.mouse{border-right:4px solid #f97316}.card-top,.card-bottom{justify-content:space-between;gap:8px;min-width:0;display:flex}.card-bottom{flex-wrap:wrap}.player-label{color:#fff;letter-spacing:0;font-size:.95rem;font-weight:800}.lap,.card-bottom{color:#cbd5e1;font-size:.82rem;font-weight:700}.score{color:#fef08a}.meter{background:#94a3b838;border-radius:999px;height:12px;margin:12px 0 10px;position:relative;overflow:hidden}.meter>span{border-radius:inherit;background:linear-gradient(90deg,#22c55e 0%,#eab308 62%,#ef4444 100%);width:100%;transition:width .14s linear;position:absolute;inset:0 auto 0 0}.race-status{text-align:center;color:#fff;text-shadow:0 4px 18px #000000b3;opacity:0;border-radius:8px;justify-self:center;min-width:92px;min-height:52px;padding:8px 18px;font-size:clamp(1.35rem,4vw,3.4rem);font-weight:900;line-height:1.05;transition:opacity .12s,transform .12s;transform:translateY(-6px)}.race-status.visible{opacity:1;transform:translateY(0)}.menu{background:linear-gradient(#050a0c8a,#050a0c38);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.menu.hidden{pointer-events:none;opacity:0}.menu-panel{border-radius:8px;width:min(460px,100%);padding:24px}.eyebrow{color:#86efac;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:900}h1{color:#fff;letter-spacing:0;margin:0 0 22px;font-size:clamp(2rem,8vw,4rem);line-height:.95}.track-select{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.track-button,.start-button,.online-button,#join-code{letter-spacing:0;border-radius:8px;min-height:46px;font-weight:900}.track-button,.start-button,.online-button{cursor:pointer}.track-button{color:#e2e8f0;background:#94a3b82e}.track-button.active{color:#111827;background:#e2e8f0}.start-button{color:#111827;background:#f97316;width:100%}.online-controls{gap:10px;margin-top:14px;display:grid}.join-row{grid-template-columns:minmax(0,1fr) 92px;gap:10px;display:grid}.online-button{color:#ecfdf5;background:#22c55e38}#join-code{color:#fff;text-transform:uppercase;background:#0f172ab8;border:1px solid #ffffff2e;width:100%;padding:0 12px}.room-info{color:#d1fae5;overflow-wrap:anywhere;min-height:36px;margin:0;font-size:.86rem;font-weight:800;line-height:1.25}.start-button:focus-visible,.track-button:focus-visible,.online-button:focus-visible,#join-code:focus-visible{outline-offset:3px;outline:3px solid #fef08a}@media (width<=720px){.hud{grid-template-columns:1fr 1fr;gap:8px;inset:8px 8px auto}.race-status{grid-area:1/1/auto/-1;min-height:42px}.player-card{grid-row:2;min-height:78px;padding:10px}.card-bottom,.lap{font-size:.74rem}.menu-panel{padding:18px}}