:root{--bg: #070312;--bg-2: #0d0a24;--panel: rgba(13, 10, 36, .88);--panel-solid: #0d0a24;--cyan: #00f0ff;--magenta: #ff2d95;--purple: #8b5cf6;--amber: #ffd166;--green: #52ffa8;--fg: #f0eefc;--fg-dim: #8d89b8;--border: rgba(139, 92, 246, .45);--border-strong: rgba(0, 240, 255, .7);--font: "Rajdhani", "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Orbitron", "Rajdhani", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font);user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 24px #8b5cf62e,inset 0 0 40px #00f0ff08}.neon-title{font-family:var(--font-display);font-weight:900;letter-spacing:.12em;background:linear-gradient(180deg,#ffffff 0%,var(--cyan) 55%,var(--purple) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(0,240,255,.55)) drop-shadow(0 0 46px rgba(255,45,149,.3))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 34px;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.18em;color:var(--cyan);background:linear-gradient(180deg,#00f0ff1f,#00f0ff0a);border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;box-shadow:0 0 14px #00f0ff40,inset 0 0 12px #00f0ff0f}.btn:hover{color:#fff;background:linear-gradient(180deg,#00f0ff4d,#8b5cf62e);box-shadow:0 0 26px #00f0ff80,inset 0 0 18px #00f0ff1f;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.magenta{color:var(--magenta);border-color:#ff2d95b3;background:linear-gradient(180deg,#ff2d9524,#ff2d950a);box-shadow:0 0 14px #ff2d9540}.btn.magenta:hover{color:#fff;box-shadow:0 0 26px #ff2d9580}.btn.small{padding:8px 20px;font-size:13px}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.icon{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}.icon.lg{width:26px;height:26px}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;background:transparent;transition:opacity .4s ease;pointer-events:none}.screen.hidden{opacity:0;pointer-events:none}.screen>*{pointer-events:auto}#screen-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 520px at 50% 104%,rgba(0,240,255,.06),transparent 62%),radial-gradient(1100px 640px at 50% -10%,rgba(139,92,246,.16),transparent 62%),linear-gradient(180deg,#070312d1,#0703126b 42%,#070312b3);pointer-events:none}#screen-menu .menu-logo{position:relative}#screen-menu .menu-logo:before{content:"";position:absolute;top:-60px;right:-120px;bottom:-60px;left:-120px;background:radial-gradient(closest-side,rgba(7,3,18,.7),transparent 72%);pointer-events:none;z-index:-1}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.input{padding:11px 16px;font-family:var(--font);font-size:16px;font-weight:600;letter-spacing:.06em;color:var(--fg);background:#0006;border:1px solid var(--border);border-radius:8px;outline:none;text-align:center}.input:focus{border-color:var(--border-strong);box-shadow:0 0 14px #00f0ff4d}.input::placeholder{color:var(--fg-dim)}.key{display:inline-block;min-width:26px;padding:3px 8px;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--cyan);background:#00f0ff14;border:1px solid rgba(0,240,255,.4);border-bottom-width:3px;border-radius:6px;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}#screen-menu{align-items:flex-start;justify-content:center}#screen-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(7,3,18,.92) 0%,rgba(7,3,18,.55) 42%,rgba(7,3,18,.15) 70%,transparent 100%),linear-gradient(180deg,rgba(7,3,18,.4) 0%,transparent 30%,rgba(7,3,18,.45) 100%);pointer-events:none}.fh-brand{position:absolute;top:34px;left:44px;display:flex;align-items:center;gap:14px;z-index:3;pointer-events:none}.fh-logo{width:42px;height:26px;filter:drop-shadow(0 0 8px rgba(0,240,255,.6))}.fh-brand-text{font-family:var(--font-display);font-weight:900;font-size:20px;letter-spacing:.22em;color:var(--fg);text-shadow:0 0 16px rgba(0,240,255,.5)}.fh-tag{position:absolute;top:200px;left:60px;font-size:12px;letter-spacing:.42em;color:var(--fg-dim);z-index:3;pointer-events:none;animation:fadeUp .7s ease both}.fh-hero{position:absolute;top:50%;left:60px;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:18px;max-width:min(520px,46vw);animation:fadeUp .8s ease .05s both}.fh-title{display:flex;flex-direction:column;line-height:.92;font-family:var(--font-display);font-weight:900;font-size:clamp(56px,7.6vw,104px);letter-spacing:.02em}.fh-line-white{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.35),0 6px 30px rgba(0,0,0,.5)}.fh-line-red{color:#ff2d95;text-shadow:0 0 30px rgba(255,45,149,.7),0 6px 30px rgba(0,0,0,.5)}.fh-desc{font-size:14px;line-height:1.7;color:#f0eefcb8;letter-spacing:.04em;margin-top:4px}.fh-cta{display:flex;align-items:center;gap:14px;margin-top:14px}.fh-btn-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 34px;font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(180deg,#ff3d5e,#d8124a);border:none;border-radius:6px;cursor:pointer;box-shadow:0 8px 26px #ff2d9566,inset 0 1px #ffffff40;transition:all .16s ease}.fh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #ff2d958c}.fh-btn-primary .icon{width:18px;height:18px}.fh-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--fg);background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;transition:all .16s ease}.fh-btn-ghost:hover{background:#ffffff29;border-color:#ffffff80}.fh-btn-ghost .icon{width:16px;height:16px}.fh-stats{display:flex;gap:44px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.fh-stat{display:flex;flex-direction:column;gap:3px}.fh-stat b{font-family:var(--font-display);font-size:30px;font-weight:900;color:#fff;text-shadow:0 0 16px rgba(0,240,255,.4)}.fh-stat span{font-size:11px;letter-spacing:.24em;color:var(--fg-dim)}.fh-help{position:absolute;bottom:28px;right:40px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--fg-dim);font-weight:600;z-index:3;pointer-events:none;flex-wrap:wrap;max-width:40vw;justify-content:flex-end;animation:fadeUp .8s ease .2s both}.fh-help .key{min-width:20px;padding:2px 6px;font-size:11px}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.garage-head{text-align:center;margin-bottom:34px}.garage-title{font-size:44px}.garage-sub{color:var(--fg-dim);letter-spacing:.35em;margin-top:6px;font-size:15px}.swatch-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:720px}.map-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:860px;margin-bottom:22px}.map-card{width:190px;padding:14px 16px;background:linear-gradient(160deg,#0d0a24d9,#070312bf);border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;color:var(--fg);font-family:var(--font);transition:all .18s ease}.map-card:hover{transform:translateY(-3px);border-color:var(--mc);box-shadow:0 8px 24px #0006}.map-card.active{border-color:var(--mc);box-shadow:0 0 20px color-mix(in srgb,var(--mc) 40%,transparent),inset 0 0 18px #ffffff08}.map-name{font-size:16px;font-weight:800;letter-spacing:.04em}.map-en{font-family:var(--font-display);font-size:11px;letter-spacing:.22em;color:var(--mc);margin-top:2px;font-weight:700}.map-meta{display:flex;align-items:center;gap:12px;margin-top:8px}.map-diff{font-size:13px;color:var(--amber);letter-spacing:.06em}.map-laps{font-size:11px;color:var(--fg-dim);letter-spacing:.08em}.map-desc{font-size:12px;color:var(--fg-dim);margin-top:8px;line-height:1.5}.swatch{width:108px;height:76px;background:var(--panel);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.swatch svg{width:74px;height:40px}.swatch:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 6px 22px #00f0ff33}.swatch.active{border-color:var(--sw);box-shadow:0 0 18px var(--sw-glow),inset 0 0 14px #ffffff0a;background:linear-gradient(180deg,#ffffff0d,#0003)}.garage-name{margin-top:30px}.garage-name .input{width:240px}.env-row{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap;justify-content:center}.env-group{display:flex;flex-direction:column;align-items:center;gap:8px}.env-label{font-size:12px;letter-spacing:.3em;color:var(--fg-dim)}.env-opts{display:flex;gap:8px}.env-opt{padding:7px 18px;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--fg-dim);background:#0a071a99;border:1px solid var(--border);border-radius:7px;cursor:pointer;transition:all .15s ease;font-family:var(--font)}.env-opt:hover{color:var(--fg);border-color:var(--border-strong)}.env-opt.active{color:var(--cyan);border-color:var(--border-strong);background:#00f0ff1a;box-shadow:0 0 12px #00f0ff40}.garage-btns{margin-top:26px;display:flex;gap:16px}.lobby-box{display:flex;flex-direction:column;align-items:center;gap:22px;padding:44px 60px}.lobby-title{font-size:40px}.lobby-row{display:flex;gap:12px;align-items:center}.lobby-sep{width:100%;display:flex;align-items:center;gap:14px;color:var(--fg-dim);font-size:12px;letter-spacing:.3em}.lobby-sep:before,.lobby-sep:after{content:"";flex:1;height:1px;background:var(--border)}.lobby-status{min-height:20px;font-size:14px;color:var(--fg-dim)}.lobby-status.err{color:var(--magenta)}.room-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 64px}.room-code-label{font-size:13px;letter-spacing:.4em;color:var(--fg-dim)}.room-code{font-size:64px;letter-spacing:.28em;text-indent:.28em}.room-hint{color:var(--fg-dim);font-size:13px;margin-top:-6px}.room-players{display:flex;flex-direction:column;gap:8px;min-width:260px;max-height:180px;overflow-y:auto;margin:8px 0}.room-player{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0000004d;border:1px solid rgba(139,92,246,.25);border-radius:8px;font-weight:600}.rp-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.rp-name em{font-style:normal;font-size:11px;color:var(--amber);margin-left:6px}.room-count{display:flex;align-items:center;gap:8px;color:var(--fg-dim);font-size:14px}.room-btns{display:flex;gap:14px;margin-top:8px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;font-family:var(--font-display)}.hud-item{position:absolute}#hud-top-left{top:24px;left:28px}.hud-pos{font-size:54px;font-weight:900;color:var(--fg);line-height:.95;text-shadow:0 0 20px rgba(0,240,255,.6);display:flex;align-items:baseline}.hud-pos span{font-size:22px;color:var(--fg-dim);font-weight:700;margin-left:6px}.hud-lap{font-size:16px;letter-spacing:.22em;color:var(--cyan);margin-top:8px;font-weight:700;padding:4px 12px;background:#00f0ff14;border:1px solid rgba(0,240,255,.3);border-radius:5px;display:inline-block}#hud-top-right{top:22px;right:26px;text-align:right}.hud-time{font-size:30px;font-weight:800;color:var(--fg)}.hud-best{font-size:13px;letter-spacing:.14em;color:var(--fg-dim);margin-top:4px}#netinfo{position:absolute;top:96px;right:26px;display:flex;gap:8px}.net-chip{padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;background:#0a071a99;border:1px solid var(--border);border-radius:5px;font-family:var(--font-display)}#hud-center{position:absolute;top:24%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.center-flash{font-size:34px;font-weight:900;letter-spacing:.14em;animation:flashIn .3s ease;transition:opacity .5s}.center-flash.out{opacity:0}@keyframes flashIn{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.hud-standings{position:absolute;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px}.standing-row{display:flex;align-items:center;gap:9px;padding:5px 12px;background:#0a071a8c;border:1px solid transparent;border-radius:6px;font-size:13px;min-width:168px}.standing-row.me{border-color:#00f0ff99;background:#00f0ff17}.st-rank{width:16px;text-align:center;color:var(--fg-dim);font-weight:800}.standing-row.me .st-rank{color:var(--cyan)}.st-dot{width:9px;height:9px;border-radius:50%;flex:none}.st-name{flex:1;font-family:var(--font);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-gap{color:var(--fg-dim);font-size:11px;font-weight:600}#minimap-wrap{position:absolute;left:26px;bottom:26px;border-radius:50%;filter:drop-shadow(0 0 14px rgba(139,92,246,.3))}#speedo{position:absolute;right:30px;bottom:26px;text-align:center;width:170px}#speedo-num{font-size:62px;font-weight:900;line-height:1;color:var(--fg);text-shadow:0 0 18px rgba(0,240,255,.55)}#speedo-unit{font-size:13px;letter-spacing:.4em;color:var(--fg-dim);margin-top:2px}#nitro-bar{margin-top:10px;height:8px;background:#ffffff14;border:1px solid rgba(139,92,246,.4);border-radius:4px;overflow:hidden}#nitro-fill{height:100%;width:50%;background:linear-gradient(90deg,#8b5cf6,#00f0ff);transition:width .12s linear;box-shadow:0 0 10px #00f0ff99}#nitro-label{margin-top:6px;font-size:10px;letter-spacing:.34em;color:var(--fg-dim);display:flex;align-items:center;justify-content:center;gap:5px}#nitro-label .icon{width:12px;height:12px;color:var(--amber)}#wrong-way{position:absolute;top:38%;left:50%;transform:translate(-50%);font-size:30px;font-weight:900;letter-spacing:.2em;color:var(--magenta);text-shadow:0 0 30px rgba(255,45,149,.8);animation:blink .7s infinite}@keyframes blink{50%{opacity:.25}}#toast-wrap{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:9px 22px;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.08em;animation:flashIn .25s ease;transition:opacity .5s}.toast.out{opacity:0}#countdown{position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);z-index:30;font-family:var(--font-display);font-size:130px;font-weight:900;pointer-events:none}#countdown.pop{animation:countPop .9s ease}@keyframes countPop{0%{transform:translate(-50%,-50%) scale(2.1);opacity:0}18%{transform:translate(-50%,-50%) scale(1);opacity:1}85%{opacity:1}to{transform:translate(-50%,-50%) scale(.92);opacity:.85}}.result-box{display:flex;flex-direction:column;align-items:center;gap:18px;padding:42px 60px;min-width:480px}.result-banner{font-size:52px}.result-banner.gold{background:linear-gradient(180deg,#fff,#ffd166 58%,#ff9a3c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,209,102,.55)) drop-shadow(0 0 46px rgba(255,154,60,.3))}.result-sub{color:var(--fg-dim);font-size:15px;letter-spacing:.12em;margin-top:-8px}.result-list{display:flex;flex-direction:column;gap:7px;width:100%;max-height:300px;overflow-y:auto;padding-right:4px}.result-row{display:flex;align-items:center;gap:12px;padding:9px 16px;background:#00000047;border:1px solid transparent;border-radius:8px;font-size:15px}.result-row.me{border-color:#00f0ff8c;background:#00f0ff12}.rr-rank{width:24px;text-align:center;font-family:var(--font-display);font-weight:900;color:var(--fg-dim)}.result-row:first-child .rr-rank{color:var(--amber)}.rr-dot{width:11px;height:11px;border-radius:50%}.rr-name{flex:1;font-weight:700}.rr-time{font-family:var(--font-display);font-size:13px;color:var(--fg-dim)}.result-btns{display:flex;gap:14px;margin-top:8px}.pause-box{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 70px}.pause-title{font-size:40px}.pause-btns{display:flex;gap:14px}.role-box{display:flex;flex-direction:column;align-items:center;gap:26px;padding:46px 60px}.role-title{font-size:36px}.role-opts{display:flex;flex-direction:column;gap:16px;width:320px}.role-opts .btn{width:100%}#net-status{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:50;padding:5px 14px;background:#ff2d9526;border:1px solid rgba(255,45,149,.5);border-radius:6px;font-size:12px;color:var(--magenta)}.hidden{display:none!important}