*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030406;color:#fff;font-family:Arial,Helvetica,sans-serif}
canvas{display:block;width:100%;height:100%;background:#050608}
.hidden{display:none!important}
#home{position:fixed;inset:0;z-index:20;background:
radial-gradient(circle at 55% 45%,transparent 0 20%,#020304a8 68%,#010203ef 100%),
linear-gradient(120deg,#020304f2 0 34%,transparent 65%),#080b0e;overflow:hidden}
#home:before{content:"";position:absolute;inset:0;background:
linear-gradient(180deg,transparent 0 56%,#030405ee 100%),
radial-gradient(ellipse at 60% 45%,#a4441d55 0 20%,transparent 55%)}
.shade{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff0 0 3px,#00000012 3px 4px);opacity:.4}
.brand{position:absolute;left:4vw;top:4vh;display:flex;align-items:baseline;gap:14px;z-index:2;text-shadow:0 4px 18px #000}
.brand span{font-size:48px;font-weight:900;letter-spacing:-12px;color:#ed2929}.brand b{font-size:54px;font-style:italic;letter-spacing:-4px}.brand em{font-style:normal;color:#ed3030;letter-spacing:8px}
#home main{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;padding:13vh 5vw 8vh}
.intro{max-width:760px;border-left:4px solid #e32727;padding:20px 32px;background:linear-gradient(90deg,#05070bdc,#05070b64)}
.intro small{color:#d1a35e;letter-spacing:3px}.intro h1{font-size:clamp(54px,8vw,118px);line-height:.82;letter-spacing:-6px;margin:18px 0}.intro p{max-width:650px;color:#c9d0d4;line-height:1.5;font-size:18px}
#startBtn{margin-top:14px;padding:16px 34px;border:1px solid #ff6868;background:#c92424;color:#fff;font-weight:900;font-size:19px;cursor:pointer;box-shadow:0 10px 35px #000}
.keys{margin-top:17px;color:#aeb6bb;font-size:13px}
.routes{background:#070a0de8;border:1px solid #3a4249;padding:18px;box-shadow:0 20px 70px #000b}
.routes h3{margin:0 0 10px;color:#aeb5ba;font-size:13px;letter-spacing:1px}.route{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;width:100%;text-align:left;margin:6px 0;padding:11px 13px;background:#121920;color:#fff;border:1px solid #344049;cursor:pointer}.route i{grid-row:1/3;color:#ffb433;font-style:normal;font-weight:900;font-size:20px}.route b{font-size:14px}.route small{color:#89949a;margin-top:3px}.route.active,.route:hover{border-color:#e52d2d;box-shadow:inset 3px 0 #e52d2d}
#home footer{position:absolute;z-index:2;bottom:2.5vh;left:5vw;color:#899299;font-size:13px}#home footer b{color:#ef3434}
.panel{position:fixed;top:20px;z-index:8;background:#05080bdc;border:1px solid #626d75;padding:11px 14px;min-width:160px;pointer-events:none;text-shadow:0 2px 5px #000}.panel.left{left:20px}.panel.right{right:20px;text-align:center}.panel label{display:block;color:#b9c0c5;font-size:11px}.panel strong{display:block;font-size:19px;margin:2px 0 7px}.green{color:#59e87b}.amber{color:#ffbd2c}
#camera{position:fixed;left:20px;bottom:20px;z-index:8;background:#05080bdc;border:1px solid #5d666d;padding:9px 12px;font-size:12px}
#notice{position:fixed;top:14%;left:50%;transform:translateX(-50%);z-index:9;font-size:26px;font-weight:900;color:#ffd26b;text-shadow:0 3px 10px #000}
#dash{position:fixed;z-index:7;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:12px;pointer-events:none}
.dial{width:132px;height:132px;border-radius:50%;position:relative;background:radial-gradient(circle,#070809 0 57%,#303438 58% 64%,#ddd 65% 67%,#0a0b0d 68%);box-shadow:0 9px 30px #000}
.dial .ticks{position:absolute;inset:20px;border-radius:50%;background:repeating-conic-gradient(from 220deg,#ddd3ad 0 2deg,transparent 2deg 26deg);mask:radial-gradient(circle,transparent 0 66%,#000 67%)}
.dial b{position:absolute;bottom:27px;width:100%;text-align:center;font-size:12px;font-weight:500;color:#ddd}
#needle{position:absolute;z-index:3;left:64px;bottom:64px;width:4px;height:48px;background:#f0433d;transform-origin:50% 100%;transform:rotate(-115deg);box-shadow:0 0 8px #f33}
.speedbox,.gearbox,.fuelbox{background:#080a0cde;border:1px solid #555;padding:8px 12px;min-width:105px}.speedbox small,.gearbox small,.fuelbox small{display:block;color:#9fa7ac;font-size:10px}.speedbox strong{display:block;color:#5df47a;font:38px monospace;line-height:1}.speedbox span{font-size:10px;color:#aaa}.gearbox strong{color:#ff5b36;font:34px monospace}.fuelbox div{width:105px;height:8px;background:#272727;margin-top:11px}.fuelbox i{display:block;width:100%;height:100%;background:#65df6a}
@media(max-width:900px){#home main{grid-template-columns:1fr}.routes{display:none}.brand b{font-size:36px}.brand span{font-size:34px}.brand em{font-size:11px}.panel.right{display:none}#dash{transform:translateX(-50%) scale(.8);transform-origin:bottom center}}