*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:Outfit,sans-serif;color:#fff;user-select:none;-webkit-user-select:none}#gameContainer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#0a0a12eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.title-content{text-align:center;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .7s cubic-bezier(.22,1,.36,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.logo-mark{display:flex;align-items:baseline;gap:2px;margin-bottom:2px}.logo-g{font-family:Outfit,sans-serif;font-size:5.5rem;font-weight:900;line-height:1;color:#fff;letter-spacing:-.04em}.logo-p{font-family:Outfit,sans-serif;font-size:5.5rem;font-weight:300;line-height:1;color:#ffffff2e;letter-spacing:-.04em}.logo-dot{width:8px;height:8px;border-radius:50%;background:#e00;box-shadow:0 0 14px #ee000080;align-self:flex-end;margin-bottom:14px;margin-left:1px;margin-right:1px}.logo-3d{font-family:Outfit,sans-serif;font-size:3.2rem;font-weight:900;line-height:1;color:#fff;letter-spacing:-.04em}.logo-sub{font-size:.65rem;font-weight:600;letter-spacing:1em;color:#ffffff2e;text-transform:uppercase;margin-bottom:40px;margin-left:1em}.sel-stack{display:flex;flex-direction:column;width:340px;margin-bottom:32px}.sel-row{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sel-row:last-child{border-bottom:none}.sel-dot{width:5px;height:5px;border-radius:50%;background:#e00;box-shadow:0 0 8px #ee000059;margin-right:14px;flex-shrink:0}.sel-lbl{font-size:.6rem;font-weight:600;color:#ffffff40;letter-spacing:.2em;text-transform:uppercase;width:60px;text-align:left;flex-shrink:0}.sel-val{flex:1;text-align:right;font-size:.95rem;font-weight:700;color:#fffc}.car-preview-block{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.car-preview-canvas{width:200px;height:125px;border-radius:10px;margin-bottom:10px}.car-preview-info{display:flex;align-items:center;gap:16px}.car-preview-name{font-size:.9rem;font-weight:700;color:#ffffffb3;letter-spacing:.05em;min-width:120px;text-align:center}.sel-nav{display:flex;gap:6px;margin-left:14px;flex-shrink:0}.sel-btn{width:30px;height:30px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.85rem;cursor:pointer;transition:all .2s ease}.sel-btn:hover{border-color:#fff3;color:#fff9;background:#ffffff0a}.sel-btn:active{transform:scale(.92)}.start-btn{position:relative;overflow:hidden;background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.2em;padding:15px 56px;border-radius:50px;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .2s;margin-bottom:28px}.start-btn .btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(238,0,0,.1),transparent);opacity:0;transition:opacity .3s}.start-btn:hover{border-color:#e00;box-shadow:0 0 24px #ee000026;transform:translateY(-1px)}.start-btn:hover .btn-fill{opacity:1}.start-btn:active{transform:translateY(1px)}.start-btn span{position:relative;z-index:1}.controls-hint{display:flex;align-items:center;gap:6px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1px solid rgba(255,255,255,.06);border-radius:50%;font-family:Outfit,sans-serif;font-size:.6rem;font-weight:700;color:#fff3;background:none}.hint-label{font-size:.6rem;color:#ffffff26;margin-right:4px}.hint-sep{color:#ffffff0f;margin:0 4px}.title-btns{display:flex;gap:12px;justify-content:center;margin-bottom:28px}.title-btns .start-btn{margin-bottom:0;padding:15px 36px}.start-btn-multi{border-color:#00a0ff40!important}.start-btn-multi:hover{border-color:#09f!important;box-shadow:0 0 24px #09f3!important}.start-btn-multi .btn-fill{background:linear-gradient(135deg,rgba(0,153,255,.12),transparent)!important}.lobby-content{display:flex;flex-direction:column;align-items:center;width:320px;animation:fadeInUp .5s cubic-bezier(.22,1,.36,1)}.lobby-back-btn{align-self:flex-start;background:none;border:none;color:#ffffff4d;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.05em;cursor:pointer;padding:4px 0;margin-bottom:12px;transition:color .2s}.lobby-back-btn:hover{color:#ffffffb3}.lobby-title{font-family:Bungee,cursive;font-size:1.4rem;letter-spacing:.18em;color:#09f;text-shadow:0 0 20px rgba(0,153,255,.4);margin-bottom:20px;text-align:center}#lobbyJoinForm{display:flex;flex-direction:column;align-items:center;width:100%}.lobby-name-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:#fff;text-align:center;outline:none;transition:border-color .2s;margin-bottom:14px;box-sizing:border-box}.lobby-name-input::placeholder{color:#fff3}.lobby-name-input:focus{border-color:#0099ff80}#lobbyCarCanvas{width:100%!important;height:160px!important;border-radius:10px;margin-bottom:8px;display:block}.lobby-car-selector{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-bottom:14px}.lobby-car-name{font-size:.95rem;font-weight:700;color:#fffc;flex:1;text-align:center}#btnJoinLobby{width:100%}.lobby-error{margin-top:8px;font-size:.8rem;color:#f44;text-align:center}#lobbyWaiting{display:flex;flex-direction:column;align-items:center;width:100%}.lobby-player-list{width:100%;background:#0006;border-radius:12px;padding:8px 0;margin-bottom:14px;border:1px solid rgba(255,255,255,.06);max-height:220px;overflow-y:auto;box-sizing:border-box}.lobby-player-row{display:flex;align-items:center;gap:10px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:#fffc}.lobby-player-row.is-me{color:#ffd84d;background:#ffd84d0f}.lobby-player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lobby-player-name{flex:1;text-align:left}.lobby-player-badge{font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:2px 6px;border-radius:4px;background:#09f3;color:#09f;border:1px solid rgba(0,153,255,.3)}#lobbyHostControls{width:100%;display:flex;flex-direction:column;align-items:center}.lobby-sel-stack{width:100%;margin-bottom:8px}#btnStartMulti{width:100%}.lobby-status{font-size:.75rem;font-weight:600;color:#ffffff40;letter-spacing:.1em;text-transform:uppercase;margin-top:10px;text-align:center}.menu-btn{border:none;border-radius:50px;padding:14px 40px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.menu-btn.primary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:none}.menu-btn.primary:hover{border-color:#e00;box-shadow:0 0 20px #ee000026;transform:translateY(-2px)}.menu-btn.primary:active{transform:translateY(1px)}.menu-btn.secondary{background:#ffffff0a;color:#ffffff80;border:1px solid rgba(255,255,255,.06)}.menu-btn.secondary:hover{background:#ffffff14;color:#fff;transform:translateY(-2px)}.btn-icon{font-size:1.3rem}.lights-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;z-index:100;pointer-events:none}.lights-gantry{display:flex;gap:18px;background:#1a1a1a;border:3px solid #333;border-radius:12px;padding:14px 24px;box-shadow:0 8px 32px #000000b3,inset 0 1px #ffffff0d}.light-column{display:flex;flex-direction:column;gap:8px;align-items:center}.light-bulb{width:36px;height:36px;border-radius:50%;background:#2a1a1a;border:2px solid #444;box-shadow:inset 0 2px 4px #0009;transition:background .1s,box-shadow .1s}.light-column.on .light-bulb{background:radial-gradient(circle at 40% 35%,#f44,#c00 60%,#800);border-color:#f66;box-shadow:0 0 15px 5px #f009,0 0 40px 10px #ff00004d,inset 0 -2px 4px #0000004d}.light-column.go .light-bulb{background:radial-gradient(circle at 40% 35%,#4f4,#0c0 60%,#080);border-color:#6f6;box-shadow:0 0 15px 5px #0f09,0 0 40px 10px #00ff004d,inset 0 -2px 4px #0000004d}.lights-status-text{font-family:Bungee,cursive;font-size:3rem;margin-top:16px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5),0 4px 8px rgba(0,0,0,.8);opacity:0;transition:opacity .2s}.lights-status-text.visible{opacity:1;animation:lightsOutPop .4s ease-out}@keyframes lightsOutPop{0%{transform:scale(1.8);opacity:0}60%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}.finish-content{text-align:center;animation:fadeInUp .5s ease-out}.finish-position{font-family:Bungee,cursive;font-size:4rem;margin-bottom:16px}.finish-position.pos-1{background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 rgba(180,130,0,.5))}.finish-position.pos-2{background:linear-gradient(135deg,silver,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.finish-position.pos-3{background:linear-gradient(135deg,#cd7f32,sienna);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.finish-position.pos-other{color:#fff9}.finish-stats{margin:20px 0 30px;font-size:1rem;color:#ffffff80;line-height:1.8}.finish-classification{margin:20px auto 30px;max-width:320px}.finish-row{display:flex;align-items:center;gap:8px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.finish-row.is-player{color:#ffd84d;background:#ffd84d14;border-radius:6px}.finish-row.podium-1{color:gold}.finish-row.podium-2{color:silver}.finish-row.podium-3{color:#cd7f32}.finish-row-pos{width:24px;font-weight:800}.finish-row-color{width:4px;height:16px;border-radius:2px}.finish-row-name{flex:1}.finish-row-time{font-size:.75rem;color:#fff6}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.hud-top-left{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:4px}.hud-classification{display:flex;flex-direction:column;gap:1px;background:#000000bf;border-radius:8px;padding:6px 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:180px}.class-row{display:flex;align-items:center;gap:6px;padding:2px 10px;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700;color:#fffc}.class-row.is-player{background:#ffd84d26;color:#ffd84d}.class-pos{width:20px;text-align:right;font-size:.7rem}.class-color{width:4px;height:14px;border-radius:2px}.class-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-gap{font-size:.6rem;color:#fff6;min-width:45px;text-align:right}.hud-top-right{position:absolute;top:20px;right:20px;text-align:right}.hud-speed{display:flex;align-items:baseline;gap:4px}#hudSpeed{font-family:Bungee,cursive;font-size:2.4rem;line-height:1;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hud-speed-unit{font-size:.8rem;font-weight:600;color:#fff6}.hud-drs{margin-top:6px;font-family:Bungee,cursive;font-size:1.1rem;letter-spacing:.12em;color:#0f5;text-shadow:0 0 8px rgba(0,255,80,.9),0 0 20px rgba(0,255,80,.5);animation:drsPulse .6s ease-in-out infinite alternate}@keyframes drsPulse{0%{opacity:.75}to{opacity:1}}.hud-minimap{position:absolute;bottom:20px;right:20px;width:160px;height:160px;border-radius:12px;overflow:hidden;background:#00000080;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#minimapCanvas{width:100%;height:100%}.hud-top-center{position:absolute;top:20px;left:50%;transform:translate(-50%)}.hud-volume{position:absolute;bottom:200px;right:20px;background:#000000b3;border-radius:8px;padding:6px 14px;font-family:Bungee,cursive;font-size:.9rem;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s}.hud-position{font-family:Bungee,cursive;font-size:2.8rem;line-height:1;color:#ffd84d;text-shadow:0 0 16px rgba(255,216,77,.5),0 2px 8px rgba(0,0,0,.8);text-align:center;margin-bottom:4px}.hud-lap{font-family:Bungee,cursive;font-size:1.4rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);background:#0009;border-radius:8px;padding:4px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}