:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1016;color:#f6f7f8;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 70% 20%,rgba(44,62,78,.48),transparent 42%),linear-gradient(145deg,#111922,#080c11 70%)}#viewport{display:block;width:100%;height:100%;touch-action:none;outline:none}.hud{position:fixed;top:clamp(16px,3vw,36px);left:clamp(16px,3vw,36px);width:min(330px,calc(100vw - 32px));padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(160deg,#10171fe6,#080d13c2);box-shadow:0 24px 80px #00000061;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:3}.eyebrow{display:flex;align-items:center;gap:8px;color:#a9bdc9;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.pulse{width:8px;height:8px;border-radius:50%;background:#67dba0;box-shadow:0 0 0 5px #67dba01f}h1{margin:13px 0 2px;font-size:clamp(32px,4vw,46px);line-height:.98;letter-spacing:-.045em}.subtitle{margin:9px 0 20px;color:#a9b2bc;font-size:14px;line-height:1.45}.controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}button{min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#ffffff0f;color:#eef2f4;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}button:hover{transform:translateY(-1px);background:#ffffff1a}button:focus-visible{outline:2px solid #79d9aa;outline-offset:2px}button.primary{background:#ecf3ef;color:#111713;border-color:transparent}button.primary:hover{background:#fff}#driveIcon{display:inline-block;width:18px}.speed{display:flex;justify-content:space-between;margin-top:20px;color:#c7ced4;font-size:12px;font-weight:650}#speedValue{color:#75dba6}input[type=range]{width:100%;margin:10px 0 13px;accent-color:#70d7a3}.route-switch{display:flex;align-items:center;gap:9px;color:#aeb8c0;font-size:12px;cursor:pointer}.route-switch input{accent-color:#66d89d}.progress-track{height:3px;margin-top:18px;overflow:hidden;border-radius:999px;background:#ffffff1a}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#5ccf91,#b3f4d2);box-shadow:0 0 12px #5ccf917a}.hint{margin:13px 0 0;color:#7f8b95;font-size:11px;line-height:1.5}.loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;background:#0b1016;z-index:8;transition:opacity .55s ease,visibility .55s ease}.loading.hidden{opacity:0;visibility:hidden}.loading strong{margin-top:8px;font-size:15px}.loading small{color:#80909c}.loader{width:42px;height:42px;border:3px solid rgba(255,255,255,.1);border-top-color:#6bd69e;border-radius:50%;animation:spin .8s linear infinite}.status-pill{position:fixed;right:22px;bottom:20px;z-index:3;padding:9px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0a0f15bd;color:#aeb8bf;font-size:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.hud{padding:17px;border-radius:17px}.subtitle{margin-bottom:15px}.hint,.status-pill{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}