:root{--nav-h:60px;--safe:#2ecc71;--warn:#f1c40f;--danger:#e74c3c;--theme:var(--safe)}[data-status=safe]{--theme:var(--safe)}[data-status=warning]{--theme:var(--warn)}[data-status=danger]{--theme:var(--danger)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:'Noto Sans TC',sans-serif;background:#eee}#navbar-placeholder{height:var(--nav-h);background:#006994;position:relative;z-index:10001}#map-container{position:absolute;top:var(--nav-h);left:0;width:100%;height:calc(100% - var(--nav-h))}#map-iframe{width:100%;height:100%;border:none}#hud{position:fixed;top:calc(var(--nav-h) + 15px);left:50%;transform:translateX(-50%);width:90%;max-width:450px;background:rgba(255,255,255,.95);border-radius:16px;padding:15px 20px;z-index:9000;border-left:8px solid var(--theme);box-shadow:0 8px 30px rgba(0,0,0,.15);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud-left{display:flex;flex-direction:column}#location-name{font-size:18px;font-weight:900;color:#111}#coord{font-size:11px;color:#999;font-family:monospace}.hud-right{text-align:right}.hud-label{font-size:10px;color:#777;font-weight:800}#alt-limit{font-size:28px;font-weight:900;color:var(--theme);line-height:1}#rules-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:20000;display:flex;align-items:center;justify-content:center;padding:20px}.rules-card{background:#fff;width:100%;max-width:400px;border-radius:24px;padding:30px}.rules-card h2{margin-bottom:20px;text-align:center}.rule-box{padding:12px;border-radius:12px;margin-bottom:10px;font-size:14px}.btn-agree{width:100%;padding:15px;background:#111;color:#fff;border:none;border-radius:12px;font-weight:900;cursor:pointer;margin-top:10px}#footer-info{position:fixed;bottom:15px;left:15px;z-index:8000;pointer-events:none}.legend-tag{background:#fff;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-bottom:5px}.source-tag{font-size:10px;color:#333;font-weight:700;text-shadow:0 0 5px #fff}.pulse{animation:1s infinite danger-blink}@keyframes danger-blink{0%,100%{border-left-color:var(--danger);opacity:1}50%{border-left-color:#eee;opacity:.7}}