@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--orange:#ff6b35;--white:#ebf2e9;--muted:#9aafac}*{box-sizing:border-box}body{margin:0;background:#07181c;color:var(--white);font-family:Barlow,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:600 13px Barlow,Arial;letter-spacing:1px;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ffb76c;outline-offset:5px}#game{height:100dvh;min-height:480px;position:relative;isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,14,18,.72),transparent 70%),linear-gradient(0deg,rgba(3,14,18,.8),transparent 22%,transparent 80%,rgba(3,14,18,.55));z-index:1}body.playing .vignette{background:linear-gradient(0deg,rgba(3,14,18,.7),transparent 22%,transparent 86%,rgba(3,14,18,.5))}header{position:absolute;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;z-index:4}.brand{display:flex;gap:14px;align-items:center;color:var(--white);text-decoration:none;font:900 italic 38px 'Barlow Condensed',sans-serif;letter-spacing:-3px}.brand>span{border-left:1px solid #ffffff35;padding-left:14px;font:700 14px Barlow,sans-serif;letter-spacing:2px}.brand small{display:block;font:500 10px Barlow;margin-top:5px;color:#a3b7b2;letter-spacing:3px}.topright{display:flex;gap:12px;align-items:center}.topright>span{font-size:12px;letter-spacing:2px;margin-right:12px;color:#b1c8bf}.topright button{border:1px solid #ffffff30;background:#0b222880;height:38px;padding:0 12px}.overlay{position:absolute;left:8%;top:50%;transform:translateY(-47%);z-index:3}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:600;color:#b5c8c0;display:flex;align-items:center;gap:10px}.eyebrow i{width:18px;height:2px;background:var(--orange)}h1{font:900 clamp(76px,10.5vw,152px)/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:30px 0 25px;transform:skew(-5deg);text-shadow:0 6px 40px #001a23}h1 em{font-style:normal;color:var(--orange)}h1>span{font:600 17px Barlow,sans-serif;letter-spacing:16px;display:block;line-height:1;margin:23px 0 0 9px;color:#d6e6dd}p{font-size:17px;line-height:1.7;color:#b8cac4;margin:25px 0}.primary{width:275px;min-height:58px;border:none;background:var(--orange);color:#121e21;font-size:14px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 40px #ff642225}.primary:hover{background:#ff875b;transform:translateY(-2px)}.primary span{font-size:25px}.record{font-size:11px;letter-spacing:2px;margin-top:18px;color:#94aaa5}.record b{color:#d8e6de;margin-left:12px;font-size:14px}.instructions{display:flex;gap:22px;margin-top:38px;font-size:10px;letter-spacing:1px;color:#a9bcb6;align-items:center}.instructions>span{display:flex;gap:4px;align-items:center}kbd{font:12px Barlow;padding:5px 7px;border:1px solid #ffffff30;border-radius:3px;color:#e4eee8}.mobilehint{display:none}footer{position:absolute;bottom:23px;left:40px;right:40px;display:flex;justify-content:space-between;z-index:3;font-size:10px;letter-spacing:2px;color:#8fa7a1}#hud{position:absolute;z-index:2;inset:100px 40px 55px;pointer-events:none}.score small,.speed small{display:block;font-size:11px;letter-spacing:2px;color:#acc2b9}.score strong{display:block;font:600 45px 'Barlow Condensed';letter-spacing:3px}.score>span{display:block;color:var(--orange);margin-top:4px;letter-spacing:7px}.fuel{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:230px}.fuel>div:first-child{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;margin-bottom:8px}.track{height:7px;background:#ffffff24;overflow:hidden}.track i{display:block;height:100%;width:100%;background:#85d7b7;transition:width .1s}.fuel small{display:block;font-size:10px;margin-top:6px;color:#9fb4ae}.fuel small span{float:right}.speed{position:absolute;right:0;bottom:15px;text-align:right}.speed strong{font:600 40px 'Barlow Condensed';display:block}.speed>span{font-size:10px;letter-spacing:2px;color:#9cb8ad}.hidden{display:none!important}#modal{left:50%;transform:translate(-50%,-50%);text-align:center;background:#061c23ed;padding:45px;border:1px solid #779b8f44;backdrop-filter:blur(15px);min-width:340px}#modal .eyebrow{justify-content:center}h2{font:800 64px 'Barlow Condensed';margin:20px 0;color:var(--orange)}#modal .primary{margin:auto}.secondary{background:none;border:none;padding:22px 0 0;font-size:11px;color:#aac1b7}#toast{position:absolute;z-index:5;top:24%;left:50%;transform:translateX(-50%);font:700 22px 'Barlow Condensed';letter-spacing:3px;color:#ffe2a5;pointer-events:none;text-align:center;text-shadow:0 2px 10px #001d28}#touchControls{position:absolute;bottom:100px;left:20px;right:20px;z-index:4;display:none;justify-content:space-between;pointer-events:none}#touchControls button{pointer-events:auto;background:#0a2226aa;border:1px solid #ffffff40;padding:18px 12px;touch-action:none}@media(pointer:coarse){#touchControls{display:flex}.instructions{display:none}.mobilehint{display:block;font-size:12px;color:#afc4bc;margin-top:24px}}@media(max-width:650px){header{top:20px;left:20px;right:20px}.topright>span{display:none}.brand{font-size:30px}.brand>span{font-size:11px}.overlay{left:8%;transform:translateY(-42%)}h1{font-size:102px}.eyebrow{font-size:10px;letter-spacing:2px}.instructions{gap:10px;flex-wrap:wrap;max-width:300px}.instructions>span{font-size:9px}footer{left:20px;right:20px;font-size:9px}footer span:last-child{display:none}#hud{inset:85px 20px 45px}.score strong{font-size:32px}.fuel{width:170px}.speed strong{font-size:30px}.speed small{font-size:9px}#modal{padding:30px 20px;left:50%}.primary{min-height:54px}p{margin:20px 0;font-size:16px}}@media(max-height:680px) and (min-width:651px){h1{font-size:88px;margin:18px 0}.overlay{transform:translateY(-43%)}.instructions{margin-top:20px}p{margin:18px 0}.primary{min-height:48px}}