:root{--bg:#070a0d;--panel:rgba(10,13,18,.92);--panel2:#131820;--line:#313746;--text:#f4f6fa;--muted:#9da8b8;--pink:#f13bb6;--violet:#8c45ff;--green:#38e68f;--yellow:#ffca45;--red:#ff5268}*{box-sizing:border-box}html,body,.radar-app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{display:flex;flex-direction:column}.radar-app{position:relative;flex:1;height:auto;min-height:0}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.maps{position:absolute;inset:0;display:grid;grid-template-columns:1fr}.maps.split{grid-template-columns:1fr 1fr;gap:2px;background:#000}.map-pane{position:relative;min-width:0;height:100%;background:#080b0e}#mapB{display:none}.maps.split #mapB{display:block}.leaflet-container{background:#070a0d}.dark-osm-tiles{filter:invert(1) hue-rotate(180deg) brightness(.58) contrast(1.28) saturate(.72)}.leaflet-roadsA-pane,.leaflet-roadsB-pane{mix-blend-mode:screen}.roads-overlay-tiles{filter:invert(1) hue-rotate(180deg) brightness(1.12) contrast(1.85) saturate(.55);mix-blend-mode:screen;opacity:.8}.trp-radar-raster{image-rendering:pixelated;image-rendering:crisp-edges}.trp-satellite-canvas{image-rendering:auto;pointer-events:none;transform:translateZ(0);contain:layout paint}.trp-webgl-mosaic{display:block;width:100%;height:100%;pointer-events:none;transform:translateZ(0);contain:strict}:is(.radar-interacting,.radar-playing) :is(.round-command,.quick-layers,.mode-tabs,.layer-popover,.control-panel,.alerts-drawer,.route-card,.legend,.timeline){-webkit-backdrop-filter:none;backdrop-filter:none}.leaflet-control-zoom{margin-top:76px!important;margin-right:12px!important;border:1px solid var(--line)!important}.maps.split #mapA .leaflet-control-zoom{display:none}.leaflet-bar a{border-color:var(--line)!important;background:#0a0d12ed!important;color:#fff!important}.leaflet-control-attribution{margin:0 2px 122px 0!important;padding:0 2px!important;border-radius:3px 0 0;background:#06080ba8!important;color:#707887!important;font-size:6px!important;line-height:9px!important}.leaflet-control-attribution a{color:#aab4c3!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#121720;color:#eef2f8}.leaflet-popup-content{margin:11px 13px;font-size:11px;line-height:1.5}.leaflet-stationsA-pane,.leaflet-stationsB-pane,.leaflet-tracksA-pane,.leaflet-tracksB-pane{pointer-events:auto}.command-bar{position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;left:12px;z-index:3000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.command-home{display:flex;align-items:center;justify-self:start;gap:7px}.command-bar>*{pointer-events:auto}.round-command{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;outline:none;background:var(--panel);color:#fff;text-decoration:none;font-size:20px;cursor:pointer;box-shadow:0 10px 30px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.round-command:hover,.round-command.active{border-color:var(--pink);background:#2c0e2ff0}.back-command{justify-self:start}.command-actions{display:flex;justify-self:end;gap:7px}.alert-command{color:#ffd659}.layer-command-center{position:relative;display:flex;align-items:center;justify-self:center;pointer-events:auto}.quick-toggle{position:absolute;top:0;right:calc(100% + 8px);display:grid;place-items:center;width:38px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 10px 30px #00000052;transition:transform .18s ease}.quick-toggle[aria-expanded=true]{border-color:var(--pink);transform:rotate(180deg)}.quick-layers{position:absolute;top:0;right:calc(100% + 54px);display:flex;width:max-content;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 10px 30px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quick-layers[hidden]{display:none}.quick-layers button,.source-toggle-group button,.station-options button,.station-options select{min-height:32px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:750;cursor:pointer}.quick-layers button:hover,.quick-layers button.active,.source-toggle-group button:hover,.source-toggle-group button.active{background:linear-gradient(100deg,#8c45ffab,#f13bb6ab);color:#fff}.source-toggle-group button.error{border-color:#ff52688c;color:#ff8c9b}.mode-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 10px 30px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-tabs button{min-width:92px;padding:8px 13px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.mode-tabs button:hover,.mode-tabs button.active{background:linear-gradient(100deg,#8c45ff9e,#f13bb69e);color:#fff}.layer-popover{position:absolute;top:50px;left:50%;z-index:2950;display:grid;min-width:310px;padding:7px;gap:6px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 18px 42px #0000006b;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.layer-popover[hidden]{display:none}.source-toggle-group{display:flex;justify-content:center;gap:4px}.source-toggle-group button{min-width:82px;border:1px solid rgba(255,255,255,.06);background:#11161e}.layer-popover small{color:var(--muted);font-size:8px;text-align:center}.satellite-opacity{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:2px 5px;color:#d8dee8;font-size:9px;font-weight:700}.satellite-opacity input{grid-column:1/-1;width:100%;accent-color:var(--pink)}.satellite-opacity output{color:#ff83d6}.stations-menu{top:0;left:calc(100% + 8px);min-width:350px;max-width:410px;padding:5px;gap:4px;transform:none}.stations-menu .source-toggle-group{flex-wrap:wrap}.stations-menu .source-toggle-group button{min-width:64px;min-height:28px;padding:5px 7px}.station-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px}.station-options label{display:inline-flex;align-items:center;gap:4px;color:#d8dee8;font-size:9px;white-space:nowrap}.station-options input{accent-color:var(--pink)}.station-options button,.station-options select{min-height:27px;padding:4px 7px;border:1px solid var(--line);background:#171c25;color:#edf1f7}.radar-source-state{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.control-panel{position:absolute;top:66px;bottom:128px;left:12px;z-index:2500;width:270px;padding:15px;overflow:auto;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 20px 55px #00000061;transition:transform .22s ease,opacity .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.control-panel.closed{opacity:0;pointer-events:none;transform:translate(calc(-100% - 24px))}.control-panel{display:flex;flex-direction:column}.control-panel>*{flex-shrink:0}#controlPanel #volumeTools{margin-top:0;margin-bottom:0;padding-top:12px}.panel-toggle{position:absolute;top:76px;left:290px;z-index:2550;width:32px;height:42px;border:1px solid var(--line);border-radius:0 10px 10px 0;background:var(--panel);color:#fff;cursor:pointer;transition:left .22s ease}.panel-toggle.closed{left:0}.panel-title{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-title .radar-brand{display:flex;align-items:center;gap:7px}.radar-brand img{object-fit:contain;border:0}.panel-title span{color:#ff85d8;font-size:16px;font-weight:800}.panel-title small{color:var(--muted);font-size:9px;line-height:1.4}.control-panel .experience-mode{margin-top:12px}.control-panel .experience-mode button{flex:1}.panel-title{grid-template-columns:1fr auto;align-items:center}.panel-title>small{grid-column:1/-1}.panel-title .radar-account-link{justify-self:end;padding:5px 8px}.panel-title .radar-account-link span{color:inherit;font-size:10px;font-weight:600}.palette-upload{display:grid;gap:5px;margin-top:8px}.palette-upload[hidden]{display:none}.palette-upload button,.radar-route-help{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#171c25;color:var(--text);font-size:10px;cursor:pointer}.palette-upload small{color:var(--muted);font-size:9px;line-height:1.4;overflow-wrap:anywhere}.radar-route-help{width:100%;margin-top:13px}.control-panel option.trp-premium-feature{color:var(--premium-gold-soft);background:#171c25}.radar-app .trp-premium-badge{font-size:9px}.view-controls{display:grid;margin-top:12px;padding-top:2px;gap:0}.view-controls+.view-controls{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.view-controls[hidden]{display:none}.view-controls>strong{color:#fff;font-size:11px}.control-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:13px;color:#aeb7c4;font-size:10px;font-weight:700}.control-panel select{grid-column:1/-1;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;outline:none;background:#171c25;color:#fff;font-size:11px}.control-panel select:focus{border-color:var(--pink)}.control-panel input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--pink)}.control-panel output{color:#ff83d6;font-size:9px}.alerts-drawer,.route-card{position:absolute;top:66px;right:12px;z-index:2800;width:min(300px,calc(100% - 24px));max-height:calc(100% - 195px);padding:10px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 20px 55px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.alerts-drawer{width:min(220px,calc(100% - 24px));padding:7px}.alerts-drawer[hidden],.route-card[hidden]{display:none}.drawer-head,.route-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.drawer-head strong,.route-card strong{font-size:12px}.drawer-head button,.route-card button{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.alerts-drawer label{display:flex;align-items:center;gap:5px;padding:4px 0;color:#d7dee8;font-size:8px}.alerts-drawer input{accent-color:var(--pink)}.alerts-drawer>small,.route-card>small{color:#7f8998;font-size:8px;line-height:1.5}.route-card{top:auto;right:12px;bottom:128px}.route-card p{margin:10px 0;color:var(--muted);font-size:10px}.route-card ol{margin:0 0 10px;padding-left:23px}.route-card li{padding:6px 0;color:#e7ecf3;font-size:10px;cursor:pointer}.route-card li>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.route-card li a{padding:5px 7px;border:1px solid var(--line);border-radius:7px;color:#fff;font-size:8px;text-decoration:none;white-space:nowrap}.legends{position:absolute;right:0;bottom:0;left:0;z-index:2460;display:grid;grid-template-columns:1fr;min-height:61px;pointer-events:none}.legends.split{grid-template-columns:1fr 1fr;gap:2px;background:#000}.legend{min-width:0;min-height:61px;padding:5px 10px 3px;border-top:1px solid rgba(255,255,255,.32);background:linear-gradient(90deg,#070a0df7,#27232bf0,#4f2a23f0);box-shadow:0 -8px 24px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend[hidden]{display:none}.legend-info{display:flex;align-items:start;justify-content:space-between;gap:14px;min-height:31px}.legend-info>div{display:grid;gap:1px}.legend-info>div:last-child{text-align:right}.legend strong,.legend time{color:#57c9ff;font-size:12px;font-weight:750}.legend small{color:#c5c8ce;font-size:8px}.legend-bar{height:13px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,#000,#f0f6f2,#95b4dc,#00e68a,#00ad5a,#eaf328,#f7a600,#ff2a0c,#ff2a98,#ff29e3)}.legend-ticks{display:flex;justify-content:space-between;margin-top:1px;color:#bbc0c8;font-size:7px;line-height:1}.timeline{position:absolute;right:12px;bottom:66px;left:12px;z-index:2400;display:flex;min-height:52px;padding:8px 10px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 12px 35px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timeline-buttons{display:flex;gap:5px}.timeline button{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:#171c25;color:#fff;cursor:pointer}.timeline button:hover{border-color:var(--pink)}.timeline input{min-width:60px;flex:1;accent-color:var(--pink)}.timeline output{min-width:190px;color:#c0c8d4;font-size:9px;text-align:right;white-space:nowrap}.loading{position:absolute;top:50%;left:50%;z-index:4000;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);transform:translate(-50%,-50%);pointer-events:none}.loading[hidden]{display:none}.loading span{width:14px;height:14px;border:2px solid #51495e;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}.loading b{font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:absolute;top:126px;right:12px;z-index:4100;display:grid;width:min(330px,calc(100% - 24px));gap:7px;pointer-events:none}.toast{padding:10px 12px;border:1px solid rgba(180,102,255,.45);border-radius:10px;background:#160c1ff2;color:#f2e7ff;font-size:10px;box-shadow:0 14px 30px #00000059;animation:toastIn .25s ease both}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}}.radar-site-marker{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:47px;min-height:27px;padding:3px 6px;border:1px solid rgba(255,255,255,.72);border-radius:7px;background:#bd263f;color:#fff;font:800 9px/1 Inter,sans-serif;box-shadow:0 3px 12px #00000080;cursor:pointer;pointer-events:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none}.radar-site-marker b{font:inherit}.radar-site-marker small{margin-top:2px;color:#ffffffe6;font:700 6px/1 Inter,sans-serif;white-space:nowrap}.radar-site-marker.current{background:#13864f}.radar-site-marker.delayed{background:#c18b16}.radar-site-marker.offline{background:#bd263f}.radar-site-marker.unselected{opacity:.52;border-style:dashed;filter:saturate(.65)}.radar-site-marker.flash{animation:radarFlash .75s ease}.radar-site-marker.dot{width:10px;height:10px;min-width:10px;min-height:10px;padding:0;border-radius:50%;border-width:1px}.radar-site-marker.paused{background:#68707d}.view-controls label[hidden]{display:none}.radar-point-value{position:fixed;z-index:4200;width:max-content;max-width:min(176px,calc(100vw - 8px));padding:3px 5px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#080b1180;color:#fff;font:500 11px/1.2 Inter,sans-serif;text-shadow:0 1px 2px #000;pointer-events:none}.radar-point-value[hidden]{display:none}.radar-point-value .point-reading{display:flex;align-items:baseline;gap:5px}.radar-point-value b{font-weight:600;white-space:nowrap}.radar-point-value .point-source,.radar-point-value .point-screen{color:#d2d8e2;font-size:9px;white-space:nowrap}.radar-point-value small{display:block;color:#d2d8e2;font-size:9px;line-height:1.2}.radar-point-value .point-row+.point-row{margin-top:2px}.map-credit-footer{flex:none;display:flex;justify-content:flex-end;padding:1px 10px max(1px,env(safe-area-inset-bottom));background:var(--bg)}.map-credit{color:#bac5d6;font:10px/14px Inter,sans-serif;text-decoration:none}.map-credit:hover,.map-credit:focus-visible{color:#fff;text-decoration:underline}@keyframes radarFlash{0%,to{box-shadow:0 3px 12px #00000080}45%{box-shadow:0 0 0 8px #38e68f80,0 0 28px #38e68f}}.storm-track-current{position:relative;display:block;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#a62dff;box-shadow:0 0 0 4px #a62dff38,0 0 16px #cd45ffe6}.storm-track-current:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.storm-track-label{color:#f2d8ff;font:800 9px/1.15 Inter,sans-serif;text-shadow:0 1px 3px #000,0 0 5px #000;white-space:nowrap}.user-location-icon{background:transparent;border:0}.user-marker{position:absolute;top:50%;left:50%;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#b933ff;box-shadow:0 0 0 5px #b933ff38,0 0 18px #b933ff;transform:translate(-50%,-50%)}.user-marker:before{content:"";position:absolute;bottom:50%;left:3px;width:12px;height:31px;background:linear-gradient(#d47aff 5%,rgba(185,51,255,.6) 58%,transparent 100%);clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 100%;transform:rotate(var(--heading,0deg))}.station-plot{position:relative;width:52px;height:52px;filter:drop-shadow(0 1px 2px #000);pointer-events:none}.station-temp,.station-dew{position:absolute;left:0;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000}.station-temp{top:5px;color:#ff625c}.station-dew{bottom:5px;color:#4bb9ff}.station-wind{position:absolute;inset:8px;transform:rotate(var(--wind-dir,0deg));transform-origin:center}.station-wind svg{overflow:visible}.station-calm{position:absolute;top:20px;left:20px;width:11px;height:11px;border:2px solid #fff;border-radius:50%}.station-cluster{position:absolute;top:-3px;right:-3px;min-width:19px;padding:2px 4px;border:1px solid #fff;border-radius:999px;background:#832de0;color:#fff;font:800 7px/1 Inter,sans-serif;text-align:center}@media(max-width:760px){.maps.split{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:2px 0}.maps.split .map-pane{height:auto;min-height:0}.command-bar{right:7px;left:7px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;align-items:start}.command-home{flex-direction:column;gap:7px}.back-command{position:static}.layer-command-center{width:min(292px,calc(100vw - 112px));max-width:none}.quick-toggle{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 49px);right:auto;left:56px;width:42px;height:42px}.quick-layers{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 49px);right:auto;left:105px;width:max-content;max-width:calc(100vw - 160px);flex-wrap:wrap}.quick-layers button{padding:6px;font-size:8.5px}.mode-tabs{flex:none;width:100%}.mode-tabs button{flex:1;min-width:0;padding:8px 7px;font-size:10px}.round-command{width:42px;height:42px;border-radius:10px;font-size:18px}.command-actions{position:static;flex-direction:column;gap:7px}.command-actions .alert-command{order:1}.command-actions #splitButton{order:2}.layer-popover,.stations-menu{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 90px);right:7px;left:7px;width:auto;max-width:none;min-width:0;max-height:42vh;overflow:auto;transform:none}.station-options{flex-wrap:wrap;gap:5px}.source-toggle-group button{min-width:74px}.control-panel{top:103px;bottom:124px;left:7px;width:min(270px,calc(100% - 46px))}.panel-toggle{top:110px;left:277px}.panel-toggle.closed{left:0}.legend{min-height:57px;padding-right:7px;padding-left:7px}.legend strong,.legend time{font-size:9px}.legend small{font-size:7px}.legends.split{inset:0;display:block;min-height:0;background:transparent}.legends.split .legend{position:absolute;right:0;left:0;height:57px}.legends.split [data-legend=A]{bottom:calc(50% + 1px)}.legends.split [data-legend=B]{bottom:0}.timeline{right:7px;bottom:62px;left:7px;min-height:47px;padding:7px}.timeline output{position:absolute;right:7px;bottom:43px;min-width:0;padding:4px 6px;border-radius:6px;background:#080a0de6}.timeline-buttons button{width:31px;height:31px}.alerts-drawer{top:calc(max(10px,env(safe-area-inset-top)) + 90px);right:7px;width:190px;max-height:calc(100% - 202px);padding:5px;z-index:3600}.drawer-head{position:sticky;top:-7px;z-index:1;min-height:34px;padding:3px 0 4px;background:#0a0d12fa}.drawer-head button{display:grid;place-items:center;min-width:36px;min-height:36px;margin:-3px -3px -3px 0;font-size:22px}.alerts-drawer label{padding:3px 0;font-size:7.5px}.route-card{right:7px;bottom:124px}.leaflet-control-zoom{margin-top:76px!important;margin-right:7px!important}.leaflet-control-attribution{margin-bottom:119px!important;font-size:5px!important;line-height:7px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.round-command.text-command{gap:2px;padding:4px;font-size:16px;line-height:1}.command-caption{font-size:9px;font-weight:700}@media(max-width:980px),(pointer:coarse){[data-experience-ready] .timeline button,[data-experience-ready] .round-command{width:44px;height:44px}[data-experience-ready] .panel-toggle{width:44px}}@media(max-width:760px){[data-experience-ready] .command-bar{grid-template-columns:44px minmax(0,1fr) 44px}[data-experience-ready] .layer-command-center{width:min(292px,calc(100vw - 116px))}[data-experience-ready] .quick-toggle,[data-experience-ready] .quick-layers{top:calc(max(10px,env(safe-area-inset-top)) + 58px)}[data-experience-ready] .layer-popover,[data-experience-ready] .stations-menu{top:calc(max(10px,env(safe-area-inset-top)) + 108px)}[data-experience-ready] .control-panel{top:116px}[data-experience-ready] .panel-toggle{top:123px;left:min(277px,calc(100% - 44px))}[data-experience-ready] .panel-toggle.closed{left:0}[data-experience-ready] .timeline output{bottom:58px}[data-experience-ready] .leaflet-bar a{width:44px;height:44px;line-height:44px}[data-experience-ready] .leaflet-control-zoom{margin-top:120px!important}}