:root{--bg:#05030f;--cyan:#37f6ff;--cyan-soft:#9df8ff;--magenta:#ff3ea5;--violet:#8a7bff;--gold:#ffd45e;--ink:#eaf7ff;--muted:#8ea6c8;--panel:#070d1c9e;--line:#78e1ff38;--display:"Bahnschrift", "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--mono:"Consolas", "SFMono-Regular", "Cascadia Mono", monospace}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--display);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}body,#scene-root{position:fixed;inset:0}#scene-root canvas{touch-action:none;width:100%;height:100%;display:block}.hidden{display:none!important}.screen-fx{pointer-events:none;z-index:10;position:fixed;inset:0}#fx-vignette{background:radial-gradient(at 50% 48%,#0000 42%,#02030a8c 100%),linear-gradient(#00000047,#0000 22% 76%,#00000073)}#fx-vignette:after{content:"";opacity:.55;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff07 0 1px,#0000 1px 4px);position:absolute;inset:0}#fx-damage{opacity:0;background:radial-gradient(#0000 48%,#ff1e466b 100%);transition:opacity .18s}#fx-damage.flash{animation:.42s ease-out damageFlash}@keyframes damageFlash{0%{opacity:.55}to{opacity:0}}#hud{z-index:20;pointer-events:none;font-family:var(--display);padding:clamp(14px,2.2vw,30px);position:fixed;inset:0}.hud-corner{position:absolute}.hud-left{border:1px solid var(--line);border-left:2px solid var(--cyan);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);background:linear-gradient(135deg,#070f20d1,#070c196b);align-items:stretch;gap:0;display:flex;top:clamp(14px,2.2vw,30px);left:clamp(14px,2.2vw,30px);box-shadow:0 12px 40px #00000061,inset 0 0 34px #37f6ff0b}.pos-block{border-right:1px solid #78e1ff24;flex-direction:column;justify-content:center;min-width:104px;padding:12px 18px 10px 16px;display:flex}.micro-label{font:600 9px/1 var(--mono);letter-spacing:.26em;color:var(--muted);text-transform:uppercase;display:block}.pos-value{color:#fff;align-items:baseline;gap:4px;margin-top:5px;line-height:.9;display:flex}.pos-value b{font:900 clamp(38px, 4.6vw, 58px)/.86 var(--display);letter-spacing:-.04em;background:linear-gradient(#fff,#65eaff 58%,#1a8dff);color:#0000;filter:drop-shadow(0 0 16px #37f6ff80);-webkit-background-clip:text;background-clip:text}.pos-value small{font:700 13px/1 var(--mono);color:var(--muted)}.stat-block{grid-template-columns:repeat(3,minmax(66px,auto));align-items:center;gap:0 22px;padding:10px 18px;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.stat span{font:600 8.5px/1 var(--mono);letter-spacing:.22em;color:var(--muted)}.stat b{font:700 15px/1 var(--mono);color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #50dcff4d}.lap-progress{background:#78e1ff1f;height:2px;position:absolute;bottom:0;left:0;right:14px;overflow:hidden}.lap-progress i{background:linear-gradient(90deg, var(--cyan), #fff);width:0;height:100%;box-shadow:0 0 12px var(--cyan);transition:width .2s linear;display:block}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:clamp(14px,2.2vw,30px);right:clamp(14px,2.2vw,30px)}.minimap-panel{border:1px solid var(--line);border-top:2px solid var(--magenta);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);background:linear-gradient(160deg,#070f20c7,#070c1961);padding:8px 8px 5px;position:relative;box-shadow:0 12px 40px #00000059,inset 0 0 30px #ff3ea50d}#minimap{width:clamp(118px,12.5vw,168px);height:clamp(118px,12.5vw,168px);display:block}.mm-title{font:600 8px/1 var(--mono);letter-spacing:.22em;color:var(--muted);align-items:center;gap:6px;padding:3px 2px 4px;display:flex}.mm-title i{background:var(--magenta);width:5px;height:5px;box-shadow:0 0 8px var(--magenta);border-radius:50%;animation:1.8s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}#spectrum{opacity:.85;width:clamp(118px,12.5vw,168px);height:24px;display:block}.resource-row{gap:8px;display:flex}.resource{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font:700 14px/1 var(--mono);color:#fff;background:#070d1ca6;align-items:center;gap:7px;padding:7px 12px;display:flex}.res-icon{font-size:13px;line-height:1;display:inline-block}.res-icon.coin{color:var(--gold);text-shadow:0 0 10px var(--gold)}.res-icon.nitro{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.hud-speed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:clamp(14px,2.2vw,30px);right:clamp(14px,2.2vw,30px)}.gauge{filter:drop-shadow(0 8px 30px #00000073);width:clamp(148px,16vw,208px);height:clamp(148px,16vw,208px);position:relative}.gauge svg{width:100%;height:100%;display:block;overflow:visible}.gauge-track{fill:#050a189e;stroke:#78e1ff29;stroke-width:2px}.gauge-ticks{fill:none;stroke:#78e1ff33;stroke-width:1px;stroke-dasharray:1 8}.gauge-arc{fill:none;stroke:var(--cyan);stroke-width:5px;stroke-linecap:round;stroke-dasharray:311 415;stroke-dashoffset:311px;transform-origin:80px 80px;filter:drop-shadow(0 0 7px #37f6ffe6);transition:stroke-dashoffset 90ms linear,stroke .2s;transform:rotate(135deg)}.gauge-inner{fill:#050a188c;stroke:#ff3ea538;stroke-width:1px;stroke-dasharray:2 5}.speed-readout{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.speed-readout b{font:900 clamp(38px, 4.2vw, 56px)/.86 var(--display);letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 22px #37f6ff8c}.speed-readout small{font:600 8px/1 var(--mono);letter-spacing:.28em;color:var(--muted);margin-top:7px}.gear-readout{font:600 8px/1 var(--mono);letter-spacing:.2em;color:var(--muted);align-items:baseline;gap:5px;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.gear-readout b{color:var(--gold);font-size:12px}.nitro-meter{border:1px solid var(--line);background:#070d1c99;align-items:center;gap:8px;width:clamp(148px,16vw,208px);padding:6px 9px;display:flex}.nitro-meter>span{font:600 8px/1 var(--mono);letter-spacing:.16em;color:var(--muted)}.nitro-track{background:#78e1ff1f;flex:1;height:4px;overflow:hidden}.nitro-track i{background:linear-gradient(90deg, #1e9bff, var(--cyan));width:100%;height:100%;box-shadow:0 0 10px var(--cyan);transition:width 80ms linear;display:block}body.boosting .nitro-track i{background:linear-gradient(90deg,#ffd45e,#ff7a3d);box-shadow:0 0 14px #ffb347}body.boosting .gauge-arc{stroke:var(--gold);filter:drop-shadow(0 0 10px #ffd45ef2)}body.boosting .speed-readout b{color:#fff5cf;text-shadow:0 0 26px #ffb43cd9}.hud-bottom{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:clamp(14px,2.2vw,30px);left:clamp(14px,2.2vw,30px)}.drift-badge{width:max-content;font:800 11px/1 var(--mono);letter-spacing:.24em;color:#1a0720;background:linear-gradient(100deg, var(--magenta), #ff9ad4);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);opacity:0;padding:7px 14px;transition:opacity .15s,transform .15s;transform:translateY(6px)skew(-8deg);box-shadow:0 0 24px #ff3ea58c}.drift-badge.on{opacity:1;transform:translateY(0)skew(-8deg)}.keys-hint{font:500 9px/1.4 var(--mono);letter-spacing:.12em;color:#bedcf580;text-shadow:0 1px 8px #000}.hud-pause{color:#dcf5ffcc;width:34px;height:34px;font:800 11px/1 var(--mono);letter-spacing:.08em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);z-index:3;background:#070d1c8c;border:1px solid #78e1ff47;place-items:center;padding:0;display:grid;position:absolute;top:clamp(14px,2.2vw,30px);left:50%;transform:translate(-50%)}.hud-pause:hover{color:#fff;border-color:var(--cyan);box-shadow:0 0 18px #37f6ff40}.hud-camera{left:calc(50% + 44px)}@media (pointer:coarse){.hud-camera{top:96px;left:54px;transform:none}}.center-banner{text-align:center;pointer-events:none;animation:.5s cubic-bezier(.2,.9,.2,1) both bannerIn;position:absolute;top:20%;left:50%;transform:translate(-50%)}.center-banner strong{font:900 clamp(34px, 5vw, 64px)/1 var(--display);letter-spacing:.06em;color:#fff;text-shadow:0 0 30px #37f6ffe6,0 4px 24px #000;display:block}.center-banner span{font:700 11px/1 var(--mono);letter-spacing:.4em;color:var(--cyan-soft);margin-top:8px;display:block}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.screen{z-index:40;position:fixed;inset:0}#loading{z-index:60;background:radial-gradient(at 50% 55%,#0b1430,#05030f 70%);place-items:center;display:grid}.loading-grid{opacity:.6;background-image:linear-gradient(#37f6ff14 1px,#0000 1px),linear-gradient(90deg,#ff3ea50f 1px,#0000 1px);background-size:74px 74px;position:absolute;inset:-20%;transform:perspective(420px)rotateX(62deg)translateY(22%);-webkit-mask-image:radial-gradient(#000 10%,#0000 68%);mask-image:radial-gradient(#000 10%,#0000 68%)}.loader-panel{border:1px solid var(--line);border-top:2px solid var(--cyan);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(150deg,#091126e6,#060914bd);width:min(480px,82vw);padding:30px 34px;position:relative;box-shadow:0 30px 90px #0009,inset 0 0 50px #37f6ff0d}.loader-kicker{font:600 8.5px/1 var(--mono);letter-spacing:.3em;color:var(--muted)}.loader-logo{font:900 44px/.9 var(--display);letter-spacing:-.04em;color:#fff;text-shadow:0 0 28px #37f6ff8c;margin:12px 0 22px}.loader-logo span{color:var(--cyan);margin-left:4px}.loader-bar{background:#78e1ff1f;height:6px;overflow:hidden;transform:skew(-16deg)}.loader-bar i{background:linear-gradient(90deg, var(--magenta), var(--cyan));width:0;height:100%;box-shadow:0 0 16px var(--cyan);transition:width .25s;display:block}.loader-meta{font:600 9px/1 var(--mono);letter-spacing:.12em;color:var(--muted);justify-content:space-between;margin-top:10px;display:flex}.loader-meta b{color:var(--cyan-soft)}.loader-tip{color:#b4d2eb99;letter-spacing:.05em;border-top:1px dashed #78e1ff29;margin-top:26px;padding-top:14px;font-size:11px}#start-screen{z-index:40;pointer-events:none;overflow:hidden}.start-scrim{background:radial-gradient(at 34% 48%,#0508141f 0%,#0508148c 45%,#04060fed 100%),linear-gradient(90deg,#04060fd1 0%,#04060f26 54%,#04060f8c 100%);position:absolute;inset:0}.start-grid{transform-origin:50% 100%;opacity:.65;background-image:linear-gradient(#37f6ff21 1px,#0000 1px),linear-gradient(90deg,#ff3ea51a 1px,#0000 1px);background-size:90px 90px;height:70%;animation:14s linear infinite gridScroll;position:absolute;bottom:-34%;left:-20%;right:-20%;transform:perspective(520px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 32% 72%,#0000);mask-image:linear-gradient(#0000,#000 32% 72%,#0000)}@keyframes gridScroll{0%{background-position:0 0,0 0}to{background-position:0 90px,90px 0}}.start-side{writing-mode:vertical-rl;font:600 9px/1.9 var(--mono);letter-spacing:.36em;color:#96c8eb5c;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)rotate(180deg)}.start-side.left{left:26px}.start-side.right{right:26px;rotate:0deg}.start-content{pointer-events:auto;flex-direction:column;justify-content:center;align-items:flex-start;max-width:980px;height:100%;padding:0 clamp(28px,7vw,116px);display:flex;position:relative}.eyebrow{font:600 9px/1 var(--mono);letter-spacing:.28em;color:var(--cyan-soft);text-transform:uppercase;align-items:center;gap:10px;display:flex}.eyebrow i{background:linear-gradient(90deg, var(--cyan), transparent);width:26px;height:1px;box-shadow:0 0 8px var(--cyan)}#start-screen h1{font:900 clamp(58px, 9.2vw, 148px)/.86 var(--display);letter-spacing:-.055em;color:#f7fdff;text-shadow:0 0 22px #37f6ff47,0 0 70px #37f6ff2e,0 18px 60px #000000bf;margin:18px 0 4px;position:relative}#start-screen h1 span{background:linear-gradient(#fff 4%,#8df7ff 40%,#2e8dff 72%,#7d4bff);color:#0000;filter:drop-shadow(0 0 26px #37f6ff6b);-webkit-background-clip:text;background-clip:text;display:inline-block}#start-screen h1:after{content:attr(data-text);color:#0000;-webkit-text-stroke:1px #78ebff29;pointer-events:none;position:absolute;inset:0;transform:translate(3px,2px)}.title-en{font:800 clamp(20px, 2.6vw, 34px)/1 var(--display);letter-spacing:.3em;color:#ebf8ffd9;margin-top:6px}.title-en em{color:var(--magenta);text-shadow:0 0 18px #ff3ea5b3;font-style:normal}.tagline{letter-spacing:.08em;color:#bed8f0c7;margin:22px 0 0;font-size:clamp(12px,1.1vw,14px);line-height:1.9}.tagline b{color:#fff;text-shadow:0 0 16px #37f6ff59;font-weight:700}.start-actions{align-items:center;gap:14px;margin-top:30px;display:flex}.btn{cursor:pointer;font-family:var(--display);-webkit-tap-highlight-color:transparent;border:0;transition:transform .16s,box-shadow .16s,background .16s;position:relative;overflow:hidden}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{color:#031018;letter-spacing:.12em;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(100deg,#26e5ff,#3c8bff 54%,#9b5bff);padding:15px 30px 15px 34px;font-size:16px;font-weight:900;box-shadow:0 0 34px #37c8ff61,0 14px 34px #00000073}.btn-primary em{margin-left:16px;font-style:normal;transition:transform .18s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 52px #37e1ff99,0 18px 40px #00000080}.btn-primary:hover em{transform:translate(5px)}.btn-glint{background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:26%;height:220%;animation:3.4s ease-in-out infinite glint;position:absolute;top:-60%;left:-30%;transform:rotate(18deg)}@keyframes glint{0%,55%{left:-35%}78%,to{left:125%}}.btn-ghost{color:var(--ink);letter-spacing:.14em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0911248c;border:1px solid #78e1ff47;padding:14px 22px;font-size:13px}.btn-ghost:hover{border-color:var(--cyan);background:#142848b3;box-shadow:0 0 22px #37f6ff38}.btn-ghost.small{margin-top:18px;padding:9px 16px;font-size:11px}.settings-row{border-top:1px solid #78e1ff21;flex-wrap:wrap;align-items:flex-end;gap:clamp(18px,3vw,42px);margin-top:38px;padding-top:20px;display:flex}.setting{flex-direction:column;gap:9px;display:flex}.chips{gap:6px;display:flex}.chip{font:600 10px/1 var(--display);letter-spacing:.1em;color:#c8e1f5b3;cursor:pointer;background:#09112499;border:1px solid #78e1ff2e;padding:7px 13px;transition:all .15s}.chip:hover{color:#fff;border-color:#37f6ff8c}.chip.active{color:#04121a;background:var(--cyan);border-color:var(--cyan);font-weight:800;box-shadow:0 0 18px #37f6ff73}.swatches{gap:8px;display:flex}.swatch{background:radial-gradient(circle at 34% 30%, #fff5, transparent 45%), var(--sw);cursor:pointer;border:1px solid #ffffff40;border-radius:50%;width:24px;height:24px;transition:transform .14s,box-shadow .14s}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 2px #04101a, 0 0 0 4px var(--sw), 0 0 20px var(--sw);transform:scale(1.06)}.start-meta{font:600 9px/1 var(--mono);letter-spacing:.3em;color:#96c3e66b;margin-top:30px}.start-footer{font:600 8px/1 var(--mono);letter-spacing:.2em;color:#96c3e65c;gap:24px;display:flex;position:absolute;bottom:26px;right:clamp(28px,7vw,116px)}.start-footer span:before{content:"◇";color:#37f6ff80;margin-right:7px}.howto-panel{border:1px solid #78e1ff4d;border-top:2px solid var(--magenta);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));pointer-events:auto;z-index:5;background:linear-gradient(160deg,#081022f5,#060a16eb);width:min(430px,84vw);padding:24px 26px 22px;position:absolute;bottom:clamp(70px,10vh,120px);right:clamp(28px,7vw,116px);box-shadow:0 30px 80px #000000a6}.howto-panel h3{font:800 16px/1 var(--display);letter-spacing:.2em;margin:0 0 16px}.howto-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.howto-grid div{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.touch-only{display:none!important}@media (pointer:coarse){.touch-only{display:flex!important}}kbd{text-align:center;min-width:24px;font:700 9px/1 var(--mono);color:#dff8ff;background:#142a46cc;border:1px solid #78e1ff47;border-bottom-width:2px;border-radius:2px;padding:4px 6px}#countdown{z-index:30;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.cd-shell{aspect-ratio:1;text-align:center;place-items:center;width:min(360px,70vw);display:grid;position:relative}.cd-ring{border:1px solid #37f6ff59;border-radius:50%;animation:8s linear infinite cdSpin;position:absolute;inset:8%;box-shadow:inset 0 0 60px #37f6ff14,0 0 60px #37f6ff1f}.cd-ring:before,.cd-ring:after{content:"";background:var(--cyan);width:12px;height:12px;box-shadow:0 0 18px var(--cyan);position:absolute;transform:rotate(45deg)}.cd-ring:before{margin-left:-6px;top:-6px;left:50%}.cd-ring:after{margin-left:-6px;bottom:-6px;left:50%}.cd-ring.inner{border-color:#ff3ea559;animation-duration:5s;animation-direction:reverse;inset:20%}@keyframes cdSpin{to{transform:rotate(360deg)}}#cd-number{z-index:2;font:900 clamp(120px, 18vw, 240px)/.8 var(--display);letter-spacing:-.06em;color:#fff;text-shadow:0 0 34px #37f6ffe6,0 0 110px #3782ff8c,0 18px 60px #000;position:relative}#cd-number.go{letter-spacing:.04em;color:#eafff9;text-shadow:0 0 40px #50ffbef2,0 0 120px #50ffbe8c,0 18px 60px #000;font-size:clamp(80px,12vw,160px)}.cd-label{font:700 10px/1 var(--mono);letter-spacing:.52em;color:var(--cyan-soft);opacity:.8;position:absolute;bottom:2%}.cd-pop{animation:.72s cubic-bezier(.16,1,.3,1) both cdPop}@keyframes cdPop{0%{opacity:0;filter:blur(6px);transform:scale(1.55)}24%{opacity:1;filter:blur();transform:scale(.96)}82%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(.96)}}.toast{z-index:32;text-align:center;pointer-events:none;animation:.38s cubic-bezier(.2,.9,.2,1) both toastIn;position:fixed;top:16%;left:50%;transform:translate(-50%)}.toast b{font:900 clamp(26px, 3.4vw, 44px)/1 var(--display);letter-spacing:.08em;color:#fff;text-shadow:0 0 26px #37f6ffbf,0 6px 26px #000;display:block}.toast span{font:700 9px/1 var(--mono);letter-spacing:.36em;color:var(--cyan-soft);margin-top:7px;display:block}.toast.gold b{text-shadow:0 0 28px #ffd45ed9,0 6px 26px #000}.toast.magenta b{text-shadow:0 0 28px #ff3ea5d9,0 6px 26px #000}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}#pause,#results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:radial-gradient(#0509168c,#03050ce0);place-items:center;display:grid}.modal-panel{border:1px solid #78e1ff47;border-top:2px solid var(--cyan);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));background:linear-gradient(155deg,#091228f0,#060914eb);width:min(540px,88vw);padding:34px 38px 32px;animation:.4s cubic-bezier(.2,.9,.2,1) both modalIn;position:relative;box-shadow:0 40px 120px #000000b3,inset 0 0 80px #37f6ff0a}@keyframes modalIn{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-panel h2{font:900 clamp(38px, 5vw, 58px)/1 var(--display);letter-spacing:-.03em;margin:16px 0 8px}.modal-panel p{color:var(--muted);letter-spacing:.06em;margin:0;font-size:12px}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.result-panel{width:min(620px,90vw)}.result-place{align-items:baseline;gap:6px;margin:18px 0 -4px;display:flex}.result-place span{font:800 20px/1 var(--mono);color:var(--muted)}.result-place b{font:900 clamp(70px, 10vw, 118px)/.8 var(--display);letter-spacing:-.06em;background:linear-gradient(#fff,#8ff7ff 45%,#2e8dff 78%,#a06bff);color:#0000;filter:drop-shadow(0 0 30px #37f6ff73);-webkit-background-clip:text;background-clip:text}.result-place small{font:700 14px/1 var(--mono);color:var(--muted)}.result-panel h2{margin-top:8px}.result-grid{background:#78e1ff21;border:1px solid #78e1ff21;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;display:grid}.result-grid div{background:#050a18d1;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.result-grid span{font:600 8px/1 var(--mono);letter-spacing:.22em;color:var(--muted)}.result-grid b{font:800 20px/1 var(--mono);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #37f6ff4d}#touch-controls{z-index:25;padding:0 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:fixed;bottom:0;left:0;right:0}.tc-group{pointer-events:auto;align-items:flex-end;gap:12px;display:flex}.tc-btn{color:#eafcff;width:clamp(62px,15vw,78px);height:clamp(62px,15vw,78px);font:800 20px/1 var(--display);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 35% 30%,#37f6ff29,#050c1ab8);border:1.5px solid #78ebff80;border-radius:50%;box-shadow:0 8px 30px #0006,inset 0 0 20px #37f6ff14}.tc-btn span{pointer-events:none}.tc-btn:active,.tc-btn.on{background:radial-gradient(circle at 35% 30%,#37f6ff8c,#145082a6);transform:scale(.96);box-shadow:0 0 32px #37f6ff8c}.tc-btn.small{letter-spacing:.04em;width:clamp(50px,12vw,62px);height:clamp(50px,12vw,62px);font-size:11px}.tc-btn.brake{color:#ffd7dd;border-color:#ff64788c}.tc-btn.drift{color:#ffd7ee;border-color:#ff3ea599}.tc-btn.nitro{color:#fff0c4;border-color:#ffd45e99}.tc-btn.gas{color:#d8fff2;border-color:#50ffbe99;width:clamp(74px,18vw,92px);height:clamp(74px,18vw,92px)}.tc-actions{flex-wrap:wrap;justify-content:flex-end;max-width:55vw}@media (pointer:coarse){body.race-live #touch-controls{display:flex}.keys-hint{display:none}}@media (pointer:fine){#touch-controls{display:none!important}}.garage-quick{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.garage-chip{font:700 10px/1 var(--display);letter-spacing:.08em;color:#dff8ff;background:linear-gradient(100deg,#236ea047,#09112499);border-color:#37f6ff59;align-items:center;gap:10px;padding:7px 12px;display:inline-flex}.garage-chip:hover{color:#fff;border-color:var(--cyan);box-shadow:0 0 20px #37f6ff38}.garage-chip em{color:var(--cyan);font-size:14px;font-style:normal;line-height:.8}.appearance-setting .swatch{width:22px;height:22px}#garage{z-index:46;pointer-events:none;--look:#ff7a3d;background:radial-gradient(at 72% 42%,#04071000 0%,#0407100f 32%,#03050cad 100%);align-items:stretch;display:flex}.garage-panel{overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#37f6ff59 transparent;background:linear-gradient(100deg,#040813f7 0%,#040813ed 74%,#04081385 92%,#04081300 100%);border-right:1px solid #37f6ff29;flex-direction:column;width:min(500px,42vw);height:100%;padding:clamp(20px,4.4vh,44px) clamp(18px,3vw,38px) 18px;display:flex;position:relative;overflow-y:auto;box-shadow:18px 0 60px #00000073}.garage-panel:after{content:"";background:linear-gradient(180deg, transparent, var(--cyan), transparent);opacity:.4;pointer-events:none;width:2px;height:100%;position:absolute;top:0;right:0}.garage-head{border-bottom:1px solid #78e1ff1f;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.garage-head h2{font:900 clamp(26px, 2.6vw, 36px)/.95 var(--display);letter-spacing:-.02em;color:#fff;margin:8px 0}.garage-head p{max-width:34ch;color:var(--muted);margin:0;font-size:11px;line-height:1.7}#btn-garage-close{flex:none;padding:11px 18px;font-size:11px}.garage-section{margin-top:18px}.garage-section .micro-label{color:var(--cyan-soft);margin-bottom:10px}.garage-cars{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gc-card{text-align:left;color:var(--ink);cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));background:#09112494;border:1px solid #78e1ff24;flex-direction:column;gap:3px;padding:11px 12px 10px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.gc-card:hover{background:#0e1d37b8;border-color:#37f6ff8c;transform:translateY(-1px)}.gc-card.active{border-color:var(--cyan);background:linear-gradient(130deg,#123a56d1,#091124a8);box-shadow:inset 0 0 24px #37f6ff17,0 0 20px #37f6ff1a}.gc-card.active:after{content:"";background:var(--cyan);width:3px;height:26px;box-shadow:0 0 10px var(--cyan);position:absolute;top:0;left:0}.gc-kicker{font:600 7.5px/1 var(--mono);letter-spacing:.18em;color:var(--muted)}.gc-name{font:900 15px/1 var(--display);letter-spacing:.04em;color:#fff}.gc-desc{color:#b4d2eb8c;min-height:2.9em;font-size:9.5px;line-height:1.45}.gc-stats{flex-direction:column;gap:3px;margin-top:3px;display:flex}.gc-stat{align-items:center;gap:6px;display:flex}.gc-stat em{font:500 7.5px/1 var(--mono);color:var(--muted);flex:0 0 22px;font-style:normal}.gc-stat i{background:#78e1ff1f;flex:1;height:3px;overflow:hidden}.gc-stat b{background:linear-gradient(90deg, var(--cyan), var(--magenta));height:100%;display:block;box-shadow:0 0 8px #37f6ff99}.paint-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ps-card{text-align:left;color:var(--ink);cursor:pointer;background:#0911248c;border:1px solid #78e1ff24;flex-direction:column;gap:5px;padding:8px 8px 7px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.ps-card:hover{background:#0e1d37b8;border-color:#37f6ff80}.ps-card.active{border-color:var(--cyan);background:#102c44b8;box-shadow:inset 0 0 20px #37f6ff14,0 0 16px #37f6ff1f}.ps-visual{border:1px solid #ffffff29;width:100%;height:22px;display:block;position:relative;overflow:hidden}.ps-visual:after{content:"";mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff6b,#0000 34%,#ffffff1f 62%,#0000);position:absolute;inset:0}.ps-solid{background:linear-gradient(120deg, #ffffff47, transparent 42%), var(--look)}.ps-chrome{background:linear-gradient(115deg,#3d4656 0%,#fff 24%,#7c8ca3 42%,#f4f9ff 58%,#2c3747 80%,#c7d6e6 100%)}.ps-holo{background:linear-gradient(115deg,#ff5c8a,#ffd45e 20%,#61ffb0 42%,#37f6ff 64%,#9b5bff 84%,#ff5c8a) 0 0/220% 100%;animation:4.2s linear infinite holoShift}.ps-circuit{background:repeating-linear-gradient(90deg,#0000 0 7px,#37f6ff8c 7px 8px),repeating-linear-gradient(0deg,#0000 0 7px,#37f6ff61 7px 8px),#080d16}@keyframes holoShift{0%{background-position:0 0}to{background-position:220% 0}}.ps-name{font:700 10px/1 var(--display);letter-spacing:.04em;color:#eafaff}.ps-en{font:600 7px/1 var(--mono);letter-spacing:.16em;color:var(--muted)}.garage-paint-colors{gap:12px;padding:3px 0 1px}.garage-paint-colors .swatch{width:28px;height:28px}.garage-foot{font:600 8px/1.6 var(--mono);letter-spacing:.1em;color:#96c3e666;border-top:1px dashed #78e1ff1f;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;display:flex}#garage-statline{color:var(--cyan-soft);white-space:nowrap}@media (width<=900px){#garage{background:linear-gradient(#03050c00 0%,#03050c24 34%,#03050cc7 100%);align-items:flex-end}.garage-panel{width:100%;height:auto;max-height:56vh;padding:16px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#04081359,#040813f7 22%);border-top:1px solid #37f6ff38;border-right:0;box-shadow:0 -24px 60px #0000008c}.garage-panel:after{display:none}.garage-head{padding-bottom:10px}.garage-head h2{margin:6px 0 4px;font-size:25px}.garage-head p{display:none}.garage-section{margin-top:12px}.garage-section .micro-label{margin-bottom:7px}.garage-cars{grid-template-columns:1fr 1fr;gap:6px}.gc-card{padding:8px 9px 7px}.gc-kicker{font-size:7px}.gc-name{font-size:13px}.gc-desc{display:none}.gc-stats{gap:2px;margin-top:2px}.gc-stat em{flex-basis:20px;font-size:7px}.gc-stat i{height:2px}.paint-styles{gap:5px}.ps-card{gap:4px;padding:6px 6px 5px}.ps-visual{height:17px}.ps-name{font-size:9px}.ps-en{display:none}.garage-paint-colors .swatch{width:25px;height:25px}.garage-foot{margin-top:10px;padding-top:10px;font-size:7px}}@media (width<=900px) and (height>=561px) and (height<=700px){.garage-panel{max-height:58vh}.garage-head{padding-bottom:6px}.garage-head .eyebrow{display:none}.garage-head h2{margin:2px 0;font-size:21px}.garage-section{margin-top:8px}.garage-section .micro-label{margin-bottom:5px}.garage-cars{grid-template-columns:repeat(4,minmax(0,1fr))}.gc-card{padding:6px 7px}.gc-kicker,.gc-stats{display:none}.gc-name{font-size:11px}.paint-styles{gap:5px}.ps-card{gap:3px;padding:5px}.ps-visual{height:14px}.ps-name{font-size:8.5px}.ps-en{display:none}.garage-paint-colors .swatch{width:22px;height:22px}.garage-foot{display:none}}@media (width<=620px){.garage-panel{max-height:58vh}.garage-head h2{font-size:23px}#btn-garage-close{padding:9px 14px;font-size:10px}.garage-cars{grid-template-columns:1fr 1fr}.gc-name{font-size:12px}.gc-stats .gc-stat:nth-child(2),.garage-foot span:first-child{display:none}#garage-statline{margin-left:auto}}@media (width>=700px) and (height<=560px){#garage{background:radial-gradient(at 74% 46%,#04071000 0%,#04071014 34%,#03050cb3 100%);align-items:stretch}.garage-panel{background:linear-gradient(100deg,#040813f7 0%,#040813ed 78%,#04081380 94%,#04081300 100%);border-top:0;border-right:1px solid #37f6ff29;width:48vw;height:100%;max-height:none;padding:14px 18px 10px;box-shadow:18px 0 60px #00000073}.garage-panel:after{display:block}.garage-head h2{margin:4px 0 2px;font-size:25px}.garage-head p{display:none}.garage-head .eyebrow{font-size:8px}.garage-section{margin-top:9px}.garage-section .micro-label{margin-bottom:6px}.garage-cars{gap:6px}.gc-card{padding:7px 8px 6px}.gc-kicker{font-size:6.5px}.gc-name{font-size:12px}.gc-desc,.gc-stats{display:none}.paint-styles{gap:5px}.ps-card{gap:3px;padding:5px}.ps-visual{height:15px}.ps-name{font-size:8.5px}.garage-paint-colors .swatch{width:22px;height:22px}.garage-foot{margin-top:8px;padding-top:8px;font-size:6.5px}.garage-foot span:first-child{display:none}#garage-statline{margin-left:auto}}@media (width<=900px){.start-side{display:none}.start-content{justify-content:flex-end;padding-bottom:12vh}.start-footer{display:none}.settings-row{gap:18px;margin-top:24px}.start-meta{margin-top:20px}.howto-panel{bottom:8vh;left:50%;right:auto;transform:translate(-50%)}.hud-left{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.stat-block{gap:0 12px;padding:8px 12px}.stat b{font-size:12px}.stat span{font-size:7.5px}.pos-block{min-width:78px;padding:9px 12px 8px}.pos-value b{font-size:40px}.resource{padding:6px 10px;font-size:12px}.mm-title{font-size:7px}.result-grid{grid-template-columns:1fr 1fr}.modal-panel{padding:26px 24px 24px}}@media (width<=620px){.start-content{padding:0 22px 10vh}#start-screen h1{font-size:clamp(48px,15vw,76px)}.title-en{font-size:15px}.tagline{font-size:11.5px}.start-actions{width:100%}.btn-primary{text-align:center;flex:1;padding:15px 18px;font-size:14px}.btn-ghost{padding:14px;font-size:12px}.settings-row{gap:14px}.setting .micro-label{font-size:8px}.start-meta{display:none}.hud-left{max-width:calc(100vw - 150px)}.stat-block{grid-template-columns:repeat(3,auto)}.hud-left .stat:nth-child(3){display:none}.hud-right{gap:6px}.hud-speed{bottom:12px;right:12px}.hud-left{top:12px;left:12px}.hud-right{top:12px;right:12px}.hud-bottom{bottom:12px;left:12px}.hud-bottom .keys-hint{display:none}.center-banner{top:24%}.toast{width:90vw;top:24%}.howto-grid{grid-template-columns:1fr}}@media (height<=520px){.start-content{justify-content:center;padding-bottom:0}#start-screen h1{margin-top:10px;font-size:clamp(40px,9vh,68px)}.tagline{margin-top:12px;line-height:1.6}.start-actions{margin-top:16px}.settings-row{margin-top:16px;padding-top:12px}.start-meta{display:none}.hud-left{transform-origin:0 0;transform:scale(.86)}.hud-right{transform-origin:100% 0;transform:scale(.82)}.hud-speed{transform-origin:100% 100%;transform:scale(.78)}.hud-bottom{display:none}#touch-controls{padding-bottom:8px}.tc-btn{width:54px;height:54px;font-size:16px}.tc-btn.small{width:44px;height:44px;font-size:9px}.tc-btn.gas{width:64px;height:64px}}body.quality-low #fx-vignette:after{display:none}body.quality-low .minimap-panel,body.quality-low .hud-left{-webkit-backdrop-filter:none;backdrop-filter:none}#errlog{z-index:999;max-width:60vw;font:11px/1.4 var(--mono);color:#ff8b9e;white-space:pre-wrap;pointer-events:none;position:fixed;bottom:8px;left:8px}@media (pointer:coarse){.hud-speed{left:12px;right:auto;bottom:calc(118px + env(safe-area-inset-bottom));transform-origin:0 100%;transform:scale(.7)}.hud-pause{top:96px;left:12px;transform:none}.hud-bottom{bottom:calc(300px + env(safe-area-inset-bottom))}}@media (pointer:coarse) and (height<=520px){.hud-speed{bottom:calc(86px + env(safe-area-inset-bottom));transform:scale(.56)}.hud-pause{top:62px}.hud-bottom{display:none}}.stage-tag{font:700 7.5px/1 var(--mono);letter-spacing:.18em;color:var(--stage-a,var(--cyan));margin-top:4px;display:block}.stage-current{border:1px solid #78e1ff2e;border-left:2px solid var(--stage-a,var(--cyan));clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(100deg,#081126c7,#070b1861);justify-content:space-between;align-items:center;gap:18px;width:min(560px,100%);margin-top:20px;padding:11px 14px;display:flex}.stage-current-info{flex-direction:column;gap:4px;min-width:0;display:flex}.stage-current-info b{font:800 13px/1.1 var(--display);letter-spacing:.08em;color:#fff}.stage-current-info i{font:600 8.5px/1.3 var(--mono);letter-spacing:.12em;color:var(--muted);font-style:normal}.stage-link{color:var(--cyan-soft);font:700 9px/1 var(--mono);letter-spacing:.12em;cursor:pointer;background:#0a182e8c;border:1px solid #78e1ff3d;flex:none;padding:6px 10px;transition:all .15s}.stage-link:hover{border-color:var(--stage-a,var(--cyan));color:#fff;box-shadow:0 0 18px #37f6ff33}#stage-select{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 40%,#05091638,#03060fed 78%),linear-gradient(#03060f8c,#03060fe6);overflow-y:auto}.stage-select-inner{width:min(1180px,94vw);margin:0 auto;padding:clamp(22px,5vh,60px) 0 34px}.stage-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.stage-head h2{font:900 clamp(38px, 5vw, 64px)/1 var(--display);letter-spacing:-.03em;color:#fff;text-shadow:0 0 30px #37f6ff33;margin:12px 0 8px}.stage-head p{max-width:660px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stage-card{--accent:var(--cyan);border:1px solid #78e1ff29;border-top:2px solid var(--accent);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));cursor:pointer;text-align:left;background:linear-gradient(160deg,#081126f0,#060914d6);padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.stage-card:hover{border-color:var(--accent);box-shadow:0 20px 50px #0000008c, 0 0 26px var(--accent);transform:translateY(-4px)}.stage-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 24px 60px #0000008f, 0 0 34px var(--accent);transform:translateY(-3px)}.stage-top{justify-content:space-between;align-items:baseline;display:flex}.stage-number{font:900 38px/1 var(--display);letter-spacing:-.04em;color:#ffffffe0}.stage-card.active .stage-number{color:var(--accent);text-shadow:0 0 22px var(--accent)}.stage-diff{font:700 10px/1 var(--mono);letter-spacing:2px;color:var(--accent)}.stage-preview{background:#02060e99;border:1px solid #78e1ff1f;width:100%;height:150px;margin:12px 0 14px;display:block}.stage-name{font:800 18px/1.1 var(--display);letter-spacing:.08em;color:#fff}.stage-cn{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.6}.stage-meta{font:600 8.5px/1 var(--mono);letter-spacing:.12em;color:#b4d2ebad;flex-wrap:wrap;gap:8px 14px;margin-top:12px;display:flex}.stage-best{color:var(--gold)}.stage-select-foot{font:600 9px/1.5 var(--mono);letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.result-stage{font:700 10px/1 var(--mono);letter-spacing:.24em;color:var(--stage-b,var(--magenta));margin-top:14px}body.first-person #fx-vignette:before{content:"";pointer-events:none;background:linear-gradient(#0000,#02050cb8);height:18%;position:absolute;bottom:0;left:0;right:0}@media (width<=980px){.stage-grid{grid-template-columns:1fr}.stage-head{padding-right:76px;position:relative}#btn-stage-close{position:absolute;top:0;right:0}.stage-head p{padding-right:0}.stage-select-inner{width:92vw;padding-top:24px}.stage-preview{height:170px}.stage-head{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=620px){.stage-current{width:100%;margin-top:14px;padding:9px 10px}.stage-current-info b{font-size:11px}.stage-current-info i{font-size:7.5px}.stage-link{padding:6px 7px;font-size:8px}.stage-head h2{font-size:40px}.stage-head p{font-size:11px}.stage-select-foot{flex-direction:column;align-items:stretch;gap:14px}.stage-select-foot .btn-primary{text-align:center}#stage-select{-webkit-backdrop-filter:none;backdrop-filter:none}.stage-preview{height:140px}}@media (width<=620px) and (height<=720px){.start-content{justify-content:flex-start;padding-top:9vh;overflow-y:auto}}@media (pointer:coarse){.hud-camera{top:96px;left:54px;transform:none}}@media (width>=981px){.stage-select-inner{flex-direction:column;justify-content:center;min-height:100vh;padding-top:20px;padding-bottom:20px;display:flex}}@media (pointer:coarse) and (height<=520px){.hud-camera{top:62px}}@media (width<=620px){.result-panel .modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-panel .modal-actions .btn-primary{grid-column:1/-1}}@media (width>=700px) and (height<=520px){.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage-select-inner{width:96vw;min-height:auto;padding:12px 0 16px;display:block}.stage-head{flex-direction:row;align-items:flex-end;gap:12px;margin-bottom:12px;padding-right:0}.stage-head h2{margin:6px 0 3px;font-size:34px}.stage-head p{display:none}#btn-stage-close{position:static}.stage-card{padding:9px}.stage-number{font-size:28px}.stage-preview{height:82px;margin:7px 0 8px}.stage-name{letter-spacing:.05em;font-size:13px}.stage-cn{display:none}.stage-meta{gap:5px 9px;margin-top:7px;font-size:7px}.stage-select-foot{margin-top:10px;font-size:8px}.stage-head .eyebrow{font-size:8px}}@media (height<=520px){.tagline{display:none}.start-content{justify-content:flex-start;padding-top:6vh}#start-screen h1{margin-top:6px;font-size:clamp(36px,8vh,56px)}.title-en{font-size:14px}.stage-current{margin-top:8px;padding:7px 10px}.stage-current-info i{font-size:7.5px}.start-actions{margin-top:10px}.settings-row{gap:12px;margin-top:10px;padding-top:8px}}@media (pointer:coarse) and (height<=520px){.hud-pause{top:12px;left:calc(50% - 40px);right:auto;transform:none}.hud-camera{top:12px;left:calc(50% + 4px)}}@media (height<=520px){#pause,#results{overflow-y:auto}.modal-panel{max-height:94vh;padding:18px 22px;overflow-y:auto}.modal-panel h2{margin:8px 0 4px;font-size:32px}.result-place{margin:8px 0 -2px}.result-place b{font-size:64px}.result-stage{margin-top:8px}.result-grid{margin-top:12px}.result-grid div{padding:8px 10px}.result-grid b{font-size:16px}.modal-actions{margin-top:12px}}.stage-medal{color:var(--gold);letter-spacing:.08em}.result-medal{font:600 8px/1 var(--mono);letter-spacing:.18em;color:var(--muted);align-items:center;gap:10px;margin-top:10px;display:flex}.result-medal b{font:700 18px/1 var(--display);letter-spacing:.16em;color:var(--gold);text-shadow:0 0 16px #ffd45e8c}@media (height<=520px){.result-medal{margin-top:4px}.result-medal b{font-size:14px}}.name-input{color:#fff;width:112px;font:700 10px/1 var(--mono);letter-spacing:.04em;background:#091124b3;border:1px solid #78e1ff33;outline:none;padding:7px 9px;transition:border-color .15s,box-shadow .15s}.name-input::placeholder{color:#b4d2eb66}.name-input:focus{border-color:var(--cyan);box-shadow:0 0 16px #37f6ff33}.stage-links{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.result-board-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.result-board{font:600 8.5px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}.result-board.ok{color:var(--gold)}.result-board-link{padding:5px 8px;font-size:8px}#leaderboard{z-index:46;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 38%,#05091638,#03060ff0 78%),linear-gradient(#03060f80,#03060feb);overflow-y:auto}.leaderboard-inner{width:min(920px,94vw);margin:0 auto;padding:clamp(20px,5vh,56px) 0 30px}.board-head{margin-bottom:18px}.board-tabs{gap:8px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.board-tab{--accent:var(--cyan);color:var(--muted);font:700 9px/1 var(--display);letter-spacing:.1em;cursor:pointer;background:#070e1eb3;border:1px solid #78e1ff29;border-bottom:2px solid #0000;flex:none;align-items:baseline;gap:8px;padding:9px 14px;transition:all .15s;display:flex}.board-tab span{font:900 18px/1 var(--display);color:#ffffff8c}.board-tab:hover{border-color:var(--accent);color:#fff}.board-tab.active{border-color:var(--accent);border-bottom-color:var(--accent);color:#fff;box-shadow:0 0 22px var(--accent);background:#0c1a30eb}.board-tab.active span{color:var(--accent);text-shadow:0 0 16px var(--accent)}.board-panel{--board-accent:var(--stage-a,var(--cyan));border:1px solid #78e1ff29;border-top:2px solid var(--board-accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(160deg,#081126f0,#060914e6);padding:12px 16px 14px;box-shadow:0 24px 60px #00000073,inset 0 0 44px #37f6ff09}.board-head-row,.board-row{grid-template-columns:52px minmax(0,1fr) 110px 80px;align-items:center;gap:10px;display:grid}.board-head-row{font:600 8px/1 var(--mono);letter-spacing:.2em;color:var(--muted);border-bottom:1px solid #78e1ff24;padding:8px 10px}.board-list{margin:0;padding:0;list-style:none}.board-row{border-bottom:1px solid #78e1ff13;padding:10px;font-size:13px}.board-row:last-child{border-bottom:0}.board-row.mine{box-shadow:inset 2px 0 0 var(--cyan);background:#37f6ff13}.board-rank{font:800 15px/1 var(--mono);color:var(--muted)}.board-row.rank-1 .board-rank{color:var(--gold);text-shadow:0 0 14px #ffd45e99}.board-row.rank-2 .board-rank{color:#d4e9ff}.board-row.rank-3 .board-rank{color:#ff9a5a}.board-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;letter-spacing:.03em;font-weight:700;overflow:hidden}.board-time{font:700 14px/1 var(--mono);color:var(--cyan-soft);font-variant-numeric:tabular-nums}.board-stars{color:var(--gold);letter-spacing:.1em;font-size:13px}.board-status{font:600 8.5px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted);margin-top:12px}.board-me{font:700 10px/1.5 var(--mono);letter-spacing:.05em;color:var(--gold);margin-top:6px}.board-foot{font:600 9px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}@media (width>=981px){.leaderboard-inner{flex-direction:column;justify-content:center;min-height:100vh;padding-top:20px;padding-bottom:20px;display:flex}}@media (width<=980px){.leaderboard-inner{width:92vw;min-height:auto;padding-top:20px;display:block}.board-head{padding-right:76px;position:relative}#btn-board-close{position:absolute;top:0;right:0}}@media (width<=620px){.board-head-row,.board-row{grid-template-columns:34px minmax(0,1fr) 84px 58px;gap:6px}.board-head-row{padding:7px 5px;font-size:7px}.board-row{padding:9px 5px}.board-name,.board-time{font-size:12px}.board-stars{font-size:10px}.board-rank{font-size:13px}.board-tabs{gap:6px}.board-tab{padding:7px 9px;font-size:8px}.board-tab span{font-size:14px}.board-panel{padding:8px 8px 10px}.board-foot{flex-direction:column;align-items:stretch;gap:10px}.board-foot .btn{text-align:center}#leaderboard{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (height<=520px){.leaderboard-inner{min-height:auto;padding-top:10px;padding-bottom:12px;display:block}.board-head{margin-bottom:8px}.board-head h2{margin:6px 0 2px;font-size:30px}.board-head p{display:none}.board-tabs{margin-bottom:8px}.board-row,.board-head-row{padding:6px 8px}.board-panel{padding:7px 10px 9px}.board-status{margin-top:7px}.board-me{margin-top:3px}.board-foot{margin-top:8px}}.result-panel{scrollbar-width:thin;max-height:94vh;overflow-y:auto}