:root{--bg:#0b0f14;--panel:#0d1219e0;--line:#263241;--text:#dbe6f0;--dim:#7f91a4;--green:#35e06f;--amber:#f2c230;--red:#ff4d42;--blue:#3aa0ff;--mono:"Cascadia Code", "Cascadia Mono", Consolas, "Courier New", monospace;--sans:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);margin:0;overflow:hidden}#world,#hud,#fx,#ui{position:fixed;inset:0}#world{width:100%;height:100%;display:block}#hud,#fx{pointer-events:none}#hud canvas{display:block}#ui{pointer-events:none}#ui>*{pointer-events:auto}button,input,select{font:inherit;color:inherit}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:16px}.btn{border:1px solid var(--line);cursor:pointer;font-family:var(--mono);background:#17212d;border-radius:8px;padding:9px 14px;font-size:14px;transition:all .12s}.btn:hover{border-color:var(--green);color:var(--green)}.btn:disabled{opacity:.45;cursor:default;border-color:var(--line);color:var(--dim)}.btn.primary{background:var(--green);border-color:var(--green);color:#04140a;padding:14px 18px;font-size:18px;font-weight:700}.btn.primary:hover{filter:brightness(1.12);color:#04140a}.btn.wide{width:100%}.btn.ghost{background:0 0}.field{border:1px solid var(--line);font-family:var(--mono);background:#0a0e13;border-radius:8px;outline:none;min-width:0;padding:9px 12px;font-size:15px}.field:focus{border-color:var(--green)}.row{align-items:center;gap:8px;display:flex}.grow{flex:1}.label{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:14px 0 6px}.dim{color:var(--dim)}.mono{font-family:var(--mono)}.error{color:var(--red);font:13px var(--mono);min-height:18px;margin-top:8px}.logo{text-align:center;pointer-events:none;position:absolute;top:22px;left:440px;right:370px}.logo h1{font:900 clamp(26px, 3.7vw, 60px) var(--mono);letter-spacing:.04em;color:#fff;text-shadow:3px 3px #e0218a,-3px -2px #11b5e4,0 0 30px #0009;margin:0}.logo h1 b{color:var(--green);animation:1s step-end infinite blink}.logo p{font:700 clamp(11px, 1.15vw, 17px) var(--mono);letter-spacing:.38em;color:var(--amber);text-shadow:0 2px 6px #000;margin:2px 0 0}@keyframes blink{50%{opacity:0}}.garage{flex-direction:column;width:400px;display:flex;position:absolute;top:20px;bottom:20px;left:20px;overflow:hidden}.garage .scroll{flex:1;margin:0 -8px;padding:0 8px;overflow-y:auto}.tabs{gap:6px;margin-top:14px;display:flex}.tabs .btn{flex:1}.tabs .btn.on{border-color:var(--green);color:var(--green);background:#0f2418}.kart-card{border:1px solid var(--line);cursor:pointer;background:#111922;border-radius:8px;margin-top:8px;padding:10px 12px}.kart-card:hover{border-color:var(--dim)}.kart-card.on{border-color:var(--green);background:#0f2418}.kart-card h3{font:700 15px var(--mono);justify-content:space-between;margin:0;display:flex}.kart-card h3 span{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.kart-card p{color:var(--dim);margin:6px 0 0;font-size:12.5px;line-height:1.4}.bars{font:10px var(--mono);color:var(--dim);text-transform:uppercase;grid-template-columns:64px 1fr 64px 1fr;align-items:center;gap:3px 8px;margin-top:8px;display:grid}.bar{background:#1d2835;border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--green);height:100%;display:block}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff2e}.swatch.on{border-color:#fff;transform:scale(1.12)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;font:12.5px var(--mono);background:#111922;border-radius:999px;padding:5px 10px}.chip:hover{border-color:var(--dim)}.chip.on{border-color:var(--green);color:var(--green);background:#0f2418}.decals{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.decal{aspect-ratio:1;border:2px solid var(--line);cursor:pointer;font:11px var(--mono);color:var(--dim);background:#1a2430 50%/82% no-repeat;border-radius:8px;place-items:center;display:grid}.decal.on{border-color:var(--green)}.play{flex-direction:column;gap:10px;width:330px;display:flex;position:absolute;bottom:20px;right:20px}.stats{font:12.5px var(--mono);color:var(--dim);line-height:1.6}.stats b{color:var(--text)}.hint{width:330px;font:12.5px var(--mono);line-height:1.7;position:absolute;top:20px;right:20px}.hint kbd,.lobby kbd{border:1px solid var(--line);font:12px var(--mono);color:var(--text);background:#1d2835;border-bottom-width:2px;border-radius:4px;padding:0 5px}.corner{gap:8px;display:flex;position:absolute;bottom:20px;left:440px}.account{flex-direction:column;gap:6px;display:flex}.account.row{flex-direction:row}.account .who{font:13px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tiles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;margin:12px 0;display:grid}.tile{border:1px solid var(--line);background:#111922;border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.tile b{font:700 20px var(--mono);color:var(--text)}.tile span{font:10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.tile i{font:11.5px var(--mono);color:var(--dim);margin-top:2px;font-style:normal}.cupline{font:13px var(--mono);margin-top:10px}.cupline table.results{margin:4px 0 0;font-size:12.5px}.lobby{flex-direction:column;width:440px;display:flex;position:absolute;top:20px;bottom:20px;left:20px}.code{font:900 54px var(--mono);letter-spacing:.22em;color:var(--green);line-height:1}.players{flex:1;margin-top:4px;overflow-y:auto}.player{border:1px solid var(--line);font:14px var(--mono);background:#111922;border-radius:8px;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;display:flex}.player.me{border-color:var(--green)}.player .dot{border-radius:4px;flex:none;width:14px;height:14px}.player .tag{letter-spacing:.1em;color:var(--dim);background:#1d2835;border-radius:4px;padding:2px 6px;font-size:10px}.player .tag.host{background:var(--amber);color:#1c1500}.player small{color:var(--dim);margin-left:auto}.modal-wrap{background:#04070a8c;place-items:center;display:grid;position:absolute;inset:0}.modal{width:min(720px,94vw);max-height:90vh;overflow-y:auto}.modal h2{font:900 30px var(--mono);color:var(--green);margin:0 0 4px}table.results{border-collapse:collapse;width:100%;font:14px var(--mono);margin:12px 0}table.results th{text-align:left;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px}table.results td{border-bottom:1px solid #18212c;padding:7px 8px}table.results tr.me td{color:var(--green);font-weight:700}table.results td.num{text-align:right}.results-dock{width:min(560px,100vw - 48px);animation:.45s cubic-bezier(.2,.9,.3,1) dock-in;position:absolute;top:50%;right:24px;transform:translateY(-50%)}@keyframes dock-in{0%{opacity:0;transform:translate(60px,-50%)}}.cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.player .tag.cup{color:var(--amber);background:#2a2206}.cup-schedule{color:var(--dim);margin-top:6px;font-size:13px;line-height:1.7}.cup-schedule .done{color:var(--green)}.cup-schedule .next{color:var(--amber);font-weight:700}.cup-board{border-color:var(--amber);width:min(600px,94vw);animation:.5s cubic-bezier(.2,1.35,.4,1) cup-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0000008c}@keyframes cup-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.cup-board h2{font:900 30px var(--mono);color:var(--amber);text-shadow:2px 2px #7a4b00;margin:0}.cup-board .sub{font:700 12px var(--mono);letter-spacing:.2em;color:var(--dim);margin:2px 0 12px}.cup-rows{position:relative}.cup-row{height:44px;transition:transform .8s cubic-bezier(.3,1.5,.45,1);position:absolute;left:0;right:0}.cup-row.up{z-index:2}.cup-card{border:1px solid var(--line);height:40px;font:700 16px var(--mono);background:#111922;border-radius:8px;grid-template-columns:54px 16px 1fr 58px 76px;align-items:center;gap:8px;padding:0 12px;animation:.4s cubic-bezier(.2,1.2,.4,1) both cup-row-in;display:grid}@keyframes cup-row-in{0%{opacity:0;transform:translate(-70px)}}.cup-row.me .cup-card{border-color:var(--green);color:var(--green)}.cup-row.up .cup-card{animation:.8s ease-out cup-up}.cup-row.down .cup-card{animation:.8s ease-out cup-down}@keyframes cup-up{30%{border-color:var(--green);background:#1d3a24;transform:scale(1.07)translate(14px)rotate(-1.2deg);box-shadow:0 8px 22px #00000080}}@keyframes cup-down{30%{opacity:.75;transform:scale(.95)translate(-10px)rotate(.8deg)}}.cup-pos{color:var(--dim)}.cup-row.first .cup-pos{color:var(--amber)}.cup-pos.medal{font-size:24px}.cup-card .dot{border-radius:4px;width:14px;height:14px}.cup-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cup-name small{color:var(--dim);font-weight:400}.cup-total{text-align:right;font:900 26px var(--mono);color:#fff;text-shadow:2px 2px #000}.cup-total.bump{animation:.11s ease-out cup-bump}@keyframes cup-bump{0%{color:var(--amber);transform:scale(1.4)translateY(-3px)}}.cup-earn{font:900 22px var(--mono);color:var(--amber);text-shadow:2px 2px #7a4b00;white-space:nowrap;opacity:0}.cup-earn.show{animation:.4s cubic-bezier(.2,1.8,.4,1) both cup-pop}.cup-earn.gone{animation:.3s ease-in both cup-gone}@keyframes cup-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}to{opacity:1;transform:none}}@keyframes cup-gone{0%{opacity:1}to{opacity:0;transform:translate(-22px)scale(.4)}}.cup-foot{align-items:center;gap:8px;min-height:48px;margin-top:8px;display:flex}.cine-bar{background:#000;height:9vh;animation:.7s ease-out both bar-in;position:absolute;left:0;right:0}.cine-bar.top{transform-origin:top;top:0}.cine-bar.bottom{transform-origin:bottom;bottom:0}@keyframes bar-in{0%{transform:scaleY(0)}}.cine-cam{text-align:center;font:700 20px var(--mono);color:var(--text);letter-spacing:.04em;position:absolute;bottom:2.6vh;left:0;right:0}.cup-win{text-align:center;pointer-events:none;position:absolute;bottom:10.5vh;left:0;right:0}.cup-win .kicker{font:700 clamp(13px, 1.5vw, 22px) var(--mono);letter-spacing:.4em;color:var(--amber);text-shadow:0 2px 6px #000;animation:.5s both cup-row-in}.cup-win h1{font:900 clamp(30px, 5.4vw, 88px) var(--mono);color:#fff;text-shadow:4px 4px #e0218a,-4px -3px #11b5e4,0 0 40px #000000b3;margin:.4vh 0;line-height:1.05;animation:.7s cubic-bezier(.2,1.6,.4,1) both win-slam}@keyframes win-slam{0%{opacity:0;transform:scale(3.2)rotate(-6deg)}}.cup-win p{font:700 clamp(14px, 1.7vw, 26px) var(--mono);color:#fff;text-shadow:0 2px #000,0 0 12px #000;margin:0;animation:.5s .5s both cup-row-in}.cup-win .rest{font:700 clamp(12px, 1.25vw, 19px) var(--mono);color:var(--amber);text-shadow:0 2px #000,0 0 12px #000;margin-top:.6vh;animation:.5s .9s both cup-row-in}.cup-win-foot{align-items:center;gap:8px;height:9vh;animation:.5s 2.5s both cup-row-in;display:flex;position:absolute;bottom:0;right:24px}.cup-win-foot .btn.primary{padding:9px 14px;font-size:15px}.boot{background:var(--bg);font:15px var(--mono);color:var(--green);place-items:center;display:grid;position:absolute;inset:0}.boot pre{white-space:pre-wrap;width:min(620px,90vw);margin:0;line-height:1.6}.bsod{color:#fff;background:#0b57d0;padding:9vh 10vw;font-family:Segoe UI,sans-serif;position:absolute;inset:0}.bsod .face{font-size:17vh;font-weight:300;line-height:1}.bsod p{max-width:70vw;font-size:3.1vh;font-weight:300}.bsod small{font:1.9vh var(--mono);opacity:.85;margin-top:3vh;display:block}.patch{color:#fff;text-align:center;background:linear-gradient(#0000,#003c96eb 45%);flex-direction:column;justify-content:flex-end;align-items:center;height:34vh;padding-bottom:5vh;font:300 3vh Segoe UI,sans-serif;display:flex;position:absolute;bottom:0;left:0;right:0}.patch .spin{border:.5vh dotted #fff;border-radius:50%;width:5vh;height:5vh;margin-bottom:1.6vh;animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#111;background:#f3f3f3;border-left:5px solid #0f6cbd;border-radius:8px;width:340px;padding:10px 12px;font:13px Segoe UI,sans-serif;animation:.18s ease-out pop;position:absolute;box-shadow:0 10px 30px #00000080}.toast b{font-size:13.5px;display:block}.toast i{color:#555;font-style:normal}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.vignette{animation:.8s linear infinite hue;position:absolute;inset:0;box-shadow:inset 0 0 18vh 4vh #ffd23a8c}@keyframes hue{to{filter:hue-rotate(360deg)}}@media (width<=1100px){.hint{display:none}.garage,.lobby{width:340px}.corner{left:380px}.logo{left:380px;right:20px}}.lobby-a,.lobby-b{display:contents}.banner{z-index:9;top:calc(env(safe-area-inset-top,0px) + 10px);border:1px solid var(--amber);color:var(--amber);font:700 13px var(--mono);white-space:nowrap;pointer-events:none;background:#0d1219eb;border-radius:8px;padding:7px 14px;position:fixed;left:50%;transform:translate(-50%)}#rotate,#touch{display:none}html.touch,html.touch body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.touch input{-webkit-user-select:text;user-select:text}html.touch .field{font-size:16px}html.touch .scroll,html.touch .players,html.touch .modal,html.touch .lobby-b{touch-action:pan-y;-webkit-overflow-scrolling:touch}html.touch .btn:not(.on):not(.primary):not(:disabled):hover{border-color:var(--line);color:inherit}.tip{font:11.5px var(--mono);color:var(--dim);line-height:1.4}@media (orientation:portrait) and (width<=600px){html.touch #rotate{z-index:10;background:var(--bg);text-align:center;font:700 20px var(--mono);color:var(--green);place-items:center;display:grid;position:fixed;inset:0}#rotate b{font-size:72px;line-height:1.1;animation:2.4s linear infinite spin;display:block}#rotate small{color:var(--dim);margin-top:6px;font-size:13px;font-weight:400;display:block}}#touch{touch-action:none;--d:clamp(70px, 24vh, 112px);--mr:calc(env(safe-area-inset-right,0px) + 18px);--mb:calc(env(safe-area-inset-bottom,0px) + 16px);position:fixed;inset:0}#touch.grid,#touch.race{display:block}#touch.grid .tp-item,#touch.grid .tp-brake{display:none}.tp-btn{color:#fff;font:700 13px var(--mono);letter-spacing:.06em;text-shadow:0 1px 3px #000;pointer-events:none;background:#0b0f1461;border:2px solid #dbe6f080;border-radius:50%;place-items:center;display:grid;position:absolute}.tp-btn.down{border-color:var(--green);background:#35e06f73}.tp-drift{width:var(--d);height:var(--d);right:var(--mr);bottom:var(--mb);font-size:15px}.tp-item{width:calc(var(--d) * .74);height:calc(var(--d) * .74);right:calc(var(--mr) + var(--d) * .08);bottom:calc(var(--mb) + var(--d) + 12px);font:calc(var(--d) * .36) "Segoe UI Emoji", "Apple Color Emoji", sans-serif;opacity:.45}.tp-item.has{opacity:1;border-color:var(--amber)}.tp-brake{width:calc(var(--d) * .64);height:calc(var(--d) * .64);right:calc(var(--mr) + var(--d) + 14px);bottom:var(--mb);font-size:11px}.tp-brake.down{border-color:var(--red);background:#ff4d4280}.tp-wheel{left:calc(env(safe-area-inset-left,0px) + 26px);bottom:calc(var(--mb) + 14px);color:#dbe6f099;opacity:.6;pointer-events:none;background:#0b0f1440;border:2px solid #dbe6f04d;border-radius:26px;justify-content:space-between;align-items:center;height:52px;padding:0 14px;font-size:13px;display:flex;position:absolute}.tp-wheel.held{opacity:1}.tp-wheel i{background:#dbe6f08c;border-radius:50%;width:42px;height:42px;position:absolute;top:3px;left:calc(50% - 21px)}.tp-wheel.held i{background:var(--green)}html.compact{--sl:calc(env(safe-area-inset-left,0px) + 8px);--sr:calc(env(safe-area-inset-right,0px) + 8px);--sb:calc(env(safe-area-inset-bottom,0px) + 8px)}html.compact .panel{padding:10px}html.compact .btn{padding:7px 10px;font-size:13px}html.compact .btn.primary{padding:10px 12px;font-size:16px}html.compact .label{margin:8px 0 4px}html.compact .hint{display:none}html.compact .logo{left:auto;right:var(--sr);width:250px;top:8px}html.compact .logo h1{text-shadow:2px 2px #e0218a,-2px -1px #11b5e4,0 0 20px #0009;font-size:22px}html.compact .logo p{letter-spacing:.22em;font-size:8.5px}html.compact .logo:has(+.lobby){display:none}html.compact .garage{left:var(--sl);top:8px;bottom:var(--sb);width:min(310px,42vw)}html.compact .garage>.label{display:none}html.compact .garage>.btn.wide{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html.compact .tabs{margin-top:8px}html.compact .kart-card{margin-top:6px;padding:7px 10px}html.compact .play{right:var(--sr);bottom:var(--sb);gap:6px;width:250px}html.compact .play .stats,html.compact .play .account .tip{display:none}html.compact .tiles{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin:8px 0}html.compact .tile b{font-size:16px}html.compact .error{min-height:0;margin-top:0;font-size:12px}html.compact .corner{left:auto;right:var(--sr);flex-wrap:wrap;justify-content:flex-end;gap:4px;width:250px;top:58px;bottom:auto}html.compact .corner .btn{padding:5px 8px;font-size:12px}html.compact .lobby{left:var(--sl);right:var(--sr);top:8px;bottom:var(--sb);flex-direction:row;gap:14px;width:auto}html.compact .lobby-a,html.compact .lobby-b{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}html.compact .lobby-b{overflow-y:auto}html.compact .lobby-b>.label:first-child{margin-top:0}html.compact .code{font-size:34px}html.compact .player{margin-top:4px;padding:5px 8px;font-size:13px}html.compact .modal{max-height:94vh}html.compact .modal h2,html.compact .cup-board h2{font-size:22px}html.compact table.results{margin:6px 0;font-size:12.5px}html.compact table.results td,html.compact table.results th{padding:4px 6px}html.compact .results-dock{right:var(--sr);width:min(500px,100vw - 32px)}html.compact .cup-board{transform:translate(-50%, -50%) scale(var(--fit,.68));animation-name:cup-in-compact}@keyframes cup-in-compact{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}html.compact .cine-cam{font-size:13px;bottom:2vh}html.compact .cup-win-foot{right:var(--sr)}html.compact .cup-win-foot .btn,html.compact .cup-win-foot .btn.primary{padding:3px 10px;font-size:13px}html.compact .toast{width:260px;font-size:12px}