*{box-sizing:border-box;margin:0;padding:0}html,body{background:#060810;width:100%;height:100%;overflow:hidden}canvas#map{cursor:grab;display:block}canvas#map:active{cursor:grabbing}canvas#map.cursor-hidden{cursor:none!important}#hud-toggle{-webkit-backdrop-filter:blur(12px);color:#6ea5ebd9;cursor:pointer;z-index:101;background:#060a1ad1;border:1px solid #376ec859;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .15s,border-color .15s,color .15s;display:flex;position:fixed;bottom:24px;right:24px}#hud-toggle:hover{color:#afd7ff;background:#122350e6;border-color:#5096ff8c}#hud-toggle.active{color:#c8e6ff;background:#1e3c91e0;border-color:#5fa5ffbf}#hud{-webkit-backdrop-filter:blur(16px);color:#9bc3f0e6;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:100;background:#060a1ae0;border:1px solid #376ec847;border-radius:14px;min-width:210px;padding:18px 20px;font-family:Outfit,system-ui,sans-serif;font-size:13px;transition:opacity .35s;position:fixed;bottom:78px;right:24px}.hud-section{margin-bottom:16px}.hud-section:last-child{margin-bottom:0}.hud-label{text-transform:uppercase;letter-spacing:.12em;color:#4678c3bf;margin-bottom:10px;font-size:10px;font-weight:500}.hud-options{flex-wrap:wrap;gap:6px;display:flex}.hud-btn{color:#82aae1d9;cursor:pointer;background:#12234b8c;border:1px solid #2d5aaf59;border-radius:7px;padding:5px 11px;font-family:Outfit,system-ui,sans-serif;font-size:12px;transition:background .15s,border-color .15s,color .15s}.hud-btn:hover{color:#afd7ff;background:#1c3778b3;border-color:#4b91ff8c}.hud-btn.active{color:#c8e6ff;background:#234ba5cc;border-color:#5fa5ffbf}.hud-toggle{cursor:pointer;color:#87afe6e6;align-items:center;gap:9px;padding:5px 0;font-size:13px;line-height:1;display:flex}.hud-toggle input[type=checkbox]{accent-color:#4d9fff;cursor:pointer;flex-shrink:0;width:14px;height:14px}#locate-btn{-webkit-backdrop-filter:blur(12px);color:#6ea5ebd9;cursor:pointer;z-index:101;background:#060a1ad1;border:1px solid #376ec859;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .15s,border-color .15s,color .15s,opacity .35s;display:flex;position:fixed;bottom:24px;right:24px}#locate-btn:hover{color:#afd7ff;background:#122350e6;border-color:#5096ff8c}#locate-btn.loading svg{animation:.9s linear infinite locate-spin}@keyframes locate-spin{to{transform:rotate(360deg)}}