:root{--display:"Lilita One", "Arial Black", system-ui, sans-serif;--text:"Nunito", system-ui, sans-serif;--ink:#1b1f3b;--panel:#141838b8;--panel-edge:#ffffff2e;--gold:#ffd23f;--accent:#ff4d6d;--outline:0 3px 0 #1b1f3b, 3px 0 0 #1b1f3b, -3px 0 0 #1b1f3b, 0 -3px 0 #1b1f3b, 2px 2px 0 #1b1f3b, -2px 2px 0 #1b1f3b, 2px -2px 0 #1b1f3b, -2px -2px 0 #1b1f3b, 0 6px 0 #00000040}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--text);-webkit-user-select:none;user-select:none;background:#8fd0ff;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}#loading,.fatal{text-align:center;font-family:var(--display);color:#fff;text-shadow:var(--outline);background:linear-gradient(#2f8cf0,#c6ecff);place-items:center;font-size:28px;display:grid;position:fixed;inset:0}.ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}kbd{min-width:1.6em;color:var(--ink);font-family:var(--text);text-align:center;background:#ffffffeb;border-radius:6px;margin:0 .1em;padding:0 .4em;font-size:.85em;font-weight:800;display:inline-block;box-shadow:0 2px #00000059}.screen{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0}.panel{background:var(--panel);border:2px solid var(--panel-edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;max-width:100%;padding:18px 22px;box-shadow:0 10px 40px #00000040}.panel h2{font-family:var(--display);letter-spacing:.5px;text-align:center;margin:0 0 12px;font-size:26px;font-weight:400}.menu{grid-template:"title panel"".panel"1fr"controls panel"/1fr auto;align-items:start;padding:24px 32px;display:grid}.title{text-align:left;grid-area:title}.menu .controls{grid-area:controls;justify-content:flex-start;max-width:560px}.title h1{font-family:var(--display);text-shadow:var(--outline);margin:0;font-size:clamp(56px,11vw,120px);font-weight:400;line-height:.9;transform:rotate(-3deg)}.title .mini{color:var(--gold)}.title .kart{color:var(--accent);margin-left:.12em}.tagline{font-family:var(--display);text-shadow:var(--outline);margin:10px 0 0;font-size:clamp(18px,2.6vw,28px)}.menu .panel{grid-area:panel;grid-template-columns:auto 220px;grid-template-areas:"heading heading""roster details""engine start""hint hint";align-self:center;align-items:center;gap:12px 20px;display:grid}.menu .panel h2{grid-area:heading;margin:0}.roster{grid-area:roster;grid-template-columns:repeat(4,96px);gap:10px;display:grid}.card{background:linear-gradient(160deg, color-mix(in srgb, var(--c) 55%, white), var(--c));border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;padding:0 0 6px;transition:transform .12s,border-color .12s;display:flex;position:relative}.card img{width:90px;height:90px;display:block}.card-name{font-family:var(--display);text-shadow:0 2px #00000059;font-size:17px}.card.selected{box-shadow:0 0 0 3px var(--gold), 0 8px 18px #0000004d;border-color:#fff;transform:translateY(-4px)scale(1.06)}.details{flex-direction:column;grid-area:details;justify-content:center;align-self:stretch;gap:8px;display:flex}.details-name{font-family:var(--display);text-shadow:var(--outline);margin-bottom:4px;font-size:34px}.stat{grid-template-columns:70px 1fr;align-items:center;font-size:14px;font-weight:800;display:grid}.bar{background:#ffffff2e;border-radius:6px;height:10px;overflow:hidden}.bar i{border-radius:6px;height:100%;display:block}.engine{grid-area:engine;justify-content:center;gap:8px;display:flex}.engine-btn,.start-btn,.buttons button{font-family:var(--display);background:#ffffff26;border:none;border-radius:999px;padding:8px 18px;font-size:18px;box-shadow:inset 0 -3px #00000040}.engine-btn.selected{color:var(--ink);background:#fff}.start-btn,.buttons .retry,.buttons .resume{background:linear-gradient(#ff7a8f, var(--accent));grid-area:start;padding:10px 24px;font-size:22px;animation:1.4s ease-in-out infinite pulse}.hint{text-align:center;opacity:.75;grid-area:hint;margin:0;font-size:13px;font-weight:800}.controls{text-shadow:0 2px #0006;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:900px;font-size:14px;font-weight:800;display:flex}@keyframes pulse{50%{transform:scale(1.05)}}.results .panel,.pause .panel{min-width:min(420px,100%)}.results-table{margin:0 0 16px;padding:0;list-style:none}.results-table li{border-radius:10px;grid-template-columns:52px 22px 1fr auto;align-items:center;gap:8px;padding:6px 10px;font-weight:800;display:grid}.results-table li:nth-child(-n+3) .pos{color:var(--gold)}.results-table li.me{background:#fff3}.results-table .pos{font-family:var(--display);font-size:20px}.results-table .time{font-variant-numeric:tabular-nums;opacity:.9}.dot{border:2px solid #fff;border-radius:50%;width:16px;height:16px}.buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hud{font-family:var(--display);text-shadow:var(--outline);position:absolute;inset:0}.hud-item{position:absolute;top:18px;left:18px}.item-slot{background:radial-gradient(circle at 35% 30%,#ffffff59,#14183899);border:4px solid #fff;border-radius:22px;width:92px;height:92px;padding:10px;box-shadow:0 6px #00000040}.item-slot svg{filter:drop-shadow(0 3px #0000004d);width:100%;height:100%}.item-slot.rolling svg{opacity:.85;transform:scale(.85)}.item-count{font-size:26px;position:absolute;bottom:-6px;right:-10px}.standings{height:208px;margin:0;padding:0;font-size:16px;list-style:none;position:absolute;top:128px;left:18px}.standings li{border-radius:12px;align-items:center;gap:6px;width:140px;height:24px;padding:0 8px;transition:transform .25s;display:flex;position:absolute;top:0;left:0}.standings li .pos{text-align:right;width:16px}.standings li .dot{width:12px;height:12px}.standings li.me{background:#ffffff40;font-size:18px}.standings li.done .name:after{content:" 🏁"}.hud-lap{text-align:right;position:absolute;top:16px;right:22px}.lap{font-size:44px;line-height:1}.lap span{color:var(--gold);font-size:22px}.lap small{opacity:.85;font-size:26px}.timer{font-family:var(--text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.hud-position{color:#fff;font-size:110px;line-height:1;position:absolute;bottom:12px;right:26px}.hud-position small{font-size:44px}.hud-position[data-rank="1"]{color:var(--gold)}.hud-position[data-rank="2"]{color:#dfe7ef}.hud-position[data-rank="3"]{color:#f0a060}.hud-position.pop{animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(1.35)}}.hud-ring{width:130px;height:130px;position:absolute;bottom:14px;left:14px;overflow:visible}.ring-track{fill:#14183859;stroke:#ffffffd9;stroke-width:7px}.ring-start{stroke:#fff;stroke-width:4px}.hud-ring circle[data-id]{stroke:#fff;stroke-width:2px}.hud-message{text-align:center;color:#fff;opacity:0;font-size:clamp(60px,12vw,140px);transition:opacity .15s,transform .15s;position:absolute;top:30%;left:0;right:0;transform:scale(.6)}.hud-message.show{opacity:1;transform:scale(1)}.hud-message.go,.hud-message.finish{color:var(--gold)}.hud-message.final{color:var(--accent)}.hud-message.small,.hud-message.lap{font-size:clamp(34px,6vw,64px)}.hud-wrong-way{text-align:center;color:var(--accent);opacity:0;font-size:48px;position:absolute;top:18%;left:0;right:0}.hud-wrong-way.show{animation:.6s steps(2,end) infinite blink}@keyframes blink{0%{opacity:1}}.hud-help{text-align:center;font-family:var(--text);opacity:.8;text-shadow:0 2px #00000080;font-size:13px;font-weight:800;position:absolute;bottom:10px;left:0;right:0}@media (width<=900px){.menu{grid-template:"title""panel""controls"/1fr;justify-items:center;overflow-y:auto}.title{text-align:center}}@media (width<=760px){.menu .panel{grid-template-columns:1fr;grid-template-areas:"heading""roster""details""engine""start""hint"}.roster{grid-template-columns:repeat(4,1fr)}.card img{width:100%;height:auto}.controls,.hud-help,.standings{display:none}.hud-position{font-size:72px}}