/* Radar-only layout. All rules are scoped to this view. */
body.radar-view{overflow:hidden}body.radar-view header{max-width:none;position:relative;z-index:30;background:var(--bg)}body.radar-view main{padding:0;max-width:none;min-height:0}body.radar-view footer{display:none}.radar-screen{height:calc(100dvh - 88px);position:relative;isolation:isolate}.radar-screen #map{position:absolute;inset:0;border-radius:0;background:#dce3e7}.radar-screen .riparo-map-background{background:#dce3e7}.radar-screen .riparo-map-grid{opacity:.3}.radar-screen .riparo-map-controls{top:13px;left:13px;border-color:#d3d9df;border-radius:5px;box-shadow:0 2px 10px #1b242315}.radar-screen .riparo-map-controls button{background:#fafbfd;color:#283344;border-color:#d8dfe4;width:33px;height:32px}.radar-screen .riparo-map-controls .street-toggle{font-size:9px}.radar-screen .riparo-map-state{top:auto;bottom:25px;left:145px;border:none;background:#29333ee6;color:#d8e2eb;padding:5px 9px;max-width:calc(100% - 170px);font-size:9px}.radar-screen .riparo-layer:has(img){filter:grayscale(.9) brightness(1.04) contrast(.88)}.radar-screen .riparo-layer.riparo-base-dark{filter:invert(100%) hue-rotate(180deg) brightness(.7) saturate(.3)}.radar-screen .riparo-map-attribution{background:#f5f7fae8;color:#606a73;font-size:9px;padding:3px 9px}.radar-screen button{font-family:inherit}.radar-live-pill{position:absolute;z-index:10;top:13px;left:50%;transform:translateX(-50%);border:1px solid #ffffff22;border-radius:22px;color:#fff;background:#343d48e8;padding:8px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 9px #0001;font-size:11px;backdrop-filter:blur(15px);white-space:nowrap}.radar-live-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #b8f56744}.radar-live-pill[data-state=error] i,.radar-live-pill[data-state=stale] i{background:#f9aa60}.radar-cells{position:absolute;right:16px;top:16px;width:320px;max-height:calc(100% - 105px);background:linear-gradient(135deg,#29323bf5,#222c35f5);color:#f0f4f5;border:1px solid #ffffff26;border-radius:21px;padding:16px;z-index:12;box-shadow:0 18px 35px #111b3440;backdrop-filter:blur(16px);display:flex;flex-direction:column}.radar-cells-head{display:flex;align-items:center;gap:8px;margin:0 0 12px;flex-shrink:0}.radar-cells-head h1{font-family:inherit;font-size:12px;line-height:1.4;letter-spacing:0;font-weight:700;flex:1;margin:0}.radar-cells-head>span{font-size:11px;color:#b4c0c8}.radar-cells-head button{height:27px;width:27px;border-radius:50%;border:1px solid #ffffff25;color:#b9c3ce;background:#ffffff08;font-size:18px;padding:0}.radar-cells-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#65717c transparent;display:flex;flex-direction:column;gap:6px;min-height:0}.radar-cell{display:flex;align-items:center;gap:11px;width:100%;flex-shrink:0;text-align:left;color:#fff;background:#ffffff06;border:1px solid #ffffff20;border-radius:15px;padding:11px;min-height:59px}.radar-cell:hover,.radar-cell[aria-pressed=true]{background:#ffffff14;border-color:#ffffff45}.radar-cell-dot{height:11px;width:11px;border-radius:50%;background:var(--cell-color);flex-shrink:0}.radar-cell>span:nth-child(2){flex:1;min-width:0}.radar-cell strong{font-size:12px;font-weight:600;display:block}.radar-cell small{font-size:10px;color:#afb9c3;display:block;margin-top:3px}.radar-cell b{font-size:13px;color:#efbd96}.radar-cells-note{font-size:11px;line-height:1.8;color:#c4cdd6;margin:4px 0 12px;padding:5px 0}.radar-cells-note a{color:var(--green);text-decoration:underline}.radar-panel-foot{font-size:9px;color:#a4afba;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:5px}.radar-panel-foot a{color:var(--green)}.radar-cells.is-collapsed .radar-cells-list,.radar-cells.is-collapsed .radar-panel-foot{display:none}.radar-cells.is-collapsed .radar-cells-head{margin:0}.radar-probability{position:absolute;left:13px;bottom:28px;z-index:10;background:#343b47e8;border:1px solid #ffffff20;border-radius:17px;width:116px;height:171px;display:flex;flex-direction:column;align-items:center;padding:12px 8px;color:#c4cdd5;backdrop-filter:blur(10px)}.radar-probability span{font-size:9px;letter-spacing:.7px;margin-bottom:7px}.radar-probability small{font-size:9px}.radar-probability div{height:96px;min-height:70px;width:8px;border-radius:6px;margin:4px;background:linear-gradient(#f57569,#f0bc86,#e6d59a,#b9ddb0)}.radar-tools{position:absolute;z-index:14;left:60px;top:13px;width:235px;background:#24313bed;color:#eaf0f6;border:1px solid #ffffff25;border-radius:12px;box-shadow:0 6px 20px #0002;backdrop-filter:blur(15px)}.radar-tools>summary{cursor:pointer;list-style:none;padding:10px 13px;font-size:11px}.radar-tools>summary::-webkit-details-marker{display:none}.radar-tools>summary:after{content:'⌄';float:right;color:var(--green)}.radar-tools>div{padding:0 13px 13px;max-height:55dvh;overflow:auto}.radar-tools label{display:block;font-size:10px}.radar-tools input,.radar-tools select{background:#13212c;border-color:#42505b;margin:5px 0 9px;padding:8px 9px;font-size:11px}.radar-tools button{font-size:11px;padding:7px 9px}.radar-tools .radar-search{display:flex;gap:5px;align-items:start}.radar-tools .radar-search button{margin-top:5px;padding:9px;background:var(--green);color:#15200d;border:0;border-radius:7px}.radar-tools p{font-size:10px;color:#b5bfca;line-height:1.6;margin:8px 0}.radar-tools .saved-place{display:block;width:100%;margin-bottom:5px;text-align:left;background:#ffffff06;border:1px solid #ffffff20;border-radius:6px;color:#eaf0f6}.radar-controls-bottom{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:10;width:min(450px,calc(100% - 320px));padding:9px 12px;background:#29343eeb;border:1px solid #ffffff25;border-radius:15px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 20px #0002;backdrop-filter:blur(15px)}.radar-controls-bottom button{background:transparent;border:0;color:var(--green);font-size:17px;width:25px;padding:0}.radar-controls-bottom input{margin:0;padding:0;accent-color:var(--green);height:18px;flex:1;min-width:0}.radar-controls-bottom time{font-size:10px;color:#edf1f5;white-space:nowrap}.radar-controls-bottom button:disabled{opacity:.4}.radar-screen .radar-region-marker{height:18px;width:18px;border-radius:50%;background:var(--cell-color);border:3px solid #ffffff77;box-shadow:0 0 20px 8px color-mix(in srgb,var(--cell-color),transparent 70%)}.radar-screen .riparo-popup{z-index:15}.radar-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.radar-tools{width:180px}.radar-live-pill{left:43%}.radar-cells{width:300px}}@media(max-width:700px){.radar-screen{height:calc(100dvh - 117px)}body.radar-view header{height:117px}.radar-tools{width:185px}.radar-live-pill{left:auto;right:10px;transform:none;top:14px;padding:8px 10px;font-size:9px}.radar-cells{top:60px;right:10px;width:265px;max-height:43%;padding:12px;border-radius:17px}.radar-cells-head h1{font-size:11px}.radar-cell{min-height:54px;padding:9px}.radar-cell strong{font-size:11px}.radar-probability{bottom:78px;width:89px;height:155px}.radar-probability span{font-size:7px}.radar-controls-bottom{width:calc(100% - 26px);bottom:26px}.radar-screen .riparo-map-state{bottom:82px;left:111px;max-width:calc(100% - 125px)}.radar-screen .riparo-map-attribution{font-size:8px}}
.radar-detail h2{font-family:inherit;font-weight:600;font-size:19px;line-height:1.3;margin:12px 0 7px}.radar-detail h3{font-size:10px;text-transform:uppercase;letter-spacing:.6px;margin:16px 0 8px}.radar-back{border:0;background:none;color:#b8c5d0;padding:3px 0;font-size:11px}.radar-motion{font-size:15px;color:#f0c58c;margin:8px 0 16px}.radar-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.radar-metrics>div{padding:12px 5px;background:#ffffff08;border:1px solid #ffffff18;border-radius:10px;text-align:center}.radar-metrics b{font-size:19px;display:block}.radar-metrics small{font-size:9px;color:#acb8c1}.radar-detail-actions{display:flex;gap:6px;margin:12px 0 18px}.radar-detail-actions button{flex:1;background:#ffffff0d;border:1px solid #ffffff30;border-radius:9px;color:#dce7ef;font-size:10px;padding:10px 5px}.radar-detail-actions button:first-child{color:var(--green);border-color:#b8f56750}.radar-forecast-label{font-size:10px;display:flex;justify-content:space-between;gap:5px}.radar-forecast-label output{color:#f0c58c}.radar-detail input[type=range]{width:100%;accent-color:var(--green);padding:0;margin:12px 0}.radar-arrival{font-size:11px}.radar-arrival b{float:right;color:var(--green)}.radar-geonames{font-size:9px;color:#aabac7}.radar-forecast-marker{border:2px dashed #f4d6a0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#fff;background:#344350;font-size:10px;box-shadow:0 0 0 12px #f4d6a022}.radar-detail{padding-right:3px;min-width:0}.radar-cells-list{overflow-x:hidden}.radar-forecast-label{flex-wrap:wrap}.radar-forecast-label output{font-size:9px}