:root{--panel:#0c0e12b8;--text:#f3f1ea;--accent:#ffcf4a;--muted:#b5b2a8}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#0b0d10;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui .panel,#ui button,#ui a,#ui .menu{pointer-events:auto}.hidden{display:none!important}.loading{z-index:50;pointer-events:auto;background:radial-gradient(#1d2530 0%,#07090c 75%);place-items:center;transition:opacity .9s;display:grid;position:fixed;inset:0}.loading.fade{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(520px,86vw)}.loading .title{letter-spacing:.18em;color:#fff;text-shadow:0 6px 30px #ffcf4a59;font-size:72px;font-weight:900}.loading .subtitle{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;margin:6px 0 28px;font-size:12px}.loading .bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.loading .fill{background:linear-gradient(90deg,#ffcf4a,#ff8f4a);width:0;height:100%;transition:width .3s}.loading .text{color:var(--muted);min-height:20px;margin-top:14px;font-size:14px}.loading .error{color:#ff7a6a}.clock{text-align:right;text-shadow:0 2px 6px #000000b3;position:absolute;top:18px;right:22px}.clock .time{letter-spacing:.04em;font-size:30px;font-weight:800}.clock .weather{margin-left:8px;font-size:22px}.clock .backend{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;display:block}.mission{background:var(--panel);border-left:4px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;max-width:360px;padding:12px 16px;position:absolute;top:18px;left:22px}.mission h3{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:13px}.mission p{margin:0;font-size:15px;line-height:1.4}.mission .meta{color:var(--muted);gap:14px;margin-top:8px;font-size:13px;display:flex}.mission .timer{color:#fff;font-variant-numeric:tabular-nums;font-weight:700}.prompt{background:var(--panel);border-radius:6px;padding:10px 18px;font-size:16px;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.prompt b,.toast b{color:var(--accent)}.toast{text-align:center;text-shadow:0 3px 12px #000c;letter-spacing:.02em;font-size:26px;font-weight:800;position:absolute;top:18%;left:50%;transform:translate(-50%)}.minimap{border-radius:50%;width:230px;height:230px;position:absolute;bottom:34px;left:22px;box-shadow:0 6px 24px #0000008c}.minimap-north{color:#fff;text-align:center;background:#b8312f;border-radius:3px;width:16px;height:18px;font-size:12px;font-weight:800;line-height:18px;position:absolute;top:0;left:0}.bigmap{border:3px solid #0009;border-radius:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 50px #000000b3}.speedo{width:190px;height:190px;position:absolute;bottom:34px;right:26px}.speedo-gauge{filter:drop-shadow(0 4px 10px #0009);width:190px;height:190px}.speedo-value{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #000000b3;font-size:46px;font-weight:900;position:absolute;inset:58px 0 auto}.speedo-unit{text-align:center;color:var(--muted);letter-spacing:.2em;font-size:12px;position:absolute;inset:110px 0 auto}.speedo-gear{text-align:center;color:var(--accent);font-size:18px;font-weight:800;position:absolute;inset:130px 0 auto}.speedo-damage{background:#ffffff1f;border-radius:3px;height:5px;position:absolute;bottom:6px;left:45px;right:45px;overflow:hidden}.speedo-damage span{background:#58c46a;width:100%;height:100%;transition:width .3s;display:block}.panel{background:#0a0c10e6;border-radius:10px;min-width:340px;max-width:560px;padding:22px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0009}.panel h2{margin:0 0 12px;font-size:20px}.panel table{border-collapse:collapse;width:100%;font-size:14px}.panel td{border-bottom:1px solid #ffffff0f;padding:4px 8px}.panel td:first-child{color:var(--accent);white-space:nowrap;font-weight:700}.panel p{color:var(--muted);font-size:13px}.menu .quality{gap:8px;margin-bottom:10px;display:flex}.menu button{color:#fff;cursor:pointer;background:#222831;border:1px solid #39414d;border-radius:6px;padding:8px 14px;font-size:14px}.menu button.active{background:var(--accent);color:#111;border-color:var(--accent)}.menu .resume{width:100%;margin-top:8px;padding:10px;font-weight:700}.menu .small{font-size:12px}.stats{background:var(--panel);white-space:pre;border-radius:4px;padding:8px 12px;font:12px/1.5 ui-monospace,monospace;position:absolute;top:90px;right:22px}.attribution{color:#ffffffbf;text-shadow:0 1px 2px #000;pointer-events:auto;font-size:10.5px;position:absolute;bottom:6px;right:8px}.attribution a{color:#fff}.hint{color:#ffffffb3;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hint b{color:var(--accent)}.street{text-shadow:0 2px 6px #000000d9,0 0 2px #000;position:absolute;bottom:40px;left:266px}.street .street-name{letter-spacing:.02em;color:#fff;font-size:24px;font-weight:800;display:block}.street .street-town{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600;display:block}.street.pop{animation:.6s ease-out street-pop}@keyframes street-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}