.map-wind .fake-ok{background:repeating-linear-gradient(25deg,transparent 0 24px,#203f4a 25px 27px,transparent 28px),linear-gradient(110deg,#ffe36e,#86db88 55%,#67c8de)}
.forecast-panel{height:100%;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#29465c;overflow:hidden}.forecast-card{position:relative;isolation:isolate;min-width:0;padding:clamp(12px,2.2vw,28px) 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,.65vw,8px);text-align:center;overflow:hidden;background:linear-gradient(165deg,#174a73 0%,#0b2136 74%)}.forecast-card:before{content:"";position:absolute;z-index:-1;width:150%;height:70%;left:-25%;bottom:-42%;border-radius:50%;background:#6cc9e51a;filter:blur(18px)}.forecast-card.weather-clear{background:linear-gradient(165deg,#1679b6,#0a385d 72%,#10293e)}.forecast-card.weather-partly{background:linear-gradient(165deg,#397caa,#173a58 72%,#12283b)}.forecast-card.weather-cloudy,.forecast-card.weather-fog{background:linear-gradient(165deg,#53697c,#293b4b 72%,#172735)}.forecast-card.weather-rain,.forecast-card.weather-storms{background:linear-gradient(165deg,#334c67,#14283e 65%,#0d1d2e)}.forecast-card.weather-snow{background:linear-gradient(165deg,#6f98b4,#36566d 68%,#1d3549)}.forecast-card.weather-wind{background:linear-gradient(165deg,#357b82,#173e4b 68%,#102b39)}.forecast-panel b{font:700 clamp(7px,.65vw,10px) var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#d9eaf5}.forecast-panel strong{font-size:clamp(30px,3.3vw,54px);line-height:.9;letter-spacing:-.055em;text-shadow:0 3px 14px #00172d99}.forecast-panel span{min-height:1.2em;font-size:clamp(9px,.85vw,13px);font-weight:650;color:#f3f8fb}.forecast-panel .forecast-meta{min-height:1em;font:600 clamp(6px,.55vw,9px) var(--mono);text-transform:uppercase;color:#a9c3d4}.forecast-icon{width:clamp(58px,7vw,96px);height:clamp(58px,7vw,96px);margin:-2px 0}.forecast-icon svg{width:100%;height:100%;overflow:visible}.wx-sun circle{fill:#ffd34e}.wx-sun g{fill:none;stroke:#ffd34e;stroke-width:4;stroke-linecap:round}.wx-moon{fill:#f4f2ca}.wx-cloud{fill:#d9e6ed;filter:drop-shadow(0 5px 5px #00182f66)}.wx-rain,.wx-fog,.wx-wind{fill:none;stroke:#64d5ff;stroke-width:5;stroke-linecap:round}.wx-fog{stroke:#b9d4df;stroke-width:4}.wx-wind{stroke:#b8edf2;stroke-width:5}.wx-bolt{fill:#ffd23f;filter:drop-shadow(0 2px 4px #ffc40077)}.wx-snow{fill:#fff;filter:drop-shadow(0 1px 3px #c9f3ff)}.weather-partly .wx-cloud{transform:translate(9px,12px) scale(.87);transform-origin:center}.forecast-card.loading .forecast-icon:after{content:"";display:block;width:38px;height:38px;margin:24px auto;border:3px solid #ffffff20;border-top-color:#5cd7ff;border-radius:50%;animation:forecast-spin 1s linear infinite}@keyframes forecast-spin{to{transform:rotate(360deg)}}
.text-product{height:100%;padding:6%;overflow:hidden;background:#f7f6f1;color:#1b2d39;font:500 clamp(8px,1vw,14px)/1.55 var(--mono)}.text-product>b{display:block;border-bottom:2px solid #263d4d;padding-bottom:9px}
.graphicast-slideshow{height:100%;position:relative;background:#07131e;overflow:hidden;color:white}.graphicast-slideshow>img{width:100%;height:100%;object-fit:contain;display:block}.graphicast-caption{position:absolute;left:0;right:0;bottom:0;padding:14px 70px 14px 18px;background:linear-gradient(transparent,#06111dee 25%);text-shadow:0 1px 3px #000}.graphicast-caption b{font:700 12px var(--mono);letter-spacing:.4px}.graphicast-caption p{font-size:10px;line-height:1.4;margin:5px 0 0;max-width:80%}.graphicast-controls{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:9px;background:#07111bdd;border:1px solid #ffffff33;border-radius:20px;padding:4px 9px}.graphicast-toggle{width:25px;height:25px;border:0;border-radius:50%;background:var(--cyan);color:#06131d;font-weight:800;cursor:pointer}.graphicast-counter{font:600 8px var(--mono);min-width:29px;text-align:center}
.product-visual.wind{background:linear-gradient(110deg,#ffe36e,#86db88 55%,#67c8de)}.product-visual.text{background:repeating-linear-gradient(0deg,#e9ece8 0 9px,#8193a1 10px 11px)}.product-visual.forecast{background:linear-gradient(90deg,#142535 0 32%,#1a3447 33% 65%,#142535 66%)}.product-visual.graphicast{background:linear-gradient(135deg,#f6c84f 0 40%,#7ca464 41% 68%,#dfe5e1 69%)}
.builder-page .canvas-item{cursor:pointer}.builder-page .canvas-item.selected{outline:0;z-index:4}.builder-page .canvas-item.selected:before{content:"";position:absolute;inset:0;z-index:8;box-shadow:inset 0 0 0 3px var(--cyan);pointer-events:none}.builder-page .canvas-item.selected:after{content:"SELECTED — CHOOSE A PRODUCT TO REPLACE";position:absolute;left:8px;top:8px;z-index:9;background:var(--cyan);color:#06131d;padding:5px 7px;font:700 7px var(--mono);letter-spacing:.5px}.builder-page .canvas-item.selected .remove-product{display:block}
.product-body{position:relative}.live-product-image{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:#fff;z-index:3}.weather-product.kind-satellite .live-product-image{background:#101c25}.weather-product.kind-graphicast .live-product-image{object-fit:contain}.live-product-image[hidden]{display:none}
.satellite-loop-controls{position:absolute;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:5px;background:#07111be6;border:1px solid #ffffff35;border-radius:22px;color:#fff}.satellite-loop-controls button{border:0;border-radius:16px;padding:6px 10px;background:transparent;color:#d7e5ee;font:700 9px var(--mono);text-transform:uppercase;cursor:pointer}.satellite-loop-controls button.active,.satellite-loop-controls .satellite-play{background:var(--cyan);color:#06131d}.satellite-loop-controls .satellite-play{width:28px;padding:6px}.satellite-frame-count{padding:0 6px;font:700 9px var(--mono)}

/* Full-canvas forecast typography and non-obscuring slideshow controls. */
.forecast-card{padding:clamp(16px,3cqi,44px) 12px;gap:clamp(7px,min(1.2cqi,1.8cqh),18px)}
.forecast-panel b{font-size:clamp(9px,min(.9cqi,1.8cqh),16px)}
.forecast-panel strong{font-size:clamp(38px,min(6cqi,10cqh),104px)}
.forecast-panel span{font-size:clamp(11px,min(1.35cqi,2.4cqh),22px)}
.forecast-panel .forecast-meta{font-size:clamp(8px,min(.75cqi,1.5cqh),13px)}
.forecast-icon{width:clamp(70px,min(10cqi,15cqh),150px);height:clamp(70px,min(10cqi,15cqh),150px)}
.graphicast-slideshow{display:grid;grid-template-rows:minmax(0,1fr) auto}
.graphicast-image{min-height:0;display:grid;place-items:center;overflow:hidden}
.graphicast-image>img{width:100%;height:100%;object-fit:contain;display:block}
.graphicast-caption{position:static;min-height:44px;padding:12px 155px 10px 18px;background:#06111d;border-top:1px solid #20384a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.graphicast-caption p{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.graphicast-controls{position:static;justify-self:stretch;min-height:42px;border:0;border-top:1px solid #20384a;border-radius:0;padding:6px 12px;justify-content:flex-end;gap:6px;background:#07111b}
.graphicast-controls button{width:25px;height:25px;padding:0;border:0;border-radius:50%;background:#193145;color:#d9e8ef;font-weight:800;cursor:pointer}
.graphicast-controls .graphicast-toggle{background:var(--cyan);color:#06131d}
.satellite-loop-controls .satellite-play,.satellite-loop-controls .satellite-previous,.satellite-loop-controls .satellite-next{width:28px;padding:6px}