:root{--bg0:#07080a;--panel:#0d0f13cc;--panel-2:#16191fdb;--line:#ffffff17;--line-2:#ffffff2e;--text:#eef1f5;--muted:#8b95a3;--dim:#5b6472;--red:#e8112d;--red-2:#ff3348;--amber:#ffb000;--cyan:#29c5ff;--violet:#a46bff;--green:#2fe08f;--bad:#ff4d5a;--display:"Saira Condensed", "Noto Sans KR", system-ui, sans-serif;--body:"Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;--skew:-12deg;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{background:var(--bg0);height:100%;color:var(--text);font-family:var(--body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#ui .layer{position:absolute;inset:0}#ui .interactive,#ui button,#ui input,#ui select,#ui a,#ui [data-action]{pointer-events:auto}button{font-family:var(--display)}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:800}.cap{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:12px;font-weight:700}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--line);border-radius:4px;box-shadow:0 24px 70px #00000080}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.panel-head h2{text-transform:uppercase;font-size:26px;font-style:italic}.panel-head .bar{background:var(--red);width:4px;height:22px;transform:skewX(var(--skew))}.btn{appearance:none;border:1px solid var(--line-2);color:var(--text);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transform:skewX(var(--skew));transition:background .18s var(--ease), border-color .18s, transform .18s var(--ease);background:#ffffff0a;border-radius:2px;padding:11px 24px;font-size:17px;font-weight:700;position:relative}.btn>span{transform:skewX(calc(-1 * var(--skew)));display:inline-block}.btn:hover,.btn.focus{background:#ffffff1a;border-color:#fff6}.btn:active{transform:skewX(var(--skew)) translateY(1px)}.btn.primary{background:var(--red);border-color:var(--red)}.btn.primary:hover,.btn.primary.focus{background:var(--red-2);border-color:var(--red-2);box-shadow:0 0 24px #e8112d73}.btn.small{padding:7px 14px;font-size:13px}.btn[disabled]{opacity:.4;cursor:not-allowed}.chip{border:1px solid var(--line-2);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:2px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip.red{color:#fff;background:var(--red);border-color:var(--red)}.seg{gap:3px;display:flex}.seg i{height:6px;transform:skewX(var(--skew));background:#ffffff1a;flex:1}.seg i.on{background:var(--text)}.seg.red i.on{background:var(--red)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.screen{padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));pointer-events:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.screen>*{margin:auto 0}.shade{background:linear-gradient(90deg,#07080aeb 0%,#07080a8c 45%,#07080a40 100%)}.shade-full{background:radial-gradient(at 60% 40%,#07080a59,#07080ad9)}.fade-in{animation:fadeIn .45s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.title{background:linear-gradient(#07080a1a 0%,#07080a40 45%,#07080aeb 100%);flex-direction:column;justify-content:flex-end;padding:0 7vw 9vh;display:flex;position:absolute;inset:0}.logo{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-shadow:0 10px 40px #00000080;font-size:clamp(52px,min(12vw,21vh),168px);font-style:italic;font-weight:900;line-height:.82}.logo b{color:var(--red);font-weight:900}.logo-rule{background:linear-gradient(90deg, var(--red) 0 30%, #ffffffd9 30% 31%, transparent 31% 33%, #ffffff40 33%);width:min(560px,70vw);height:4px;transform:skewX(var(--skew));margin:18px 0 14px}.tagline{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:clamp(16px,1.8vw,22px);font-weight:600}.tagline-ko{color:var(--text);letter-spacing:.02em;margin-top:6px;font-size:15px}.press{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--text);cursor:pointer;align-items:center;gap:14px;margin-top:42px;font-size:15px;font-weight:700;animation:1.6s ease-in-out infinite blink;display:inline-flex}.press kbd{animation:none}.t-only{display:none}@media (pointer:coarse){.k-only{display:none}.t-only{display:inline}}.title-foot{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:24px;left:7vw;right:7vw}.menu{grid-template-columns:minmax(340px,560px) 1fr;display:grid;position:absolute;inset:0}.menu-left{flex-direction:column;gap:6px;padding:7vh 0 7vh 6vw;display:flex}.menu-brand{font-family:var(--display);text-transform:uppercase;margin-bottom:4vh;font-size:34px;font-style:italic;font-weight:900}.menu-brand b{color:var(--red)}.mitem{cursor:pointer;transition:all .22s var(--ease);animation:slideIn .5s var(--ease) both;border-left:3px solid #0000;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:12px 18px 12px 14px;display:grid;position:relative}.mitem:nth-child(2){animation-delay:40ms}.mitem:nth-child(3){animation-delay:80ms}.mitem:nth-child(4){animation-delay:.12s}.mitem:nth-child(5){animation-delay:.16s}.mitem .idx{font-family:var(--display);color:var(--red);letter-spacing:.1em;font-size:15px;font-weight:700}.mitem .t{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:#ffffffd1;font-size:clamp(30px,3.4vw,46px);font-style:italic;font-weight:800;line-height:1}.mitem .s{color:var(--muted);grid-column:2;margin-top:4px;font-size:13px}.mitem .tag{grid-area:1/3}.mitem:hover,.mitem.focus{border-left-color:var(--red);background:linear-gradient(90deg,#e8112d2e,#0000 80%);padding-left:22px}.mitem:hover .t,.mitem.focus .t{color:#fff}.menu-sub{flex-wrap:wrap;gap:22px;margin-top:3vh;padding-left:17px;display:flex}.link{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:1px solid #0000;padding:6px 0;font-size:14px;font-weight:700}.link:hover,.link.focus{color:#fff;border-bottom-color:var(--red)}.profile{cursor:pointer;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex;position:absolute;top:28px;right:32px}.profile .av{background:var(--red);width:34px;height:34px;transform:skewX(var(--skew));font-family:var(--display);place-items:center;font-weight:800;display:grid}.profile .n{font-family:var(--display);letter-spacing:.06em;font-size:16px;font-weight:700}.profile .l{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-family:var(--display)}.track-select{grid-template-columns:1.15fr 1fr;gap:18px;width:min(1220px,100%);display:grid}.blueprint{align-self:start;padding:18px}.blueprint svg{width:100%;height:auto;display:block}.bp-room{cursor:pointer}.bp-room rect{fill:#29c5ff0a;stroke:#a0dcff8c;stroke-width:1.4px;transition:fill .2s}.bp-room:hover rect,.bp-room.focus rect{fill:#e8112d29;stroke:#fff}.bp-room.sel rect{fill:#e8112d47;stroke:var(--red-2);stroke-width:2px}.bp-room.locked{cursor:not-allowed}.bp-room.locked rect{stroke:#a0dcff33;stroke-dasharray:4 4;fill:none}.bp-room text{font-family:var(--display);fill:#dceaf5;pointer-events:none;letter-spacing:.08em}.bp-room.locked text{fill:#dceaf559}.course-detail{flex-direction:column;gap:11px;padding:20px 22px;display:flex}.course-detail .seg{width:88px}.course-detail h1{text-transform:uppercase;font-size:clamp(34px,3.6vw,50px);font-style:italic;line-height:.95}.course-detail .ko{color:var(--muted);margin-top:-6px;font-size:15px}.track-shape{border:1px solid var(--line);background:#00000047;padding:10px}.track-shape svg{width:100%;height:clamp(96px,17vh,160px);display:block}.specs{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.specs>div{background:var(--panel-2);padding:8px 12px}.specs b{font-family:var(--display);margin-top:2px;font-size:22px;font-weight:700;display:block}.gimmicks{color:#cdd4dd;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.gimmicks li:before{content:"";background:var(--red);vertical-align:middle;width:8px;height:2px;margin-right:8px;display:inline-block}.pb{border:1px solid var(--line);background:#ffffff08;justify-content:space-between;align-items:baseline;padding:8px 14px;display:flex}.pb b{font-family:var(--display);font-size:26px;font-weight:700}.foot-row{justify-content:space-between;gap:12px;margin-top:auto;display:flex}.gp-setup{flex-direction:column;gap:18px;width:min(940px,100%);padding:24px;display:flex}.toggle{border:1px solid var(--line-2);transform:skewX(var(--skew));display:inline-flex}.toggle button{appearance:none;color:var(--muted);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:10px 22px;font-size:15px;font-weight:700}.toggle button>span{transform:skewX(calc(-1 * var(--skew)));display:inline-block}.toggle button.sel{background:var(--text);color:var(--bg0)}.toggle button.focus:not(.sel){color:#fff;background:#ffffff14}.rule-desc{color:#cdd4dd;font-size:14px;line-height:1.6}.cups{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cup{border:1px solid var(--line);cursor:pointer;transition:all .2s var(--ease);background:#ffffff08;padding:18px}.cup:hover,.cup.focus{border-color:#fff6}.cup.sel{border-color:var(--red);background:linear-gradient(135deg,#e8112d33,#ffffff05)}.cup.locked{opacity:.4;cursor:not-allowed}.cup h3{text-transform:uppercase;font-size:26px;font-style:italic}.cup ol{color:var(--muted);margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.7}.kart-select{grid-template-columns:minmax(280px,360px) 1fr minmax(300px,380px);gap:0;display:grid;position:absolute;inset:0}.ks-left{background:linear-gradient(90deg,#07080ae6,#0000);flex-direction:column;gap:4px;padding:4vh 0 4vh 3vw;display:flex}.ks-right{background:linear-gradient(270deg,#07080ae6,#0000);flex-direction:column;gap:10px;padding:4vh 3vw 3vh 0;display:flex}.kitem{cursor:pointer;transition:all .2s var(--ease);border:1px solid #0000;grid-template-columns:6px 1fr;gap:12px;padding:12px 14px;display:grid}.kitem .sw{width:6px;height:100%;transform:skewX(var(--skew))}.kitem b{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:#ffffffbf;font-size:24px;font-style:italic;font-weight:800}.kitem small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.kitem:hover,.kitem.focus{background:#ffffff0d}.kitem.sel{border-color:var(--line-2);background:#ffffff14}.kitem.sel b{color:#fff}.ks-center{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6vh;display:flex}.ks-name{font-family:var(--display);text-transform:uppercase;text-shadow:0 6px 30px #0009;font-size:clamp(40px,5vw,72px);font-style:italic;font-weight:900;line-height:.9}.ks-num{font-family:var(--display);color:var(--red);letter-spacing:.2em;font-size:14px;font-weight:800}.ks-right .panel-head{margin-bottom:10px;padding-bottom:8px}.ks-right .panel-head h2{font-size:20px}.stat{grid-template-columns:76px 1fr 22px;align-items:center;gap:10px;display:grid}.stat .cap{font-size:11px}.stat .v{font-family:var(--display);text-align:right;font-weight:700}.drivers{grid-template-columns:1fr 1fr;gap:6px;display:grid}.driver{border:1px solid var(--line);cursor:pointer;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:700;display:flex}.driver .hel{border:2px solid #ffffff40;border-radius:50% 50% 40% 40%;width:18px;height:18px}.driver:hover,.driver.focus{color:#fff}.driver.sel{color:#fff;border-color:var(--red);background:#e8112d1f}#hud{font-family:var(--display);position:absolute;inset:0}.hud-pos{text-shadow:0 4px 24px #0009;align-items:flex-start;gap:6px;display:flex;position:absolute;top:18px;left:26px}.hud-pos .p{font-size:92px;font-style:italic;font-weight:900;line-height:.8}.hud-pos .of{color:#fff9;margin-top:4px;font-size:26px;font-weight:700}.hud-lap{position:absolute;top:18px;left:26px}.hud-pos+.hud-lap{top:104px}.hud-lap .cap{font-size:11px}.hud-lap .v{text-shadow:0 3px 16px #0009;font-size:34px;font-style:italic;font-weight:800;line-height:1}.hud-lap .v small{color:#ffffff8c;font-size:20px}.hud-time{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:18px;right:26px}.timer{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:3px solid var(--red);text-align:right;transform:skewX(var(--skew));padding:6px 16px 6px 14px}.timer>div{transform:skewX(calc(-1 * var(--skew)))}.timer .cap{font-size:10px}.timer .t{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1}.laps{color:#ffffffbf;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #000000b3;font-size:14px;font-weight:600;line-height:1.55}.laps b{color:var(--muted);letter-spacing:.1em;margin-right:8px;font-weight:600}.delta{transform:skewX(var(--skew));opacity:0;font-variant-numeric:tabular-nums;padding:3px 12px;font-size:22px;font-weight:800;transition:opacity .2s}.delta.show{opacity:1}.delta.ahead{color:#04130b;background:#2fe08fe6}.delta.behind{color:#fff;background:#ff4d5aeb}.hud-item{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.slots{gap:8px;display:flex}.slot{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-2);width:72px;height:72px;transform:skewX(var(--skew));place-items:center;display:grid;position:relative}.slot>*{transform:skewX(calc(-1 * var(--skew)))}.slot svg{width:40px;height:40px}.slot.full{border-color:#ffb000cc;box-shadow:0 0 18px #ffb00059,inset 0 0 14px #ffb00026}.slot.rolling svg{animation:.18s linear infinite blink}.slot .cnt{font-size:15px;font-weight:800;position:absolute;bottom:2px;right:4px}.gauge{width:152px;height:6px;transform:skewX(var(--skew));background:#ffffff1f;overflow:hidden}.gauge i{background:linear-gradient(90deg,#ffb000,#ffd36b);width:0;height:100%;display:block;box-shadow:0 0 10px #ffb00099}.gauge-l{letter-spacing:.24em;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.hint{letter-spacing:.18em;color:#ffffff73;text-transform:uppercase;font-size:10px;font-weight:700}.hud-mini{position:absolute;bottom:22px;left:22px}#minimap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#0a0c10a8;width:230px;height:176px;display:block}.hud-drift{flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.mt{gap:4px;width:min(440px,56vw);display:flex}.mt>div{height:10px;transform:skewX(var(--skew));background:#ffffff1f;position:relative;overflow:hidden}.mt>div i{width:0;position:absolute;inset:0 auto 0 0}.mt .s1{flex:27}.mt .s1 i{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.mt .s2{flex:32}.mt .s2 i{background:var(--amber);box-shadow:0 0 12px var(--amber)}.mt .s3{flex:41}.mt .s3 i{background:var(--violet);box-shadow:0 0 12px var(--violet)}.mt-label{letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 12px #000000b3;min-height:26px;font-size:22px;font-style:italic;font-weight:800}.mt-label .chain{color:var(--amber);margin-left:8px}.hud-speed{width:170px;height:170px;position:absolute;bottom:18px;right:26px}.hud-speed svg{position:absolute;inset:0}.hud-speed .sv{flex-direction:column;justify-content:center;align-items:center;padding-top:12px;display:flex;position:absolute;inset:0}.hud-speed .sv b{font-variant-numeric:tabular-nums;font-size:54px;font-style:italic;font-weight:800;line-height:.9}.hud-speed .sv span{letter-spacing:.24em;color:var(--muted);font-size:11px;font-weight:700}.hud-speed .surf{text-align:center;font-family:var(--body);color:#fff9;font-size:11px;position:absolute;bottom:-2px;left:0;right:0}.center-msg{text-align:center;color:#fff;text-shadow:0 10px 50px #0009;pointer-events:none;animation:count .9s var(--ease) both;font-size:clamp(90px,14vw,200px);font-style:italic;font-weight:900;line-height:1;position:absolute;top:30%;left:0;right:0}.center-msg.go{color:var(--red-2)}.center-msg.banner{letter-spacing:.12em;font-size:clamp(34px,5vw,64px);top:26%}.center-msg.banner span{transform:skewX(var(--skew));background:#e8112deb;padding:4px 34px;display:inline-block}@keyframes count{0%{opacity:0;filter:blur(8px);transform:scale(1.6)}30%{opacity:1;filter:blur();transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.94)}}.toasts{pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:46%;right:26px}.toast{letter-spacing:.06em;text-transform:uppercase;transform:skewX(var(--skew));animation:toastIn 1.4s var(--ease) forwards;text-shadow:none;background:#0a0c10b8;border-right:3px solid #fff;padding:5px 16px 5px 12px;font-size:20px;font-style:italic;font-weight:800}.toast.cyan{border-color:var(--cyan);color:#bfeeff}.toast.amber{border-color:var(--amber);color:#ffe2a6}.toast.violet{border-color:var(--violet);color:#e2ccff}.toast.red{border-color:var(--red-2);color:#ffc3ca}.toast.green{border-color:var(--green);color:#c6f8e1}@keyframes toastIn{0%{opacity:0;transform:skewX(var(--skew)) translateX(30px)}12%{opacity:1;transform:skewX(var(--skew))}80%{opacity:1}to{opacity:0;transform:skewX(var(--skew)) translateX(10px)}}.wrong-way{text-align:center;position:absolute;top:46%;left:0;right:0}.wrong-way span{background:var(--red);letter-spacing:.16em;transform:skewX(var(--skew));padding:6px 30px;font-size:30px;font-style:italic;font-weight:900;animation:.7s infinite blink;display:inline-block}.tuning-flag{background:var(--amber);color:#111;letter-spacing:.12em;text-transform:uppercase;transform:skewX(var(--skew));padding:4px 10px;font-size:12px;font-weight:800;position:absolute;top:160px;left:26px}.drift-score{text-align:center;position:absolute;top:18px;left:50%;transform:translate(-50%)}.drift-score .big{font-variant-numeric:tabular-nums;text-shadow:0 4px 24px #0009;font-size:64px;font-style:italic;font-weight:900;line-height:1}.drift-score .pending{color:var(--amber);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.touch{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px);display:none;position:absolute;inset:0}.touch.on{display:block}.tz-left{pointer-events:auto;touch-action:none;width:50%;height:64%;position:absolute;bottom:0;left:0}.stick-base{opacity:.5;-webkit-backdrop-filter:blur(3px);background:radial-gradient(circle,#0a0c1033 40%,#0a0c1080);border:1.5px solid #ffffff4d;border-radius:50%;width:136px;height:136px;margin:-68px 0 0 -68px;transition:opacity .15s;position:absolute;top:0;left:0}.stick-base.on{opacity:1;border-color:#ffffff8c}.stick-knob{background:radial-gradient(circle at 35% 30%,#fff,#c4c9d1 70%);border-radius:50%;width:60px;height:60px;margin:-30px;position:absolute;top:50%;left:50%;box-shadow:0 6px 16px #00000080,inset 0 -3px 6px #00000040}.stick-knob:after{content:"";background:var(--red);border-radius:50%;position:absolute;inset:22px}.ar{color:#ffffff8c;font-size:12px;font-style:normal;line-height:1;transition:color .1s,transform .1s;position:absolute}.ar.u{top:8px;left:50%;transform:translate(-50%)}.ar.d{bottom:8px;left:50%;transform:translate(-50%)}.ar.l{top:50%;left:9px;transform:translateY(-50%)}.ar.r{top:50%;right:9px;transform:translateY(-50%)}[data-dir*=u] .ar.u,[data-dir*=d] .ar.d,[data-dir*=l] .ar.l,[data-dir*=r] .ar.r{color:var(--red-2)}.tz-hint{left:calc(16px + var(--sl));bottom:calc(8px + var(--sb));font-family:var(--display);letter-spacing:.08em;color:#ffffffa6;text-shadow:0 1px 4px #000c;pointer-events:none;font-size:11px;font-weight:700;animation:.8s 7s forwards hintOut;position:absolute}@keyframes hintOut{to{opacity:0}}.steerpad{left:calc(16px + var(--sl));bottom:calc(26px + var(--sb));pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);background:#0a0c106b;border:1.5px solid #ffffff4d;border-radius:52px;width:min(320px,44vw);height:104px;display:flex;position:absolute;overflow:hidden}.steerpad span{color:#ffffffd9;flex:1;place-items:center;font-size:34px;transition:background 80ms;display:grid}.steerpad span+span{border-left:1px solid #fff3}.steerpad[data-dir=l] .l,.steerpad[data-dir=r] .r{color:#fff;background:#e8112d8c}.tbtn{font-family:var(--display);letter-spacing:.1em;color:#fff;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);background:#0a0c106b;border:1.5px solid #ffffff52;border-radius:50%;align-content:center;place-items:center;gap:2px;font-size:14px;font-weight:800;transition:transform 60ms,background 60ms;display:grid;position:absolute}.tbtn small{letter-spacing:.06em;opacity:.8;font-size:10px;font-weight:700}.tbtn svg{width:30px;height:30px}.tbtn.on{border-color:var(--red-2);background:#e8112d9e;transform:scale(.94)}.tbtn.drift{right:calc(22px + var(--sr));bottom:calc(26px + var(--sb));border:2px solid #ff3348bf;width:112px;height:112px}.tbtn.item{right:calc(148px + var(--sr));bottom:calc(30px + var(--sb));border-color:#ffb000b3;width:78px;height:78px}.tbtn.brake{right:calc(40px + var(--sr));bottom:calc(152px + var(--sb));width:70px;height:70px;font-size:18px}.pedals{left:calc(16px + var(--sl));bottom:calc(26px + var(--sb));position:absolute}.tbtn.ped{vertical-align:bottom;border-radius:22px;width:92px;height:92px;margin-right:12px;font-size:24px;display:inline-grid;position:relative}.tbtn.ped.gas{border-color:#2fe08f99;height:120px}.tilt-ind{left:50%;bottom:calc(54px + var(--sb));pointer-events:auto;touch-action:none;place-items:center;width:180px;height:34px;margin-left:-90px;display:grid;position:absolute}.tilt-ind b{height:4px;transform:skewX(var(--skew));background:#ffffff38;position:absolute;top:9px;left:10px;right:10px}.tilt-ind b:after{content:"";background:#ffffff80;width:2px;height:12px;margin-left:-1px;position:absolute;top:-4px;left:50%}.tilt-ind i{background:var(--red-2);border-radius:2px;width:14px;height:16px;margin-left:-7px;position:absolute;top:3px;left:50%;transform:translate(0);box-shadow:0 0 10px #ff334899}.tilt-ind span{font-family:var(--display);letter-spacing:.14em;color:#ffffff80;text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;bottom:0}.tilt-ind.flash b{animation:.5s recal}@keyframes recal{0%,60%{background:var(--green)}}.pause-btn{top:calc(10px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));background:var(--panel);border:1px solid var(--line-2);pointer-events:auto;cursor:pointer;border-radius:4px;grid-auto-flow:column;place-content:center;place-items:center;gap:5px;width:42px;height:42px;display:none;position:absolute}.pause-btn span{background:#fff;width:4px;height:16px;display:block}#hud.touch-ui{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px)}.touch-ui .pause-btn{display:grid}.touch-ui .hud-pos{top:calc(8px + var(--st));left:calc(14px + var(--sl))}.touch-ui .hud-pos .p{font-size:56px}.touch-ui .hud-pos .of{font-size:15px}.touch-ui .hud-lap{top:calc(10px + var(--st));left:calc(14px + var(--sl))}.touch-ui .hud-pos+.hud-lap{top:calc(10px + var(--st));left:calc(108px + var(--sl))}.touch-ui .hud-lap .v{font-size:24px}.touch-ui .hud-lap .v small{font-size:15px}.touch-ui .hud-time{top:calc(10px + var(--st));right:calc(64px + var(--sr))}.touch-ui .timer{padding:3px 10px}.touch-ui .timer .t{font-size:22px}.touch-ui .timer .cap,.touch-ui .laps{display:none}.touch-ui .delta{font-size:16px}.touch-ui .hud-item{top:calc(8px + var(--st));gap:4px}.touch-ui .slot{width:50px;height:50px}.touch-ui .slot svg{width:28px;height:28px}.touch-ui .gauge{width:108px;height:5px}.touch-ui .gauge-l,.touch-ui .hint{display:none}.touch-ui .hud-mini{left:calc(14px + var(--sl));bottom:auto;top:calc(78px + var(--st))}.touch-ui #minimap{width:132px;height:100px}.touch-ui .hud-speed{right:calc(64px + var(--sr));bottom:auto;top:calc(48px + var(--st));width:auto;height:auto}.touch-ui .hud-speed svg,.touch-ui .hud-speed .surf{display:none}.touch-ui .hud-speed .sv{flex-direction:row;align-items:baseline;gap:4px;padding:0;position:static}.touch-ui .hud-speed .sv b{text-shadow:0 2px 10px #000000b3;font-size:26px}.touch-ui .hud-speed .sv span{font-size:9px}.touch-ui .hud-drift{bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:4px}.touch-ui .mt{width:min(250px,30vw)}.touch-ui .mt>div{height:7px}.touch-ui .mt-label{min-height:18px;font-size:16px}.touch-ui .toasts{align-items:center;top:86px;left:50%;right:auto;transform:translate(-50%)}.touch-ui .toast{padding:3px 12px;font-size:15px}.touch-ui .drift-score{top:calc(8px + var(--st))}.touch-ui .drift-score .big{font-size:40px}.touch-ui .tuning-flag{top:auto;bottom:150px}.touch-ui .center-msg{font-size:clamp(72px,16vh,140px);top:26%}.touch-ui .center-msg.banner{font-size:clamp(26px,6vh,44px)}.touch-ui .wrong-way span{font-size:22px}.results{width:min(1080px,100%);max-height:calc(100vh - 56px);grid-template-columns:1.1fr 1fr;gap:26px;max-height:calc(100dvh - 56px);padding:26px;display:grid;overflow:auto}.results h1{text-transform:uppercase;font-size:46px;font-style:italic}.big-time{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(54px,6vw,82px);font-style:italic;font-weight:800;line-height:1}.pb-flag{background:var(--amber);color:#111;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;transform:skewX(var(--skew));padding:4px 14px;font-weight:800;display:inline-block}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th,table.t td{text-align:left;border-bottom:1px solid var(--line);padding:9px 10px}table.t th{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}table.t td.n,table.t th.n{text-align:right;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}table.t tbody tr:hover td{background:#ffffff08}table.t tr.me td{background:#e8112d24}table.t tr.first td.n:first-child{color:var(--amber)}.stats-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.stat-box{background:var(--panel-2);padding:12px}.stat-box b{font-family:var(--display);font-size:28px;font-weight:800;line-height:1;display:block}.stat-box span{color:var(--muted);letter-spacing:.08em;font-size:11px}.mt1{color:var(--cyan)}.mt2{color:var(--amber)}.mt3{color:var(--violet)}.ranking{width:min(1080px,100%);max-height:calc(100vh - 56px);flex-direction:column;gap:14px;max-height:calc(100dvh - 56px);padding:24px;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;display:flex}.tab{appearance:none;color:var(--muted);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:14px;font-weight:700}.tab:hover,.tab.focus{color:#fff}.tab.sel{color:#fff;border-bottom-color:var(--red)}select.tab{background:var(--panel-2);border:1px solid var(--line);color:var(--text);margin-bottom:6px;margin-left:auto}.board{flex:1;min-height:200px;overflow:auto}.verified{color:var(--green);letter-spacing:.1em;font-size:12px;font-weight:800}.prov{color:var(--dim);letter-spacing:.1em;font-size:11px}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#04050799;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.modal{width:min(560px,100%);max-height:calc(100vh - 36px);flex-direction:column;gap:14px;max-height:calc(100dvh - 36px);padding:26px;display:flex;overflow:auto}.modal h2{text-transform:uppercase;font-size:30px;font-style:italic}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.field input[type=text],.field select{border:1px solid var(--line-2);color:var(--text);font-size:17px;font-family:var(--body);background:#ffffff0d;border-radius:2px;outline:none;padding:11px 13px}.field input[type=text]:focus,.field select:focus{border-color:var(--red)}.field select option{background:#12151a}.field input[type=range]{width:100%;accent-color:var(--red)}.check{color:#cdd4dd;cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.check input{accent-color:var(--red);width:16px;height:16px}.note{border-left:3px solid var(--amber);color:#e9dfc8;background:#ffb00014;padding:10px 14px;font-size:13px;line-height:1.6}.err{color:var(--bad);font-size:14px;font-weight:600}.keys{grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px 14px;font-size:14px;display:grid}.keys .h{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}kbd{border:1px solid var(--line-2);min-width:26px;font-family:var(--display);text-align:center;color:var(--text);background:#ffffff0f;border-bottom-width:2px;border-radius:2px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.policy{color:#cdd4dd;font-size:14px;line-height:1.75}.policy h3{letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-top:8px;font-size:16px}.policy ul{margin:6px 0;padding-left:18px}.debug-panel{pointer-events:auto;width:290px;max-height:70vh;padding:16px;font-size:12px;position:absolute;top:140px;right:22px;overflow:auto}.debug-panel label{color:#cdd4dd;grid-template-columns:1fr 58px;gap:4px;margin-bottom:8px;display:grid}.debug-panel input{width:100%;accent-color:var(--violet);grid-column:1/-1}.loading{flex-direction:column;align-items:center;gap:18px;display:flex}.loading .cap{font-size:13px}.loading .t{font-family:var(--display);text-transform:uppercase;font-size:34px;font-style:italic;font-weight:800}.loader{background:#ffffff1f;width:220px;height:3px;overflow:hidden}.loader i{background:var(--red);width:40%;height:100%;animation:load 1s var(--ease) infinite;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (max-width:900px){.menu{grid-template-columns:1fr}.menu-left{padding:76px 22px 30px}.results{gap:18px;padding:18px}#minimap{width:150px;height:116px}.hud-pos .p{font-size:64px}.hud-speed{width:128px;height:128px}.hud-speed .sv b{font-size:40px}.slot{width:58px;height:58px}}@media (max-width:700px){.track-select,.results{grid-template-columns:1fr}.specs{grid-template-columns:repeat(2,1fr)}.kart-select{pointer-events:auto;touch-action:pan-y;flex-direction:column;display:flex;overflow-y:auto}.ks-center{flex:0 0 44dvh;order:-1;justify-content:flex-end;padding:0 0 8px}.ks-name{font-size:36px}.ks-left,.ks-right{flex-shrink:0}.ks-left{scroll-snap-type:x mandatory;touch-action:pan-x;background:#07080adb;flex-direction:row;gap:8px;padding:8px 14px 10px;overflow-x:auto}.ks-left>.panel-head{display:none}.kitem{scroll-snap-align:start;border-color:var(--line);flex:none;padding:9px 12px}.kitem b{white-space:nowrap;font-size:18px}.kitem small{display:none}.ks-right{background:#07080adb;gap:10px;padding:0 14px}.ks-right .foot-row{padding:10px 0 max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#07080af5 30%);position:sticky;bottom:0}}@media (max-height:520px) and (orientation:landscape){.screen{padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left))}.title{padding:0 6vw 7vh}.press{margin-top:18px}.title-foot{display:none}.menu-left{padding:14px 0 12px calc(18px + env(safe-area-inset-left));gap:0}.menu-brand{margin-bottom:8px;font-size:24px}.mitem{padding:6px 14px 6px 10px}.mitem .t{font-size:27px}.mitem .s{margin-top:1px;font-size:11px}.menu-sub{gap:16px;margin-top:6px}.link{font-size:12px}.profile{top:12px;right:calc(14px + env(safe-area-inset-right));padding:5px 10px 5px 5px}.panel-head{margin-bottom:10px;padding-bottom:8px}.panel-head h2{font-size:20px}.track-select{gap:10px}.blueprint{padding:10px}.course-detail{gap:8px;padding:12px 14px}.course-detail h1{font-size:30px}.track-shape svg{height:84px}.specs b{font-size:17px}.gp-setup{gap:10px;padding:14px}.cups{gap:10px}.cup{padding:10px 12px}.cup ol{margin-top:4px;line-height:1.45}.kart-select{grid-template-columns:minmax(190px,240px) 1fr minmax(230px,290px)}.ks-left{padding:10px 0 10px calc(10px + env(safe-area-inset-left));pointer-events:auto;gap:2px;overflow-y:auto}.ks-left>.panel-head{display:none}.kitem{padding:6px 10px}.kitem b{font-size:17px}.kitem small{display:none}.ks-right{padding:8px calc(10px + env(safe-area-inset-right)) 0 0;pointer-events:auto;gap:6px;overflow-y:auto}.ks-right .foot-row{background:linear-gradient(#0000,#07080af2 35%);padding:8px 0 10px;position:sticky;bottom:0}.ks-right .panel>.cap,.ks-right .panel>.row{display:none!important}.seg i{height:5px}.ks-right .panel{gap:6px!important;padding:10px 12px!important}.ks-right .panel-head{margin-bottom:6px;padding-bottom:6px}.ks-right .panel-head h2{font-size:15px}.driver{padding:5px 8px;font-size:12px}.stat{grid-template-columns:64px 1fr 14px;gap:6px}.ks-center{padding-bottom:10px}.ks-name{font-size:30px}.btn{padding:8px 18px;font-size:15px}.results{gap:14px;padding:14px}.big-time{font-size:44px}table.t th,table.t td{padding:6px 8px}.res-actions{z-index:2;background:linear-gradient(#0000,#101217f7 28%);padding:10px 0 12px;position:sticky;bottom:-14px}.modal{gap:10px;padding:16px}}@media (max-width:560px){.screen{align-items:flex-start;padding:16px}.mitem .t{font-size:30px}.timer .t{font-size:24px}.gimmicks,.cups{grid-template-columns:1fr}.profile{top:14px;right:14px}.menu-left{padding-top:84px}}@media (orientation:portrait){.touch-ui .hud-item{top:calc(62px + var(--st))}.touch-ui .toasts{top:132px}.touch-ui .hud-mini{top:calc(126px + var(--st))}.touch-ui #minimap{width:112px;height:86px}.tz-left{height:46%}.tbtn.drift{width:96px;height:96px}.tbtn.item{right:calc(126px + var(--sr));width:68px;height:68px}.tbtn.brake{bottom:calc(132px + var(--sb))}.steerpad{width:46vw;height:92px}.touch-ui .hud-drift{bottom:calc(132px + env(safe-area-inset-bottom,0px))}.tilt-ind{bottom:calc(176px + var(--sb))}}
