:root{--green:#1f9d3a;--green-dark:#0f5f22;--yellow:#f6c312;--gold:#ffd23f;--ink:#1d1a17;--cream:#fff6e0;--coral:#ff6b4a;--teal:#2bb3a3}*{box-sizing:border-box}html,body{touch-action:none;height:100%;margin:0;overflow:hidden}html{background:radial-gradient(circle at 72% 58%,#fff7d6f2 0,#ffe2968c 5%,#ffe29600 16%),linear-gradient(#5fb4ec 0%,#9fd2ef 32%,#f2dcb8 56%,#fadcae 64% 100%)}body{color:var(--cream);-webkit-user-select:none;user-select:none;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}canvas#app{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button{pointer-events:auto}.hidden{display:none!important}#hud{padding:14px;position:absolute;inset:0}.hud-left,.hud-right{flex-direction:column;gap:8px;display:flex;position:absolute;top:14px}.hud-left{align-items:flex-start;left:14px}.hud-right{align-items:flex-end;right:70px}.pill{border:3px solid var(--ink);letter-spacing:1px;background:#1d1a17b8;border-radius:14px;align-items:center;gap:8px;padding:6px 14px;font-size:22px;font-weight:900;display:flex;box-shadow:0 4px #00000059}.pill .label{opacity:.8;letter-spacing:2px;font-size:12px}.pill.score{background:var(--green);border-color:var(--green-dark);font-size:30px}.pill.mult{background:var(--yellow);color:var(--ink);border-color:#a77f00;padding:2px 12px;font-size:20px}.pill.mult.pop{animation:.35s ease-out pop}.pill.coins{color:var(--gold)}.naira{font-size:24px}.pill.coins.pop{animation:.25s ease-out pop}.bar{background:#ffffff26;border:2px solid #0006;border-radius:7px;width:120px;height:14px;overflow:hidden}#fuel-bar{background:linear-gradient(90deg,#ff4d2e,#ffb02e 35%,#4cd964 70%);width:100%;height:100%;transition:width .15s linear}#body-bar{background:linear-gradient(90deg,#ff2e4d,#ff8a2e 35%,#4fc3ff 70%);width:100%;height:100%;transition:width .2s ease-out}.pill .pct{text-align:right;min-width:38px;font-size:13px}.pill.fuel.low,.pill.body.low{animation:.5s steps(2,end) infinite blink}.pill.body.hit{animation:.3s linear shake}.seats{gap:6px}.seat{background:0 0;border:3px solid #ffffff80;border-radius:50%;width:18px;height:18px}.seat.on{background:#4fc3ff;border-color:#fff;box-shadow:0 0 8px #4fc3ff}#powerups{gap:6px;display:flex}.pu{color:var(--ink);border:2px solid var(--ink);border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:900;display:flex}.pu b{text-align:right;min-width:14px}.pu-bar{background:#0000004d;border-radius:3px;width:46px;height:6px;display:block;overflow:hidden}.pu-bar i{background:currentColor;width:100%;height:100%;display:block}.pu.magnet{color:#fff;background:#ff5a5f}.pu.shield{background:#4fc3ff}.icon-btn{border:3px solid var(--ink);background:var(--yellow);width:46px;height:46px;color:var(--ink);cursor:pointer;border-radius:12px;font-size:18px;font-weight:900;position:absolute;top:14px;right:14px;box-shadow:0 4px #00000059}#btn-mute{top:auto;bottom:14px;right:14px}#btn-mute.muted{background:#999;text-decoration:line-through}#hit-flash{opacity:0;background:radial-gradient(#ff282800 35%,#ff1e1e8c 100%);position:absolute;inset:0}#hit-flash.on{animation:.45s ease-out hitflash}#toast-layer{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:26%;left:0;right:0}.toast{color:var(--gold);letter-spacing:2px;text-shadow:0 3px 0 var(--ink), 0 0 12px #00000080;-webkit-text-stroke:1.5px var(--ink);font-size:34px;font-weight:900;animation:1.1s ease-out forwards toast}.toast.pass{color:#4fc3ff}.toast.fuel{color:#6dff7a}.toast.warn{color:var(--coral)}.toast.repair{color:#ffb02e}.screen{pointer-events:auto;text-align:center;background:radial-gradient(#140f0a40,#140f0aa6);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.logo{filter:drop-shadow(0 8px #00000059);flex-direction:column;line-height:.85;display:flex;transform:rotate(-4deg)}.logo span{letter-spacing:4px;-webkit-text-stroke:4px var(--ink);font-size:clamp(64px,14vw,140px);font-weight:900}.logo-keke{color:var(--green)}.logo-rush{color:var(--yellow);margin-left:.6em}.tagline{text-shadow:0 2px 0 var(--ink);margin:0;font-size:18px;font-weight:700}.big-btn{font:inherit;letter-spacing:2px;cursor:pointer;color:var(--ink);background:var(--yellow);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:14px 40px;font-size:28px;font-weight:900;transition:transform 80ms}.big-btn:hover{transform:translateY(-2px)scale(1.03)}.big-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.big-btn:disabled{opacity:.5;cursor:wait}#btn-start{animation:1.4s ease-in-out infinite bob}.small-btn{font:inherit;color:var(--cream);border:2px solid var(--cream);cursor:pointer;background:#00000073;border-radius:12px;padding:8px 22px;font-size:16px;font-weight:800}.howto{background:#1d1a17b3;border-radius:14px;max-width:560px;padding:12px 18px;font-size:14px;line-height:1.9}.tips{opacity:.9;margin-top:4px}.c-pass{color:#4fc3ff}.c-fuel{color:#6dff7a}.c-repair{color:#ffb02e}kbd{background:var(--cream);min-width:22px;color:var(--ink);border-bottom:3px solid #b9a77f;border-radius:5px;padding:0 5px;font-size:12px;font-weight:900;line-height:20px;display:inline-block}.best{letter-spacing:2px;text-shadow:0 2px 0 var(--ink);font-weight:900}#loading{color:var(--gold);font-weight:800}.screen h2{color:var(--yellow);-webkit-text-stroke:3px var(--ink);text-shadow:0 6px 0 var(--ink);margin:0;font-size:64px}.over-sub{text-shadow:0 2px 0 var(--ink);margin:-6px 0 0;font-size:18px;font-weight:800}.results{grid-template-columns:1fr 1fr;gap:10px;min-width:300px;display:grid}.results div{background:#1d1a17bf;border-radius:12px;flex-direction:column;padding:10px 16px;display:flex}.results span{letter-spacing:2px;opacity:.8;text-transform:uppercase;font-size:12px}.results b{color:var(--gold);font-size:28px}.new-best{color:#6dff7a;text-shadow:0 3px 0 var(--ink);font-size:30px;font-weight:900;animation:.6s ease-out infinite alternate pop}.title-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.account-chip{border-color:var(--yellow);color:var(--yellow)}.panel-screen{touch-action:pan-y;justify-content:flex-start;padding-top:max(24px,6vh);overflow-y:auto}.panel-screen h2.panel-title{font-size:clamp(40px,9vw,64px)}.panel-sub{letter-spacing:1px;text-shadow:0 2px 0 var(--ink);margin:-6px 0 0;font-weight:800}.panel{text-align:left;border:3px solid var(--ink);touch-action:pan-y;overscroll-behavior:contain;background:#1d1a17d1;border-radius:16px;width:min(560px,100%);max-height:62vh;padding:16px 18px;overflow-y:auto;box-shadow:0 6px #00000059}.panel-actions{gap:10px;display:flex}.panel h3{letter-spacing:3px;color:var(--gold);margin:0 0 8px;font-size:14px}.panel section+section{border-top:2px solid #ffffff1f;margin-top:18px;padding-top:14px}.note{opacity:.9;margin:0 0 10px;font-size:14px;line-height:1.45}.muted{opacity:.7}.small{font-size:13px}.form{flex-direction:column;gap:8px;display:flex}.form label,.inline-form label{letter-spacing:2px;text-transform:uppercase;opacity:.8;font-size:12px}.hint{opacity:.7;margin-top:-4px;font-size:12px}#ui input{pointer-events:auto;-webkit-user-select:text;user-select:text;touch-action:auto}#ui input[type=email],#ui input:not([type]),#ui input[type=text]{font:inherit;border:3px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:10px;width:100%;padding:10px 12px;font-size:18px;font-weight:700}#ui input:focus-visible,#ui button:focus-visible,#ui a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.mid-btn{font:inherit;letter-spacing:2px;cursor:pointer;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;align-self:flex-start;padding:10px 22px;font-size:18px;font-weight:900}.mid-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.mid-btn:disabled,.small-btn:disabled{opacity:.5;cursor:wait}.link-btn{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:800;text-decoration:underline}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 12px;display:flex}.inline-form input{flex:160px}.who{margin:0;font-size:22px}.msg{min-height:1.2em;margin:10px 0 0;font-size:14px;font-weight:800}.msg:empty{display:none}.msg.ok,.online-status.ok{color:#6dff7a}.msg.error,.online-status.error{color:var(--coral)}.online-status{text-shadow:0 2px 0 var(--ink);max-width:520px;font-weight:800}a.small-btn{pointer-events:auto;text-decoration:none;display:inline-block}.lb-panel{padding:8px}.lb-state{text-align:center;padding:18px 10px;font-weight:800}.lb-state.loading{color:var(--gold)}.lb-state.error{color:var(--coral)}.lb-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb-row{background:#ffffff0f;border:2px solid #0000;border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.lb-rank{text-align:center;font-size:20px;font-weight:900}.lb-name{flex-direction:column;min-width:0;display:flex}.lb-name b,.lb-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-name small{opacity:.7;font-size:12px}.lb-score{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.lb-row.top .lb-rank{border:3px solid var(--ink);width:36px;height:36px;color:var(--ink);border-radius:50%;justify-self:center;font-size:18px;line-height:32px}.lb-row.top1{border-color:var(--yellow);background:#f6c31238}.lb-row.top1 .lb-rank{background:var(--gold)}.lb-row.top2{background:#dcdce629;border-color:#c9ccd6}.lb-row.top2 .lb-rank{background:#dfe2ea}.lb-row.top3{background:#cd7f3233;border-color:#cd7f32}.lb-row.top3 .lb-rank{background:#e0954d}.lb-row.me{box-shadow:inset 0 0 0 2px var(--teal)}.lb-me{background:var(--green);border:3px solid var(--green-dark);text-align:left;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;width:min(560px,100%);padding:8px 14px;font-weight:800;display:flex}.lb-me-label{background:var(--yellow);color:var(--ink);letter-spacing:2px;border-radius:8px;padding:2px 8px;font-weight:900}.lb-me-body{flex:1}.lb-me .link-btn{color:var(--cream)}.set-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-weight:800;display:flex}.set-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--green)}.set-row input[type=range]{width:min(220px,55%);accent-color:var(--yellow)}.sp-status{align-items:center;gap:8px;margin-bottom:10px;font-weight:800;display:flex}.sp-status .dot{background:#888;border-radius:50%;width:10px;height:10px}.sp-status.on .dot{background:#1ed760;box-shadow:0 0 6px #1ed760}.sp-actions{flex-wrap:wrap;gap:8px;display:flex}.sp-btn{font:inherit;letter-spacing:1px;cursor:pointer;color:#000;background:#1ed760;border:0;border-radius:999px;padding:9px 20px;font-size:15px;font-weight:900;box-shadow:0 4px #00000059}.sp-btn:disabled{opacity:.6;cursor:wait}.sp-list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.sp-item{background:#ffffff0f;border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:6px;display:grid}.sp-item img,.sp-item .sp-noart{object-fit:cover;background:#282828;border-radius:4px;width:48px;height:48px}.sp-item .sp-meta{flex-direction:column;min-width:0;display:flex}.sp-item .sp-meta b,.sp-item .sp-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-item .sp-meta small{opacity:.7;font-size:12px}.sp-item .sp-links{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.sp-open{color:#000;white-space:nowrap;pointer-events:auto;background:#1ed760;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900;text-decoration:none}.sp-app{color:var(--cream);opacity:.75;pointer-events:auto;font-size:11px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes blink{50%{background:#ff4d2ecc}}@keyframes hitflash{0%{opacity:1}to{opacity:0}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes toast{0%{opacity:0;transform:translateY(20px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.1)}75%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1)}}@media (width<=640px){.pill{padding:4px 10px;font-size:16px}.pill.score{font-size:22px}.bar{width:80px}.pill .pct{display:none}.hud-right{right:64px}.howto{font-size:12px}.panel{max-height:58vh;padding:12px}.lb-row{grid-template-columns:38px 1fr auto;gap:8px;padding:6px 8px}.lb-score,.lb-rank{font-size:16px}.panel-sub{font-size:13px}.screen h2{font-size:48px}.sp-item{grid-template-columns:40px 1fr auto}.sp-item img,.sp-item .sp-noart{width:40px;height:40px}}