:root{--bg:#0b1018;--bg2:#121a25;--panel:#161f2c;--panel2:#1c2735;--line:#26344a;--line2:#33465f;--txt:#e6edf6;--txt-dim:#93a4bb;--txt-dim2:#68788f;--accent:#4aa3ff;--accent2:#7fd0ff;--hope:#ffd166;--good:#43d787;--bad:#ff6b6b;--warn:#ffb347;--shadow:0 8px 24px #00000073;--r:14px;--appbar-h:0px;--c1:#45b6ff;--c2:#ff9a2e;--c3:#c45cff;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}html[data-theme=light]{--bg:#eef2f7;--bg2:#e3e9f1;--panel:#fff;--panel2:#f3f6fa;--line:#d3dce8;--line2:#bcc9da;--txt:#16202e;--txt-dim:#55647a;--txt-dim2:#7a8899;--accent:#1668c9;--accent2:#0b4f9e;--shadow:0 6px 18px #1e325024}*{box-sizing:border-box}html,body{height:100%;color:var(--txt);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#c4e6ff;margin:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}kbd{border:1px solid var(--line2);text-align:center;background:var(--panel2);min-width:1.6em;color:var(--txt);border-bottom-width:2px;border-radius:5px;margin:0 1px;padding:0 .35em;font:600 11.5px/1.5 ui-monospace,Consolas,monospace;display:inline-block}.off{display:none!important}#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}#speedlines{pointer-events:none;opacity:0;background:repeating-conic-gradient(at 50% 46%,#fff0 0deg 3.2deg,#ffffff8c 3.4deg 3.7deg,#fff0 3.9deg 7.5deg);transition:opacity .25s;position:fixed;inset:-10%;-webkit-mask-image:radial-gradient(at 50% 46%,#0000 0 34%,#000 62%);mask-image:radial-gradient(at 50% 46%,#0000 0 34%,#000 62%)}#speedlines.on{opacity:.55;animation:.35s linear infinite spin-lines}@keyframes spin-lines{0%{transform:rotate(0)scale(1)}50%{transform:rotate(1.2deg)scale(1.02)}to{transform:rotate(0)scale(1)}}#vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#c45cff59 100%);transition:opacity .2s;position:fixed;inset:0}#hud{pointer-events:none;color:#fff;text-shadow:0 2px #00000059,0 0 12px #001e3c73;font-weight:700;position:fixed;inset:0}.hud-lap{left:calc(14px + var(--safe-l));top:calc(12px + var(--safe-t));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08182c6b;border:1px solid #ffffff2e;border-radius:14px;min-width:150px;padding:8px 14px 9px;position:absolute}.lap-row{align-items:baseline;gap:8px;display:flex}.lap-row .lab{letter-spacing:1.5px;text-transform:uppercase;opacity:.85;font-size:12px}.lap-row b{font-size:26px;font-style:italic}.hud-lap .time{font-variant-numeric:tabular-nums;letter-spacing:.5px;font:italic 800 30px/1.05 Segoe UI,system-ui,sans-serif}.hud-lap .sub{opacity:.9;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:12.5px;display:flex}.hud-lap .sub span{opacity:.75;font-weight:600}#minimap{right:calc(14px + var(--safe-r));top:calc(12px + var(--safe-t));background:radial-gradient(circle,#08285073,#081e3c40);border:1px solid #fff3;border-radius:50%;width:170px;height:170px;position:absolute}.hud-speed{right:calc(18px + var(--safe-r));bottom:calc(16px + var(--safe-b));width:170px;height:170px;position:absolute}.hud-speed svg{position:absolute;inset:0;overflow:visible;transform:rotate(135deg)}.arc-bg,.arc-fg{fill:none;stroke-linecap:round;stroke-width:11px}.arc-bg{stroke:#00142859;stroke-dasharray:75 100}.arc-fg{stroke:#fff;stroke-dasharray:0 100;filter:drop-shadow(0 0 6px #ffffff80);transition:stroke .2s}.hud-speed.boost .arc-fg{stroke:var(--hope);filter:drop-shadow(0 0 10px #ffd23fe6)}.cargo-bg,.cargo-fg{fill:none;stroke-linecap:round;stroke-width:5.5px}.cargo-bg{stroke:#00142859;stroke-dasharray:50 100}.cargo-fg{stroke:#1ae61a;stroke-dasharray:50 100;transition:stroke-dasharray .25s ease-out,stroke .25s}.hud-speed.cargo-hit .cargo-fg{animation:.45s ease-out cargoHit}.hud-speed.cargo-low .cargo-fg{animation:1s ease-in-out infinite cargoLow}@keyframes cargoHit{0%{stroke-width:9px;filter:brightness(1.8)}to{stroke-width:5.5px;filter:none}}@keyframes cargoLow{50%{opacity:.45}}.spd{text-align:center;position:absolute;top:46px;left:0;right:0}.spd b{font-variant-numeric:tabular-nums;font:italic 900 52px/1 Segoe UI,system-ui,sans-serif;display:block}.spd span{letter-spacing:2px;opacity:.85;font-size:14px}.pips{justify-content:center;gap:7px;display:flex;position:absolute;bottom:20px;left:0;right:0}.pips i{background:#00142859;border:2px solid #ffffff8c;border-radius:50%;width:15px;height:15px;transition:transform .12s,background .12s}.pips i.on:first-child{background:var(--c1);box-shadow:0 0 12px var(--c1)}.pips i.on:nth-child(2){background:var(--c2);box-shadow:0 0 12px var(--c2)}.pips i.on:nth-child(3){background:var(--c3);box-shadow:0 0 14px var(--c3)}.pips i.pop{transform:scale(1.45)}.draft{text-align:center;opacity:0;pointer-events:none;width:132px;transition:opacity .25s;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.draft.on{opacity:1}.draft span{letter-spacing:1.6px;color:#bff4ff;text-shadow:0 1px 3px #0009;margin-bottom:4px;font:800 10.5px/1 Segoe UI,system-ui,sans-serif;display:block}.draft i{background:#00142873;border-radius:3px;height:5px;display:block;overflow:hidden;box-shadow:0 0 0 1px #bff4ff59}.draft b{background:linear-gradient(90deg,#7fd8ff,#e8fbff);width:0;height:100%;display:block;box-shadow:0 0 8px #bff4ffcc}.cargo{text-align:center;font-variant-numeric:tabular-nums;opacity:.92;font-size:12.5px;position:absolute;bottom:-6px;left:0;right:0}.cargo.hit{animation:.5s cargo-hit}.cargo.low{color:#ff8a7a;font-weight:800}@keyframes cargo-hit{0%,to{color:#fff;transform:none}30%{color:#ff8d8d;transform:scale(1.3)}}.ranking{left:calc(14px + var(--safe-l));top:calc(176px + var(--safe-t));pointer-events:none;width:186px;height:240px;position:absolute}.ranking.off{display:none}.rk{transform-origin:0 0;color:#fff;text-shadow:0 1px 2px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08182c80;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;width:100%;height:26px;padding:0 8px 3px;font:700 11.5px/1 Segoe UI,system-ui,sans-serif;transition:transform .45s cubic-bezier(.3,.7,.25,1),background .2s,opacity .3s;display:flex;position:absolute;top:0;left:0}.rk .pos{text-align:right;font-variant-numeric:tabular-nums;width:16px;font-weight:900}.rk .sw{border-radius:2px;flex:none;width:7px;height:14px;box-shadow:0 0 0 1px #00000059}.rk .nm{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px;flex:1;min-width:0;overflow:hidden}.standings .nm .pz{color:var(--txt-dim);margin-left:8px;font-size:11px;font-weight:600}.rk .pz{letter-spacing:.6px;color:#ffd9a0;background:#ffc4782e;border-radius:4px;flex:none;padding:2px 4px 1px;font-size:8.5px;font-weight:800}.rk .num{opacity:.85;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.rk .bar{background:#ffffff29;border-radius:2px;height:3px;position:absolute;bottom:3px;left:8px;right:8px;overflow:hidden}.rk .bar i{background:#5fd068;width:100%;height:100%;transition:width .4s,background .4s;display:block}.rk.rival{border-color:#ff6b5ae6;box-shadow:0 0 0 1px #ff6b5a59}.rk.rival .pz{color:#ffd0c8;background:#ff6b5a4d}.rk.me{background:#1f62c8b8;border-color:#ffd23f;box-shadow:0 0 0 1px #ffd23f59}.rk.out{opacity:.42}.rk.hid{opacity:0}.rk.out .nm{text-decoration:line-through}body.touch .ranking{top:calc(150px + var(--safe-t));transform-origin:0 0;transform:scale(.85)}#ticker{left:calc(14px + var(--safe-l));bottom:calc(16px + var(--safe-b));width:min(430px,46vw);text-shadow:none;flex-direction:column;gap:6px;font-weight:400;display:flex;position:absolute}.post{color:#e6edf6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a121eb8;border:1px solid #ffffff1f;border-radius:12px;align-items:flex-start;gap:9px;padding:7px 10px;transition:opacity .6s,transform .6s;animation:.35s cubic-bezier(.2,.9,.3,1.3) post-in;display:flex}.post.out{opacity:0;transform:translate(-20px)}.post .av{color:#0b1018;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font:800 12px/1 Segoe UI,sans-serif;display:grid}.post .u{font-size:12.5px;font-weight:700}.post .t{font-size:13px;line-height:1.3}.post .meta{color:#93a4bb;margin-left:6px;font-size:10.5px;font-weight:400}@keyframes post-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:17%;left:0;right:0}.toast{text-align:center;transition:opacity .4s,transform .4s;animation:.5s cubic-bezier(.2,1.4,.4,1) both toast-in}.toast.out{opacity:0;transform:translateY(-14px)scale(.95)}.toast .big{letter-spacing:1px;-webkit-text-stroke:1px #00000040;font:italic 900 clamp(26px,5vw,46px)/1 Segoe UI,system-ui,sans-serif}.toast .small{opacity:.95;margin-top:4px;font-size:clamp(13px,1.8vw,16px);font-weight:600}.toast.c3 .big{color:#e7b6ff;text-shadow:0 0 18px var(--c3), 0 3px 0 #5b1e86}.toast.gold .big{color:#ffe27a;text-shadow:0 0 18px #ffb300,0 3px #8a5a00}.toast.bad .big{color:#ffb0b0;text-shadow:0 0 14px #ff3b3b,0 3px #7a1010}.toast.cool .big{color:#bfe7ff;text-shadow:0 0 14px #45b6ff,0 3px #0b3d6e}@keyframes toast-in{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}}#countdown{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:13%;left:0;right:0}.lights{background:#0a121eb3;border:2px solid #fff3;border-radius:18px;gap:14px;padding:12px 18px;display:flex}.light{text-shadow:none;flex-direction:column;align-items:center;gap:6px;display:flex}.light i{background:#1d2633;border:3px solid #0b1018;border-radius:50%;width:44px;height:44px;transition:background .1s,box-shadow .1s;box-shadow:inset 0 -4px #00000059}.light span{letter-spacing:1.5px;text-transform:uppercase;color:#93a4bb;font-size:12px}.light.on i{background:#fc3;box-shadow:0 0 22px #fc3,inset 0 -4px #0003}.light.on span{color:#fff}.lights.go .light i{background:#43d787;box-shadow:0 0 26px #43d787}.lights.go .light span{color:#fff}.go{color:#fff;opacity:0;font:italic 900 clamp(40px,9vw,86px)/1 Segoe UI,system-ui,sans-serif}.go.on{animation:1s ease-out both go-pop}.go small{letter-spacing:3px;text-transform:uppercase;margin-top:4px;font-size:.26em;font-style:normal;display:block}@keyframes go-pop{0%{opacity:0;transform:scale(2.2)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.1)}}#wrongway{white-space:nowrap;background:#a01414d1;border-radius:12px;padding:10px 20px;font-size:clamp(16px,2.6vw,24px);animation:1s steps(2,end) infinite blink;position:absolute;top:32%;left:50%;transform:translate(-50%)}@keyframes blink{50%{opacity:.55}}.hud-btn{left:50%;top:calc(10px + var(--safe-t));pointer-events:auto;color:#fff;background:#0a121e80;border:1px solid #ffffff40;border-radius:50%;width:44px;height:44px;font-size:18px;position:absolute;transform:translate(-50%)}.fsbtn{display:none}html.can-fs #fsBtnTitle{align-items:center;margin-right:6px;display:inline-flex}html.can-fs.touch #fsBtnHud{place-items:center;display:grid}html.is-fs .fsbtn svg path{d:path("M9 4v5H4M20 9h-5V4M15 20v-5h5M4 15h5v5")}.hud-btn.hud-fs{left:auto;right:calc(252px + var(--safe-r));transform:none}.padfocus{outline-offset:2px;outline:3px solid #ffd23f!important;box-shadow:0 0 0 7px #ffd23f38!important}#padNote{z-index:900;pointer-events:none;color:#fff;zoom:var(--ui);background:#0a121ee0;border:1px solid #fff3;border-radius:12px;padding:9px 16px;font:700 14px/1.3 Segoe UI,system-ui,sans-serif;transition:opacity .3s;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}#padNote.off{opacity:0}#fps{opacity:.8;font:600 11px ui-monospace,monospace;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#touch{pointer-events:none;position:fixed;inset:0}.stick-zone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:30%;bottom:0;left:0}.stick-hint{left:calc(18px + var(--safe-l));bottom:calc(14px + var(--safe-b));color:#ffffffbf;text-shadow:0 1px 2px #00000080;font-size:11.5px;position:absolute}.stick-base{opacity:0;pointer-events:none;background:#0a121e40;border:2px solid #ffffff73;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;position:fixed}.stick-base.on{opacity:1}.stick-knob{background:#ffffffd9;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059}.touch-btns{right:calc(200px + var(--safe-r));bottom:calc(20px + var(--safe-b));pointer-events:auto;align-items:flex-end;gap:14px;display:flex;position:absolute}.touch-btns button{color:#fff;letter-spacing:1px;touch-action:none;background:#0a121e6b;border:2px solid #ffffff8c;border-radius:50%;font-weight:900;transition:transform 80ms,background 80ms}.btn-drift{width:104px;height:104px;font-size:16px}.btn-horn{width:66px;height:66px;font-size:15px}.btn-horn .emo{font-size:26px}.btn-horn{place-items:center;padding:0;display:grid}.btn-horn .horn-ico{margin-left:2px}.touch-col{flex-direction:column;align-items:center;gap:12px;display:flex}.touch-btns .btn-rear,.touch-btns .btn-tug{letter-spacing:.6px;background:#0a121e5c;border-width:1.5px;border-radius:19px;justify-content:center;align-items:center;gap:5px;width:92px;height:38px;font-size:11.5px;display:flex}.btn-rear svg,.btn-tug svg{flex:none}.touch-btns .btn-tug{width:104px}.touch-btns .btn-horn.flick{background:#ffd23f8c;transform:translateY(6px)scale(.92)}.touch-btns button.on{background:#45b6ff8c;transform:scale(.92)}body.touch .hud-speed{right:calc(10px + var(--safe-r));bottom:calc(6px + var(--safe-b));transform-origin:100% 100%;transform:scale(.82)}body.touch #ticker{bottom:auto;left:50%;top:calc(96px + var(--safe-t));width:min(340px,40vw);transform:translate(-50%)}body.touch #ticker .post:nth-child(n+3){display:none}#rotate{z-index:900;text-align:center;background:var(--bg);color:var(--txt);place-content:center;gap:18px;font-size:22px;font-weight:700;display:grid;position:fixed;inset:0}.screen{z-index:600;touch-action:pan-y;-webkit-user-select:text;user-select:text;position:fixed;inset:0;overflow-y:auto}.screen.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a128c;place-items:center;padding:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.corner-btns{z-index:6;top:calc(12px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));gap:6px;display:flex;position:absolute}.corner-btns .iconbtn{background:var(--panel);background:color-mix(in srgb, var(--panel) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.splash{z-index:800;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 45%,#050c1659,#050a12d1);place-items:center;padding:24px;transition:opacity .45s;display:grid}.splash.off{opacity:0;pointer-events:none;display:grid}.splash.gone{display:none}.splash-in{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:min(620px,100%);display:flex}.splash-logo{filter:drop-shadow(0 14px 30px #00000080);width:min(520px,82vw);height:auto}.splash-sub{color:#dce6f2;letter-spacing:.3px;text-shadow:0 2px 8px #0009;margin:0;font-size:15px}.splash-go{width:auto;min-width:260px;padding:15px 34px;animation:2.2s ease-in-out infinite splashPulse}.splash-hint{color:#b8c6d6;letter-spacing:.4px;text-shadow:0 2px 6px #0009;margin:0;font-size:12.5px}#title .title-wrap{transition:opacity .5s .1s}.splash:not(.off)~#title .title-wrap{opacity:0;pointer-events:none}@keyframes splashPulse{0%,to{box-shadow:0 0 #4aa3ff8c}50%{box-shadow:0 0 0 14px #4aa3ff00}}@media (max-height:540px) and (orientation:landscape){.splash-logo{width:min(380px,60vw)}.splash-in{gap:9px}}.appbar{z-index:5;background:var(--bg);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.appbar-in{max-width:1180px;min-height:var(--appbar-h);align-items:center;gap:12px;margin:0 auto;padding:0 12px;display:flex}.appbrand{color:var(--txt-dim);letter-spacing:.2px;white-space:nowrap;flex:1 1 0;align-items:center;gap:7px;font-size:13.5px;font-weight:650;display:inline-flex}.appbrand .ico{font-size:16px;line-height:1}.appbar-r{flex:1 1 0;justify-content:flex-end;display:flex}.nav{background:var(--panel2);background:color-mix(in srgb, var(--txt-dim2) 12%, transparent);border-radius:11px;flex:none;gap:3px;padding:3px;display:flex}.navlink{white-space:nowrap;color:var(--txt-dim);border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:600;text-decoration:none;transition:color .18s,background .18s,border-color .18s,transform .18s;display:inline-flex}.navlink .ico{font-size:14px;line-height:1}.navlink:hover{color:var(--txt);transform:translateY(-1px)}.navlink.on{color:var(--txt);border-color:var(--accent);background:#4aa3ff1f;background:color-mix(in srgb, var(--accent) 12%, transparent)}.navlink:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.iconbtn{background:var(--panel);border:1px solid var(--line);color:var(--txt-dim);border-radius:10px;padding:6px 10px;font-size:14px;line-height:1.1}.iconbtn:hover{border-color:var(--accent);color:var(--txt)}@media (max-width:480px){:root{--appbar-h:0px}.appbar-in{gap:8px}.brandtxt{display:none}.navlink{padding:6px 10px;font-size:12.5px}}.title-wrap{min-height:calc(100% - var(--appbar-h) - 1px);align-items:center;gap:18px;padding:24px clamp(16px,5vw,64px);display:flex}.info-card{background:var(--panel);background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;align-self:center;gap:10px;width:min(340px,100%);padding:16px;display:flex}.info-card.off{display:none}.ti-head b{font-size:19px;font-style:italic;display:block}.ti-head span{color:var(--txt-dim);font-size:12.5px}#tiMap{aspect-ratio:1;border:1px solid var(--line2);background:#1d4f73;border-radius:12px;width:100%}.ti-meta{color:var(--txt-dim);font-variant-numeric:tabular-nums;font-size:13px}.ti-haz{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.tih{align-items:center;gap:7px;font-size:13px;font-weight:600;line-height:1.15;display:flex}.tih .spr,.tih .emo{vertical-align:0;flex:none;width:34px;height:34px;margin:0}.btn.ti-mobile{margin-top:4px;display:none}@media (max-width:880px),(max-height:540px) and (orientation:landscape){.info-card{display:none!important}#menu-track .btn.ti-mobile{display:block}}.title-card{background:var(--panel);background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(470px,100%);padding:22px 22px 16px}.kicker{letter-spacing:2px;text-transform:uppercase;color:var(--txt-dim);font-size:12px;font-weight:700}.logo{margin:4px 0 12px;line-height:0}.phase{color:var(--warn);background:#ffb34724;border:1px solid #ffb34759;border-radius:8px;margin-bottom:14px;padding:5px 10px;font-size:12.5px;font-weight:700;display:inline-block}.btn{border:1px solid var(--line2);background:var(--panel2);border-radius:12px;width:100%;padding:11px 14px;font-size:15px;font-weight:700;transition:transform .1s,border-color .15s,background .15s;display:block}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;text-shadow:0 1px #00000040;background:linear-gradient(#4aa3ff,#1f62c8);border-color:#1f62c8}.btn.big{letter-spacing:.5px;padding:14px;font-size:20px;font-style:italic}.row{gap:10px;margin-top:10px;display:flex}.row .btn{flex:1}.ctrl-card{width:min(420px,100%);color:var(--txt-dim);background:var(--panel);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-self:center;padding:16px 18px;font-size:13px}.ctrl-card.off{display:none}.ctrl-head{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.ctrl-head b{color:var(--txt);font-size:19px;font-style:italic}.ctrl-x{color:var(--txt-dim);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:22px;line-height:1}.ctrl-x:hover{color:var(--txt)}@media (max-width:880px){.ctrl-card{z-index:40;width:min(460px,100vw - 24px);max-height:calc(100vh - 24px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 18px 50px #0000008c}}.linkbtn[aria-expanded=true]{color:var(--txt)}.tutor{z-index:30;left:50%;top:calc(118px + var(--safe-t,0px));border:1px solid var(--line2);color:#eef3f8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0a121ad1;border-radius:14px;width:min(560px,100vw - 32px);padding:12px 16px;transition:border-color .2s,box-shadow .2s;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.tutor.off{display:none}.tutor-head{letter-spacing:1.4px;text-transform:uppercase;color:#8fd3ff;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:800;display:flex}.tutor-head .linkbtn{text-transform:none;letter-spacing:0;color:#b8c6d6;margin:0}.tutor>b{margin:3px 0 4px;font-size:19px;font-style:italic;display:block}.tutor p{margin:0;font-size:14.5px;line-height:1.45}.tutor kbd{text-align:center;background:#ffffff1a;border:1px solid #ffffff59;border-radius:5px;min-width:18px;padding:1px 6px;font:700 12.5px/1.4 Segoe UI,system-ui,sans-serif;display:inline-block}.tutor-note{color:#b8c6d6;min-height:1em;margin-top:6px!important;font-size:13.5px!important}.tutor.ok{border-color:#43d787;box-shadow:0 0 0 2px #43d78759,0 10px 30px #0006}.tutor.ok .tutor-note{color:#7dffb0;font-weight:700}.tutor.finished .tutor-head .linkbtn{display:none}.tutor-end{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tutor-end .btn{flex:1;min-width:140px;padding:9px 10px;font-size:14px}.tutor-end.off{display:none}@media (max-height:540px) and (orientation:landscape){.tutor{top:calc(78px + var(--safe-t,0px));width:min(470px,100vw - 280px);padding:8px 12px}.tutor>b{font-size:16px}.tutor p{font-size:13px}}#newbie{z-index:700}.newbie-card{text-align:center;width:min(440px,100%)}.newbie-card p{margin:2px 0 6px;line-height:1.5}.online-btn small{opacity:.7;margin-left:4px;font-weight:600}.net-head{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.net-head b{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);font-size:13px}.net-head .linkbtn{margin-top:0}.net-table .tb{color:var(--txt-dim);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.lobby-arena .track[disabled]{opacity:1;cursor:default}.lobby-arena.scroll{max-height:244px;margin-bottom:0;padding-right:4px;overflow-y:auto}.lobby-mode{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lobby-mode .cls b{font-size:16px}.lobby-mode.off,.lobby-cls.off{display:none}.lobby-rule{color:var(--txt-dim);letter-spacing:.2px;margin:0;font-size:13px;font-weight:700}.lobby-players{gap:4px;display:grid}.lobby-p{border:1px solid var(--line);background:var(--panel2);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;display:grid}.lobby-p b{letter-spacing:.3px;font-weight:800}.lobby-p .ship{color:var(--txt-dim);font-size:12.5px}.lobby-p .st{color:var(--txt-dim);text-align:right;min-width:74px;font-size:12px}.lobby-p.ready .st{color:var(--good,#43d787);font-weight:700}.lobby-p.empty{opacity:.45;border-style:dashed}#btnLobbyGo:disabled{opacity:.55;cursor:default}#options .options-card{width:min(860px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.opt-cols{grid-template-columns:1fr 1fr;align-items:start;gap:0 28px;display:grid}.opt-grp{flex-direction:column;display:flex}.opt-grp h3{letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin:14px 0 2px;font-size:11.5px;font-weight:800}.opt-col>.opt-grp:first-child h3{margin-top:4px}.opt-grp p.small{margin:4px 0 2px}.opt-btns{margin-top:6px}.opt-btns .btn{padding:9px 10px;font-size:13.5px}@media (max-width:760px){.opt-cols{grid-template-columns:1fr}.opt-col+.opt-col>.opt-grp:first-child h3{margin-top:14px}}.controls table{border-collapse:collapse;border-collapse:collapse;margin-top:8px}.controls th{text-align:left;vertical-align:top;color:var(--txt);white-space:nowrap;padding:4px 10px 4px 0}.controls td{padding:4px 0;line-height:1.7}.tip{margin:8px 0 2px;line-height:1.45}.c1{color:var(--c1);font-weight:700}.c2{color:var(--c2);font-weight:700}.c3{color:var(--c3);font-weight:700}.best{color:var(--txt-dim);margin-top:12px;font-size:13.5px}.best b{color:var(--txt);font-variant-numeric:tabular-nums}footer{color:var(--txt-dim2);margin-top:12px;font-size:11px;line-height:1.45}.menu-card{flex-direction:column;gap:9px;width:min(380px,100%);padding:20px;display:flex}.menu-card h2{margin:0 0 2px;font-style:italic}.menu-card textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line2);background:var(--panel2);width:100%;min-height:74px;color:var(--txt);word-break:break-all;border-radius:10px;padding:8px 10px;font:12px/1.35 ui-monospace,Consolas,monospace}.menu-card textarea:focus{outline:2px solid var(--accent);outline-offset:1px}#trNote.bad{color:#ff8a7a}#trNote.good{color:#7fe08a}.muted{color:var(--txt-dim);margin:0 0 6px;font-size:13.5px;line-height:1.4}.small{font-size:12px}.opt{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:7px 2px;font-size:14.5px;font-weight:600;display:flex}.opt small{color:var(--txt-dim);font-size:12px;font-weight:400;display:block}.opt input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.opt.range,.opt.sel{justify-content:space-between}.opt input[type=range]{width:55%;accent-color:var(--accent)}.opt select{background:var(--panel2);color:var(--txt);border:1px solid var(--line2);font:inherit;border-radius:8px;padding:5px 8px}.lil-gui.root{max-height:92vh;overflow-y:auto;z-index:700!important}.hud-lap .secname{opacity:.9;letter-spacing:.3px;margin:-2px 0 2px;font-size:12.5px;font-weight:700}.hud-lap .secname:empty{display:none}#minimap{border-radius:18px}.tracks{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.track{text-align:left;border:1px solid var(--line2);background:var(--panel2);border-radius:12px;align-items:center;gap:10px;width:100%;padding:6px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.track:hover{border-color:var(--accent)}.track.on{border-color:var(--accent);background:#4aa3ff24;background:color-mix(in srgb, var(--accent) 14%, var(--panel2))}.track .tn{font-size:15px;font-weight:800}.track .ts{color:var(--txt-dim);font-size:12px}.track .tb{text-align:right;color:var(--txt-dim);white-space:nowrap;margin-left:auto;font-size:11.5px}.track .tb b{color:var(--txt);font-variant-numeric:tabular-nums;font-size:14px;display:block}.track .badge{color:var(--warn);vertical-align:1px;background:#ffb3472e;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-weight:800}.thread-card{width:min(560px,100%);max-height:calc(100vh - 32px);padding:16px;overflow-y:auto}.thread-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.thread-head .pin{font-size:22px}.thread-title{font-size:16px;font-weight:800}.thread-meta{color:var(--txt-dim);font-size:12px}.rival-note{background:#ff6b5a14;border:1px solid #ff6b5a73;border-radius:12px;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;padding:8px 12px;font-size:13.5px;display:grid}.rival-note.off{display:none}.rival-note .u{color:#ff9a8a;font-weight:800}.rival-note .duel{color:var(--txt-dim);letter-spacing:.3px;grid-column:1/-1;font-size:12px;font-weight:700}.thread-posts{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.thread-card>.row{background:var(--panel);border-top:1px solid var(--line);z-index:2;margin:0 -16px -16px;padding:10px 16px 16px;position:sticky;bottom:-16px}.tpost{border:1px solid var(--line);background:var(--panel2);border-radius:12px;gap:10px;padding:10px;animation:.4s both post-in;display:flex}.tpost .av{color:#0b1018;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.tpost .u{font-size:13px;font-weight:700}.tpost .u .meta{color:var(--txt-dim);margin-left:6px;font-size:11px;font-weight:400}.tpost .t{margin-top:2px;font-size:14px;line-height:1.4}.tpost .big{color:var(--hope);font-variant-numeric:tabular-nums;margin-top:2px;font:italic 900 28px/1.1 Segoe UI,system-ui,sans-serif}.tpost .likes{color:var(--txt-dim);margin-top:4px;font-size:12px}.tpost.pinned{border-color:var(--hope)}#editor{z-index:650;touch-action:none;background:#0b1622;position:fixed;inset:0}#edCanvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.ed-bar{color:#e6edf6;background:#0a121ed9;border:1px solid #ffffff26;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:10px;left:10px;right:10px}.ed-bar .btn{width:auto;padding:7px 12px;font-size:13px}.ed-bar .ed-sp{flex:1}.ed-help{color:#c7d3e0;background:#0a121ed1;border:1px solid #ffffff1f;border-radius:12px;max-width:460px;padding:9px 12px;font-size:12px;line-height:1.55;position:absolute;bottom:10px;left:10px}.ed-help kbd{color:#e6edf6;background:#1c2735;border-color:#33465f}.ed-status{color:#c7d3e0;white-space:pre;background:#0a121ed1;border:1px solid #ffffff1f;border-radius:12px;padding:8px 12px;font:600 12px/1.5 ui-monospace,Consolas,monospace;position:absolute;bottom:10px;right:10px}.hud-place{left:calc(14px + var(--safe-l));top:calc(10px + var(--safe-t));letter-spacing:-1px;-webkit-text-stroke:1.5px #00000040;align-items:baseline;gap:2px;font:italic 900 58px/1 Segoe UI,system-ui,sans-serif;display:flex;position:absolute}.hud-place span{opacity:.85;font-size:22px}.hud-place.p1 b{color:#ffe27a;text-shadow:0 0 18px #ffb300,0 3px #8a5a00}.hud-place.p2 b{color:#e9eef5;text-shadow:0 0 14px #9fb3c8,0 3px #4b5b6e}.hud-place.p3 b{color:#ffc08a;text-shadow:0 0 14px #d97a2b,0 3px #7a3f12}.hud-place.bump b{animation:.45s cubic-bezier(.2,1.6,.4,1) place-bump;display:inline-block}@keyframes place-bump{0%{transform:scale(1.6)}to{transform:none}}body.race-mp .hud-lap{left:calc(118px + var(--safe-l))}.standings{border-collapse:collapse;width:100%;margin:2px 0 12px;font-size:13.5px}.standings td{border-bottom:1px solid var(--line);padding:5px 6px}.standings td.pl{text-align:right;width:30px;font-style:italic;font-weight:900}.standings td.sw{width:14px}.standings td.sw i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;display:inline-block}.standings td.tm{text-align:right;font-variant-numeric:tabular-nums;color:var(--txt-dim)}.standings tr.me td{color:var(--txt);background:#ffd1661f;font-weight:800}.standings tr.me td.tm{color:var(--hope)}.item-slot{left:50%;top:calc(10px + var(--safe-t));width:84px;height:84px;text-shadow:none;background:#0a121e8c;border:3px solid #ffffffbf;border-radius:18px;place-items:center;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 0 0 3px #0a121e59,0 6px 18px #00000059}.item-slot.empty{opacity:.55;border-style:dashed}.item-slot .ico{filter:drop-shadow(0 2px 2px #0006);font-size:46px;line-height:1}.item-slot .cnt{color:#0b1018;text-align:center;background:#ffd23f;border-radius:13px;min-width:26px;height:26px;font:900 14px/26px Segoe UI,sans-serif;position:absolute;top:-8px;right:-8px}.item-slot .cnt:empty{display:none}.item-slot .nm{white-space:nowrap;text-shadow:0 1px 2px #0009;font-size:12px;font-weight:700;position:absolute;top:90px;left:50%;transform:translate(-50%)}.item-slot.spin{border-color:#ffd23f;animation:.12s linear infinite slot-spin}@keyframes slot-spin{50%{transform:translate(-50%)scale(1.06)}}.item-slot.ready{border-color:#ffd23f;animation:1s ease-in-out infinite slot-ready;box-shadow:0 0 22px #ffd23fbf,0 0 0 3px #0a121e59}@keyframes slot-ready{50%{box-shadow:0 0 34px #ffd23ff2,0 0 0 3px #0a121e59}}.hud-btn{left:auto;right:calc(200px + var(--safe-r));transform:none}#warn{white-space:nowrap;background:#c0262be6;border-radius:12px;padding:10px 22px;font:italic 900 clamp(18px,3vw,30px)/1.1 Segoe UI,system-ui,sans-serif;animation:.5s steps(2,end) infinite blink;position:absolute;top:23%;left:50%;transform:translate(-50%)}#flash{pointer-events:none;opacity:0;z-index:5;background:#fff8d0;position:fixed;inset:0}#replay{z-index:640;pointer-events:none;position:fixed;inset:0}#replay.off{display:none}#replay .rp-tag{top:calc(16px + var(--safe-t));left:calc(18px + var(--safe-l));letter-spacing:2px;color:#fff;text-shadow:0 2px 8px #0009;font:italic 900 22px/1 Segoe UI,system-ui,sans-serif;position:absolute}#replay .rp-tag:before{content:"";vertical-align:2px;background:#ff4a3a;border-radius:50%;width:12px;height:12px;margin-right:10px;animation:1.2s steps(2,end) infinite rp-rec;display:inline-block}@keyframes rp-rec{50%{opacity:.2}}#replay .rp-bar{pointer-events:auto;left:50%;bottom:calc(18px + var(--safe-b));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a1299;border-radius:14px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px;display:flex;position:absolute;transform:translate(-50%)}#replay .rp-bar .btn{white-space:nowrap;width:auto;padding:9px 12px}#replay .rp-time{color:#fff;font-variant-numeric:tabular-nums;text-align:center;flex-direction:column;gap:4px;min-width:110px;font-size:12.5px;display:flex}#replay .rp-time i{background:#fff3;border-radius:2px;height:4px;display:block;overflow:hidden}#replay .rp-time b{background:#ffd23f;width:0;height:100%;display:block}#photo{z-index:650;touch-action:none;cursor:grab;position:fixed;inset:0}#photo:active{cursor:grabbing}#photo.off{display:none}#photo .ph-hint{top:calc(14px + var(--safe-t));color:#fff;white-space:nowrap;background:#050a128c;border-radius:10px;padding:6px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}#photo .ph-bar{left:50%;bottom:calc(18px + var(--safe-b));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a1299;border-radius:14px;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}#photo .ph-bar .btn{white-space:nowrap;width:auto}#photo.bare .ph-hint,#photo.bare .ph-bar .btn:not(#btnPhotoHud){display:none}#photo.bare .ph-bar{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.35;background:0 0}#photo.flash:after{content:"";pointer-events:none;background:#fff;animation:.35s ease-out forwards ph-flash;position:absolute;inset:0}@keyframes ph-flash{0%{opacity:.8}to{opacity:0}}#intro{z-index:40;pointer-events:auto;cursor:pointer;position:fixed;inset:0}#intro.off{display:none}#intro .bar{background:#000;height:9vh;transition:transform .5s;position:absolute;left:0;right:0}#intro .bar.top{top:0}#intro .bar.bot{bottom:0}#intro.out .bar.top{transform:translateY(-100%)}#intro.out .bar.bot{transform:translateY(100%)}#intro .cap{left:calc(5vw + var(--safe-l));color:#fff;text-shadow:0 2px 10px #0009;animation:1s .3s both intro-cap;position:absolute;bottom:calc(9vh + 22px)}#intro .cap b{letter-spacing:.5px;font:italic 900 clamp(26px,4.4vw,54px)/1 Segoe UI,system-ui,sans-serif;display:block}#intro .cap em{color:#14181f;letter-spacing:1.2px;text-transform:uppercase;text-shadow:none;background:#ffd23feb;border-radius:6px;margin-bottom:8px;padding:4px 10px;font:800 12.5px/1.2 Segoe UI,system-ui,sans-serif;display:inline-block}#intro .cap em:empty{display:none}#intro .cap em.new{animation:.45s both intro-spot}@keyframes intro-spot{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}#intro .cap span{opacity:.85;margin-top:6px;font-size:clamp(13px,1.5vw,17px);display:block}#intro.out .cap{opacity:0;transition:opacity .4s}#intro .skip{right:calc(4vw + var(--safe-r));color:#fff9;letter-spacing:.4px;font-size:12.5px;position:absolute;bottom:calc(4.5vh - 8px)}#intro .fade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}#intro .fade.cut{animation:.45s ease-out intro-cut}@keyframes intro-cut{0%{opacity:.9}to{opacity:0}}@keyframes intro-cap{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#lens{pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}#flash.bolt{background:#eef4ff;animation:.5s ease-out bolt}@keyframes bolt{0%{opacity:.75}12%{opacity:.08}26%{opacity:.55}40%{opacity:.05}55%{opacity:.3}to{opacity:0}}#flash.on{animation:.7s ease-out flash}@keyframes flash{0%{opacity:.95}20%{opacity:.3}30%{opacity:.8}to{opacity:0}}.btn-horn.has-item{background:#ffd23f66;border-color:#ffd23f;box-shadow:0 0 18px #ffd23f99}.hud-tide{right:calc(14px + var(--safe-r));top:calc(188px + var(--safe-t));text-align:center;letter-spacing:.04em;color:#cfe8ff;background:#081e3c8c;border:1px solid #ffffff2e;border-radius:10px;width:170px;padding:4px 6px;font:800 11px/1.2 Segoe UI,system-ui,sans-serif;transition:background .4s,color .4s;position:absolute}.hud-tide.low{color:#ffe2c8;background:#a03c1ebf}.hud-tide.high{color:#e6fbff;background:#146e96b3}.hud-tide.off{display:none}.mpage{flex-direction:column;gap:9px;display:flex}.mpage.off,#title.sub .controls,#title.sub footer,#title.sub .ctrl-card{display:none}.logo img{filter:drop-shadow(0 8px 16px #00000059);width:min(100%,380px);height:auto;margin:0 auto;display:block}#title.sub .logo img{width:min(62%,230px);margin:-6px 0 0}.btn.big2{padding:12px;font-size:17px;font-style:italic}.btn.ghost{color:var(--txt-dim);background:0 0;border-color:#0000;font-size:13.5px;font-weight:600}.btn.ghost:hover{color:var(--txt);border-color:var(--line2)}.btn.off{display:none}.row .btn{padding-left:8px;padding-right:8px}.trophyline{color:var(--txt-dim);text-align:center;margin-top:4px;font-size:13px}.trophyline .tro{white-space:nowrap;margin:0 2px}.trophyline .tro i{opacity:.5;margin-left:1px;font-style:normal}.mhead{align-items:center;gap:10px;margin-bottom:2px;display:flex}.mhead b{font-size:18px;font-style:italic}.mhead span{color:var(--txt-dim);text-align:right;margin-left:auto;font-size:13px}.mhead .back{cursor:pointer;border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--panel2));height:34px;color:var(--txt);letter-spacing:.3px;border-radius:999px;flex:none;align-items:center;gap:3px;padding:0 13px 0 8px;font:700 13.5px/1 Segoe UI,system-ui,sans-serif;transition:background .15s,color .15s,transform .1s;display:inline-flex}.mhead .back svg{flex:none}.mhead .back,.mhead .back span{color:#fff}.mhead .back span{font-size:inherit;text-align:left;margin:0}html[data-theme=light] .mhead .back,html[data-theme=light] .mhead .back span{color:var(--txt)}.mhead .back:hover,.mhead .back:hover span,.mhead .back:focus-visible,.mhead .back:focus-visible span{color:#fff}.mhead .back:hover,.mhead .back:focus-visible{background:var(--accent);color:#fff}.mhead .back:active{transform:scale(.96)}@media (max-width:380px){.mhead .back span{display:none}.mhead .back{padding:0 9px}}.track.locked{opacity:.5;cursor:not-allowed}.track.locked:hover{border-color:var(--line2)}.track .medals{letter-spacing:1px;font-size:13px}.ships{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.ship-tile{border:1px solid var(--line2);background:var(--panel2);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:7px 4px 6px;font-size:10.5px;font-weight:800;line-height:1.15;transition:border-color .15s,background .15s;display:flex}.ship-tile:hover{border-color:var(--accent)}.ship-tile.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--panel2))}.ship-tile.locked{opacity:.45;cursor:not-allowed}.ship-tile .sw{border-radius:5px 5px 9px 9px;width:54px;height:22px;box-shadow:inset 0 -2px #00000040}.shipstats{border:1px solid var(--line);border-radius:12px;gap:4px;padding:8px 10px;display:grid}.stat-head{color:var(--txt-dim);margin-bottom:2px;font-size:13px}.stat-head b{color:var(--txt);font-style:italic}.stat{color:var(--txt-dim);grid-template-columns:104px 1fr 44px;align-items:center;gap:8px;font-size:12px;display:grid}.stat i{background:var(--line);border-radius:4px;height:7px;overflow:hidden}.stat i b{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:4px;height:100%;display:block}.stat em{text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.classes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cls{border:1px solid var(--line2);background:var(--panel2);color:var(--txt-dim);border-radius:10px;padding:7px 4px;font-size:10.5px;line-height:1.2}.cls b{color:var(--txt);font-size:15px;font-style:italic;display:block}.cls.on{border-color:var(--hope);background:color-mix(in srgb, var(--hope) 14%, var(--panel2))}.cls.locked{opacity:.45;cursor:not-allowed}.map-card{flex-direction:column;gap:10px;width:min(860px,100%);max-height:calc(100vh - 32px);padding:16px;display:flex;overflow-y:auto}.map-head h2{margin:2px 0;font-style:italic}.map-head .muted{margin:0}.mapwrap{aspect-ratio:1000/520;border:1px solid var(--line);background:#071523;border-radius:12px;flex:none;width:100%;position:relative;overflow:hidden}html[data-theme=light] .mapwrap{background:#bcd6e9}.seamap{width:100%;height:100%;display:block;position:absolute;inset:0}.seamap .sea{fill:#0a1e31}html[data-theme=light] .seamap .sea{fill:#c4dcee}.seamap{--k:1}.seamap .land{fill:#233445;stroke:#33495f;stroke-width:calc(1.1px * var(--k));stroke-linejoin:round}html[data-theme=light] .seamap .land{fill:#c9d2da;stroke:#9dabb8}.seamap .inland{fill:#0c1f33}html[data-theme=light] .seamap .inland{fill:#a9c9e2}.seamap .sea-lbl{font:italic 400 calc(13px * var(--k)) "Segoe UI", sans-serif;fill:#96c3eb5c;letter-spacing:1px}.seamap .route-dash{fill:none;stroke:#ffffff42;stroke-width:calc(2px * var(--k));stroke-dasharray:calc(6px * var(--k)) calc(8px * var(--k));stroke-linecap:round;stroke-linejoin:round}html[data-theme=light] .seamap .route-dash{stroke:#14325059}.seamap .route-done{fill:none;stroke:var(--accent);stroke-width:calc(3.4px * var(--k));stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #4aa3ff99)}.seamap .port-dot{fill:#0b1018;stroke:var(--accent2);stroke-width:calc(2.2px * var(--k))}.seamap .port-dot.done{fill:var(--accent2)}.seamap .port-dot.next{fill:var(--hope);stroke:#fff}.seamap .port-ring{fill:none;stroke:var(--hope);stroke-width:calc(2.4px * var(--k));transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite ring}@keyframes ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.seamap .port-lbl{font:600 calc(15px * var(--k)) "Segoe UI", sans-serif;fill:#dbe9f8;paint-order:stroke;stroke:#040c14cc;stroke-width:calc(3px * var(--k));stroke-linejoin:round}.seamap .port-lbl.next{fill:var(--hope);font-weight:800}html[data-theme=light] .seamap .port-lbl{fill:#14293c;stroke:#ffffffd9}.seamap .map-ship .bob{animation:2.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-1.5px)rotate(-1.5deg)}}.map-foot{flex-direction:column;gap:8px;display:flex}.eta{color:var(--txt-dim);text-align:center;font-size:14px}.eta b{color:var(--hope);font-size:16px}.eta .wob{color:var(--bad);margin-left:6px;font-weight:800}.eta .wob.good{color:var(--good)}.standings td.pt{text-align:right;color:var(--good);font-variant-numeric:tabular-nums;width:44px;font-weight:800}.standings td.tot{text-align:right;font-variant-numeric:tabular-nums;width:46px;font-weight:900}.cere-card{text-align:center;z-index:2;flex-direction:column;gap:8px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:18px;display:flex;position:relative;overflow-y:auto}.cere-title{background:linear-gradient(#ffe08a,#ff9a2e);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,6vw,44px);font-style:italic;font-weight:900}.podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;margin:6px 0;display:grid}.podium .pod{flex-direction:column;align-items:center;gap:4px;display:flex}.podium .pod .nm{font-size:12px;font-weight:800;line-height:1.2}.podium .pod .blk{color:#0b1018;border-radius:10px 10px 4px 4px;place-items:center;width:100%;font-size:26px;font-style:italic;font-weight:900;display:grid}.podium .p1 .blk{background:linear-gradient(#ffe08a,#f2b630);height:96px}.podium .p2 .blk{background:linear-gradient(#eef2f7,#b8c2cf);height:72px}.podium .p3 .blk{background:linear-gradient(#f3c39a,#c8814a);height:54px}.podium .pod.me .nm{color:var(--hope)}.podium .sw{border-radius:4px 4px 8px 8px;width:46px;height:18px}.unlocks{flex-direction:column;gap:6px;display:flex}.unlocks .ul{border:1px solid var(--hope);background:color-mix(in srgb, var(--hope) 12%, var(--panel2));border-radius:10px;padding:8px 10px;font-size:14px;font-weight:800}.confetti{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.ach-card{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.achlist{gap:6px;display:grid}.ach{border:1px solid var(--line);background:var(--panel2);border-radius:10px;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:7px 9px;display:grid}.ach .ai{text-align:center;font-size:22px}.ach b{font-size:14px;display:block}.ach small{color:var(--txt-dim);font-size:12px}.ach.lock{opacity:.45;filter:grayscale()}.stamp-card{text-align:center;flex-direction:column;gap:10px;width:min(560px,100%);padding:18px;display:flex}.stamp-card h2{margin:0;font-style:italic}.stamp-card.thump{animation:.16s ease-out thump}@keyframes thump{30%{transform:translateY(3px)scale(.995)}}.stamp-form{text-align:left;grid-template-columns:1fr 1fr;gap:6px;display:grid}.stamp-form .sf{border:1px dashed var(--line2);height:40px;color:var(--txt-dim);background:var(--panel2);border-radius:8px;padding:4px 8px;font-size:11.5px;position:relative;overflow:hidden}.stamp-form .sf i{color:#d6262b;opacity:0;letter-spacing:1px;border:2px solid #d6262b;border-radius:4px;padding:2px 6px;font:italic 900 15px/1 Segoe UI,sans-serif;position:absolute;top:8px;right:8px}.stamp-form .sf.on i{opacity:.92;animation:.14s ease-out stampin}@keyframes stampin{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}}.beamter{color:var(--txt-dim);min-height:18px;font-size:13px;font-style:italic}.stamp-meta{color:var(--txt-dim);font-size:12px}.stamp-result{color:var(--good);min-height:22px;font-size:18px;font-style:italic;font-weight:900}#stampBtn.done{opacity:.5;pointer-events:none}.row.tight{margin-top:0}.row.three{gap:8px}.row.three .btn.big2{white-space:nowrap;text-overflow:ellipsis;padding:12px 6px 12px 10px;font-size:15px;overflow:hidden}.opt.daytime{border-bottom:0;padding:2px}.opt.shipname{border-bottom:0;justify-content:space-between;padding:2px}.opt.shipname input{border:1px solid var(--line2);background:var(--panel2);width:52%;min-width:0;color:var(--txt);letter-spacing:.6px;text-transform:uppercase;border-radius:9px;padding:7px 10px;font:700 14px/1.1 Segoe UI,system-ui,sans-serif}.opt.shipname input:focus{outline:2px solid var(--accent);outline-offset:1px}.opt.shipname input::placeholder{color:var(--txt-dim2);letter-spacing:.3px;font-weight:600}.opt.mirror{border-bottom:0;padding:2px}.opt.mirror.off{display:none}.linkbtn{color:var(--txt-dim);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:2px;font-size:12px;text-decoration:underline}.linkbtn:hover{color:var(--txt)}.linkrow{gap:14px;display:flex}.jb-card{width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.jblist{flex-direction:column;gap:6px;margin:2px 0 6px;display:flex}.jbitem{text-align:left;border:1px solid var(--line2);background:var(--panel2);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:10px;width:100%;padding:8px 12px;display:grid}.jbitem:hover{border-color:var(--accent)}.jbitem.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--panel2))}.jbitem .jbn{font-size:14.5px;font-weight:800}.jbitem .jbs{color:var(--txt-dim);grid-row:2;font-size:12px}.jbitem .jbt{font-variant-numeric:tabular-nums;color:var(--txt-dim);grid-area:1/2/span 2;align-self:center;font-size:12.5px}.jbitem.on .jbt{color:var(--txt)}.jbitem .jbp{cursor:pointer;grid-column:1/-1;height:14px;margin:4px 0 -4px;display:none;position:relative}.jbitem.on .jbp{display:block}.jbitem .jbp:before{content:"";background:var(--line2);border-radius:2px;height:4px;position:absolute;top:5px;left:0;right:0}.jbitem .jbp i{background:var(--accent);border-radius:2px;width:0;height:4px;transition:width .25s linear;position:absolute;top:5px;left:0}.jbitem .jbp i:after{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;position:absolute;top:-3px;right:-5px}#title.sub .linkbtn{display:none}.credits-card{width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.credits{grid-template-columns:auto 1fr;gap:6px 12px;margin:4px 0 8px;font-size:13.5px;display:grid}.credits dt{color:var(--txt-dim)}.credits dd{margin:0;font-weight:600}:root{--ui:1}#hud,#flash{zoom:var(--ui)}.screen{zoom:var(--zs,var(--ui));scrollbar-gutter:stable}.spr{vertical-align:-.3em;background-repeat:no-repeat;width:1.3em;height:1.3em;display:inline-block}.emo{line-height:1;display:inline-block}.btn .spr,.btn .emo{margin-right:.25em}.item-slot .ico .spr{width:1.1em;height:1.1em;display:block}.btn-horn .spr{width:46px;height:46px;margin:0}.pausebars{vertical-align:-2px;border-left:4px solid;border-right:4px solid;width:12px;height:14px;display:inline-block}.thread-head .pin .spr{width:30px;height:30px}.ach .ai .spr{width:40px;height:40px}.trophyline .spr{vertical-align:-.6em;width:1.7em;height:1.7em}.track .medals .spr{vertical-align:-.45em;width:1.45em;height:1.45em}:is(.btn:has(>.bi),.track:has(>.ico)){isolation:isolate;position:relative;overflow:hidden}.btn:has(>.bi){padding-left:2.2em;padding-right:1.2em}.btn>.bi,.track>.ico{aspect-ratio:1;z-index:-1;pointer-events:none;transform-origin:50%;opacity:.62;height:100%;position:absolute;top:0;left:0;transform:translate(-24%)rotate(-9deg)scale(1.22);-webkit-mask-image:linear-gradient(90deg,#000 35%,#00000059 75%,#0000 100%);mask-image:linear-gradient(90deg,#000 35%,#00000059 75%,#0000 100%)}.btn.primary>.bi{opacity:.72}.btn>.bi>.spr,.track>.ico>.spr{vertical-align:0;width:100%;height:100%;margin:0;display:block}.btn>.bi>.emo,.track>.ico>.emo{place-items:center;width:100%;height:100%;font-size:1.6em;display:grid}.track:has(>.ico){min-height:48px;padding-left:54px}.track>.ico{opacity:.55}.track.on>.ico,.track:hover>.ico{opacity:.8}.track.locked>.ico{opacity:.4}@media (max-height:540px) and (orientation:landscape){:root{--appbar-h:0px}.navlink{padding:4px 9px;font-size:12.5px}.iconbtn{padding:4px 8px}.title-wrap{padding:8px calc(clamp(12px, 3vw, 28px) + env(safe-area-inset-right)) 8px calc(clamp(12px, 3vw, 28px) + env(safe-area-inset-left));gap:12px}.title-card{align-items:center;gap:16px;width:min(780px,100%);padding:12px 14px 10px;display:flex}.title-card>.logo{flex:0 0 38%;margin:0}.title-card>.logo img{width:100%}.title-main{flex:1;min-width:0}#title.sub .title-card{width:min(560px,100%);display:block}#title.sub .title-card>.logo{display:none}.btn.big{padding:11px;font-size:18px}.row{margin-top:8px}.controls{margin-top:8px;padding:6px 10px}footer{margin-top:8px;font-size:10.5px;line-height:1.35}.screen.dim{padding:8px calc(8px + env(safe-area-inset-right)) 8px calc(8px + env(safe-area-inset-left))}body.touch #ticker{top:calc(84px + var(--safe-t));opacity:.9;width:min(300px,36vw)}body.touch #ticker .post:nth-child(n+2){display:none}#title.sub .title-card{width:min(780px,100%)}#title.sub .tracks{grid-template-columns:1fr 1fr;gap:5px 8px;display:grid}#menu-ship:not(.off){grid-template-columns:1fr 1fr;align-items:start;gap:8px 12px;display:grid}#menu-ship>:not(.ships,.shipstats){grid-column:1/-1}#menu-ship>.classes,#menu-ship>p,#menu-ship>.mirror{margin:0}#btnStart,#btnTrackGoMobile{z-index:3;position:sticky;bottom:6px;box-shadow:0 6px 18px #00000073}.menu-card{gap:7px;padding:14px}#pause .menu-card{grid-template-columns:1fr 1fr;gap:7px 10px;width:min(560px,100%);display:grid}#pause .menu-card>h2,#pause .menu-card>p,#pause #btnResume{grid-column:1/-1}}