.replay-observations{display:none}
.replay-console{display:none}
body[data-weather-mode=event].is-hero .replay-console{position:absolute;display:block;left:5.4%;bottom:13%;width:45%;z-index:3;padding:12px 15px;background:#071118b0;border:1px solid #c2d5c02b;backdrop-filter:blur(10px);box-shadow:0 12px 40px #0002}
.console-top{display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:.09em;color:#96ada8;padding-bottom:10px;border-bottom:1px solid #c2d5c018;margin-bottom:9px;gap:10px}
.console-top>span:first-child{display:flex;gap:4px}.console-top i{width:4px;height:4px;border-radius:50%;background:#83998966}.console-top i:last-child{background:#36aa3e80}.console-top>span:last-child{color:#c4d5a5;font-size:6px}
.console-line{display:flex;gap:9px;font:8px var(--mono);color:#a9bcbc;line-height:1.9;white-space:nowrap;overflow:hidden}.console-line b{font-weight:400;color:#36aa3e}.console-line:last-child{color:#d6e5c5}
body[data-weather-mode=event] .replay-observations{display:block;position:absolute;right:5.4%;top:28%;width:23%;z-index:3;color:#eff4e9}
body[data-weather-mode=event].is-hero .hero-message{left:5.4%;top:28%;max-width:66%}
body[data-weather-mode=event].is-hero .hero-message h1{font-size:clamp(27px,4.35vw,82px)}
body[data-weather-mode=event].is-hero .viewer-shade{background:linear-gradient(90deg,#03090fe8 0%,#03090faf 33%,#03090f28 58%,#03090f65 100%),linear-gradient(180deg,#03090f80 0%,transparent 26%,transparent 65%,#03090fdc 100%)}
.replay-heading{display:flex;flex-direction:column;gap:9px;padding-bottom:20px;border-bottom:1px solid #d9e3d337}
.replay-kicker{font:8px var(--mono);letter-spacing:.13em;color:#36aa3e;display:flex;align-items:center;gap:8px}
.replay-kicker i{width:4px;height:4px;border-radius:50%;background:#36aa3e}
.replay-date{font:8px var(--mono);letter-spacing:.04em;color:#b1c3c2;padding-left:12px}
.replay-clock{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 0 7px;color:#d4dfd8}
.replay-clock>span{font-size:13px;letter-spacing:-.02em}
.replay-clock time{font:9px var(--mono);font-variant-numeric:tabular-nums;color:#c4d5cb;white-space:nowrap}
.replay-station{position:relative;padding:16px 0 11px;border-bottom:1px solid #d9e3d325;display:grid;grid-template-columns:1fr auto;gap:6px 8px}
.replay-station .station-name{font-size:17px;letter-spacing:-.025em;font-weight:450;color:#f2f6e9;display:flex;align-items:center;gap:8px}
.replay-station .station-name i{width:4px;height:4px;background:#a7bcae;border-radius:50%;flex-shrink:0}
.replay-station.is-raining .station-name i{background:#36aa3e;box-shadow:0 0 12px #36aa3e90}
.replay-station .replay-rain{font-size:25px;letter-spacing:-.055em;line-height:1.1;font-variant-numeric:tabular-nums;font-weight:450;color:#36aa3e}
.replay-rain small{font:9px var(--mono);letter-spacing:0;color:#bdd0c7;margin-left:4px}
.replay-station .station-secondary{font:8px var(--mono);color:#c0cecd;padding-left:12px;letter-spacing:0}
.replay-station .rain-history{grid-column:1/-1;height:15px;width:100%;display:block;margin-top:4px;overflow:visible}
.rain-history line{stroke:#b6caba35;stroke-width:2}.rain-history line.past{stroke:#c3e59c99}.rain-history line.active{stroke:#36aa3e;stroke-width:3}
.replay-key{display:flex;justify-content:space-between;font:6px var(--mono);color:#9db3b4;letter-spacing:.04em;padding-top:12px;gap:10px}
.replay-details{border:0;background:none;padding:17px 0 0;font:10px var(--sans);width:100%;display:flex;align-items:center;justify-content:space-between;color:#cad6c8}
.replay-details span{color:#36aa3e;font-size:16px}
.replay-loading{font:10px var(--mono);line-height:1.7;color:#b9cecb;padding:25px 0}
.replay-dialog-note{font:11px var(--mono);color:#bfd1b4}
.replay-source{margin-top:15px;font:10px var(--mono);color:#c7e5a7}
body[data-weather-mode=event]:not(.is-hero) .replay-observations{background:#071318ce;backdrop-filter:blur(8px);top:20%;right:3.2%;padding:20px;width:25%;border:1px solid #e2efdd24}
body[data-weather-mode=event]:not(.is-hero) .replay-heading{padding-bottom:10px}
body[data-weather-mode=event]:not(.is-hero) .replay-station{padding:10px 0 8px}
body[data-weather-mode=event]:not(.is-hero) .replay-details{padding-top:10px}
@media(min-width:1600px){.replay-kicker,.replay-date{font-size:10px}.replay-heading{padding-bottom:25px}.replay-clock{padding-top:22px}.replay-clock>span{font-size:16px}.replay-clock time{font-size:11px}.replay-station{padding:20px 0 15px}.replay-station .station-name{font-size:22px}.replay-station .replay-rain{font-size:32px}.replay-rain small,.replay-station .station-secondary{font-size:11px}.replay-key{font-size:8px}.replay-details{font-size:12px;padding-top:22px}.replay-station .rain-history{height:20px}}
@media(max-width:1100px){body[data-weather-mode=event] .replay-observations{top:25%;width:24%}.replay-heading{padding-bottom:13px;gap:7px}.replay-kicker,.replay-date{font-size:7px}.replay-clock{padding:13px 0 3px}.replay-clock>span{font-size:11px}.replay-clock time{font-size:8px}.replay-station{padding:12px 0 8px}.replay-station .station-name{font-size:14px}.replay-station .replay-rain{font-size:22px}.replay-rain small{font-size:8px}.replay-station .station-secondary{font-size:7px}.replay-key{font-size:5px;padding-top:9px}.replay-details{font-size:9px;padding-top:11px}.replay-station .rain-history{height:10px}body[data-weather-mode=event].is-hero .hero-message{top:29%}}
@media(max-width:800px){body[data-weather-mode=event] .replay-observations{top:23%;right:4%;width:24%}.replay-heading{gap:5px;padding-bottom:9px}.replay-kicker{font-size:5px;gap:5px}.replay-date{font-size:5px;padding-left:9px}.replay-clock{padding-top:9px}.replay-clock>span{font-size:8px}.replay-clock time{font-size:6px}.replay-station{padding:9px 0 6px;gap:4px}.replay-station .station-name{font-size:11px;gap:5px}.replay-station .replay-rain{font-size:17px}.replay-rain small{font-size:6px;margin-left:2px}.replay-station .station-secondary{font-size:5px;padding-left:9px}.replay-station .rain-history{height:7px;margin-top:2px}.replay-key{font-size:4px;padding-top:7px}.replay-details{font-size:7px;padding-top:8px}.replay-details span{font-size:12px}body[data-weather-mode=event].is-hero .hero-message{top:29%}body[data-weather-mode=event].is-hero .hero-message h1{font-size:4.35vw}body[data-weather-mode=event]:not(.is-hero) .replay-observations{padding:12px;top:20%;width:27%}}
@media(max-width:480px){body[data-weather-mode=event] .replay-observations{top:25%;width:26%;right:4%}.replay-heading{padding-bottom:7px}.replay-kicker{font-size:4px}.replay-date{font-size:4px}.replay-clock{padding:6px 0 2px}.replay-clock>span{display:none}.replay-clock time{font-size:5px}.replay-station{padding:6px 0 5px;gap:3px}.replay-station .station-name{font-size:7px;gap:4px}.replay-station .station-name i{width:3px;height:3px}.replay-station .replay-rain{font-size:11px}.replay-rain small{font-size:4px}.replay-station .station-secondary{font-size:4px;padding-left:7px}.replay-station .rain-history,.replay-key{display:none}.replay-details{font-size:5px;padding-top:7px}.replay-details span{font-size:9px}body[data-weather-mode=event].is-hero .hero-message{top:36%}body[data-weather-mode=event].is-hero .hero-message h1{font-size:4.3vw}body[data-weather-mode=event]:not(.is-hero) .replay-observations{padding:7px;top:20%;width:30%}body[data-weather-mode=event]:not(.is-hero) .replay-station{padding:5px 0}}
body[data-weather-mode=event].is-hero .hero-message{top:23%}
@media(min-width:1600px){body[data-weather-mode=event].is-hero .replay-console{padding:16px 20px}.console-top{font-size:9px}.console-top>span:last-child{font-size:8px}.console-line{font-size:10px}}
@media(max-width:1100px){body[data-weather-mode=event].is-hero .replay-console{bottom:13%;padding:9px 12px;width:47%}.console-top{font-size:6px;padding-bottom:7px;margin-bottom:6px}.console-line{font-size:7px;line-height:1.7}body[data-weather-mode=event].is-hero .hero-message p{font-size:9px;margin:13px 0}body[data-weather-mode=event].is-hero .hero-message{top:23%}}
@media(max-width:800px){body[data-weather-mode=event].is-hero .replay-console{bottom:15%;padding:7px 9px}.console-top{font-size:5px;padding-bottom:5px;margin-bottom:4px}.console-top>span:last-child{font-size:5px}.console-line{font-size:5px;line-height:1.65}body[data-weather-mode=event].is-hero .hero-message p{font-size:7px;margin:9px 0}body[data-weather-mode=event].is-hero .hero-message{top:22%}body[data-weather-mode=event] #explore-analysis{font-size:7px;padding-bottom:4px}body[data-weather-mode=event] #explore-analysis span{font-size:11px}}
@media(max-width:480px){body[data-weather-mode=event].is-hero .hero-message{top:27%}body[data-weather-mode=event].is-hero .replay-console{bottom:18%;padding:5px 6px;width:48%}.console-top{font-size:4px;margin:0;padding-bottom:4px}.console-top>span:last-child,.console-top>span:first-child{display:none}.console-line{font-size:4px;line-height:1.5}.console-line:nth-child(2),.console-line:nth-child(3){display:none}body[data-weather-mode=event] #explore-analysis{font-size:5px;margin-top:8px}body[data-weather-mode=event] #explore-analysis span{font-size:8px}}
/* Linux-inspired terminal surface; the lines reflect the browser's real replay processing. */
body[data-weather-mode=event].is-hero .replay-console{bottom:11.5%;width:46%;padding:0 16px 12px;border:1px solid #7e8e943e;border-radius:7px;background:#0c1119f0;backdrop-filter:blur(14px);box-shadow:0 15px 40px #0006;overflow:hidden}
.console-top{height:29px;margin:0 -16px 10px;padding:0 13px;border-bottom:1px solid #ffffff12;background:#1a212b;font-size:8px;letter-spacing:.01em;color:#b3bac4}
.console-top>span:first-child{gap:5px}.console-top i{width:7px;height:7px;background:#f27777}.console-top i:nth-child(2){background:#e8c56b}.console-top i:last-child{background:#92ca84}.console-top>span:last-child{font-size:6px;color:#81918a}
.console-prompt{display:flex;gap:0;align-items:center;font:9px var(--mono);color:#91d88a;margin-bottom:8px;white-space:nowrap}.console-path{color:#88b5da}.console-prompt b{font-weight:400;color:#dce3e9;margin:0 8px 0 3px}.console-command{color:#e1e6ec}
.console-line{font-size:9px;line-height:1.75;color:#a6b2be;gap:10px}.console-line b{color:#90d58a;font-size:8px}.console-line:last-child{color:#c6d6bd}
.console-tail{font:8px var(--mono);color:#73916e;display:flex;align-items:center;gap:6px;margin-top:8px}.console-tail>span:first-child{color:#a5d796}.console-tail>span:last-child{color:#748490;margin-left:auto;font-size:7px}.console-cursor{display:inline-block;width:5px;height:10px;background:#a6d796;animation:terminal-caret 1.5s steps(1) infinite}
@keyframes terminal-caret{50%{opacity:0}}
@media(min-width:1600px){body[data-weather-mode=event].is-hero .replay-console{padding:0 20px 16px}.console-top{margin:0 -20px 12px;height:36px;font-size:10px;padding:0 18px}.console-top>span:last-child{font-size:8px}.console-prompt{font-size:11px;margin-bottom:10px}.console-line{font-size:11px}.console-line b{font-size:10px}.console-tail{font-size:10px}.console-tail>span:last-child{font-size:9px}}
@media(max-width:1100px){body[data-weather-mode=event].is-hero .replay-console{bottom:12%;width:48%;padding:0 11px 8px}.console-top{height:23px;margin:0 -11px 7px;padding:0 10px;font-size:6px}.console-top i{width:5px;height:5px}.console-prompt{font-size:7px;margin-bottom:6px}.console-line{font-size:7px;line-height:1.6;gap:7px}.console-line b{font-size:6px}.console-tail{font-size:6px;margin-top:5px}.console-tail>span:last-child{font-size:5px}.console-cursor{height:7px;width:4px}}
@media(max-width:800px){body[data-weather-mode=event].is-hero .replay-console{bottom:13%;padding:0 9px 6px}.console-top{height:19px;margin:0 -9px 6px;font-size:5px}.console-top>span:last-child{font-size:4px}.console-prompt{font-size:5px;margin-bottom:4px}.console-line{font-size:5px;line-height:1.5;gap:5px}.console-line b{font-size:5px}.console-tail{font-size:5px;margin-top:4px}.console-tail>span:last-child{font-size:4px}.console-cursor{height:6px}}
@media(max-width:480px){body[data-weather-mode=event].is-hero .replay-console{bottom:17%;padding:0 6px 4px;border-radius:4px}.console-top{height:13px;margin:0 -6px 4px;padding:0 6px;font-size:4px}.console-top>span:first-child{display:flex;gap:3px}.console-top i{width:3px;height:3px}.console-prompt{display:none}.console-line{font-size:4px;line-height:1.4}.console-line b{font-size:4px}#console-source,#console-stations,.console-tail{display:none}#console-signal{display:flex}}
@media(prefers-reduced-motion:reduce){.console-cursor{animation:none}}
@media(min-width:1101px){body[data-weather-mode=event].is-hero .hero-message{top:20%}}
/* Frosted glass: real satellite imagery remains visible through the terminal. */
body[data-weather-mode=event].is-hero .replay-console{background:linear-gradient(125deg,#d5e7f00d,#06111a40 55%,#8aabb012),#07111b38;border-color:#e2f0f235;backdrop-filter:blur(13px) saturate(115%);-webkit-backdrop-filter:blur(13px) saturate(115%);box-shadow:inset 0 1px 0 #ffffff13,0 16px 40px #00000026}
.console-top{background:#d4e5ef09;border-bottom-color:#e1eff01c;color:#c7d2d9}
.console-line{color:#d0dce0;text-shadow:0 1px 3px #03101990}.console-line b{color:#b6eb99}.console-prompt{color:#b6eb99;text-shadow:0 1px 3px #03101990}.console-path{color:#b3d7f1}.console-command{color:#f0f5f4}.console-tail>span:last-child{color:#adbdc5}.console-top>span:last-child{color:#b2c2ba}
@supports not (backdrop-filter:blur(1px)){body[data-weather-mode=event].is-hero .replay-console{background:#0a1724db}}