:root{--bg:#0f0f14;--ink:#fff;--red:#e9265c;--yellow:#ffe14d;--gold:#ffc93a;--green:#4bea69;--blue:#2b83f6;--pink:#ff5fa2;--panel:#12101ee0;--line:#ffffff24}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--bg);width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;font-family:Londrina Solid,system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>:not(.hud){pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--yellow)}.btn{letter-spacing:.04em;color:#111;background:#fff;border:0;border-radius:999px;padding:.42em 1.3em;font:400 22px Londrina Solid,sans-serif;transition:transform 60ms;box-shadow:0 4px #000}.btn:hover,.btn.pad-focus{filter:brightness(1.08);outline:3px solid var(--yellow);outline-offset:3px}.btn:active{transform:translateY(2px);box-shadow:0 2px #000}.btn.big{background:var(--yellow);padding:.38em 1.6em;font-size:30px}.btn.ghost{color:#fff;background:#ffffff24;box-shadow:0 4px #00000080}.hdr{text-shadow:0 4px #000;letter-spacing:.03em;text-align:center;margin:0 0 14px;font:900 clamp(30px,5vw,52px) Londrina Solid}.nog svg{width:100%;color:var(--red);display:block}.screen{flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.title-screen{background:linear-gradient(#0f0f14a6,#0000 40% 60%,#0f0f14cc);justify-content:space-between}.title-screen .logo{text-align:center;margin-top:4vh}.title-screen .logo .nog{filter:drop-shadow(0 6px #000);width:min(300px,60vw);margin:0 auto 6px;display:block}.title-screen h1{color:var(--yellow);text-shadow:0 6px #000,0 0 30px #ffd23f66;letter-spacing:.02em;margin:0;font:900 clamp(64px,13vw,140px)/.82 Londrina Solid}.title-screen .logo p{opacity:.9;text-shadow:0 2px #000;margin:10px 0 0;font-size:22px}.title-screen .menu{flex-direction:column;align-items:center;gap:12px;margin-bottom:2vh;display:flex}.title-screen .menu .btn{min-width:260px}.title-screen .foot{opacity:.85;text-shadow:0 2px #000;font-size:18px}.select-screen{background:linear-gradient(90deg,#0f0f14eb 0,#0f0f14bf 52%,#0000 70%);justify-content:flex-start;align-items:stretch;padding-top:3vh}.select-screen .hdr{text-align:left}.sel-body{flex-wrap:wrap;align-items:flex-start;gap:22px;display:flex}.grid{grid-template-columns:repeat(8,62px);gap:7px;max-width:100%;display:grid}.nb{background:color-mix(in srgb, var(--c) 55%, #1a1828);border:3px solid #0000;border-radius:12px;width:62px;height:62px;padding:0;overflow:hidden;box-shadow:0 3px #000}.nb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.nb.on,.nb.pad-focus,.nb:hover{border-color:var(--yellow);transform:translateY(-2px)}.info{background:var(--panel);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;min-width:230px;padding:14px 18px;display:flex}.info .nm{color:var(--yellow);font-size:40px;line-height:1}.info .tt{opacity:.8;margin-bottom:4px;font-size:18px}.bar{justify-content:space-between;align-items:center;gap:12px;font-size:19px;display:flex}.bar i{gap:3px;display:flex}.bar b{background:var(--green);border-radius:3px;width:18px;height:12px}.bar b.off{background:#ffffff26}.info .go{margin-top:10px}.cc-screen,.cup-screen,.track-screen{background:#0f0f14b3}.ccs{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.ccs .btn{flex-direction:column;align-items:center;min-width:200px;display:flex}.ccs .btn small{opacity:.7;font-size:16px}.ccs .btn.on{background:var(--green)}.back{margin-top:18px}.cups{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.cup{background:var(--panel);border:3px solid var(--line);border-radius:20px;max-width:680px;padding:14px;box-shadow:0 5px #000}.cup:hover,.cup.pad-focus{border-color:var(--yellow)}.cup .ct{align-items:center;gap:10px;margin-bottom:10px;font-size:32px;display:flex}.cup .tro{margin-left:auto}.cup .trs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cup .tr{flex-direction:column;align-items:center;width:120px;font-size:15px;display:flex}.thumb{border-radius:10px;width:100%;height:auto;display:block}.track-screen{justify-content:flex-start}.cuprow h3{text-shadow:0 2px #000;margin:8px 0;font-size:26px}.tracks{flex-wrap:wrap;gap:12px;display:flex}.track-card{background:var(--panel);border:3px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;gap:4px;width:176px;padding:8px;display:flex;box-shadow:0 4px #000}.track-card b{font-size:21px}.track-card small{opacity:.75;font-size:14px;line-height:1.15}.track-card:hover,.track-card.pad-focus{border-color:var(--yellow);transform:translateY(-2px)}.loading{background:radial-gradient(circle,#241c40,#0f0f14);gap:10px}.loading .nog{width:140px;animation:.6s ease-in-out infinite alternate bob}.loading b{color:var(--yellow);text-shadow:0 4px #000;font-size:48px}.loading small{opacity:.8;text-align:center;max-width:520px;font-size:20px}@keyframes bob{to{transform:translateY(-10px)rotate(-3deg)}}.modal{z-index:20;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{background:var(--panel);border:2px solid var(--line);border-radius:22px;width:100%;max-width:760px;max-height:92vh;padding:18px 24px;overflow-y:auto;box-shadow:0 10px #00000080}.panel.small{max-width:360px}.panel h2{text-align:center;color:var(--yellow);text-shadow:0 3px #000;margin:0 0 10px;font-size:40px}.panel p{font-size:18px;line-height:1.3}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.opts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.opts.col{flex-direction:column;align-items:stretch}.keys{border-collapse:collapse;width:100%;font-size:17px}.keys th,.keys td{border-bottom:1px solid var(--line);text-align:left;padding:4px 8px}.keys th{color:var(--yellow);font-weight:400}.items-help{grid-template-columns:1fr 1fr;gap:6px 14px;font-size:16px;display:grid}.items-help span{margin-right:6px;font-size:22px}.items-help b{color:var(--yellow);margin-right:4px;font-weight:400}.results{background:#00000059}.results .panel{max-width:520px}.results .sub{text-align:center;opacity:.8;margin:-6px 0 10px;font-size:20px}.results .table{flex-direction:column;gap:4px;display:flex}.rr{background:color-mix(in srgb, var(--c) 22%, #ffffff0a);border-radius:12px;grid-template-columns:34px 38px 1fr auto auto auto;align-items:center;gap:10px;padding:3px 10px;font-size:21px;display:grid}.rr img{width:36px;height:36px;image-rendering:pixelated;border-radius:8px}.rr .rk{color:var(--yellow);text-align:center;font-size:26px}.rr .tm{opacity:.8;font-size:18px}.rr .pt{color:var(--green);font-size:18px}.rr .tot{text-align:right;min-width:34px;font-size:24px}.rr.me{outline:3px solid var(--yellow)}.tt-res{flex-direction:column;align-items:center;gap:6px;font-size:22px;display:flex}.tt-res b{color:var(--yellow);font-weight:400}.tt-res .rec{opacity:.8;margin-top:6px;font-size:18px}.toast{background:var(--panel);z-index:50;border-radius:999px;padding:8px 18px;font-size:20px;animation:2.6s forwards fadeout;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes fadeout{80%{opacity:1}to{opacity:0}}.hud{pointer-events:none;text-shadow:0 3px #000;position:absolute;inset:0}.hud-tl{position:absolute;top:12px;left:18px}.hud .lap{font-size:26px}.hud .lap .lbl{opacity:.85;font-size:20px}.hud .lap b{color:var(--yellow);font-size:46px;font-weight:400}.hud .lap .of{font-size:28px}.hud .timer{font-variant-numeric:tabular-nums;margin-top:-4px;font-size:28px}.hud .laps-list{opacity:.8;font-size:17px}.hud-tr{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:14px;right:18px}.item-slot{background:#0000008c;border:4px solid #ffffffb3;border-radius:20px;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative;box-shadow:0 4px #000}.item-slot .ic{text-shadow:none;font-size:56px}.item-slot .uses{color:var(--yellow);font-size:22px;position:absolute;bottom:0;right:4px}.item-slot.full{border-color:var(--yellow);animation:.25s pop}.item-slot.rolling{border-color:var(--pink)}@keyframes pop{50%{transform:scale(1.15)}}.hud .coins{font-size:26px}.hud .coins b{font-weight:400}.hud .coins.max b{color:var(--yellow)}.standings{width:70px;height:330px;position:absolute;top:150px;left:18px}.standings .row{align-items:center;gap:4px;transition:transform .35s;display:flex;position:absolute;top:0;left:0}.standings .row .r{text-align:right;width:20px;font-size:20px}.standings .row img{border:2px solid var(--c);width:34px;height:34px;image-rendering:pixelated;background:#0006;border-radius:8px}.standings .row.me img{border-color:var(--yellow);width:38px;height:38px;box-shadow:0 0 0 2px #000}.standings .row.done{opacity:.75}.minimap{opacity:.92;width:190px;height:190px;position:absolute;bottom:14px;left:14px}.pos{color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 6px #000;font-size:40px;line-height:1;position:absolute;bottom:6px;right:22px}.pos b{font-size:120px;font-weight:900}.pos.p1{color:#ffd23f}.pos.p2{color:#e0e6ee}.pos.p3{color:#f0a060}.pos.up{animation:.4s posup}.pos.down{animation:.4s posdown}@keyframes posup{40%{filter:brightness(1.5);transform:scale(1.25)}}@keyframes posdown{40%{transform:scale(.85)rotate(-6deg)}}.msg{text-align:center;position:absolute;top:24%;left:0;right:0}.msg .big{color:var(--yellow);-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:0 8px #000;font-size:clamp(60px,12vw,140px);line-height:1;animation:.35s zoomin}.msg .big.go{color:var(--green)}.msg .big.final{color:var(--red)}.msg .big.win{color:var(--yellow)}.msg .big.title{color:#fff;font-size:clamp(44px,8vw,90px)}.msg .small{margin-top:6px;font-size:30px}@keyframes zoomin{0%{opacity:0;transform:scale(2.2)}}.wrongway{color:var(--red);font-size:54px;animation:.5s infinite alternate blink;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%)}.wrongway.on{display:block}@keyframes blink{to{opacity:.3}}.flash{opacity:0;background:#fff;position:absolute;inset:0}.flash.go{animation:.6s flash}@keyframes flash{10%{opacity:.85}to{opacity:0}}.hint{opacity:0;white-space:nowrap;background:#0009;border-radius:999px;padding:8px 18px;font-size:22px;transition:opacity .3s;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.hint.on{opacity:1}.touch{pointer-events:none;position:absolute;inset:0}.touch button{pointer-events:auto;touch-action:none;color:#fff;background:#00000059;border:3px solid #ffffffb3;border-radius:50%;font-size:26px}.touch button.on{background:#ffd23f99}.touch .tl{gap:14px;display:flex;position:absolute;bottom:18px;left:14px}.touch .tl button{width:92px;height:92px;font-size:40px}.touch .tr{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:end;gap:10px;display:grid;position:absolute;bottom:18px;right:14px}.touch .td{grid-area:1/2/3;width:104px;height:104px;font-size:22px}.touch .ti{grid-area:1/1;width:78px;height:78px;font-size:18px}.touch .tb{grid-area:2/1;width:78px;height:78px;font-size:16px}.touch .tpause{width:46px;height:46px;font-size:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.is-touch .minimap{width:130px;height:130px;inset:150px 12px auto auto}.is-touch .standings{display:none}.is-touch .pos{top:280px;bottom:auto;right:16px}.is-touch .pos b{font-size:72px}.is-touch .hint{font-size:18px;bottom:140px}@media (width<=760px){.grid{grid-template-columns:repeat(8,1fr);gap:4px;width:100%}.nb{aspect-ratio:1;width:auto;height:auto}.select-screen{background:#0f0f14d1}.info{width:100%}.hud .lap b{font-size:36px}.item-slot{width:72px;height:72px}.item-slot .ic{font-size:42px}.standings{display:none}.minimap{width:130px;height:130px}.pos b{font-size:80px}.items-help{grid-template-columns:1fr}.keys{font-size:14px}}.kit{flex-direction:column;gap:8px;margin-top:4px;display:flex}.kit>div{background:#ffffff0f;border-radius:12px;max-width:300px;padding:6px 10px}.kit span{letter-spacing:.12em;opacity:.7;font-size:13px;display:block}.kit b{color:var(--yellow);font-size:22px;font-weight:400}.kit .sk b{color:var(--green)}.kit p{opacity:.9;margin:2px 0 0;font-size:15px;line-height:1.2}.weapon{grid-template-rows:auto auto;grid-template-columns:46px 1fr;align-items:center;gap:2px 8px;width:210px;display:grid;position:absolute;top:150px;right:18px}.weapon img{border:3px solid var(--c);width:46px;height:46px;image-rendering:pixelated;background:#00000073;border-radius:10px;grid-row:1/3}.wbar{background:#0000008c;border:2px solid #fff9;border-radius:99px;height:14px;overflow:hidden}.wbar i{background:var(--c);width:0;height:100%;transition:width .2s;display:block}.wname{font-size:17px;line-height:1}.wkey{color:var(--yellow);font-size:18px;position:absolute;top:-20px;right:0}.weapon.ready .wbar{border-color:var(--yellow);box-shadow:0 0 12px var(--yellow)}.weapon.ready .wbar i{background:linear-gradient(90deg, var(--c), #fff, var(--c));background-size:200% 100%;animation:.8s linear infinite shimmer}.weapon.ready img{animation:.5s infinite alternate pop}@keyframes shimmer{to{background-position:-200% 0}}.feed{flex-direction:column;align-items:flex-end;gap:3px;font-size:16px;display:flex;position:absolute;top:212px;right:18px}.feed div{border-left:4px solid var(--c);background:#00000080;border-radius:6px;padding:2px 8px;animation:.25s zoomin}.blind{opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.blind.on{opacity:1}.blind.foam{background:radial-gradient(circle at 30% 40%,#fffbe8f2 0 14%,#0000 15%),radial-gradient(circle at 70% 55%,#fffbe8f2 0 18%,#0000 19%),radial-gradient(circle at 45% 75%,#fff0c8e6 0 12%,#0000 13%),radial-gradient(circle at 60% 25%,#fffbe8e6 0 10%,#0000 11%)}.blind.screen{background:#2b5bd6}.blind.screen:after{content:":(  Your kart ran into a problem";color:#fff;font:400 clamp(22px,4vw,44px) Londrina Solid;position:absolute;top:30%;left:10%}.msg .big.special{color:#fff;font-size:clamp(44px,8vw,96px)}.touch .tw{grid-area:1/1;width:70px;height:70px;font-size:30px;position:absolute;top:-10px;left:-84px}.touch .tw.ready{background:#ffd23fbf;animation:.5s infinite alternate pop}.is-touch .weapon{width:150px;top:286px;right:10px}.is-touch .feed{display:none}@media (width<=760px){.weapon{width:160px;top:120px;right:10px}.feed{display:none}.kit>div{max-width:none}}.rotate-hint{z-index:60;color:#fff;text-align:center;background:#0f0f14eb;justify-content:center;align-items:center;padding:24px;font:400 28px Londrina Solid,sans-serif;display:none;position:fixed;inset:0}@media (orientation:portrait) and (width<=820px){body.racing.is-touch .rotate-hint{display:flex}}html,body{height:100dvh}#ui{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hud{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (height<=520px){.title-screen .logo{margin-top:1vh}.title-screen h1{font-size:56px}.title-screen .logo .nog{width:150px}.title-screen .logo p{font-size:16px}.title-screen .menu{gap:6px}.title-screen .menu .btn{min-width:220px;padding:.3em 1em;font-size:18px}.title-screen .menu .btn.big{font-size:24px}.hdr{margin-bottom:6px;font-size:28px}.grid{grid-template-columns:repeat(10,40px);gap:4px}.nb{border-radius:8px;width:40px;height:40px}.info{min-width:200px;padding:8px 12px}.info .nm{font-size:28px}.kit p{font-size:13px}.kit b{font-size:18px}.hud .lap b{font-size:34px}.hud .timer{font-size:22px}.item-slot{width:64px;height:64px}.item-slot .ic{font-size:38px}.pos b{font-size:70px}.is-touch .pos{inset:auto auto 120px 16px}.is-touch .weapon{top:112px}.is-touch .minimap{width:100px;height:100px;top:8px;right:92px}.touch .tl button{width:78px;height:78px}.touch .td{width:92px;height:92px}.touch .ti,.touch .tb{width:64px;height:64px}.msg{top:16%}.msg .big{font-size:64px}.panel{padding:12px 16px}.panel h2{font-size:30px}.rr{font-size:17px}.rr img{width:28px;height:28px}.track-card{width:150px}.cup .tr{width:96px}.title-screen{flex-direction:row;justify-content:center;align-items:center;gap:6vw}.title-screen .logo,.title-screen .menu{margin:0}.title-screen .foot{bottom:calc(6px + env(safe-area-inset-bottom));text-align:center;font-size:14px;position:absolute;left:0;right:0}.select-screen{padding-top:8px}.sel-body{flex-wrap:nowrap;gap:10px}.info .go{margin-top:4px;font-size:22px}.info .back{margin-top:0}.bar{font-size:15px}.bar b{width:14px;height:9px}.info{max-height:calc(100dvh - 70px);overflow-y:auto}.info .nm,.info .tt{order:0}.info .go,.info .back{order:1}.info .bars{order:2}.info .kit{order:3}.info .tt{margin-bottom:0}.info .back{padding:.25em 1em;font-size:16px}}.screen{justify-content:safe center}@media (height<=520px){.cups{flex-wrap:nowrap;gap:10px}.cup{flex:1;padding:8px}.cup .ct{margin-bottom:6px;font-size:22px}.cup .tr{width:62px;font-size:11px}.back{margin-top:8px}.tracks{gap:8px}.track-card{width:128px;padding:6px}.track-card small{display:none}.track-card b{font-size:16px}.cuprow h3{margin:4px 0;font-size:18px}}.cc-screen .mirror{margin-top:4px}.cc-screen .mirror.on{background:var(--blue);color:#fff}.ccs .btn:disabled small{opacity:.9}.rr .nm small{opacity:.65;margin-top:1px;font-size:12px;line-height:1;display:block}.hud.split.p1{bottom:50%}.hud.split.p2{top:50%}.hud.split .standings,.hud.split .feed,.hud.split .laps-list{display:none}.hud.split .minimap{width:110px;height:110px;bottom:8px;left:10px}.hud.split .pos{bottom:2px}.hud.split .pos b{font-size:64px}.hud.split .pos{font-size:26px}.hud.split .item-slot{border-width:3px;width:60px;height:60px}.hud.split .item-slot .ic{font-size:36px}.hud.split .weapon{width:170px;top:96px}.hud.split .lap b{font-size:30px}.hud.split .timer{font-size:20px}.hud.split .msg{top:18%}.hud.split .msg .big{font-size:clamp(36px,7vw,76px)}.hud.split .msg .small{font-size:20px}.hud.split .hint{display:none}.hud.split .tag{background:var(--c);color:#111;text-shadow:none;border-radius:999px;padding:1px 12px;font-size:18px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.split-line{z-index:5;pointer-events:none;background:#111;height:4px;margin-top:-2px;display:none;position:fixed;top:50%;left:0;right:0}body.split .split-line{display:block}.p2-help{opacity:.85;text-align:center;margin:6px 0 0;font-size:15px}.rr .nm em{background:var(--yellow);color:#111;border-radius:6px;padding:0 5px;font-size:14px;font-style:normal}.battle-hud{background:#00000073;border-radius:999px;align-items:center;gap:14px;padding:2px 16px;font-size:30px;display:none;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hud.battle .battle-hud{display:flex}.battle-hud i{opacity:.2;filter:grayscale();font-style:normal}.battle-hud .out{color:var(--red)}.battle-hud .hits{font-size:24px}.hud.battle .lap,.hud.battle .laps-list{display:none}.hud.battle .timer{font-size:38px}.hud .timer.low{color:var(--red);animation:.5s infinite alternate blink}.hud.split .battle-hud{font-size:20px;top:34px}.rr .bal{letter-spacing:-2px;font-size:15px}.mode-pick{justify-content:center;gap:8px;margin:-6px 0 10px;display:flex}.mode-pick .btn.on{background:var(--yellow)}.badges{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.badge{opacity:.55;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.badge.got{opacity:1;background:#ffd23f24}.badge .ic{font-size:30px}.badge b{color:var(--yellow);font-size:18px;font-weight:400;display:block}.badge span:not(.ic){opacity:.85;font-size:14px;line-height:1.1}.totals{text-align:center;opacity:.8;font-size:16px}