:root{color:#f4f1ea;--panel:#16181cb8;--panel-border:#ffffff14;--accent:#f2a541;--accent-2:#5ec2a3;--danger:#e0574f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:#0f1216;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;border:1px solid var(--panel-border);color:inherit;background:#ffffff0f;border-radius:10px;padding:8px 12px;transition:background .12s,transform 80ms}button:hover{background:#ffffff1f}button:active{transform:scale(.97)}button.active{background:var(--accent);color:#1a1408;border-color:#0000}input[type=range]{accent-color:var(--accent)}.card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);pointer-events:auto;border-radius:16px;padding:14px 16px;position:absolute;box-shadow:0 10px 30px #00000059}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:11px}.muted{color:#f4f1ea99;margin:0;font-size:13px}.big{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.score{min-width:200px;top:16px;left:16px}.score-row{gap:22px;display:flex}.mission{text-align:center;min-width:260px;top:16px;left:50%;transform:translate(-50%)}.mission h2{margin:0 0 10px;font-size:22px}.timer{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.timer-fill{height:100%;transition:width .2s linear,background .3s}.toasts{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.toast{background:var(--panel);border:1px solid var(--panel-border);border-left:4px solid var(--accent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;padding:10px 14px;font-size:14px;animation:.24s toast-in}.toast.good{border-left-color:var(--accent-2)}.toast.bad{border-left-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;max-width:calc(100vw - 32px);padding:12px 18px;display:flex;bottom:16px;left:50%;transform:translate(-50%)}.speedo{flex-direction:column;align-items:center;min-width:90px;display:flex}.speedo-value{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.speedo-unit{color:#f4f1ea99;font-size:11px}.throttle{align-items:center;gap:8px;display:flex}.throttle input{width:200px}.throttle button{width:36px;height:36px;padding:0;font-size:18px}.row{flex-wrap:wrap;gap:8px;display:flex}button.danger{background:#e0574f33;border-color:#e0574f80}button.danger:hover{background:#e0574f66}.cameras{flex-direction:column;gap:6px;padding:10px;display:flex;bottom:16px;right:16px}.cameras button{text-align:left;align-items:center;gap:10px;display:flex}.key{background:#ffffff1f;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}button.active .key{background:#00000026}.overlay{background:radial-gradient(#0f121659,#0f1216d9);place-items:center;display:grid;position:absolute;inset:0}.intro{max-width:440px;padding:28px 30px;position:relative}.intro h1{letter-spacing:-.02em;margin:0 0 12px;font-size:38px}.intro p{color:#f4f1ead9;line-height:1.5}.help{color:#f4f1eabf;gap:6px;margin:12px 0 20px;padding:0;font-size:14px;list-style:none;display:grid}kbd{background:#ffffff1f;border:1px solid #ffffff26;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:12px;display:inline-block}button.primary{background:var(--accent);color:#1a1408;border:none;padding:12px 22px;font-size:16px;font-weight:700}@media (width<=720px){.mission{top:96px}.cameras{top:16px;bottom:auto;right:16px}.toasts{top:auto;bottom:150px}.throttle input{width:140px}}