:root{--bg:#0a1026;--panel:#0a10209e;--line:#94a3b847;--text:#f1f5f9;--muted:#94a3b8;--cyan:#22d3ee;--orange:#fb923c;--accent:#22d3ee;--bad:#f87171;--ok:#4ade80;--num:"Saira Semi Condensed", "Arial Narrow", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;overflow:hidden}[hidden]{display:none!important}.screen{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:16px;display:flex}.title-screen{background:radial-gradient(120% 70% at 50% 110%,#fb923c47,#0000 60%),linear-gradient(#050a1c 0%,#1a2450 55%,#3b315c 100%)}.title-block{text-align:center}.eyebrow{font-family:var(--num);letter-spacing:.32em;color:var(--cyan);margin:0 0 6px;font-weight:600}h1{font-family:var(--num);letter-spacing:.04em;margin:0;font-size:clamp(44px,9vw,96px);font-style:italic;font-weight:800}h2{margin:0;font-size:28px}.lead{color:var(--muted);text-align:center;max-width:36em;margin:0;line-height:1.6}.msg{color:#fcd34d;min-height:1.4em;margin:0}.muted{color:var(--muted)}.small{font-size:13px}.warn{color:#fcd34d;max-width:30em;line-height:1.5}.btn{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0f172acc;border-radius:10px;padding:8px 16px;font-weight:700}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#04121a}.btn.big{padding:14px 34px;font-size:20px}.btn.ghost{background:#0a102080}.btn.small{padding:5px 12px;font-size:13px}.row-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lobby{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}#qr{background:#fff;border-radius:12px;width:240px;height:240px;padding:8px}.lobby-info{max-width:420px;line-height:1.6}.code{font-family:var(--num);letter-spacing:.22em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:800}.game{position:fixed;inset:0}.hud{pointer-events:none;font-family:var(--num);font-variant-numeric:tabular-nums;--gap:max(16px, env(safe-area-inset-left));position:absolute;inset:0}.hud button{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);border-radius:10px}.hud-tl{left:var(--gap);top:max(14px, env(safe-area-inset-top));min-width:190px;padding:10px 18px 12px;position:absolute}.hud-tl .pos{margin-bottom:6px;line-height:1}.hud-tl .pos b{font-size:clamp(44px,6vw,68px);font-style:italic;font-weight:800}.hud-tl .pos .of{color:#e2e8f0;margin-left:4px;font-size:clamp(22px,2.8vw,32px);font-weight:600}.hud-tl .row{letter-spacing:.06em;font-size:clamp(16px,1.9vw,22px);font-weight:600}.hud-tl .row .k{color:#cbd5e1;margin-right:8px}.hud-tr{right:max(16px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));align-items:center;gap:14px;display:flex;position:absolute}.progress{width:clamp(180px,22vw,300px);height:26px;position:relative}.progress-line{background:#94a3b8a6;height:2px;position:absolute;top:13px;left:0;right:18px}.progress-line:before{content:"";background:var(--cyan);width:2px;height:10px;position:absolute;top:-4px;left:0}.progress-icons{height:26px;position:absolute;top:0;left:0;right:18px}.p-icon{width:24px;height:14px;margin-left:-12px;transition:left .1s linear;position:absolute;top:5px}.p-icon svg{width:100%;height:100%;fill:var(--orange);stroke:#0b1224;stroke-width:1px}.p-icon.me{z-index:2}.p-icon.me svg{fill:var(--cyan)}.flag{width:16px;height:18px;position:absolute;top:4px;right:0}.pause-btn{cursor:pointer;background:#0a10208c;border:1.5px solid #f1f5f9bf;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.pause-btn svg{width:22px;height:22px;fill:var(--text)}.conn-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.conn-dot.ok{background:var(--ok)}.conn-dot.wait{background:#facc15}.conn-dot.bad{background:var(--bad)}.hud-bl{left:var(--gap);bottom:max(14px, env(safe-area-inset-bottom));position:absolute}.minimap{aspect-ratio:200/140;clip-path:polygon(10% 0,100% 0,100% 88%,90% 100%,0 100%,0 12%);width:clamp(150px,16vw,220px);padding:6px}.minimap svg{width:100%;height:100%;display:block}.mini-track{fill:none;stroke:#e2e8f0;stroke-width:3.5px;stroke-linejoin:round}.mini-glow{fill:none;stroke:#22d3ee40;stroke-width:9px;stroke-linejoin:round}.course-name{letter-spacing:.32em;color:#e2e8f0;text-shadow:0 2px 6px #000000b3;margin-top:8px;font-size:15px;font-weight:600}.fuel-gauge{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 74px);background:var(--panel);border:1px solid var(--line);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);align-items:center;gap:8px;padding:5px 16px;font-style:italic;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}.fuel-name{letter-spacing:.2em;color:var(--muted);margin-right:4px;font-size:11px}.fuel-e,.fuel-f{color:#e2e8f0;font-size:14px}.fuel-e{color:#f87171}.fuel-cells{gap:3px;display:flex}.fuel-cells i{background:#facc1524;border:1px solid #facc1559;width:clamp(16px,2vw,26px);height:12px;transform:skew(-20deg)}.fuel-cells i.on{background:#facc15;box-shadow:0 0 8px #facc15b3}.fuel-gauge.low .fuel-cells i.on{background:#f87171;box-shadow:0 0 8px #f87171cc}.fuel-n{font-family:var(--num);color:#facc15;text-align:right;min-width:34px;font-size:16px}.fuel-gauge.low .fuel-n{color:#f87171}.fuel-gauge.empty .fuel-n{color:var(--muted)}.boost-gauge.empty .seg i{box-shadow:none;background:#334155}.boost-gauge.empty .boost-label,.boost-gauge.empty .bolt{color:var(--muted);fill:var(--muted);filter:none;animation:none}.boost-gauge{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:12px;padding:10px 30px 8px 24px;display:grid;position:absolute;transform:translate(-50%)}.boost-gauge .bolt{width:36px;height:36px;fill:var(--cyan);filter:drop-shadow(0 0 6px #22d3eeb3);grid-row:1/3}.segs{gap:6px;display:flex}.seg{background:#22d3ee26;border-radius:3px;width:clamp(40px,4.6vw,60px);height:16px;position:relative;overflow:hidden;transform:skew(-20deg)}.seg i{background:var(--cyan);transform-origin:0;position:absolute;inset:0;box-shadow:0 0 10px #22d3eeb3}.boost-label{letter-spacing:.16em;color:var(--cyan);font-size:17px;font-style:italic;font-weight:700}.boost-gauge.charging .seg i{box-shadow:none;background:#64748b}.boost-gauge.charging .boost-label{color:var(--muted)}.boost-gauge.charging .bolt{fill:var(--muted);filter:none}.boost-gauge.active .seg i{background:var(--orange);box-shadow:0 0 14px #fb923ce6}.boost-gauge.active .bolt{fill:var(--orange);filter:drop-shadow(0 0 8px #fb923ce6)}.boost-gauge.active .boost-label{color:var(--orange)}.boost-gauge.ready .bolt{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{filter:drop-shadow(0 0 14px #22d3ee)}}.hud-br{right:max(16px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:clamp(220px,22vw,300px);position:absolute}.speed-gauge{width:100%;position:relative}.speed-gauge svg{width:100%;display:block}.arc-track{fill:none;stroke:#94a3b847;stroke-width:12px}.arc-fill{fill:none;stroke:var(--cyan);stroke-width:12px;filter:drop-shadow(0 0 6px #22d3eecc)}.speed-gauge.boosting .arc-fill{stroke:var(--orange);filter:drop-shadow(0 0 8px #fb923ce6)}.ticks line{stroke:#e2e8f0b3;stroke-width:2px}.speed-num{text-align:center;text-shadow:0 3px 10px #000000b3;position:absolute;top:40%;left:0;right:0}.speed-num b{font-size:clamp(54px,6vw,80px);font-style:italic;font-weight:800}.speed-num span{margin-left:6px;font-size:18px;font-weight:600}.pedal-bars{gap:8px;margin-top:-8px;display:grid}.pbar{letter-spacing:.05em;text-shadow:0 2px 6px #000000b3;grid-template-columns:70px 1fr;align-items:center;gap:10px;font-size:16px;font-weight:700;display:grid}.pbar .track{background:#0a10208c;border:1.5px solid #e2e8f08c;border-radius:4px;height:16px;overflow:hidden}.pbar i{transform-origin:0;height:100%;display:block;transform:scaleX(0)}.pbar i.accel{background:var(--cyan)}.pbar i.brake{background:#f87171}.edge{color:var(--orange);opacity:0;text-shadow:0 0 12px #fb923ccc;font-size:72px;font-weight:700;transition:opacity .15s;position:absolute;top:46%}.edge.left{left:22px}.edge.right{right:22px}.edge.show{opacity:1;animation:.8s ease-in-out infinite blink}@keyframes blink{50%{opacity:.45}}.banner{white-space:nowrap;background:#c82828e0;border-radius:12px;padding:10px 22px;font-family:system-ui,Hiragino Sans,sans-serif;font-size:26px;font-weight:900;position:absolute;top:22%;left:50%;transform:translate(-50%)}.popup{opacity:0;pointer-events:none;text-shadow:0 3px 12px #000000b3;font-size:58px;font-style:italic;font-weight:800;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.6)}.popup.good{color:var(--orange)}.popup.bad{color:#ff6b6b}.popup.show{animation:.7s ease-out forwards pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.tutorial{text-align:center;background:#0a1020c7;border:1px solid #22d3ee99;border-radius:14px;max-width:min(640px,90vw);padding:14px 26px;font-family:system-ui,Hiragino Sans,sans-serif;position:absolute;top:17%;left:50%;transform:translate(-50%)}.tut-step{font-family:var(--num);color:var(--cyan);letter-spacing:.2em;font-size:14px;font-weight:700}.tut-text{margin-top:4px;font-size:24px;font-weight:800;line-height:1.4}.tutorial.done{border-color:var(--ok)}.countdown{font-family:var(--num);color:var(--cyan);pointer-events:none;text-shadow:0 0 40px #22d3eeb3,0 0 4px #000;place-items:center;font-size:30vh;font-style:italic;font-weight:800;display:grid;position:absolute;inset:0}.overlay{text-align:center;background:#050a1cb8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.result-table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:20px}.result-table th{text-align:left;color:var(--muted);padding:5px 18px 5px 0;font-weight:700}.result-table td{text-align:left;padding:5px 18px 5px 0;font-weight:800}.result-table td:last-child{text-align:right;font-family:var(--num);padding-right:0}.result-table tr.me td,.result-table tr.me th{color:var(--cyan)}.menu-box{text-align:left;flex-direction:column;gap:12px;min-width:min(360px,100%);display:flex}.menu-box h2{text-align:center}.menu-box label{align-items:center;gap:10px;display:flex}.menu-box input[type=range]{flex:1}.latency-overlay{z-index:20;background:#333;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.latency-overlay.left{background:#3d8bff}.latency-overlay.right{background:#ff8a1f}.latency-overlay span{background:#000a;border-radius:6px;padding:6px 12px}.dev{z-index:30;border:1px solid var(--line);pointer-events:none;background:#000000c7;border-radius:8px;max-width:min(560px,100vw - 16px);padding:8px 10px;position:fixed;top:80px;right:8px}.dev pre{white-space:pre-wrap;margin:0;font-size:11px;line-height:1.45}.log{max-height:120px;color:var(--muted);margin:6px 0 0;padding:0;font-family:ui-monospace,Consolas,monospace;font-size:11px;list-style:none;overflow:hidden}.boost-gauge.super{border-color:#ffd23acc;box-shadow:0 0 18px #ffd23a73}.boost-gauge.super .seg i{background:#ffd23a;box-shadow:0 0 12px #ffd23ae6}.boost-gauge.super .boost-label,.boost-gauge.super .bolt{color:#ffd23a;fill:#ffd23a}.boost-gauge.super.active .seg i{background:linear-gradient(90deg,#ffd23a,#58c8ff)}.split-pop{left:50%;top:calc(max(14px, env(safe-area-inset-top)) + 118px);background:var(--panel);border:1px solid var(--line);white-space:nowrap;align-items:baseline;gap:14px;padding:8px 22px;font-style:italic;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}.split-pop span{color:#e2e8f0;letter-spacing:.06em;font-size:18px;font-style:normal}.split-pop b{font-family:var(--num);color:#fff;font-size:26px}.split-pop i{font-family:var(--num);font-size:20px}.split-pop i.faster{color:#4ade80}.split-pop i.slower{color:#f87171}.result-table tr.sub td,.result-table tr.sub th{color:#cbd5e1;padding-top:1px;padding-bottom:1px;font-size:.85em}.result-table td.faster{color:#4ade80}.result-table td.slower{color:#f87171}.result-table tr.best td{color:var(--gold-2,#fcd34d);font-weight:800}#result-overlay{overflow-y:auto}.speed-gauge.reverse #hud-speed{color:#e2e8f0}.speed-gauge.reverse .arc-fill{stroke:#e2e8f0}.sa-panel{left:50%;top:calc(max(14px, env(safe-area-inset-top)) + 58px);white-space:nowrap;background:#0a462dd1;border:2px solid #ffffffd9;border-radius:4px;align-items:center;gap:10px;padding:6px 18px;display:flex;position:absolute;transform:translate(-50%)}.sa-arrow{color:#fff;font-size:22px;font-weight:800}.sa-kind{color:#fff;border:2px solid #fff;padding:1px 6px;font-size:13px;font-weight:800}.sa-name{color:#fff;letter-spacing:.04em;font-size:20px;font-weight:800}.sa-dist{font-family:var(--num);color:#fff;text-align:right;min-width:3.4em;font-size:30px;font-style:italic}.sa-note{font-family:var(--num);letter-spacing:.2em;color:#ffd23a;font-size:12px;font-weight:800}.sa-panel.near{border-color:#ffd23a;animation:.8s ease-in-out infinite saPulse}.sa-panel.inside{background:#3c2800d1;border-color:#ffd23a}@keyframes saPulse{50%{box-shadow:0 0 22px #ffd23acc}}.tut-dots{justify-content:center;gap:6px;margin:4px 0 6px;display:flex}.tut-dots i{background:#fff3;width:22px;height:6px;transform:skew(-20deg)}.tut-dots i.on{background:var(--cyan,#22d3ee)}.tutorial{pointer-events:auto}.tut-skip{font:inherit;color:#e5e7eb;cursor:pointer;background:#080c16cc;border:1px solid #ffffff59;padding:6px 14px;font-size:15px;font-weight:700;position:absolute;bottom:-44px;right:10px}.tut-skip small{color:#94a3b8;font-size:10px;font-weight:400;display:block}.slip-gauge{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 108px);background:#080c16b3;border:1px solid #7dd3fc99;align-items:center;gap:8px;padding:3px 12px;font-style:italic;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}.slip-name{letter-spacing:.2em;color:#7dd3fc;font-size:11px}.slip-bar{background:#7dd3fc26;width:140px;height:8px;overflow:hidden;transform:skew(-20deg)}.slip-bar i{background:linear-gradient(90deg,#38bdf8,#e0f2fe);width:0;height:100%;display:block;box-shadow:0 0 10px #7dd3fccc}.slip-gauge b{color:#e0f2fe;font-size:11px}.slip-gauge.full{border-color:#e0f2fe;box-shadow:0 0 14px #7dd3fc99}.minimap.hidden-by-map{display:none}.realmap{width:clamp(220px,24vw,320px)}.realmap-head{color:#fff;letter-spacing:.05em;white-space:nowrap;background:#0f3278d9;border:1px solid #fff9;border-bottom:0;align-items:center;gap:6px;padding:3px 10px;font-size:15px;font-weight:800;display:flex;overflow:hidden}.realmap-head .pin{color:#60a5fa;font-size:12px}.realmap-main{background:#dfe6ea;border:1px solid #fff9;height:clamp(150px,17vw,220px);position:relative;overflow:hidden}.realmap-tiles{position:absolute;inset:0}.realmap-tiles img{-webkit-user-select:none;user-select:none;filter:saturate(.6)contrast(.85)brightness(1.07);opacity:.88;width:256px;height:256px;position:absolute}.realmap-svg{width:100%;height:100%;position:absolute;inset:0}.realmap-svg .route{fill:none;stroke:#f97316;stroke-width:5px;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.realmap-svg .done{fill:none;stroke:#475569;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;opacity:.75}.realmap-svg .ics circle{fill:#fff;stroke:#1e3a8a;stroke-width:1.5px}.realmap-svg .me path{fill:#1d6ff2;stroke:#fff;stroke-width:2.2px;stroke-linejoin:round;filter:drop-shadow(0 0 3px #1d6ff2e6)}.realmap-next{color:#fff;background:#0f3278d9;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:16px;left:4px}.realmap-attrib{color:#334155;background:#ffffffb3;padding:0 3px;font-size:9px;position:absolute;bottom:1px;right:3px}.town-pop{z-index:5;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;background:#1d4fa8e0;border:1.5px solid #ffffffd9;border-radius:14px;align-items:center;gap:8px;padding:6px 16px 6px 8px;animation:2.8s cubic-bezier(.2,.9,.3,1.2) both townToast;display:flex;position:absolute;top:10px;left:50%;box-shadow:0 4px 14px #0006}.town-pop .town-ico{background:#fff;border-radius:6px;flex:none;width:22px;height:22px;position:relative}.town-pop .town-ico:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#1d4fa8;position:absolute;inset:5px 6px 4px}.town-pop small{letter-spacing:.15em;opacity:.85;font-size:11px}.town-pop b{letter-spacing:.06em;font-size:18px;font-weight:900}.town-pop span{opacity:.8;font-size:11px}@keyframes townToast{0%{opacity:0;transform:translate(-50%,-140%)}12%{opacity:1;transform:translate(-50%)}86%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-140%)}}.fork-panel{color:#fff;text-align:center;pointer-events:none;background:#064028db;border:2px solid #ffffffd9;border-radius:6px;min-width:360px;padding:6px 12px 7px;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000073}.fork-head{justify-content:center;align-items:baseline;gap:14px;font-weight:800;display:flex}.fork-head b{letter-spacing:.06em;font-size:18px}.fork-head span{font-family:var(--num,sans-serif);color:#fde68a;font-size:20px;font-style:italic}.fork-opts{justify-content:center;gap:6px;margin-top:4px;display:flex}.fork-opt{background:#0000002e;border:1px solid #ffffff73;border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;display:flex}.fork-opt .ar{font-size:20px;line-height:1}.fork-opt small{opacity:.8;font-size:10px;display:block}.fork-opt.here{background:#ffffff38;border-color:#fff}.fork-opt.nav{box-shadow:0 0 0 2px #fbbf24}.fork-opt.nav:after{content:"ナビ";color:#111;background:#fbbf24;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:800}.fork-road{opacity:.85;letter-spacing:.05em;margin-top:3px;font-size:11px}.fork-panel.far{opacity:.85}.fork-panel.far .fork-opts{display:none}.ferry-overlay{color:#e0f2fe;z-index:30;background:radial-gradient(#0a1e3ceb,#02060efa);flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.6s ease-out ferryIn;display:flex;position:absolute;inset:0}.ferry-overlay b{letter-spacing:.1em;font-size:clamp(26px,3vw,44px)}.ferry-ship{font-size:80px;animation:1.6s ease-in-out infinite ferryBob}@keyframes ferryIn{0%{opacity:0}}@keyframes ferryBob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}.fork-panel:not([hidden])~.sa-panel{top:calc(max(14px, env(safe-area-inset-top)) + 150px)}.fork-panel{top:calc(max(14px, env(safe-area-inset-top)) + 58px)}.roam-mode .hud-tr .progress{visibility:hidden}.guide-overlay .roam-select{color:#f1f5f9;background:#0f172ae6;border:1px solid #fff6;min-width:18em;margin:8px 0 14px;padding:8px 14px;font-size:20px}.guide-overlay p{max-width:34em}.under-guide{display:none!important}.nav-pad{color:#fff;pointer-events:auto;z-index:6;background:#080c16c7;border:1px solid #ffffff40;border-radius:8px;width:330px;padding:8px 10px;position:absolute;top:64px;right:14px}.nav-pad-title{letter-spacing:.1em;margin-bottom:6px;font-weight:800}.nav-pad-title small{opacity:.7;font-weight:400}.nav-pad-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.nav-pad-grid button{font:inherit;color:#fff;cursor:pointer;background:#1e293be6;border:1px solid #ffffff40;border-radius:5px;padding:6px 4px;font-size:13px;font-weight:700}.nav-pad-grid button small{opacity:.6;font-size:10px;font-weight:400;display:block}.nav-pad-grid button:active,.nav-pad-grid button.flash{color:#111;background:#f59e0b}.nav-sent{color:#fde68a;min-height:1.4em;margin-top:6px;font-size:13px}.share-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-lobby{background:#f59e0b1a;border:1px solid #f59e0b;border-radius:6px;margin:8px 0;padding:8px 10px;font-size:14px}.nav-mode .hud-tr .progress{visibility:hidden}.nav-mode .hud-tl .pos{display:none}:root{--gold:#f5a623;--gold-2:#ffcf5a;--ink:#080a10c7;--logo-font:"Dela Gothic One", "Hiragino Sans", "Yu Gothic", sans-serif}.bg{background:#05070d;position:fixed;inset:0}.bg canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#fx{pointer-events:none}.menu-screen{color:#f1f5f9;position:fixed;inset:0;overflow:hidden}.logo{font-family:var(--logo-font);letter-spacing:-.02em;background:repeating-linear-gradient(115deg,#fff0 0 7px,#ffffff2e 7px 8px),linear-gradient(175deg,#fff 0%,#d9dde3 34%,#8f959e 52%,#e9ecef 70%,#9aa1ab 100%);color:#0000;filter:drop-shadow(0 4px #0000008c)drop-shadow(0 10px 18px #0009);white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,7.4vw,120px);line-height:1;transform:skew(-12deg)}.logo-line{background:linear-gradient(90deg, transparent 0, var(--gold) 6%, var(--gold-2) 50%, var(--gold) 92%, transparent 100%);width:clamp(320px,50vw,760px);height:5px;margin:10px 0 12px;transform:skew(-30deg);box-shadow:0 0 18px #f5a6238c}.logo-line.short{width:clamp(220px,28vw,420px)}.logo-en{font-family:var(--num);letter-spacing:.55em;color:#e5e7eb;text-shadow:0 2px 8px #000c;padding-left:.4em;font-size:clamp(16px,1.9vw,30px);font-style:italic;font-weight:800}.title-shade{background:linear-gradient(90deg,#05070dd1 0%,#05070d8c 34%,#05070d00 62%);position:absolute;inset:0}.title .logo-block{position:absolute;top:clamp(60px,15vh,160px);left:clamp(24px,4vw,70px)}.main-menu{flex-direction:column;gap:4px;width:min(520px,46vw);display:flex;position:absolute;top:44vh;left:clamp(24px,4vw,70px)}.menu-item{text-align:left;color:#e5e7eb;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0f;padding:clamp(6px,1.3vh,12px) 18px clamp(6px,1.3vh,12px) 56px;position:relative}.menu-item .mi-main{letter-spacing:.04em;font-size:clamp(22px,2.3vw,34px);font-weight:800;display:block}.menu-item .mi-sub{color:#9ca3af;letter-spacing:.1em;margin-top:2px;font-size:14px;display:block}.menu-item.locked{opacity:.5;cursor:default}.menu-item.sel{border-top:1px solid #f5a62380;border-bottom:2px solid var(--gold);background:linear-gradient(90deg,#14161ef2,#14161e99 80%,#0000)}.menu-item.sel:before{content:"";border-left:20px solid var(--gold);filter:drop-shadow(0 0 6px #f5a623b3);border-top:16px solid #0000;border-bottom:16px solid #0000;width:0;height:0;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.menu-hint{color:#d1d5db;letter-spacing:.08em;border-top:1px solid #ffffff40;align-items:center;gap:12px;width:min(380px,40vw);padding-top:18px;font-size:18px;display:flex;position:absolute;bottom:clamp(24px,6vh,60px);left:clamp(24px,4vw,70px)}.menu-hint .ring{border:2px solid #e5e7eb;border-radius:50%;width:22px;height:22px;position:relative}.menu-hint .ring:after{content:"";background:#e5e7eb;border-radius:50%;position:absolute;inset:5px}.mute-btn{color:#f1f5f9;cursor:pointer;background:0 0;border:0;width:46px;height:46px;position:absolute;bottom:28px;right:28px}.mute-btn.muted #mute-waves{display:none}.title-msg{color:#fcd34d;margin:0;position:absolute;bottom:12px;left:clamp(24px,4vw,70px)}.stage-shade{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, var(--px0) var(--py0), var(--px0) var(--py1), var(--px1) var(--py1), var(--px1) var(--py0), var(--px0) var(--py0));--px0:37.5%;--px1:97%;--py0:19%;--py1:59%;background:#05070dc7;position:absolute;inset:0}.mini-logo{font-family:var(--logo-font);color:#e5e7eb;text-shadow:0 2px #000;font-size:30px;position:absolute;top:26px;right:36px;transform:skew(-12deg)}.stage-head{position:absolute;top:5vh;left:4%}.stage-logo{font-size:clamp(44px,6vw,96px)}.stage-tabs{gap:6px;display:flex;position:absolute;top:24vh;left:4%}.tab{font:inherit;color:#9ca3af;cursor:pointer;background:#14161ed9;border:1px solid #ffffff2e;padding:7px 26px;font-size:17px;font-weight:700;transform:skew(-18deg)}.tab.on{color:var(--gold-2);border-color:var(--gold);box-shadow:inset 0 0 0 1px #f5a62366}.stage-list{scrollbar-width:thin;scrollbar-color:#f5a62380 transparent;flex-direction:column;gap:10px;width:31%;margin-left:-16px;padding:2px 4px 2px 16px;display:flex;position:absolute;top:30vh;bottom:13vh;left:4%;overflow:hidden auto}.stage-list>*{flex-shrink:0}.stage-list.compact{gap:6px}.stage-list.compact .stage-card{height:clamp(52px,7.4vh,72px)}.stage-list.compact .stage-card .no{font-size:clamp(24px,2.4vw,36px)}.stage-list.compact .stage-card .nm b{font-size:clamp(17px,1.6vw,24px)}.stage-list.compact .stage-card .nm i{letter-spacing:.08em;font-family:inherit;font-size:12px;font-style:normal}.stage-region{letter-spacing:.3em;color:var(--gold-2);border-bottom:1px solid #f5a62359;margin-top:6px;padding-left:4px;font-size:13px;font-weight:700}.stage-card{color:#f1f5f9;height:clamp(64px,10vh,96px);font:inherit;text-align:left;cursor:pointer;background:#0e1016eb;border:1px solid #ffffff29;grid-template-columns:74px 1fr;align-items:center;padding:0 18px;display:grid;position:relative;overflow:hidden}.stage-card .thumb{opacity:.55;background-position:50%;background-size:cover;width:62%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.stage-card .no{font-family:var(--num);color:#e5e7eb;font-size:clamp(32px,3.4vw,50px);font-style:italic;font-weight:800;position:relative}.stage-card .no:after{content:"";background:#ffffff59;width:2px;height:80%;position:absolute;top:10%;right:2px;transform:skew(-25deg)}.stage-card .nm{padding-left:16px;position:relative}.stage-card .nm b{font-size:clamp(20px,2vw,30px);font-weight:800;display:block}.stage-card .nm i{font-family:var(--num);letter-spacing:.32em;color:#cbd5e1;font-size:14px;font-weight:600;display:block}.stage-card.sel{border:2px solid var(--gold);box-shadow:0 0 20px #f5a62359}.stage-card.sel .no{color:var(--gold-2)}.stage-card.sel:before{content:"";border-left:14px solid var(--gold);border-top:13px solid #0000;border-bottom:13px solid #0000;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.stage-card.locked{opacity:.55}.stage-card .lock{color:#fcd34d;letter-spacing:.1em;font-size:12px;position:absolute;top:8px;right:10px}.stage-preview{pointer-events:none;border:1px solid #ffffff59;height:40%;position:absolute;top:19%;left:37.5%;right:3%;box-shadow:inset 0 0 0 1px #0009,0 0 30px #00000080}.preview-lock{color:#fcd34d;letter-spacing:.3em;background:#05070dd1;place-items:center;font-size:32px;font-weight:800;display:grid;position:absolute;inset:0}.stage-info{width:26%;position:absolute;top:61%;left:37.5%}.stage-name{font-family:var(--logo-font);background:linear-gradient(175deg,#fff,#c9cdd3 55%,#f3f4f6);color:#0000;filter:drop-shadow(0 3px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,4.4vw,72px);transform:skew(-12deg)}.stage-desc{letter-spacing:.1em;color:#e5e7eb;margin:4px 0 12px;font-size:clamp(15px,1.4vw,20px)}.dots-row{clip-path:polygon(0 0,100% 0,96% 100%,0 100%);letter-spacing:.08em;background:#0a0c12b3;border:1px solid #ffffff40;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:6px 14px;font-size:15px;display:flex}.dots{gap:12px;display:flex}.dots i{border:2px solid #fff6;border-radius:50%;width:14px;height:14px}.dots i.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #f5a62399}.stage-meta{font-family:var(--num);letter-spacing:.12em;color:#cbd5e1;font-size:15px}.stage-credit{letter-spacing:.05em;color:#94a3b8;margin-top:4px;font-size:11px}.route-box{clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,0 100%);background:#0a0c12b3;border:1px solid #fff3;height:23%;position:absolute;top:61%;left:65%;right:3%}.route-label{font-family:var(--num);letter-spacing:.3em;color:#cbd5e1;font-size:15px;font-style:italic;position:absolute;top:6px;right:16px}.route-box svg{width:94%;height:78%;position:absolute;inset:16% 3% 6%}.route-line{fill:none;stroke:var(--gold);stroke-width:3px;filter:drop-shadow(0 0 4px #f5a623cc);vector-effect:non-scaling-stroke}.route-mtn{fill:#ffffff0f}.route-pt{fill:#0b0d12;stroke:#f1f5f9;stroke-width:2px;vector-effect:non-scaling-stroke}.back-btn{color:#e5e7eb;font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff40;align-items:center;gap:20px;width:31%;padding:18px 40px 0 0;font-size:20px;display:flex;position:absolute;bottom:5vh;left:4%}.back-btn .chev,.go-btn .chev{font-size:44px;line-height:.6}.go-btn{min-width:25%;font-family:var(--logo-font);color:#1a1204;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);cursor:pointer;background:linear-gradient(175deg,#ffd56a,#f5a623 55%,#c97c0a);border:2px solid #ffe08a;justify-content:space-between;align-items:center;gap:40px;padding:16px 46px;font-size:clamp(26px,2.6vw,40px);display:flex;position:absolute;bottom:5vh;right:3%;box-shadow:0 0 30px #f5a62380}.go-btn:disabled{filter:grayscale(.9);opacity:.6;cursor:default}.lobby-screen{background:#05070dd1;position:fixed;inset:0}.overlay.settings{z-index:40;position:fixed}@media (width<=900px){.stage-list{width:40%}.stage-preview{left:46%}.stage-shade{--px0:46%}.stage-info{width:50%;left:46%}.route-box{display:none}}.traffic-row{letter-spacing:.1em;color:#cbd5e1;align-items:center;gap:14px;margin:6px 0 8px;font-size:14px;display:flex}.seg-opts{gap:4px;display:inline-flex}.seg-opts button{font:inherit;color:#e5e7eb;cursor:pointer;background:#0f172a99;border:1px solid #ffffff40;padding:4px 12px;font-size:13px;transform:skew(-12deg)}.seg-opts button.on{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}.car-list{width:28%}.car-card{text-align:left;color:#fff;cursor:pointer;height:clamp(60px,9vh,86px);font:inherit;background:linear-gradient(90deg,#0a0e18d9,#0a0e1873);border:1px solid #ffffff40;grid-template-columns:64px 1fr;align-items:center;padding:0 18px;display:grid;position:relative;transform:skew(-8deg)}.car-card>*{transform:skew(8deg)}.car-card .no{font-family:var(--num);color:#e5e7eb;font-size:clamp(26px,2.6vw,40px);font-style:italic;font-weight:800}.car-card .nm b{font-size:clamp(18px,1.8vw,26px);font-weight:800;display:block}.car-card .nm i{font-family:var(--num);letter-spacing:.3em;color:#cbd5e1;font-size:13px;display:block}.car-card.sel{border:2px solid var(--gold);box-shadow:0 0 20px #f5a62359}.car-card.sel .no{color:var(--gold-2)}.car-info{background:#080c16b3;border:1px solid #fff3;width:36%;padding:18px 24px;position:absolute;top:30vh;right:4%}.car-title b{margin-right:14px;font-size:clamp(26px,2.6vw,40px);font-weight:800}.car-title i{font-family:var(--num);letter-spacing:.3em;color:var(--gold-2);font-style:italic}.car-stats{margin:6px 0 10px}.stat-row{color:#e5e7eb;align-items:center;gap:12px;margin:5px 0;font-size:14px;display:flex}.stat-row>span:first-child{letter-spacing:.08em;width:7.5em}.stat-row .bar{gap:4px;display:inline-flex}.stat-row .bar i{background:#ffffff1f;width:30px;height:10px;transform:skew(-20deg)}.stat-row .bar i.on{background:var(--gold);box-shadow:0 0 8px #f5a62399}.car-note{color:#94a3b8;margin-top:10px;font-size:12px}@media (width<=900px){.car-list{width:40%}.car-info{width:50%}}.car-shade{pointer-events:none;background:linear-gradient(90deg,#050810e0 0%,#05081080 32%,#0000 50% 62%,#0508108c 100%),linear-gradient(#0000 72%,#0508108c);position:absolute;inset:0}.car-list .car-card{flex-shrink:0;height:clamp(48px,6.6vh,64px)}.car-list .car-card .no{font-size:clamp(20px,2vw,30px)}.car-list .car-card .nm b{font-size:clamp(16px,1.5vw,22px)}.lan-panel{color:#e5e7eb;position:absolute;inset:27vh 4% 12vh;overflow-y:auto}.lan-entry{flex-direction:column;gap:16px;max-width:640px;display:flex}.lan-field{align-items:center;gap:10px;font-size:16px;display:flex}.lan-panel input,.lan-panel select{font:inherit;color:#fff;background:#0f172ad9;border:1px solid #ffffff59;padding:6px 10px;font-size:16px}.lan-big{font:inherit;color:#111;background:linear-gradient(180deg, var(--gold-2), var(--gold));cursor:pointer;border:0;padding:14px 24px;font-size:22px;font-weight:800;transform:skew(-8deg)}.lan-big.small{padding:8px 18px;font-size:18px}.lan-join{align-items:center;gap:10px;display:flex}.lan-join input{letter-spacing:.2em;width:9em;font-size:22px}.lan-note{color:#94a3b8;font-size:13px;line-height:1.7}.lan-qrs{flex-wrap:wrap;gap:18px;display:flex}.lan-qr-box{background:#080c16bf;border:1px solid #ffffff40;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;display:flex}.lan-qr-box h3{letter-spacing:.05em;margin:0;font-size:14px}.lan-qr-box.invite{border-color:var(--gold)}.lan-qr-box.phone{border-color:#22d3ee}.lan-qr-box canvas{background:#fff;width:150px;height:150px}.lan-code-line b{font-family:var(--num);letter-spacing:.15em;color:var(--gold-2);font-size:22px}.lan-url{color:#94a3b8;word-break:break-all;max-width:260px;font-size:11px}.lan-players{border-collapse:collapse;min-width:60%;margin:14px 0;font-size:15px}.lan-players th,.lan-players td{text-align:left;border-bottom:1px solid #ffffff1f;padding:5px 14px 5px 0}.lan-players th{color:#94a3b8;font-weight:600}.lan-players tr.me td{color:var(--gold-2);font-weight:700}.lan-opts{flex-wrap:wrap;align-items:center;gap:14px 20px;font-size:15px;display:flex}.lan-opts.readonly select,.lan-opts.readonly input[type=checkbox]{opacity:.7}.lan-opts #lan-car{opacity:1!important}.lan-actions{gap:14px;margin-top:16px;display:flex}.lan-msg{color:#fcd34d;max-width:70%;padding-top:8px;font-size:15px;position:absolute;bottom:12vh;left:4%;transform:translateY(100%)}.car-card .lock{color:#fcd34d;font-size:11px;position:absolute;top:6px;right:10px;transform:skew(8deg)}.car-card.locked{opacity:.6}.trophy-room-bg{background:radial-gradient(at 50% 0,#ffd2782e,#0000 60%),linear-gradient(#1a1410 0%,#0c0a08 100%);position:absolute;inset:0}.trophy-screen .logo-en b{color:var(--gold-2);letter-spacing:.1em;margin-left:8px}.trophy-wrap{padding-right:8px;position:absolute;inset:25vh 4% 11vh;overflow-y:auto}.trophy-shelves{flex-direction:column;gap:10px;display:flex}.shelf{background:linear-gradient(#0000 0 calc(100% - 14px),#6a4426 calc(100% - 14px),#3a2412 100%);flex-wrap:wrap;gap:6px 10px;padding:6px 10px 14px 46px;display:flex;position:relative}.shelf-label{color:#e5c88a;font-size:18px;font-weight:800;position:absolute;top:40%;left:8px}.trophy{text-align:center;flex-direction:column;align-items:center;width:118px;display:flex}.trophy .cup{filter:grayscale(.2)brightness(.8);width:56px;height:66px}.trophy.earned .cup{filter:drop-shadow(0 0 10px #ffdc8c8c)}.trophy .plate{color:#94a3b8;font-size:11px;line-height:1.35}.trophy .plate b{color:#cbd5e1;font-size:13px;display:block}.trophy.earned .plate b{color:#ffe9b0}.trophy .plate i{font-style:normal;display:block}.trophy .plate span{color:#8a7a5a;font-size:10px;display:block}.trophy-h{color:#e5c88a;letter-spacing:.2em;margin:18px 0 8px;font-size:16px}.trophy-cars{flex-wrap:wrap;gap:12px;display:flex}.sp-car{background:#14100cd9;border:1px solid #5a4630;width:220px;padding:8px 12px}.sp-car.open{border-color:var(--gold);box-shadow:0 0 14px #f5a62359}.sp-car b{color:#ffe9b0;font-size:16px;display:block}.sp-car i{color:#94a3b8;margin:2px 0 6px;font-size:12px;font-style:normal;display:block}.sp-car .bar{background:#2a2018;height:6px}.sp-car .bar span{background:linear-gradient(90deg,#c8901a,#ffe28a);height:100%;display:block}.trophy-stats{color:#94a3b8;margin-top:14px;font-size:13px}.result-trophies{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.result-trophies .trophy{width:120px}.result-trophies .trophy .cup{width:48px;height:56px}.result-trophies .unlock{text-align:center;width:100%;color:var(--gold-2);font-weight:800}.traffic-row>span:first-child{min-width:3.5em}.seg-opts button.oni.on{color:#fff;background:#d8301a;border-color:#ff6040}.opt-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.opt-row>small{opacity:.6;font-size:11px}.roam .roam-step{letter-spacing:.3em;color:var(--gold-2);font-size:15px;font-weight:700}.roam .roam-info{width:25%;top:30vh;left:37.5%}.roam .roam-info .stage-name{font-size:clamp(34px,3.6vw,60px)}.roam .traffic-row{flex-wrap:wrap}.roam-select{font:inherit;color:#f1f5f9;background:#0f172ad9;border:1px solid #ffffff4d;min-width:12em;padding:4px 10px;font-size:15px}.roam-mapbox{background:#080c16c7;border:1px solid #fff3;position:absolute;inset:9vh 3% 20vh 64%}.roam-mapbox canvas{width:100%;height:100%;position:absolute;inset:0}.roam-legend{color:#cbd5e1;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:6px;left:10px}.roam-legend i{width:14px;height:4px;margin-left:8px;display:inline-block}.roam-legend .lg-done{background:#f59e0b}.roam-legend .lg-start{background:#22c55e;border-radius:50%;width:9px;height:9px}.roam-legend .lg-dest{background:#ef4444;border-radius:50%;width:9px;height:9px}.roam .stage-card .nm i{letter-spacing:.05em}.menu-screen.car{cursor:grab;touch-action:none}.menu-screen.car:active{cursor:grabbing}.menu-screen.car button,.menu-screen.car .car-list,.menu-screen.car .car-info{cursor:auto}.showroom-hint{letter-spacing:.12em;color:#e5e7eb;pointer-events:none;background:#080c168c;border:1px solid #fff3;border-radius:999px;padding:4px 14px;font-size:13px;position:absolute;bottom:7vh;left:46%;transform:translate(-50%)}.menu-screen.car .car-list,.menu-screen.car .car-info{touch-action:pan-y}.nav-mode-stage #cpu-opts{display:none}.nav-mode-stage .traffic-row:has(#cpu-opts){display:none}.title .logo-block{top:clamp(36px,8vh,120px)}.title .logo-block .logo{font-size:clamp(44px,min(7.4vw,12.5vh),120px)}.main-menu{gap:2px;top:35vh}.menu-item{padding:clamp(3px,.9vh,12px) 18px clamp(3px,.9vh,12px) 56px}.menu-item .mi-main{font-size:clamp(18px,min(2.3vw,3.3vh),34px)}.menu-item .mi-sub{margin-top:0;font-size:clamp(11px,1.5vh,14px)}.menu-item.sel:before{border-top-width:clamp(10px,1.4vh,16px);border-bottom-width:clamp(10px,1.4vh,16px);border-left-width:clamp(12px,1.8vh,20px)}.menu-hint{padding-top:clamp(8px,1.4vh,18px);font-size:clamp(14px,1.8vh,18px);bottom:clamp(14px,3.5vh,60px)}