@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#182c2e;color:#fff;font-family:'DM Sans',sans-serif;overflow:hidden}canvas{display:block}header{position:absolute;top:30px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:1px}.brand i{color:#eaff72;font-style:normal}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:5px;color:#bbcac6}.logo{display:grid;place-content:center;background:#eaff72;color:#1c302b;width:43px;height:46px;font:bold 34px 'Barlow Condensed';border-radius:5px;transform:rotate(-5deg)}.logo span{position:absolute;right:3px;bottom:0;font-size:22px}button{cursor:pointer;font:600 11px 'DM Sans';letter-spacing:1px;color:white;border:1px solid #ffffff36;background:#172c2bcc;border-radius:6px;padding:12px 17px}button:hover{filter:brightness(1.2)}.stats{position:absolute;top:113px;left:36px;display:flex;gap:34px}.stats span{display:block;font-size:9px;letter-spacing:1.5px;color:#b9c9c5}.stats strong{font:600 43px 'Barlow Condensed';letter-spacing:2px}.stats div+div strong{color:#b2c5bd}.status{position:absolute;top:112px;right:36px;width:260px}.status>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.status b{font:600 26px 'Barlow Condensed';color:#eaff72}.track{height:5px;background:#ffffff20;border-radius:3px;margin:9px 0}.track div{height:100%;width:100%;background:#eaff72;border-radius:3px}.status small{font-size:10px;color:#b9c9c5}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding:50px 9%;background:linear-gradient(90deg,#102725ed,#142b2699 46%,transparent 80%)}.card{max-width:430px}.eyebrow{font-size:10px;letter-spacing:3px;color:#eaff72;font-weight:700}h1{font:900 clamp(64px,7vw,103px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:25px 0}h1 em{font-style:normal;color:#eaff72}.card p{font-size:14px;line-height:1.8;color:#c0d0c8;max-width:355px}.primary{background:#eaff72;color:#182c23;border:0;font-weight:800;padding:19px 24px;width:290px;display:flex;justify-content:space-between;margin:28px 0}.primary span{font-size:18px;line-height:13px}.instructions{display:flex;gap:18px;font-size:10px;color:#bacac3;margin-bottom:16px}.instructions b{color:white}.card>small{font-size:10px;color:#a2b8ab}.hidden{display:none}footer{position:absolute;bottom:25px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:#d6e1d7}footer i{display:inline-block;width:6px;height:6px;background:#eaff72;border-radius:50%;margin-right:7px}footer button{font-size:9px;padding:9px 13px}.touch{display:none;position:absolute;bottom:70px;left:15px;right:15px;justify-content:center;gap:8px}.touch button{padding:18px;touch-action:none;user-select:none}@media(pointer:coarse){.touch{display:flex}footer{bottom:18px}#mission{display:none}}@media(max-width:600px){header{top:18px;left:18px;right:18px}.stats{left:18px;top:90px;gap:20px}.status{top:92px;right:18px;width:160px}.status small{display:none}.stats strong{font-size:32px}.stats span{font-size:7px}.overlay{padding:160px 25px 110px;align-items:center}.card h1{font-size:68px;margin:15px 0}.card p{font-size:12px}.primary{margin:18px 0}.instructions{font-size:9px}footer{left:18px;right:18px}}

.car-status{position:absolute;left:36px;bottom:80px;display:flex;gap:12px;font-size:9px;letter-spacing:1.2px;pointer-events:none}.car-status span{padding:10px 13px;border:1px solid #ffffff25;border-radius:5px;background:#172c2bbf;color:#c0d0c8}#nitro-status{color:#b0edff;border-color:#80d9ff55}#nitro-status.engaged{color:#192d31;background:#b0edff;box-shadow:0 0 24px #80d9ff44}.instructions{flex-wrap:wrap;gap:10px 18px}.nitro-touch{color:#b0edff;border-color:#80d9ff88}@media(pointer:coarse){.car-status{bottom:145px}.touch{gap:6px}.touch button{padding:16px 12px}}@media(max-width:600px){.car-status{left:18px;gap:7px}.car-status span{font-size:8px;padding:8px}.touch button{padding:16px 10px;letter-spacing:0;font-size:10px}}

#speed-status{font-variant-numeric:tabular-nums;color:#eaff72}#speed-status.danger{color:#ffb097;border-color:#ff8468;background:#402c25cc}.car-status{flex-wrap:wrap;max-width:calc(100vw - 36px)}