:root{--bg-dark:#0a1128;--bg-card:#0d1b2ae0;--accent-cyan:#00f5d4;--accent-blue:#00b4d8;--accent-amber:#ffb703;--accent-orange:#ff9f1c;--accent-red:#f05;--text-main:#f8f9fa;--text-muted:#94a3b8;--border-glow:#00f5d466;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid #00f5d433;border-radius:16px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffffff14}#host-app{width:100%;height:100%;position:relative;overflow:hidden}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#webgl-canvas{width:100%;height:100%;display:block}.webgl-fallback{color:var(--accent-amber);text-align:center;z-index:50;background:#0a1128;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.host-hud{pointer-events:none;z-index:10;width:100%;height:100%;padding:24px;position:absolute;top:0;left:0}.hud-interactive{pointer-events:auto}.host-header{z-index:2;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.brand-title{letter-spacing:2px;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 2px 8px #040814e6);-webkit-background-clip:text;font-size:2.2rem;font-weight:900}.brand-subtitle{color:var(--accent-amber);text-shadow:0 2px 6px #040814;margin-top:4px;font-size:.95rem;font-weight:600}.host-control-hint{color:var(--text-main);text-shadow:0 2px 6px #040814;margin-top:6px;font-size:.8rem;font-weight:650}.qr-widget{border:2px solid var(--border-glow);flex-direction:column;align-items:center;gap:8px;max-width:220px;padding:16px;transition:transform .3s,padding .3s;display:flex}.qr-image{object-fit:contain;background:#fff;border-radius:12px;width:156px;height:156px;padding:8px}.qr-widget.shrunk .qr-image{width:90px;height:90px;padding:4px}.qr-widget.shrunk{padding:10px}.room-code-badge{letter-spacing:4px;color:var(--accent-cyan);font-size:1.8rem;font-weight:900}.join-url-text{color:var(--text-muted);word-break:break-all;text-align:center;max-width:200px;font-size:.85rem}.lobby-center{text-align:left;flex-direction:column;gap:12px;width:min(540px,100vw - 48px);max-height:calc(100vh - 245px);padding:20px;display:flex;position:absolute;bottom:86px;left:24px;overflow-y:auto}.player-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:148px;margin:4px 0;display:grid;overflow-y:auto}.player-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-left-width:4px;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:1.1rem;font-weight:700;display:flex}.player-chip .emoji{font-size:1.6rem}.primary-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));color:#040814;cursor:pointer;border:none;border-radius:12px;min-height:48px;padding:16px 36px;font-size:1.25rem;font-weight:800;transition:transform .15s,filter .15s;box-shadow:0 4px 20px #00f5d466}.primary-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale()}.primary-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.primary-btn:active:not(:disabled){transform:translateY(1px)}.secondary-btn{color:var(--text-main);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;min-height:48px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:background .2s}.secondary-btn:hover{background:#fff3}.standings-modal{flex-direction:column;gap:16px;width:calc(100% - 48px);max-width:560px;padding:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.leaderboard-list{flex-direction:column;gap:10px;display:flex}.leaderboard-row{background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 20px;font-size:1.1rem;font-weight:700;display:flex}.leaderboard-row.winner{border:1px solid var(--accent-amber);background:linear-gradient(90deg,#ffb70340,#ff9f1c26)}#race-hud-overlay{min-width:220px;padding:12px 24px;position:absolute;top:24px;left:50%;transform:translate(-50%)}#player-app{box-sizing:border-box;background:radial-gradient(circle at top,#124 0%,#0a1128 100%);flex-direction:column;justify-content:space-between;width:100%;max-width:100vw;height:100%;min-height:100vh;padding:clamp(12px,3vw,24px);display:flex;overflow:hidden auto}.controller-header{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.emoji-selector-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:480px;margin:0 auto;padding:16px 0;display:grid}.emoji-card{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:#ffffff14;border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:48px;min-height:48px;font-size:2.2rem;transition:all .2s;display:flex}.emoji-card:hover:not(:disabled){border-color:var(--accent-cyan);transform:scale(1.05)}.emoji-card:disabled,.emoji-card.claimed{opacity:.3;cursor:not-allowed}.emoji-card.selected{border-color:var(--accent-amber);background:#ffb70333;box-shadow:0 0 16px #ffb70366}.controls-container{justify-content:space-between;align-items:flex-end;gap:16px;width:100%;max-width:600px;margin:0 auto;padding-bottom:16px;display:flex}.dpad-group,.pedal-group{gap:12px;display:flex}.touch-btn{width:clamp(64px,18vw,90px);min-width:48px;height:clamp(64px,18vw,90px);min-height:48px;color:var(--text-main);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff1f;border:2px solid #ffffff40;border-radius:20px;justify-content:center;align-items:center;font-size:2rem;font-weight:800;transition:background .1s,transform .1s;display:flex}.touch-btn:active,.touch-btn.active{background:var(--accent-cyan);color:#040814;box-shadow:0 0 20px var(--accent-cyan);transform:scale(.95)}.boost-btn{background:linear-gradient(135deg, var(--accent-orange), var(--accent-amber));color:#040814;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:20px;width:100%;height:clamp(56px,14vw,80px);min-height:48px;font-size:1.4rem;font-weight:900;box-shadow:0 4px 20px #ff9f1c66}.boost-btn:active,.boost-btn.active{filter:brightness(1.2);transform:scale(.97)}.player-error-panel{width:min(100%,420px);color:var(--accent-red);text-align:center;padding:20px;font-weight:700;line-height:1.45}.attribution-footer{color:var(--text-muted);text-align:center;padding:8px;font-size:.75rem;position:absolute;bottom:12px;left:24px;right:24px}.attribution-footer a{color:var(--accent-cyan);text-decoration:none}body.reduced-motion *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.host-hud{padding:16px}.brand-title{font-size:1.55rem}.brand-subtitle,.host-control-hint{max-width:58vw}.qr-widget{padding:10px}.qr-image{width:112px;height:112px}.room-code-badge{font-size:1.35rem}.join-url-text{max-width:150px;font-size:.7rem}.lobby-center{width:min(500px,100vw - 32px);max-height:calc(100vh - 220px);bottom:78px;left:16px}.attribution-footer{bottom:8px;left:16px;right:16px}}@media (height<=500px){#player-app{padding:8px 16px}.controls-container{padding-bottom:4px}.touch-btn{width:60px;height:60px}.boost-btn{height:48px;font-size:1rem}}