:root{--c1:#ff3d7f;--c2:#22e0d0;--c3:#ffd23f;--c4:#7c4dff;--ink:#0b0714;--paper:#fff6ea;--font:"Trebuchet MS", "Segoe UI", Verdana, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);color:var(--paper);background:#07050d;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}.btn{font-family:var(--font);letter-spacing:.1em;color:var(--paper);cursor:pointer;text-shadow:0 2px 6px #0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#ffffff24,#ffffff08);border:2px solid #fff6ea80;border-radius:10px;padding:13px 26px;font-size:15px;font-weight:800;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}.btn:hover{background:linear-gradient(#ffffff42,#ffffff14);border-color:#fff;transform:translateY(-2px)scale(1.02)}.btn:active{transform:translateY(0)scale(.99)}.btn-primary{color:#fff;background:linear-gradient(#ff6ea8,#ff1f6b);border-color:#ffd6e6;box-shadow:0 6px 26px #ff2d7380,inset 0 1px #ffffff80}.btn-primary:hover{background:linear-gradient(#ff8cbc,#ff3d80);box-shadow:0 10px 34px #ff2d73b3,inset 0 1px #fff9}.btn-small{padding:8px 18px;font-size:13px}.screen{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay{background:radial-gradient(at 50% 40%,#1408284d,#06030ecc 72%)}#screen-title.overlay{background:linear-gradient(#08041229 0%,#0804126b 46%,#06030ee0 100%)}#screen-title .bg-art{background:radial-gradient(circle at 78% 20%,#ffd23f33,#0000 40%),radial-gradient(circle at 18% 74%,#7c4dff3d,#0000 44%),radial-gradient(circle at 55% 118%,#22e0d038,#0000 52%)}#screen-select.overlay{background:linear-gradient(#0804128c 0%,#080412c7 40%,#06030eeb 100%)}.screen:before{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(0deg,#ffffff05 0 2px,#0000 2px 4px);position:absolute;inset:0}.load-wrap{text-align:center;z-index:2}.logo-small{letter-spacing:.5em;color:var(--c2);text-shadow:0 0 30px #22e0d0cc;font-size:38px;font-weight:900}.load-bar{background:#0006;border:2px solid #fff6ea59;border-radius:8px;width:420px;height:12px;margin:22px auto 12px;overflow:hidden}.load-bar i{background:linear-gradient(90deg,var(--c2),var(--c1),var(--c3));width:0%;height:100%;transition:width .25s;display:block}.load-msg{letter-spacing:.25em;color:#fff6ea99;text-transform:uppercase;font-size:13px}#screen-title{flex-direction:column}.bg-art{pointer-events:none;background:radial-gradient(circle at 78% 22%,#ffd23f59,#0000 42%),radial-gradient(circle at 20% 78%,#7c4dff66,#0000 46%),radial-gradient(circle at 55% 115%,#22e0d059,#0000 55%);animation:12s ease-in-out infinite alternate bgshift;position:absolute;inset:0}@keyframes bgshift{0%{filter:hue-rotate()saturate()}to{filter:hue-rotate(28deg)saturate(1.25)}}.title-wrap{text-align:center;z-index:2;padding:20px;position:relative}.title-kicker{letter-spacing:.55em;color:var(--c3);text-shadow:0 0 18px #ffd23fb3;margin-bottom:6px;font-size:13px}.title-main{letter-spacing:.02em;text-transform:uppercase;font-size:96px;font-weight:900;line-height:.86}.title-wrap{text-shadow:0 0 24px #000000e6}.title-main span{background:linear-gradient(#fff 0%,#8ff6ff 45%,#22e0d0 100%);color:#0000;filter:drop-shadow(0 6px #0000008c)drop-shadow(0 0 34px #22e0d0b3);-webkit-background-clip:text;background-clip:text;display:block}.title-main em{letter-spacing:.3em;background:linear-gradient(#fff0a8,#ffd23f 50%,#ff7a1f);color:#0000;filter:drop-shadow(0 4px #00000080)drop-shadow(0 0 26px #ff8c1fbf);-webkit-background-clip:text;background-clip:text;font-size:50px;font-style:normal;display:block}.title-sub{letter-spacing:.2em;color:#fff6ead9;margin:16px 0 30px;font-size:17px}.title-buttons{justify-content:center;gap:16px;display:flex}.title-foot{letter-spacing:.18em;color:#fff6ea73;margin-top:34px;font-size:12px}.howto{z-index:3;background:linear-gradient(#1c1030f5,#0c0618f5);border:2px solid #22e0d080;border-radius:16px;width:520px;padding:26px 30px;position:absolute;box-shadow:0 30px 80px #000000b3}.howto h3{letter-spacing:.3em;color:var(--c2);margin-bottom:16px;font-size:15px}.keys>div{border-bottom:1px dashed #ffffff1f;align-items:center;gap:8px;padding:7px 0;display:flex}.keys span{color:#fff6ead9;margin-left:6px;font-size:14px}kbd{text-align:center;min-width:30px;font-family:var(--font);color:#fff;background:linear-gradient(#3a2a5c,#1d1233);border:1px solid #ffffff47;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-block;box-shadow:0 2px #0000008c}.howto .btn{margin-top:18px}#screen-select{flex-direction:column;gap:14px}.sel-head{text-align:center;z-index:2}.sel-head h2{letter-spacing:.24em;color:var(--c3);text-shadow:0 0 26px #ffd23f80;font-size:38px}.sel-hint{letter-spacing:.2em;color:#fff6ea99;margin-top:4px;font-size:13px}.sel-body{z-index:2;align-items:stretch;gap:18px;display:flex}.sel-left{flex-direction:column;align-items:center;gap:12px;display:flex}.preview-frame{background:radial-gradient(at 50% 20%,#7c4dff59,#0a0514e6);border:2px solid #ffffff29;border-radius:16px;width:420px;height:300px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0009}#preview-host{width:420px;height:300px;display:block;position:absolute;inset:0}.preview-glow{pointer-events:none;background:radial-gradient(at 50% 110%,#22e0d040,#0000 60%);position:absolute;inset:0}.sel-grid{grid-template-columns:repeat(3,152px);gap:12px;display:grid}.card{cursor:pointer;background:linear-gradient(#ffffff17,#00000059);border:2px solid #ffffff29;border-radius:14px;width:152px;height:152px;transition:transform .14s,border-color .14s,box-shadow .14s;position:relative;overflow:hidden}.card:hover{border-color:#fff9;transform:translateY(-4px)scale(1.03)}.card.sel{box-shadow:0 0 0 3px var(--cc,#fff),0 14px 40px #0009;border-color:#fff;transform:translateY(-4px)scale(1.05)}.card canvas{width:100%;height:100%;position:absolute;inset:0}.card .cname{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#0000,#000000db);padding:6px 8px;font-size:11px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.card .cnick{letter-spacing:.14em;color:var(--cc,#fff);text-shadow:0 0 8px;font-size:10px;position:absolute;top:6px;left:8px}.card .cbadge{letter-spacing:.08em;background:#0000008c;border-radius:5px;padding:2px 6px;font-size:10px;position:absolute;top:6px;right:7px}.sel-panel{background:linear-gradient(#180e2aeb,#0a0514eb);border:2px solid #ffffff24;border-radius:16px;flex-direction:column;width:312px;padding:20px;display:flex}.sel-name{letter-spacing:.06em;font-size:27px;font-weight:900}.sel-tag{letter-spacing:.24em;color:var(--c2);text-transform:uppercase;margin-bottom:12px;font-size:11px}.stat{margin:7px 0}.stat b{letter-spacing:.2em;color:#fff6ea99;margin-bottom:3px;font-size:10px;display:block}.stat .bar{background:#00000080;border-radius:4px;height:8px;overflow:hidden}.stat .bar i{background:linear-gradient(90deg,var(--c2),var(--c3));border-radius:4px;height:100%;display:block}.sel-lore{color:#fff6eab8;flex:1;margin-top:12px;font-size:12.5px;font-style:italic;line-height:1.55}.sel-actions{gap:10px;margin-top:14px;display:flex}.sel-actions .btn{flex:1;padding:12px 10px}#hud{z-index:10;pointer-events:none;font-weight:800;position:absolute;inset:0}.hud-tl{align-items:flex-start;gap:12px;display:flex;position:absolute;top:18px;left:18px}.lap-box,.pos-box,.coin-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0e081ac7,#06030eb3);border:2px solid #ffffff38;border-radius:12px;padding:8px 14px;box-shadow:0 8px 26px #00000080}.lap-label,.pos-label{letter-spacing:.24em;color:#fff6ea99;font-size:10px}.lap-num{color:#fff;text-shadow:0 0 16px #22e0d0cc;font-size:34px;line-height:1}.lap-num i{color:#fff6ea8c;font-size:15px;font-style:normal}.pos-box{flex-direction:column;align-items:center;padding:8px 18px;display:flex}.pos-num{background:linear-gradient(#fff0a8,#ffd23f);color:#0000;filter:drop-shadow(0 0 12px #ffd23fcc);-webkit-background-clip:text;background-clip:text;font-size:38px;line-height:1}.coin-box{align-items:center;gap:8px;display:flex}.coin-icon{background:radial-gradient(circle at 35% 32%,#fff6c2,#ffc21f 55%,#c98600);border-radius:50%;width:20px;height:20px;box-shadow:0 0 12px #ffc21fe6,inset 0 0 4px #fffc}.coin-num{color:#ffd23f;text-shadow:0 0 10px #ffd23fb3;font-size:21px}.coin-bonus{color:#7dffd0;letter-spacing:.06em;font-size:11px}.coin-box.pulse{animation:.3s pulse}@keyframes pulse{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.hud-tr{position:absolute;top:16px;right:16px}#minimap{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#0e081ab8,#06030ea8);border:2px solid #ffffff38;border-radius:14px;width:196px;height:196px;box-shadow:0 10px 30px #0000008c}.hud-bl{flex-direction:column;gap:10px;width:290px;display:flex;position:absolute;bottom:18px;left:18px}.speed-wrap{background:linear-gradient(#0e081ab8,#06030e9e);border:2px solid #fff3;border-radius:12px;padding:8px 14px}.speed-num{color:#fff;font-variant-numeric:tabular-nums;font-size:36px;line-height:1}.speed-num i{letter-spacing:.2em;color:#fff6ea8c;margin-left:6px;font-size:12px;font-style:normal}.speed-bar{background:#0009;border-radius:4px;height:7px;margin-top:6px;overflow:hidden}.speed-bar i{background:linear-gradient(90deg,#22e0d0,#ffd23f 62%,#ff3d7f);width:0%;height:100%;transition:width 80ms linear;display:block}.drift-charge{opacity:0;transition:opacity .2s}.drift-charge.on{opacity:1}.dc-track{background:#000000a6;border:1px solid #ffffff38;border-radius:7px;height:13px;position:relative;overflow:hidden}.dc-track i{background:linear-gradient(90deg,#3ad1ff,#ffe14d);width:0%;height:100%;transition:width 60ms linear;display:block}.dc-track i.t1{background:linear-gradient(90deg,#3ad1ff,#7dffd0)}.dc-track i.t2{background:linear-gradient(90deg,#ffd23f,#ff9a1f)}.dc-track i.t3{background:linear-gradient(90deg,#ff5db1,#ff1f6b)}.dc-track b{background:#ffffff73;width:2px;position:absolute;top:0;bottom:0}.dc-track b.m1{left:33%}.dc-track b.m2{left:66%}.dc-track b.m3{left:97%}.dc-label{letter-spacing:.24em;color:#fff6eabf;margin-top:4px;font-size:11px}.dc-label.t3{color:#ff6ba8;text-shadow:0 0 12px #ff3c8ce6}.hud-br{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.item-slot{background:linear-gradient(#0e081acc,#06030eb8);border:3px solid #ffffff3d;border-radius:16px;width:118px;height:118px;position:relative;overflow:hidden;box-shadow:0 10px 34px #0000008c}.item-slot.full{border-color:#fff;box-shadow:0 0 26px #ffffff8c,0 10px 34px #0000008c}#item-icon{width:100%;height:100%;display:block}.item-roul{opacity:0;background:linear-gradient(#0000,#22e0d059,#0000);animation:none;position:absolute;inset:0}.item-roul.on{opacity:1;animation:.12s linear infinite roul}@keyframes roul{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.boost-readout{letter-spacing:.2em;color:#fff6ea4d;align-items:center;gap:6px;font-size:12px;display:flex}.boost-readout i{background:#553;border-radius:50%;width:10px;height:10px;transition:background .1s,box-shadow .1s}.boost-readout.on{color:#7dffd0}.boost-readout.on i{background:#7dffd0;box-shadow:0 0 14px #7dffd0}.hud-tc{position:absolute;top:16px;left:50%;transform:translate(-50%)}.lap-toast{letter-spacing:.2em;text-align:center;color:#fff;text-shadow:0 0 24px #22e0d0e6;opacity:0;font-size:26px;transition:opacity .3s,transform .3s;transform:translateY(-14px)}.lap-toast.on{opacity:1;transform:translateY(0)}.centre-msg{text-align:center;letter-spacing:.16em;color:#fff;text-shadow:0 0 30px #ff3d7fe6,0 4px #00000080;opacity:0;font-size:44px;transition:opacity .3s,transform .3s;position:absolute;top:36%;left:0;right:0;transform:scale(.85)}.centre-msg.on{opacity:1;transform:scale(1)}.countdown{color:#fff;text-shadow:0 0 60px #ffd23ff2,0 8px #00000080;justify-content:center;align-items:center;font-size:170px;font-weight:900;display:flex;position:absolute;inset:0}.countdown span{animation:.9s ease-out cdn}@keyframes cdn{0%{opacity:0;transform:scale(2.6)}22%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.9)}}.countdown.go span{color:#7dffd0;text-shadow:0 0 70px #7dffd0}.standings{letter-spacing:.05em;flex-direction:column;gap:3px;font-size:12px;display:flex;position:absolute;top:118px;left:18px}.standings div{background:#0804108c;border-radius:6px;align-items:center;gap:8px;padding:2px 8px;display:flex}.standings div.me{background:#ff3d7f52;box-shadow:0 0 12px #ff3d7f59}.standings .sdot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.standings .sname{color:#fff6eae6;min-width:86px}.standings .sgap{color:#fff6ea80;font-variant-numeric:tabular-nums;font-size:11px}.speedlines{opacity:0;pointer-events:none;background:radial-gradient(#0000 40%,#ffffff29 100%);transition:opacity .18s;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(#0000 42%,#1e00328c 100%);position:absolute;inset:0}.flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:#fff;position:absolute;inset:0}.panel{text-align:center;background:linear-gradient(#1a0e2ef7,#0a0514f7);border:2px solid #7c4dff99;border-radius:18px;width:460px;padding:30px;box-shadow:0 30px 90px #000c}.panel h2{letter-spacing:.3em;color:var(--c2);text-shadow:0 0 26px #22e0d099;margin-bottom:22px;font-size:40px}.panel-rows{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.panel-rows .row{letter-spacing:.18em;color:#fff6eacc;justify-content:space-between;align-items:center;font-size:13px;display:flex}.panel-rows input[type=range]{accent-color:#ff3d7f;width:210px}.panel-rows select{color:#fff;font-family:var(--font);background:#241640;border:1px solid #ffffff4d;border-radius:6px;padding:6px 10px}.panel-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.res-wrap{text-align:center;z-index:2;background:linear-gradient(#1a0e2ef7,#0a0514f7);border:2px solid #ffd23f8c;border-radius:20px;width:760px;max-height:88vh;padding:30px 34px;overflow:auto;box-shadow:0 34px 100px #000000d9}.res-head h2{letter-spacing:.2em;background:linear-gradient(#fff0a8,#ffd23f);color:#0000;filter:drop-shadow(0 0 24px #ffd23f99);-webkit-background-clip:text;background-clip:text;font-size:44px}.res-sub{letter-spacing:.24em;color:#fff6eaa6;margin:6px 0 22px;font-size:13px}.res-table{flex-direction:column;gap:5px;margin-bottom:24px;display:flex}.res-row{text-align:left;background:#ffffff0e;border-radius:9px;grid-template-columns:52px 1fr 118px 86px;align-items:center;gap:10px;padding:9px 14px;font-size:14px;display:grid}.res-row.me{background:linear-gradient(90deg,#ff3d7f66,#ff3d7f14);box-shadow:0 0 18px #ff3d7f4d}.res-row .rp{color:var(--c3);font-size:20px;font-weight:900}.res-row .rn{align-items:center;gap:8px;display:flex}.res-row .rs{color:#fff6ea8c;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.res-row .rt{font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.res-row .rsw{border-radius:3px;width:10px;height:10px;transform:rotate(45deg)}.fatal{z-index:99;color:#ffb4c6;white-space:pre-wrap;background:#160008;padding:40px;font-family:monospace;font-size:14px;position:absolute;inset:0;overflow:auto}