.map-wrap{background:var(--sea);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:240px;position:relative;overflow:hidden}.map-wrap canvas{width:100%;height:100%;position:absolute;inset:0}.map-tip{z-index:5;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:5px;max-width:280px;padding:5px 8px;font-size:11.5px;position:absolute;box-shadow:0 6px 18px #0003}.map-ctl{z-index:4;flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.map-ctl button{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:400;display:flex}.map-ctl button:hover{background:var(--panel);border-color:var(--muted)}.map-credit{z-index:3;color:var(--muted);background:color-mix(in srgb, var(--panel) 70%, transparent);border-radius:3px;padding:0 4px;font-size:9.5px;position:absolute;bottom:2px;right:4px}.map-credit a{color:inherit}.map-legend{z-index:4;background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--line);overscroll-behavior:contain;border-radius:6px;max-width:min(340px,100% - 56px);max-height:calc(100% - 48px);padding:6px 8px;font-size:11px;position:absolute;bottom:8px;left:8px;overflow-y:auto}.map-legend>summary{cursor:pointer;color:var(--muted);font-weight:600;list-style-position:inside}.map-legend[open]>summary{margin-bottom:4px}.map-wrap.mini{min-height:0}.map-wrap.mini .map-credit{white-space:nowrap;font-size:8px;bottom:1px;right:2px}.map-daylight-key{color:var(--muted);align-items:center;gap:5px;margin-top:4px;display:flex}.map-daylight-swatch,.map-night-swatch{border:1px solid var(--line);border-radius:50%;width:12px;height:12px}.map-daylight-swatch{background:#f5d58d}.map-night-swatch{background:#23334f;margin-left:6px}.way-line{vertical-align:middle;flex:none}.way-tip{align-items:center;gap:5px;display:flex}.map-hint{z-index:6;pointer-events:none;background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0003}.live-map{--panel:var(--card,#fff);--sea:#d6e4ec;--land:#e7e4da;--land-line:#cfcabb;--c1:#24638a;--c2:#d8913a;--good:#2f7a5d;--bad:#b2453d;margin-bottom:28px;font-size:12px;line-height:1.4}:where(:root[data-theme=dark]) .live-map{--sea:#0f1d25;--land:#1d2e36;--land-line:#2c434e;--c1:#6fa8cc;--c2:#e0a35c;--good:#8cc9ad;--bad:#e39187}@media (prefers-color-scheme:dark){:where(:root:not([data-theme])) .live-map{--sea:#0f1d25;--land:#1d2e36;--land-line:#2c434e;--c1:#6fa8cc;--c2:#e0a35c;--good:#8cc9ad;--bad:#e39187}}.lm-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 14px;display:flex}.lm-worlds{gap:4px;display:flex}.lm-worlds button{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:4px;padding:3px 9px;font-size:12px;font-weight:600}.lm-worlds button:hover{background:var(--sky-soft,transparent)}.lm-worlds button.on{background:var(--navy);border-color:var(--navy);color:#fff}.lm-facts{min-width:0;color:var(--muted);flex-wrap:wrap;flex:1;gap:4px 14px;display:flex}.lm-facts b{color:var(--text);font-variant-numeric:tabular-nums}.lm-open{white-space:nowrap;font-weight:650}.lm-map{height:460px}.lm-map .map-wrap{min-height:0}.lm-key{flex-direction:column;gap:3px;display:flex}.lm-key span{align-items:center;gap:5px;display:flex}.lm-key i{border-radius:2px;flex:none;width:9px;height:9px;display:inline-block}.lm-status{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.live-map .muted{color:var(--muted)}@media (max-width:720px){.lm-map{height:320px}.lm-map .map-credit{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 90px);overflow:hidden}}