html,body{margin:0;height:100%;overflow:hidden;background:#0b1622;color:#eef6ff;font:500 14px/1.3 system-ui,sans-serif}#c{display:block;width:100vw;height:100vh}#boot{position:fixed;inset:0;z-index:10;display:grid;align-content:end;padding:6vh 7vw;background:radial-gradient(110% 85% at 25% 30%,#1d4a6b,#0f2638,#0b1622)}#boot h1{margin:0 0 8px;font-size:clamp(32px,6vw,64px);letter-spacing:-.02em}#boot p{margin:0 0 14px;color:#a9c4dc}#boot i{display:block;height:3px;border-radius:3px;background:#ffffff29;overflow:hidden;position:relative}#boot i:after{content:"";position:absolute;top:0;bottom:0;width:28%;background:#ffb22e;animation:run 1.3s ease-in-out infinite}@keyframes run{0%{left:-28%}to{left:100%}}#boot.gone{display:none}#hud{position:fixed;top:16px;left:16px;text-shadow:0 1px 3px #000a;pointer-events:none}#place{font-size:22px;font-weight:700}#status{color:#d6e6f5;margin-top:2px}#help{position:fixed;bottom:16px;left:16px;color:#ffffffb0;font-size:12px;text-shadow:0 1px 2px #000;pointer-events:none}#credit{position:fixed;bottom:16px;right:16px;color:#ffffffb0;font-size:11px;text-shadow:0 1px 2px #000}@media (prefers-reduced-motion: reduce){#boot i:after{animation:none;left:36%}}body{font-family:Segoe UI,Arial,sans-serif}.brand,.live,.district,#dash{position:fixed;z-index:1;pointer-events:none;color:#f8f5ea;text-shadow:0 2px 9px #081211aa}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#12202549,transparent 17%,transparent 66%,#0d171b75)}.brand{top:26px;left:30px;display:flex;gap:10px;align-items:center}.brand strong{font-size:18px;font-weight:850;letter-spacing:.11em}.brand small,.eyebrow,.live span,.radar small,.radar b{display:block;font:700 9px/1.5 Segoe UI,sans-serif;letter-spacing:.16em}.brand small{font-size:8px;color:#f5e6c5}.mark{display:grid;place-items:center;width:34px;height:34px;background:#f1c67e;color:#1e292b;font:italic 900 29px/1 Georgia;box-shadow:inset 0 0 0 2px #25333155;text-shadow:none}.live{right:30px;top:26px;text-align:right}.live span{display:inline-block;background:#1b282ade;padding:4px 9px;border-radius:2px}.live i{display:inline-block;background:#e5bb75;border-radius:50%;width:6px;height:6px;margin-right:5px}.live #status{font-size:12px;color:#fff}.district{bottom:35px;left:30px}.radar{position:relative;width:clamp(120px,15vw,192px);margin-bottom:11px;border:2px solid #e3d9ba96;box-shadow:0 2px 12px #09111870;background:#253333}.radar canvas{display:block;width:100%;height:auto}.radar b,.radar small{position:absolute;top:5px;left:6px;background:#1b2528d4;padding:1px 4px}.radar small{inset:auto 5px 4px auto;font-size:7px}.eyebrow{color:#f1c67e}#place{max-width:46vw;font:italic 600 clamp(20px,2.1vw,32px)/1.15 Georgia,serif}#dash{bottom:38px;right:30px;text-align:right}#speed{font:700 clamp(38px,5vw,68px)/1.05 "Segoe UI",sans-serif;letter-spacing:-.065em;font-variant-numeric:tabular-nums}#unit{font-size:10px;font-weight:700;margin-left:7px}.meter{height:3px;background:#ffffff50;width:115px;margin:5px 0 0 auto}.meter i{display:block;height:100%;background:#f2c379}#help{z-index:2;left:50%;transform:translate(-50%);bottom:15px;color:#fff;white-space:pre;font-size:11px;background:#162023c9;padding:6px 12px;border-radius:2px}#credit{z-index:2;right:30px;bottom:10px;font-size:9px}@media (max-width: 760px){#help{bottom:5px;font-size:9px}#credit{bottom:30px;font-size:7px}.brand,.district{left:12px}.live,#dash{right:12px}#dash{bottom:50px}.district{bottom:40px}}.art{position:fixed;z-index:2;bottom:10px;left:30px;color:#ffffffbf;font-size:9px}@media (max-width: 760px){.art{bottom:23px;left:12px}}