:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd{color:var(--text-primary);gap:6px;padding:0 1px 1px;display:grid}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-title{color:var(--text-primary);letter-spacing:.01em;padding-right:18px;font-size:.68rem;font-weight:700;line-height:1.25}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-position{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:3px 10px;padding:5px 0 6px;font-size:.62rem;display:flex}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-coord{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-coord i{color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;opacity:.72;font-size:.52rem;font-style:normal;font-weight:600}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-coord b{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:650}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation{color:var(--text-primary);cursor:default;align-items:center;gap:4px;margin-left:auto;display:inline-flex;position:relative}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation b{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-terrain{width:17px;height:17px;color:var(--text-primary);flex:none}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metrics{flex-wrap:wrap;gap:3px;display:flex}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric{border-radius:var(--radius-sm);min-width:0;color:var(--text-secondary);border:1px solid #0000;outline:none;flex-direction:column;flex:0 0 46px;align-items:center;gap:1px;padding:3px 0 2px;transition:background-color .16s,border-color .16s,color .16s;display:flex;position:relative}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric:hover,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric:focus-visible{background:var(--hover-bg);color:var(--text-primary)}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric:focus-visible{border-color:color-mix(in srgb, var(--text-primary) 45%, transparent)}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-icon{place-items:center;width:26px;height:26px;display:grid}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-svg{width:26px;height:26px;overflow:hidden}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric b{color:var(--text-primary);letter-spacing:-.01em;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.54rem;font-weight:650;line-height:1.2}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric .wpd-detail{color:var(--text-secondary);text-align:center;white-space:nowrap;font-size:.5rem;line-height:1.1;display:block}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric[data-active=true]{border-color:color-mix(in srgb, var(--text-primary) 38%, transparent);background:color-mix(in srgb, var(--text-primary) 9%, transparent);color:var(--text-primary)}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric[data-active=true]:before{background:var(--text-primary);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:3px}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric:after,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation:after{z-index:5;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--bg-secondary);max-width:230px;box-shadow:var(--shadow-card,0 4px 14px #00000040);color:var(--text-primary);content:attr(data-label);opacity:0;pointer-events:none;text-align:center;white-space:normal;width:max-content;padding:4px 8px;font-size:.58rem;font-weight:500;line-height:1.3;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,3px)}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric:hover:after,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric:focus-visible:after,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation:hover:after,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation:focus-visible:after{opacity:1;transform:translate(-50%)}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation:after{left:auto;right:0;transform:translateY(3px)}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation:hover:after,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation:focus-visible:after{transform:translate(0)}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-empty{color:var(--text-primary);opacity:.8;font-size:.6rem;display:block}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-skeleton{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--text-primary) 10%, transparent) 50%, transparent 80%) 0 0 / 200% 100%;border-radius:var(--radius-sm);height:42px;padding:0;animation:1.3s linear infinite wpd-shimmer}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-skeleton:after,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-skeleton:before{display:none}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-flow{stroke-dasharray:11 5;animation:1.6s linear infinite wpd-flow}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-flow-b{animation-duration:2.1s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-flow-c{animation-duration:1.3s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-gust .wpd-flow{animation-duration:.9s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-gust .wpd-flow-b{animation-duration:1.2s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-gust .wpd-flow-c{animation-duration:.7s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-wave{animation:2.4s linear infinite wpd-wave}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-wave-small{animation-duration:2s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-wave-fill{animation-duration:3s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-swell{animation:5s linear infinite wpd-swell}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-mercury{stroke-dasharray:10;transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite wpd-mercury}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-bulb{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite wpd-pulse}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-drop{animation:.95s linear infinite wpd-fall}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-flake{animation:2s linear infinite wpd-snow}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-d1{animation-delay:0s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-d2{animation-delay:.24s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-d3{animation-delay:.48s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-d4{animation-delay:.72s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-heavy .wpd-drop{animation-duration:.6s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-heavy .wpd-flake{animation-duration:1.3s}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-dry .wpd-drop,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-dry .wpd-flake{opacity:.25;animation:none}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-drift{animation:4s ease-in-out infinite wpd-drift}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-drift-b{animation-duration:5.2s;animation-direction:reverse}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-ripple{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite wpd-ripple}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-needle{transform-box:view-box;transform-origin:16px 22px;animation:4.5s ease-in-out infinite wpd-needle}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-pupil{transform-box:fill-box;transform-origin:50%;animation:4.5s ease-in-out infinite wpd-look}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-puff{animation:1.1s ease-out infinite wpd-puff}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-bolt{animation:2.6s linear infinite wpd-flicker}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-sun{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite wpd-pulse}@keyframes wpd-flow{to{stroke-dashoffset:-32px}}@keyframes wpd-wave{to{transform:translate(16px)}}@keyframes wpd-swell{to{transform:translate(24px)}}@keyframes wpd-mercury{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes wpd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes wpd-fall{0%{opacity:0;transform:translateY(-1.5px)}18%{opacity:1}to{opacity:0;transform:translate(-1.8px,7.5px)}}@keyframes wpd-snow{0%{opacity:0;transform:translateY(-1px)}20%{opacity:1}50%{transform:translate(1.8px,3px)}to{opacity:0;transform:translate(-1.2px,7px)}}@keyframes wpd-drift{0%,to{transform:translate(-3.2px)}50%{transform:translate(3.2px)}}@keyframes wpd-ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}@keyframes wpd-needle{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes wpd-look{0%,to{transform:translate(0)}30%{transform:translate(2px)}65%{transform:translate(-2px)}}@keyframes wpd-puff{0%,to{opacity:.2}50%{opacity:1}}@keyframes wpd-flicker{0%,62%,70%,to{opacity:1}64%,68%{opacity:.15}66%{opacity:.9}}@keyframes wpd-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd *,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd :after{animation:none!important}:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-metric:after,:is(.weather-point-inspector,.weather-point-flag,.vessel-weather-card) .wpd-elevation:after{transition:none}}.weather-point-flag{--flag-cloth:#0f1115f2;--flag-ring:var(--map-ui-ring,#ffffff38);--flag-pole:#e8ebf0;--flag-text:#f5f7fa;--flag-text-soft:#f5f7faad;z-index:1320;pointer-events:none;filter:drop-shadow(0 0 5px #ffffff29);position:absolute}[data-theme=light] .weather-point-flag{--flag-cloth:#fffffff7;--flag-pole:#3a4250;--flag-text:#121821;--flag-text-soft:#121821a8;filter:drop-shadow(0 3px 6px #0f172a4d)}.weather-point-flag svg{display:block;overflow:visible}.weather-point-flag .wpf-rise{animation:.3s cubic-bezier(.2,.8,.25,1) both wpf-raise}@keyframes wpf-raise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.weather-point-flag .wpf-pole{stroke:var(--flag-pole);stroke-width:2px;stroke-linecap:round}.weather-point-flag .wpf-ground{fill:#00000059}.weather-point-flag .wpf-foot{stroke:var(--flag-pole);stroke-width:1.4px}.weather-point-flag .wpf-cloth{fill:var(--flag-cloth);stroke:var(--flag-ring);stroke-width:1px;stroke-linejoin:round}.weather-point-flag .wpf-shade{pointer-events:none;mix-blend-mode:normal}.weather-point-flag .wpf-hoist{opacity:.95}.weather-point-flag text{fill:var(--flag-text);font-family:var(--font-body,inherit);font-variant-numeric:tabular-nums}.weather-point-flag .wpf-label{fill:var(--flag-text-soft);letter-spacing:.06em;text-transform:uppercase;font-size:7.5px;font-weight:600}.weather-point-flag .wpf-value{letter-spacing:-.01em;font-size:15px;font-weight:750}.weather-point-flag .wpf-detail{fill:var(--flag-text-soft);font-size:8.5px;font-weight:550}.weather-point-flag .wpf-arrow{fill:var(--flag-text-soft)}.weather-point-flag .wpf-coords{letter-spacing:0;font-size:8.3px;font-weight:650}.weather-point-flag .wpf-elevation{fill:var(--flag-text-soft);font-size:8.3px;font-weight:600}.weather-point-flag .wpf-icon{color:var(--flag-text)}.weather-point-flag .wpf-icon .wpd-svg{width:28px;height:28px}.weather-point-flag .wpf-reading{transition:opacity .22s,filter .22s}.weather-point-flag .wpf-reading.wpf-blurred{opacity:0;filter:blur(3px)}@media (prefers-reduced-motion:reduce){.weather-point-flag .wpf-reading{transition:none}}.weather-point-flag .wpf-pulse{animation:1.2s ease-in-out infinite wpf-pulse}@keyframes wpf-pulse{50%{opacity:.45}}.weather-point-flag .wpf-close{pointer-events:all;cursor:pointer;outline:none}.weather-point-flag .wpf-close circle{fill:var(--flag-cloth);stroke:var(--flag-ring);stroke-width:1px;transition:fill .15s}.weather-point-flag .wpf-close path{stroke:var(--flag-text-soft);stroke-width:1.5px;stroke-linecap:round;fill:none}.weather-point-flag .wpf-close:hover circle,.weather-point-flag .wpf-close:focus-visible circle{fill:var(--map-ui-active,#ffffff29)}.weather-point-flag .wpf-close:hover path,.weather-point-flag .wpf-close:focus-visible path{stroke:var(--flag-text)}@media (prefers-reduced-motion:reduce){.weather-point-flag .wpf-rise,.weather-point-flag .wpf-pulse{animation:none}}.weather-point-flag .wpf-terrain{color:var(--flag-text)}.weather-point-flag .wpf-terrain .wpd-terrain{width:32px;height:32px}.weather-point-flag .wpf-terrain svg{overflow:hidden}.weather-point-flag .wpf-terrain .wpd-wave{transform-box:fill-box;transform-origin:50%;animation:1.05s ease-in-out infinite wpf-level}.weather-point-flag .wpf-terrain .wpd-wave:nth-of-type(2){animation-delay:-.35s}.weather-point-flag .wpf-terrain .wpd-wave:nth-of-type(3){animation-delay:-.7s}@keyframes wpf-level{0%,to{transform:translateY(-1.6px)scaleY(.55)}50%{transform:translateY(1.6px)scaleY(1.5)}}@media (prefers-reduced-motion:reduce){.weather-point-flag .wpf-terrain .wpd-wave{animation:none}}.vessel-tooltip-positioner{width:max-content;position:absolute;bottom:0;left:0;transform:translate(-50%);pointer-events:none!important}.vessel-tooltip{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:999999;transform-origin:bottom;isolation:isolate;will-change:transform, opacity;width:max-content;max-width:210px;margin-bottom:1px;padding:5px 7px;animation:.22s cubic-bezier(.175,.885,.32,1.275) forwards tooltipBubblePop;position:relative;bottom:auto;right:auto;pointer-events:none!important}.vessel-tooltip-weather{border-top:1px solid var(--card-border);margin-top:4px;padding-top:4px}.vessel-tooltip-risk{border-radius:999px;padding:2px 5px;font-size:.58rem;font-weight:900}.vessel-tooltip-risk.watch{color:#b45309;background:#f59e0b29}.vessel-tooltip-risk.high{color:#c2410c;background:#f9731629}.vessel-tooltip-risk.critical{color:#be123c;background:#e11d4829}.vessel-tooltip *{pointer-events:none!important}.vessel-tooltip:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--card-bg);filter:drop-shadow(-1px -1px 1px #0000001a);border-bottom:0;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);pointer-events:none!important}@keyframes tooltipBubblePop{0%{opacity:0;transform:scale(.3)translateY(12px)}70%{transform:scale(1.06)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.vessel-tooltip-header{border-bottom:1px solid var(--card-border);align-items:center;gap:5px;margin-bottom:4px;padding-bottom:4px;display:flex}.vessel-tooltip-flag{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:13px;display:flex;overflow:hidden}.vessel-tooltip-flag img{object-fit:cover;width:100%;height:100%;display:block}.vessel-tooltip-flag-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.vessel-tooltip-name-section{flex-direction:column;flex:1;gap:1px;display:flex}.vessel-tooltip-name{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:115px;font-size:.56rem;font-weight:600;line-height:1.2}.vessel-tooltip-type{color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:115px;font-size:.49rem;font-weight:500;line-height:1.1}.vessel-tooltip-content{flex-direction:column;gap:2px;display:flex}.vessel-tooltip-row{justify-content:space-between;align-items:flex-start;gap:6px;min-height:13px;font-size:.55rem;display:flex}.vessel-tooltip-traffic-notice{border-radius:var(--radius-sm);background:var(--accent-bg);margin:2px 0;padding:4px 5px}.vessel-tooltip-traffic-notice .vessel-tooltip-value{text-align:left;max-width:180px;color:var(--text-secondary);font-size:.51rem;line-height:1.35}.vessel-tooltip-label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;min-width:42px;font-size:.52rem;font-weight:500}.vessel-tooltip-value{color:var(--text-primary);text-align:right;word-break:break-word;overflow-wrap:break-word;white-space:normal;flex:1;max-width:75px;font-size:.55rem;font-weight:600}.vessel-tooltip-datetime{flex-direction:column;flex:1;align-items:flex-end;gap:0;max-width:75px;display:flex}.vessel-tooltip-date{color:var(--text-primary);font-size:.55rem;font-weight:600;line-height:1.2}.vessel-tooltip-time{color:var(--text-primary);font-size:.52rem;font-weight:600;line-height:1.1}[data-theme=dark] .vessel-tooltip{background:#141820fa;border-color:#ffffff1a}[data-theme=dark] .vessel-tooltip-header{border-bottom-color:#ffffff1a}[data-theme=light] .vessel-tooltip{background:#fffffffa;border-color:#0000001a;box-shadow:0 4px 12px #00000026}[data-theme=light] .vessel-tooltip-header{border-bottom-color:#0000001a}@media (width<=768px){.vessel-tooltip{max-width:160px;padding:6px 8px;font-size:.56rem}.vessel-tooltip-name{font-size:.6rem}.vessel-tooltip-row{gap:6px;font-size:.56rem}.vessel-tooltip-label{min-width:42px}}.map-quality,.map-quality-notice{--mq-bg:var(--glass-bg,color-mix(in srgb, var(--card-bg,#0d131b) 92%, transparent));--mq-bg-hover:var(--glass-bg-hover,var(--map-ui-hover,#ffffff1a));--mq-fg:var(--text-primary,#f2f6fb);--mq-muted:var(--text-secondary,#a9bbd0);--mq-faint:var(--text-muted,#7b8aa0);--mq-ring:var(--map-ui-ring,#ffffff38);--mq-halo:var(--map-ui-halo,0 0 0 1px #ffffff24, 0 6px 18px #0006);--mq-halo-strong:var(--map-ui-halo-strong,0 0 0 1px #ffffff47, 0 8px 22px #00000080);--mq-hover:var(--map-ui-hover,#ffffff1a);--mq-active:var(--map-ui-active,#ffffff29)}.map-quality{z-index:1250;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.map-quality>*{pointer-events:auto}.map-quality-toggle{border:1px solid var(--mq-ring);width:32px;min-height:44px;color:var(--mq-fg);background:var(--mq-bg);box-shadow:var(--mq-halo);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:5px 0 6px;transition:background-color .15s,box-shadow .15s;display:inline-flex}.map-quality-toggle:hover,.map-quality.open .map-quality-toggle{background:var(--mq-bg-hover);box-shadow:var(--mq-halo-strong)}.map-quality-toggle:focus-visible,.map-quality-option:focus-visible{outline:2px solid var(--mq-fg);outline-offset:2px}.map-quality-toggle-tag{letter-spacing:.06em;color:var(--mq-muted);font-size:.6rem;font-weight:700;line-height:1}.map-quality-bars{width:16px;height:14px}.map-quality-bars .on{fill:var(--mq-fg)}.map-quality-bars .off{fill:var(--mq-faint);opacity:.45}.map-quality-panel{box-sizing:border-box;border:1px solid var(--mq-ring);width:min(280px,100cqw - 72px,100vw - 96px);color:var(--mq-fg);background:var(--mq-bg);box-shadow:var(--mq-halo);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);text-align:left;border-radius:14px;padding:10px}.map-quality-heading{gap:2px;padding:2px 4px 8px;display:grid}.map-quality-heading strong{font-size:.82rem}.map-quality-heading span{color:var(--mq-muted);font-size:.68rem;line-height:1.3}.map-quality-options{gap:4px;display:grid}.map-quality-option{width:100%;color:var(--mq-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin:0;padding:8px;transition:background-color .15s,border-color .15s;display:flex}.map-quality-option:hover{background:var(--mq-hover)}.map-quality-option.selected{color:var(--mq-fg);border-color:var(--mq-ring);background:var(--mq-active)}.map-quality-option .map-quality-bars{flex:none;width:20px;height:17px}.map-quality-option-text{gap:1px;min-width:0;display:grid}.map-quality-option-label{color:var(--mq-fg);font-size:.8rem;font-weight:600}.map-quality-option-summary{font-size:.68rem;line-height:1.3}.map-quality-notice{z-index:1260;box-sizing:border-box;border:1px solid var(--mq-ring);width:min(430px,100% - 24px);max-height:calc(100% - 24px);color:var(--mq-fg);background:var(--mq-bg);box-shadow:var(--mq-halo-strong);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);text-align:left;border-radius:16px;padding:16px 18px 14px;animation:.16s ease-out map-quality-notice-in;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.map-quality-notice-title{padding-right:28px;font-size:.95rem;display:block}.map-quality-notice p{color:var(--mq-muted);margin:8px 0 0;font-size:.78rem;line-height:1.45}.map-quality-notice ol{color:var(--mq-fg);margin:10px 0 0;padding-left:20px;font-size:.78rem;line-height:1.45}.map-quality-notice li{margin:4px 0;padding-left:2px}.map-quality-notice .map-quality-notice-note{margin-top:10px;font-size:.7rem}.map-quality-notice-close{width:28px;height:28px;color:var(--mq-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;margin:0;padding:0;font-size:1.25rem;line-height:1;display:inline-grid;position:absolute;top:8px;right:8px}.map-quality-notice-close:hover{color:var(--mq-fg);background:var(--mq-hover)}.map-quality-notice-done{border:1px solid var(--mq-ring);min-width:96px;color:var(--mq-fg);background:var(--mq-active);font:inherit;cursor:pointer;border-radius:10px;margin:14px 0 0 auto;padding:7px 16px;font-size:.8rem;font-weight:600;display:block}.map-quality-notice-done:hover{background:var(--mq-hover)}.map-quality-notice-close:focus-visible,.map-quality-notice-done:focus-visible{outline:2px solid var(--mq-fg);outline-offset:2px}@keyframes map-quality-notice-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (pointer:coarse){.map-quality-toggle{width:40px;min-height:52px}.map-quality-option{padding:10px 8px}}@container (width>=700px){.live-map-page.map-fullscreen-mode .map-quality.beside-panel{right:408px}}@container (width<=560px){.live-map-page .map-quality{top:auto;bottom:88px;right:12px;transform:none}}@media (prefers-reduced-motion:reduce){.map-quality-toggle,.map-quality-option{transition:none}.map-quality-notice{animation:none}}.tgc{box-sizing:border-box;color:var(--text-primary);background:color-mix(in srgb, var(--card-bg) 94%, transparent);border:1px solid var(--card-border);box-shadow:0 14px 34px #00000061, 0 0 0 1px color-mix(in srgb, var(--text-primary) 6%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);pointer-events:auto;z-index:1000000;isolation:isolate;border-radius:11px;grid-template-columns:184px minmax(0,1fr);animation:.18s cubic-bezier(.2,.8,.3,1) both tgc-in;display:grid;position:fixed;overflow:hidden}.tgc.pos-right{transform-origin:0}.tgc.pos-left{transform-origin:100%}.tgc.list-only{grid-template-columns:minmax(0,1fr)}[data-theme=light] .tgc{box-shadow:0 14px 36px #0f172a2e,0 0 0 1px #0f172a0d}@keyframes tgc-in{0%{opacity:0;transform:translateY(5px)scale(.985)}to{opacity:1;transform:none}}@keyframes tgc-swap{0%{opacity:0;transform:translate(5px)}to{opacity:1;transform:none}}.tgc-list{border-right:1px solid var(--card-border);background:color-mix(in srgb, var(--text-primary) 3%, transparent);flex-direction:column;min-width:0;min-height:0;display:flex}.tgc.list-only .tgc-list{border-right:0}.tgc-list-head{flex-direction:column;gap:6px;padding:9px 9px 6px;display:flex}.tgc-heading{color:var(--text-primary);letter-spacing:-.005em;justify-content:space-between;align-items:center;gap:8px;font-size:.68rem;font-weight:650;display:flex}.tgc-count{background:color-mix(in srgb, var(--text-primary) 11%, transparent);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 7px;font-size:.58rem;font-weight:600}.tgc-search{align-items:center;display:flex;position:relative}.tgc-search svg{fill:none;width:11px;height:11px;stroke:var(--text-secondary);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;left:8px}.tgc-search input{box-sizing:border-box;width:100%;height:25px;color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 6%, transparent);border:1px solid #0000;border-radius:8px;outline:none;padding:0 22px 0 24px;font-size:.6rem;transition:background-color .15s,border-color .15s,box-shadow .15s}.tgc-search input::placeholder{color:var(--text-secondary);opacity:.85}.tgc-search input:focus{background:color-mix(in srgb, var(--text-primary) 9%, transparent);border-color:color-mix(in srgb, var(--text-primary) 40%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-primary) 10%, transparent)}.tgc-search-clear{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:15px;line-height:20px;position:absolute;right:5px}.tgc-search-clear:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 12%, transparent)}.tgc-rows{flex:auto;min-height:0;padding:1px 5px 6px;overflow-y:auto}.tgc-rows,.tgc-detail-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.tgc-empty{color:var(--text-secondary);text-align:center;padding:22px 8px;font-size:.72rem}.tgc-row{box-sizing:border-box;width:100%;color:var(--text-primary);text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 31px;background:0 0;border:0;border-radius:7px;outline:none;align-items:center;gap:7px;padding:4px 6px;transition:background-color .12s;display:flex;position:relative}.tgc-row:hover{background:color-mix(in srgb, var(--text-primary) 7%, transparent)}.tgc-row.active{background:color-mix(in srgb, var(--text-primary) 12%, transparent)}.tgc-row.active:before{background:var(--text-primary);content:"";border-radius:2px;width:2.5px;position:absolute;top:7px;bottom:7px;left:0}.tgc-row:focus-visible{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--text-primary) 55%, transparent)}.tgc-detail-flag img{height:19px}.tgc-row-flag{flex:0 0 19px;place-items:center;width:19px;display:grid}.tgc-row-flag img,.tgc-detail-flag img{object-fit:cover;width:100%;height:13px;box-shadow:0 0 0 1px color-mix(in srgb, var(--text-primary) 18%, transparent);border:0;border-radius:3px;display:block}.tgc-flag-empty{background:color-mix(in srgb, var(--text-primary) 14%, transparent);border-radius:3px;width:19px;height:13px;display:block}.tgc-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tgc-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:560;line-height:1.2;overflow:hidden}.tgc-row-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;line-height:1.15;overflow:hidden}.tgc-detail{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.tgc-close{z-index:3;width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:16px;line-height:20px;transition:background-color .12s,color .12s;position:absolute;top:7px;right:7px}.tgc-close:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 12%, transparent)}.tgc-detail-body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:10px 12px 4px;animation:.16s ease-out both tgc-swap;display:flex;overflow-y:auto}.tgc-detail-head{align-items:center;gap:9px;padding-right:22px;display:flex}.tgc-detail-flag{flex:0 0 28px;width:28px;display:block}.tgc-detail-title{flex-direction:column;gap:2px;min-width:0;display:flex}.tgc-detail-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;line-height:1.2;overflow:hidden}.tgc-detail-type{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;line-height:1.2;overflow:hidden}.tgc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.tgc-stat{border:1px solid var(--card-border);background:color-mix(in srgb, var(--text-primary) 4%, transparent);border-radius:9px;flex-direction:column;gap:2px;padding:6px 9px;display:flex}.tgc-stat-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.56rem;font-weight:550}.tgc-stat-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.98rem;font-weight:700;line-height:1.1;display:flex}.tgc-stat-value em{color:var(--text-secondary);margin-left:-3px;font-size:.6rem;font-style:normal;font-weight:600}.tgc-compass{flex:0 0 14px;width:14px;height:14px;transition:transform .35s cubic-bezier(.2,.8,.3,1)}.tgc-notice{background:color-mix(in srgb, var(--text-primary) 7%, transparent);color:var(--text-secondary);border-radius:7px;padding:4px 8px;font-size:.6rem;line-height:1.3}.tgc-fields{flex-direction:column;margin:0;display:flex}.tgc-field{border-bottom:1px solid color-mix(in srgb, var(--card-border) 55%, transparent);grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:8px;padding:4px 0;display:grid}.tgc-field:last-child{border-bottom:0}.tgc-field dt{color:var(--text-secondary);margin:0;font-size:.6rem}.tgc-field dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:.65rem;font-weight:560;overflow:hidden}.tgc-rows::-webkit-scrollbar{width:5px}.tgc-detail-body::-webkit-scrollbar{width:5px}.tgc-rows::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-primary) 22%, transparent);border-radius:4px}.tgc-detail-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-primary) 22%, transparent);border-radius:4px}@media (width<=560px){.tgc{grid-template-columns:minmax(0,46%) minmax(0,1fr)}.tgc-field{grid-template-columns:1fr;gap:1px}.tgc-field dd{text-align:left}}@media (pointer:coarse){.tgc-row{min-height:46px}.tgc-close{min-width:40px;min-height:40px}}@media (prefers-reduced-motion:reduce){.tgc,.tgc-detail-body{animation:none}.tgc-compass{transition:none}}
