@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,800;0,900;1,900&family=Inter:wght@600;800&display=swap');
:root{--acid:#d8ff3e;--red:#ff5635}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07090c;color:#f5f3ed;font-family:Inter,Arial}#gameShell{position:relative;width:100%;height:100%;overflow:hidden}#viewport,#viewport canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}header{height:76px;position:absolute;z-index:20;inset:0 0 auto;display:grid;grid-template-columns:1fr repeat(3,145px) 54px;align-items:center;padding:0 24px;background:#090d11eb;border-bottom:1px solid #39424a}.brand{display:flex;align-items:center;gap:10px;font:900 19px 'Barlow Condensed'}.brand i{width:42px;height:44px;display:grid;place-items:center;background:var(--acid);color:#111;font-size:27px;transform:skew(-8deg)}.brand b{color:var(--acid)}.brand small{background:var(--red);padding:2px 5px}.stat{height:44px;border-left:1px solid #384049;padding-left:18px;display:grid;grid-template-columns:auto 1fr;align-items:end}.stat small{grid-column:1/-1;color:#84909a;font-size:8px;letter-spacing:1px}.stat strong{font:800 25px/1 'Barlow Condensed'}.stat em{font:normal 8px Inter;color:#78818a;margin:0 0 2px 4px}.coin strong{color:#ffd33e}header button{width:43px;height:43px;background:#192027;border:1px solid #46505a;color:white}.health{position:absolute;z-index:8;top:96px;left:22px;width:240px;padding:12px 14px;background:#0b0f13d9;border-left:4px solid var(--acid)}.health>div:first-child{display:flex;justify-content:space-between;font-size:8px;font-weight:800}.health b{color:var(--acid)}.track{height:8px;margin-top:8px;background:#333b42}.track i,.nitro i{display:block;width:100%;height:100%;background:var(--acid)}.nitro{position:absolute;z-index:8;right:24px;bottom:25px;width:180px;padding:10px;background:#0a0e12dd}.nitro small,.nitro b{font-size:8px;color:#8c969e}.nitro>div{height:7px;background:#374047;margin:5px 0}.nitro i{background:#27cfff;box-shadow:0 0 10px #27cfff}.nitro b{display:block;text-align:right}.hidden{display:none!important}.message{position:absolute;z-index:12;left:50%;top:120px;transform:translateX(-50%);padding:10px 18px;background:#0b0f13e8;border:1px solid var(--acid);color:var(--acid);font-size:11px}.overlay{position:absolute;z-index:15;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#070b0fee,#070b0f77);backdrop-filter:blur(3px)}.card{width:min(540px,90%);margin-left:-25%;padding:40px;background:#121920f2;border-left:5px solid var(--acid);box-shadow:20px 30px 70px #000}.eyebrow{color:var(--acid)!important;font-size:9px!important;letter-spacing:3px}.danger{color:var(--red)!important}.card h1,.card h2{margin:8px 0 18px;font:900 italic clamp(65px,9vw,100px)/.72 'Barlow Condensed'}.card h1 em{color:var(--acid)}.card h1 sup{font-size:20px;color:var(--red)}.card>p{color:#aab4bc;font-size:12px;line-height:1.6}.card button{width:100%;margin:18px 0;padding:15px;display:flex;justify-content:space-between;background:var(--acid);border:0;font:900 17px 'Barlow Condensed';box-shadow:6px 6px #71861d}.keys{display:flex;gap:20px;color:#929ba3;font-size:8px}.results{display:grid;gap:2px}.results span{display:flex;justify-content:space-between;background:#0d1216;padding:12px;color:#929da5;font-size:11px}.results b{color:white}.paused{position:absolute;z-index:14;inset:0;display:grid;place-content:center;text-align:center;background:#070a0daa}.paused b{font:900 italic 76px 'Barlow Condensed'}.paused small{color:#aaa}.mobile-controls{display:none;position:absolute;z-index:10;left:16px;right:16px;bottom:18px;justify-content:space-between;pointer-events:none}.mobile-controls button{pointer-events:auto;width:72px;height:62px;background:#0b1015cc;border:1px solid #fff6;color:white;font-size:24px}.mobile-controls #boostBtn{height:75px;border-radius:50%;color:#27cfff;font-size:10px}
@media(max-width:700px),(pointer:coarse){header{height:62px;padding:0 8px;grid-template-columns:1fr repeat(3,61px) 38px}.brand span{display:none}.stat{padding-left:6px}.stat strong{font-size:18px}.stat em{display:none}header button{width:35px}.health{top:74px;left:10px;width:210px}.nitro{display:none}.mobile-controls{display:flex}.card{margin:0;padding:28px}.card h1{font-size:62px}.keys{gap:8px}}