*{box-sizing:border-box}body{margin:0;background:#111e26;color:#fff;font:14px system-ui,sans-serif;overflow:hidden}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff35;color:white;background:#15242bd9;padding:12px 16px;border-radius:4px;font-weight:750;letter-spacing:.06em}button:hover{background:#30444c}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d6ff51;outline-offset:3px}#scene,#shade{position:fixed;inset:0;width:100%;height:100%}#shade{pointer-events:none;background:linear-gradient(90deg,#09151aeb 0%,#09151ab8 32%,transparent 72%)}header{position:fixed;z-index:3;left:4%;right:4%;top:24px;display:flex;justify-content:space-between;align-items:center}#brand{font-size:30px;font-weight:950;font-style:italic;color:white;text-decoration:none}#brand span{color:#d6ff51}#brand small{display:inline-block;font-size:10px;letter-spacing:.2em;font-style:normal;margin-left:12px}.top{display:flex;gap:6px}.top button{font-size:10px;padding:10px}main{position:relative;z-index:2;width:480px;max-height:calc(100dvh - 100px);overflow:auto;margin:110px 0 0 6%;padding:0 20px 30px 0}.eyebrow{color:#d6ff51;letter-spacing:.2em;font-size:10px;font-weight:800}h1{font-size:clamp(46px,6.2vw,88px);line-height:.91;letter-spacing:-.06em;font-weight:950;margin:22px 0}h1 em{color:#d6ff51;font-style:italic}.intro{color:#c3d2d8;line-height:1.7;margin-bottom:25px}.setup{max-width:360px}label{display:block;font-size:10px;letter-spacing:.13em;color:#c2d3d8;font-weight:700;margin-bottom:12px}select{display:block;width:100%;border:1px solid #77929a70;background:#13242de8;color:white;padding:13px 10px;margin-top:7px;border-radius:3px;font-size:13px;letter-spacing:0}.row{display:flex;gap:12px}.row label{width:50%}.primary{background:#d6ff51;color:#102016;border:0;width:100%;font-size:14px;padding:18px}.primary:hover{background:#e6ff9a}.primary span{float:right}#record,details{font-size:11px;color:#bdced5;line-height:1.8}summary{cursor:pointer;letter-spacing:.12em}#hud{position:fixed;inset:100px 4% 26px;pointer-events:none}.raceInfo{display:flex;gap:35px;filter:drop-shadow(0 2px 4px #000)}.raceInfo small{font-size:9px;letter-spacing:.16em;display:block;color:#d6ff51}.raceInfo strong{display:block;font-size:28px;font-variant-numeric:tabular-nums}#map{position:absolute;right:0;top:0;background:#09151a8c;border-radius:12px}.speed{position:absolute;bottom:35px;right:0;text-align:right;text-shadow:0 2px 8px #000}.speed strong{font-size:90px;font-style:italic;line-height:1;font-variant-numeric:tabular-nums}.speed span{font-size:11px;margin-left:10px}.rpm{width:220px;height:5px;background:#ffffff40;margin:12px 0 8px}.rpm i{display:block;height:100%;background:#d6ff51}.speed small{font-size:22px}.speed label{margin-top:10px}progress{accent-color:#d6ff51;width:160px;vertical-align:middle;margin-left:10px}.hint{position:absolute;bottom:0;font-size:10px;letter-spacing:.1em;color:#dae4e9}#message{position:absolute;top:30%;width:100%;text-align:center;font-size:64px;font-weight:950;text-shadow:0 3px 15px #000}#overlay{position:fixed;inset:0;background:#071119aa;backdrop-filter:blur(9px);z-index:8;display:grid;place-items:center}#overlay[hidden], [hidden]{display:none!important}.panel{width:360px;max-width:90%;text-align:center}.panel h2{font-size:48px;margin:10px}.panel p{line-height:1.8;color:#d4e0e5}.panel button{display:block;width:100%;margin-top:12px}#touch{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:3%;right:3%;z-index:4;display:flex;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:8px}#touch button{pointer-events:auto;touch-action:none;user-select:none;min-width:62px;height:68px;background:#0c202dcc;border:1px solid #ffffff70;font-size:12px}#touch .gas{background:#d6ff51cc;color:#11200e}#touch button.active{background:#fff;color:#111}#error{position:fixed;inset:20%;padding:30px;background:#142c39;z-index:20} @media(pointer:coarse){.hint{display:none}.speed{bottom:96px}.speed strong{font-size:62px}}@media(max-width:650px){header{top:16px}#brand small{display:none}.top button{padding:8px;font-size:9px}main{margin:85px 6% 0;width:88%;max-height:calc(100dvh - 90px)}h1{font-size:55px}.intro{font-size:12px}.setup{max-width:340px}#shade{background:linear-gradient(90deg,#09151aeb,#09151a50)}.raceInfo{gap:20px}.raceInfo strong{font-size:21px}#map{top:70px;width:110px;height:92px}#hud{top:85px}.speed strong{font-size:54px}#touch button{min-width:48px;padding:8px;height:60px}.rpm{width:150px}progress{width:100px}}@media(max-height:520px){main{margin-top:75px;max-height:calc(100dvh - 80px);width:420px}h1{font-size:45px;margin:12px 0}.intro{display:none}.setup{max-width:360px}select{padding:8px}label{margin-bottom:7px}#hud{top:70px}.speed{bottom:72px}#map{width:120px;height:100px}.hint{display:none}}
@media(max-height:520px){#map{display:none}.speed strong{font-size:44px}.speed .rpm{margin:5px 0}.speed label{margin-top:4px}.speed{bottom:76px}}