:root{--bg:#0b1021;--panel:#161c30;--panel-2:#1f2740;--text:#e8ecf8;--muted:#8b94b3;--accent:#e02d52;--accent-2:#23c552;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #1b2b4d, var(--bg)) no-repeat, var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;margin:0;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}#root{justify-content:center;width:100%;display:flex}h1{margin:0 0 4px;font-size:1.6rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 6px;font-size:1rem}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid #2a3354;border-radius:16px;width:100%;max-width:380px;padding:28px;box-shadow:0 20px 60px #00000073}.card.wide{max-width:460px}label{color:var(--muted);margin-top:14px;font-size:.85rem;display:block}input{background:var(--panel-2);width:100%;color:var(--text);letter-spacing:.04em;border:1px solid #2a3354;border-radius:10px;margin-top:6px;padding:11px 12px;font-size:1rem}input:focus{outline:2px solid var(--accent)}button{background:var(--panel-2);width:100%;color:var(--text);cursor:pointer;border:0;border-radius:10px;margin-top:16px;padding:12px;font-size:1rem;font-weight:600}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent)}.row{gap:10px;display:flex}.divider{text-align:center;color:var(--muted);margin:16px 0 0;font-size:.8rem}.roster{margin:16px 0;padding:0;list-style:none}.roster li{background:var(--panel-2);border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:9px 12px;display:flex}.dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px}.badge{color:var(--muted);background:#2a3354;border-radius:999px;padding:2px 7px;font-size:.7rem}.badge.you{background:var(--accent);color:#fff}.race{width:100%;max-width:800px;position:relative}.game-mount{justify-content:center;display:flex}.overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown span{color:#fff;text-shadow:0 4px 24px #0009;font-size:8rem;font-weight:800;animation:.3s pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.hud{font-variant-numeric:tabular-nums;z-index:2;background:#0b1021b8;border:1px solid #2a3354;border-radius:10px;gap:16px;padding:8px 14px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.hud-k{color:var(--muted);font-size:.65rem;font-weight:600;display:block}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid #232b48;padding:9px 8px}tr.me td{color:var(--accent-2);font-weight:700}td.pos{width:42px}td.time{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.lobby-screen{flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.mountain-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.mountain-bg canvas{width:100%;height:100%;display:block}.mountain-bg:after{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#0000 36%,#070b1d9e 100%);position:absolute;inset:0}.lobby-screen .brand-logo,.lobby-screen .card{z-index:1;position:relative}.char-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 4px;display:grid}.char{background:var(--panel-2);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;width:100%;margin:0;padding:9px 4px 7px;display:flex}.char.sel{border-color:var(--accent);background:#2a2036}.char-name{font-size:.74rem;font-weight:700}.char-role{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.58rem}.avatar{display:block}.roster li .avatar{flex:none}.btn-racer{justify-content:center;align-items:center;gap:8px;display:inline-flex}.touch-controls{z-index:3;pointer-events:none;position:absolute;inset:0}.tc-cluster{gap:14px;display:flex;position:absolute;bottom:18px}.tc-steer{left:16px}.tc-pedals{right:16px}.tc-btn{pointer-events:auto;color:#e8ecf8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b102180;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin:0;padding:0;font-size:1.9rem;line-height:1;display:flex}.tc-btn:active{transform:scale(.94)}.tc-gas{background:#23c5526b;width:86px;height:86px}.tc-brake{background:#e02d5261}.brand-logo{filter:drop-shadow(0 8px 26px #0000008c);width:min(260px,64vw);height:auto}.music-btn{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b10219e;border:1px solid #2a3354;border-radius:999px;width:auto;margin:0;padding:8px 14px;font-size:.85rem;position:absolute;top:16px;right:16px}