@import"https://fonts.googleapis.com/css2?family=Orbitron:ital,wght@0,700;0,900;1,800;1,900&family=Rajdhani:wght@600;700;800&display=swap";:root{--font-racing: "Orbitron", "Impact", "Arial Black", sans-serif;--font-motorsport: "Rajdhani", -apple-system, "Segoe UI", sans-serif;--color-primary: #facc15;--color-accent: #38bdf8;--color-neon-orange: #fb923c;--color-danger: #ef4444;--color-success: #22c55e;--bg-carbon: rgba(10, 15, 29, .92);--bg-surface: rgba(20, 27, 45, .85);--border-metallic: rgba(255, 255, 255, .18);--border-glow: rgba(56, 189, 248, .5)}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:#050811;font-family:var(--font-motorsport);touch-action:none}#game-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#game-container canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.racing-title{font-family:var(--font-racing);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:2px}.racing-sub{font-family:var(--font-motorsport);font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.chamfer-box{background:var(--bg-carbon);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-metallic);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:0 8px 32px #00000080,inset 0 1px #fff3}.chamfer-box-accent{border:1.5px solid var(--border-glow);box-shadow:0 0 24px #38bdf840,inset 0 1px #ffffff4d}.slanted{transform:skew(-7deg)}.slanted-inner{transform:skew(7deg)}.arcade-btn{font-family:var(--font-racing);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;border:none;cursor:pointer;padding:12px 28px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .15s ease,filter .15s ease;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);outline:none}.arcade-btn:hover{transform:scale(1.03) translateY(-1px);filter:brightness(1.12)}.arcade-btn:active{transform:scale(.97) translateY(2px);filter:brightness(.95)}.arcade-btn-primary{background:linear-gradient(135deg,#f59e0b,#ea580c 60%,#dc2626);box-shadow:0 4px 20px #ea580c80,inset 0 1px #fff6}.arcade-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a 60%,#15803d);box-shadow:0 4px 20px #22c55e66,inset 0 1px #ffffff4d}.arcade-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626 60%,#991b1b);box-shadow:0 4px 20px #ef444466,inset 0 1px #ffffff4d}.arcade-btn-secondary{background:#1e293bd9;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff26}.arcade-btn-secondary:hover{background:#334155f2;border-color:var(--color-accent)}.carousel-arrow-btn{background:#1e293be6;border:1.5px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-racing);font-size:18px;font-weight:900;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0006;user-select:none}.carousel-arrow-btn:hover{background:var(--color-accent);color:#020617;border-color:#38bdf8;transform:scale(1.08);box-shadow:0 0 18px #38bdf899}.carousel-arrow-btn:active{transform:scale(.92)}.carousel-dot{width:22px;height:5px;background:#fff3;transform:skew(-20deg);border-radius:1px;transition:all .2s ease}.carousel-dot.active{background:var(--color-primary);box-shadow:0 0 10px #facc15cc;width:34px}.stat-pip-container{display:flex;gap:3px;align-items:center}.stat-pip{width:9px;height:7px;border-radius:1px;background:#ffffff1f;transform:skew(-15deg);transition:background .2s ease,box-shadow .2s ease}.stat-pip.filled{background:var(--color-accent);box-shadow:0 0 6px #38bdf899}.stat-pip.filled.speed{background:#38bdf8;box-shadow:0 0 6px #38bdf899}.stat-pip.filled.accel{background:#4ade80;box-shadow:0 0 6px #4ade8099}.stat-pip.filled.handling{background:#facc15;box-shadow:0 0 6px #facc1599}.stat-pip.filled.weight{background:#fb923c;box-shadow:0 0 6px #fb923c99}.speedo-ring{filter:drop-shadow(0 0 12px rgba(56,189,248,.4))}@keyframes pulseGlow{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}@keyframes bannerSlideDown{0%{transform:translate(-50%,-80%) scale(.85);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes rouletteSpin{0%{transform:translateY(0);filter:blur(0)}50%{transform:translateY(-30px);filter:blur(2px)}to{transform:translateY(0);filter:blur(0)}}.pulse-anim{animation:pulseGlow .8s infinite ease-in-out}.interactive{pointer-events:auto!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f1de6}::-webkit-scrollbar-thumb{background:#38bdf866;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#38bdf8cc}.setup-main-grid{display:grid;grid-template-columns:minmax(300px,360px) 1fr minmax(320px,390px);gap:16px;align-items:stretch;width:100%}@media (max-width: 1024px){.setup-main-grid{grid-template-columns:1fr 1fr;gap:12px}.setup-center-viewport{display:none!important}}@media (max-width: 720px){.setup-main-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){#hud-pos{font-size:34px!important}#hud-speed{font-size:38px!important}#hud-minimap{width:95px!important;height:95px!important}#hud-item-slot{width:58px!important;height:58px!important}#hud-pause-btn span{display:none}}.room-code-badge{font-family:monospace,var(--font-racing);font-size:24px;font-weight:900;letter-spacing:5px;color:#38bdf8;background:#020617d9;padding:6px 16px;border-radius:8px;border:1.5px solid #38bdf8;box-shadow:0 0 16px #38bdf859;display:inline-block}.roster-slot{background:#0f172abf;border:1px solid rgba(56,189,248,.3);border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.roster-slot:hover{border-color:#38bdf8b3;background:#0f172af2}.roster-slot-empty{border:1px dashed rgba(148,163,184,.3);background:#0f172a59;border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:11px}