:root{--red:#e3141f;--deep:#8a0a12;--honey:#ffc629;--ink:#fff;--glass:#0c0a1e9e;--line:#ffffff2e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#0d1a2e;font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}canvas#c{touch-action:none;width:100%;height:100%;display:block}button{font:inherit;cursor:pointer}kbd{background:#ffffff29;border:1px solid #ffffff40;border-radius:5px;margin-right:.15rem;padding:.15rem .35rem;font:700 .78rem/1 ui-monospace,monospace}[hidden]{display:none!important}.screen{z-index:10;background:radial-gradient(circle at 50% 20%,#e3141f59,#080a1cdb 70%);place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#title{place-items:start center}.panel{width:min(980px,100%);padding:clamp(14px,3vw,28px) 0 40px}.panel.small{text-align:center;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;width:min(460px,100%);padding:22px 20px}.head{text-align:center;position:relative}.back{color:#fff;background:var(--glass);border-radius:999px;padding:.35rem .8rem;font-size:.95rem;font-weight:600;text-decoration:none;position:absolute;top:0;left:0}h1{color:#fff;text-shadow:0 4px 0 var(--red), 0 10px 26px #00000073;margin-top:2.2rem;font-size:clamp(2.6rem,9vw,5rem);font-weight:800;line-height:.95}h1 span{color:var(--honey)}.sub{opacity:.9;margin:.4rem 0 1rem;font-weight:600}.lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--honey);margin:1.1rem 0 .5rem;font-size:.82rem;font-weight:800}.levels{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;display:grid}.lv{text-align:left;border:2px solid var(--line);background:var(--glass);color:#fff;border-radius:16px;padding:12px 12px 10px;transition:transform .12s,border-color .12s}.lv:hover{transform:translateY(-2px)}.lv.on{border-color:var(--honey);background:#e3141f8c}.lv b{font-size:1.15rem;font-weight:800;line-height:1.1;display:block}.lv i{color:var(--honey);margin:.15rem 0 .35rem;font-size:.8rem;font-style:normal;display:block}.lv small{opacity:.88;font-size:.82rem;line-height:1.3;display:block}.lv em{letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;border-radius:6px;margin-top:.45rem;padding:.1rem .45rem;font-size:.72rem;font-style:normal;font-weight:800;display:inline-block}.opts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 18px;display:grid}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:2px solid var(--line);background:var(--glass);color:#fff;border-radius:12px;padding:.45rem .8rem .35rem;font-weight:800}.seg button.on{background:var(--honey);color:#3a1a00;border-color:#fff}.seg button:disabled{opacity:.4;cursor:not-allowed}.go-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:1.6rem;display:flex}.go{background:var(--red);color:#fff;box-shadow:0 6px 0 var(--deep);border:0;border-radius:22px;padding:.9rem 2.6rem .75rem;font-size:1.7rem;font-weight:800}.go:disabled{opacity:.6}.go:active{box-shadow:0 3px 0 var(--deep);transform:translateY(3px)}.controls{background:var(--glass);border:1px solid var(--line);border-radius:16px;max-width:720px;margin:1.6rem auto 0;padding:.7rem 1rem}.controls summary{letter-spacing:.1em;text-transform:uppercase;color:var(--honey);cursor:pointer;font-size:.82rem;font-weight:800}.keys{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.35rem 1.2rem;margin-top:.6rem;font-size:.9rem;display:grid}.keys div{border-bottom:1px dashed #ffffff1f;justify-content:space-between;align-items:center;gap:.6rem;padding:.2rem 0;display:flex}.keys b{font-weight:800}.keys .touchnote{grid-column:1/-1}.sponsor{text-align:center;color:#1a1030;border:2px dashed var(--honey);background:#ffffffed;border-radius:12px;align-content:center;place-items:center;width:300px;height:100px;line-height:1.1;display:grid}.sponsor span{text-transform:uppercase;letter-spacing:.1em;color:#8a7a9a;font-size:.7rem;font-weight:600}.sponsor b{font-size:1.25rem;font-weight:800}.sponsor em{color:#8a7a9a;font-size:.72rem;font-style:normal}.sponsor--race{top:calc(10px + env(safe-area-inset-top));opacity:.92;grid-auto-flow:column;gap:.5rem;width:220px;height:40px;position:fixed;left:50%;transform:translate(-50%)}.sponsor--race b{font-size:.95rem}#hud{pointer-events:none;z-index:5;text-shadow:0 2px 6px #0000008c;position:fixed;top:0;bottom:0;left:0;right:0}.hud-l{left:16px;top:calc(10px + env(safe-area-inset-top));position:absolute}.pos b{color:var(--honey);font-size:3.4rem;font-weight:800;line-height:.9}.pos sup{color:var(--honey);font-size:1.2rem;font-weight:800}.pos small{margin-left:.2rem;font-size:1.1rem;font-weight:800}.lap{font-size:1.2rem;font-weight:800}.time{font-variant-numeric:tabular-nums;opacity:.9;font-size:1rem;font-weight:600}.hud-r{right:16px;top:calc(10px + env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:.35rem;display:flex;position:absolute}.hbtn{pointer-events:auto;background:var(--glass);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-weight:800}.coins{align-items:center;gap:.35rem;font-size:1.5rem;font-weight:800;display:flex}.coin{background:radial-gradient(circle at 35% 35%,#fff3a0,#ffb000 60%,#c77d00);border-radius:50%;width:22px;height:22px;display:inline-block;box-shadow:0 0 0 2px #fff3}.boosts{gap:5px;display:flex}.boosts i{background:#fff3;border:1px solid #ffffff59;border-radius:6px;width:26px;height:12px}.boosts i.on{background:linear-gradient(90deg,#ffb000,#fff3a0);box-shadow:0 0 10px #ffb000}#map{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid var(--line);background:#080a1c73;border-radius:18px;width:150px;height:150px;position:absolute}.speed{right:18px;bottom:calc(16px + env(safe-area-inset-bottom));text-align:right;position:absolute}.speed b{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:.9}.speed small{opacity:.8;font-weight:800;display:block}.msg{text-align:center;color:#fff;text-shadow:0 5px 0 var(--red), 0 12px 30px #00000080;opacity:0;font-size:clamp(3rem,14vw,7rem);font-weight:800;transition:opacity .2s;position:absolute;top:30%;left:0;right:0}.msg.show{opacity:1}.msg.small{font-size:clamp(1.8rem,7vw,3.4rem)}#touch{z-index:6;padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;top:auto;bottom:0;left:0;right:0}#touch button{pointer-events:auto;color:#fff;touch-action:none;background:#0c0a1e73;border:3px solid #ffffff8c;border-radius:50%;width:78px;height:78px;font-size:1.6rem;font-weight:800}#touch button.on{color:#3a1a00;background:#ffc629bf}#touch .tl,#touch .tr{align-items:flex-end;gap:12px;display:flex}#touch .boost{background:#ffb0008c;width:70px;height:70px;font-size:.9rem}#touch .brake{border-radius:18px;width:86px;height:64px;font-size:.9rem}body.touching #map{bottom:calc(110px + env(safe-area-inset-bottom));width:110px;height:110px}body.touching .speed{bottom:calc(112px + env(safe-area-inset-bottom))}.big{color:var(--honey);text-shadow:0 3px 0 var(--red);margin-bottom:.6rem;font-size:2.6rem;font-weight:800}.menu{border:2px solid var(--line);color:#fff;background:#e3141fcc;border-radius:14px;width:100%;margin:.45rem 0;padding:.6rem 1rem .5rem;font-size:1.15rem;font-weight:800;display:block}.menu.ghost{background:0 0}.menu.hot{background:var(--honey);color:#3a1a00}.rsub{opacity:.9;margin-bottom:.6rem;font-weight:600}.rtable{border-collapse:collapse;width:100%;margin:.4rem 0 .8rem;font-size:.98rem}.rtable td{text-align:left;border-bottom:1px solid #ffffff1a;padding:.3rem .4rem}.rtable td:last-child{text-align:right;font-variant-numeric:tabular-nums}.rtable tr.me td{color:var(--honey);font-weight:800}.rbtns{grid-template-columns:1fr 1fr;gap:0 .6rem;display:grid}.rbtns .ghost{grid-column:1/-1}#results .sponsor{margin:.8rem auto 0}.loading{z-index:11;opacity:.85;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.dbg-wrap{top:calc(10px + env(safe-area-inset-top));z-index:12;position:fixed;right:70px}body.racing .dbg-wrap{top:calc(62px + env(safe-area-inset-top));right:16px}@media (max-width:600px){.back{margin-bottom:.2rem;display:inline-block;position:static}h1{margin-top:.4rem}.pos b{font-size:2.6rem}.speed b{font-size:2.2rem}.sponsor--race{display:none}.levels{grid-template-columns:1fr 1fr}.lv small{display:none}}@media (max-height:520px){body.touching #map{bottom:auto;top:calc(112px + env(safe-area-inset-top));width:90px;height:90px}body.touching .speed{bottom:calc(100px + env(safe-area-inset-bottom))}.pos b{font-size:2.2rem}#touch button{width:66px;height:66px}}