:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#05070d}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.map-shell{position:fixed;inset:0}.map-canvas{inset:0}.hud,.map-canvas{position:absolute}.hud{top:16px;left:16px;z-index:10;max-width:260px;padding:14px 16px;border-radius:14px;color:#e8eef9;background:rgba(8,12,22,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(120,170,255,.18);box-shadow:0 8px 30px rgba(0,0,0,.45)}.hud-title{margin:0;font-size:18px;font-weight:650;letter-spacing:.2px}.hud-sub{margin:2px 0 10px;font-size:12px;color:#8fa3c4}.hud-stat{display:flex;align-items:center;gap:8px;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-dot{width:9px;height:9px;border-radius:50%;background:#44506a;transition:background .3s,box-shadow .3s}.hud-dot[data-on=true]{background:#4ade80;box-shadow:0 0 8px #4ade80}.hud-attr{margin:10px 0 0;font-size:11px;line-height:1.5;color:#6f82a3}.hud-attr a{color:#9cb8e8;text-decoration:none}.hud-attr a:hover{text-decoration:underline}