:root{--ink:#061827;--navy:#0b2944;--panel:#123b5d;--cyan:#55ddeb;--paper:#eef9e8;--yellow:#ffe05d;--green:#4bea75;--red:#ff5468;--muted:#9cc2cc;--shadow:#04111d}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Courier New",monospace;image-rendering:pixelated}main{max-width:1500px;margin:auto;padding:34px max(3vw,20px) 70px}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:45px}.hero-title{display:flex;align-items:center;gap:clamp(18px,3vw,44px)}.eyebrow{color:var(--cyan);font-weight:bold;letter-spacing:2px}.hero h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(44px,7vw,92px);text-transform:uppercase;line-height:.88;letter-spacing:2px;margin:12px 0;text-shadow:5px 5px 0 #174e72}.crystal-ball{width:clamp(96px,12vw,154px);height:auto;flex:none;filter:drop-shadow(7px 7px 0 #04111d)}.orb-outline{fill:#061827}.orb-glass{fill:#9b6dff}.orb-shadow{fill:#5c3b9e;opacity:.72}.orb-sparkles{fill:#d9efff;animation:crystal-pulse 2.4s steps(2,end) infinite}.orb-stand{fill:#32224d}.orb-stand-light{fill:#674990}.orb-base{fill:#061827}.issue{border:4px solid var(--paper);background:var(--panel);padding:15px;min-width:270px;box-shadow:7px 7px 0 var(--cyan)}.issue span,.issue small{display:block;color:var(--muted);font-size:12px}.issue strong{display:block;font-size:18px;margin:6px 0}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--cyan);margin-bottom:18px}.section-head h2{font-size:22px;letter-spacing:2px}.ticker{background:var(--cyan);color:var(--ink);font-weight:bold;padding:8px}.forecast-grid{display:grid;grid-template-columns:repeat(6,minmax(166px,1fr));gap:12px;overflow-x:auto;padding:0 0 16px}.card{position:relative;min-height:350px;background:var(--paper);color:var(--ink);border:4px solid var(--ink);outline:2px solid var(--paper);box-shadow:7px 7px 0 #145174;padding:13px}.card-time{text-align:center;border-bottom:3px solid var(--ink);padding-bottom:9px}.card-time b{display:block;font-size:17px}.card-time small{font-weight:bold;color:#31505f}.wx-icon{height:84px;display:flex;align-items:center;justify-content:center;font-size:58px;filter:drop-shadow(4px 4px 0 #7bb6c1)}.temp{font-size:38px;font-weight:900;text-align:center}.range{text-align:center;font-size:11px;min-height:25px}.wind{display:flex;align-items:center;justify-content:center;gap:10px;margin:13px 0;border-block:2px dashed #75919a;padding:8px}.wind-arrow{font-size:26px;display:inline-block}.wind b{font-size:16px}.probabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;font-size:11px}.probabilities span{background:#c9e7e3;padding:5px;text-align:center;font-weight:bold}.thunder{grid-column:1/-1;background:var(--yellow)!important}.hold-tag{display:inline-block;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font-weight:bold;font-size:10px;padding:2px 5px}.card .hold-tag{position:absolute;right:8px;top:8px}.footnote{color:var(--muted);font-size:12px;margin:14px 0 55px}.station-section{margin-top:15px}.map-shell{position:relative;border:5px solid var(--paper);box-shadow:9px 9px 0 var(--cyan);background:#102e4d}.map-shell svg{display:block;width:100%;max-height:760px}.land{fill:#1a4861;stroke:#70aec1;stroke-width:3}.water{fill:#0a2742;stroke:#4384a5;stroke-width:3}.marker{stroke:var(--ink);stroke-width:3;cursor:pointer}.marker:hover{stroke:var(--paper);stroke-width:5}.marker.received{fill:var(--green)}.marker.waiting{fill:var(--yellow)}.marker.failed{fill:var(--red)}.legend{position:absolute;right:12px;bottom:12px;display:flex;gap:13px;background:#061827e8;border:2px solid var(--paper);padding:10px;font-size:11px;font-weight:bold}.legend i{display:inline-block;width:11px;height:11px;margin-right:5px}.legend .received{background:var(--green)}.legend .waiting{background:var(--yellow)}.legend .failed{background:var(--red)}.tooltip{position:absolute;pointer-events:none;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--cyan);padding:9px;width:max-content;max-width:min(260px,calc(100% - 20px));font-size:12px;z-index:20}.tooltip b{display:block;font-size:15px}.counts{display:flex;gap:12px;font-size:12px;font-weight:bold}.counts span{padding:5px;background:#173e5b}.notice{padding:14px;background:var(--red);border:3px solid var(--paper);margin-bottom:20px;font-weight:bold}.hidden{display:none}.loading{padding:40px;color:var(--cyan);font-weight:bold}footer{border-top:4px solid #245172;padding:24px;text-align:center;color:#6f9daf;font-size:11px;letter-spacing:1px}@keyframes crystal-pulse{50%{fill:#fff4a8}}@media(prefers-reduced-motion:reduce){.orb-sparkles{animation:none}}@media(max-width:700px){.hero{display:block}.hero-title{align-items:flex-end}.crystal-ball{width:92px}.issue{margin-top:24px}.legend{position:static;flex-wrap:wrap}.section-head{align-items:end}.counts{display:none}}

.wx-icon svg{width:72px;height:72px}
.pressure{display:flex;justify-content:space-between;align-items:center;border-top:2px dashed #75919a;margin-top:8px;padding-top:7px;font-size:12px}.pressure small{color:#31505f;font-size:9px;text-align:right}.card{min-height:390px}
body.day-mode{background:#287ba8;background-image:linear-gradient(#4ba8cc 0,#287ba8 38%,#061827 100%)}.card.day-card{background:#eef9e8;color:#061827}.card.night-card{background:#102b48;color:#eef9e8;outline-color:#9fc5d0;box-shadow:7px 7px 0 #020b14}.night-card .card-time{border-color:#9fc5d0}.night-card .card-time small,.night-card .pressure small{color:#9cc2cc}.night-card .wind{border-color:#527b91}.night-card .probabilities span{background:#254c65;color:#eef9e8}.night-card .thunder{color:#061827!important}
.map-shell{overflow:auto}.map-shell svg{min-width:1150px}.route{stroke-width:9;stroke-linecap:square;stroke-linejoin:miter;opacity:.85}.route-name{font-size:15px;font-weight:900;letter-spacing:2px;text-anchor:middle;paint-order:stroke;stroke:#102e4d;stroke-width:6px}.marker{stroke:var(--route-color);stroke-width:5}.marker:hover{stroke:#eef9e8}.station-label{pointer-events:none}.station-code{fill:#eef9e8;font-size:12px;font-weight:900;paint-order:stroke;stroke:#061827;stroke-width:4px}.station-detail{fill:#9cc2cc;font-size:8px;font-weight:bold;paint-order:stroke;stroke:#061827;stroke-width:3px}.hub circle:first-child{fill:#eef9e8;stroke:#55ddeb;stroke-width:7}.hub circle:nth-child(2){fill:#061827}.hub text{fill:#eef9e8;font-weight:900;font-size:14px;text-anchor:middle;paint-order:stroke;stroke:#061827;stroke-width:5px}.hub .hub-detail{fill:#9cc2cc;font-size:9px;letter-spacing:1px}
.route{stroke-width:8;opacity:1}.spur{stroke-width:7;stroke-linecap:square}.trunk-casing{stroke:#173e5b;stroke-width:20;stroke-linecap:square}.trunk-rail{stroke-width:3.5;stroke-linecap:square}.route-badge text{font-size:14px;font-weight:900;letter-spacing:1.5px;text-anchor:middle}.route-badge rect{stroke-width:3}.station-label{fill:#eef9e8;font-size:11px;font-weight:900;paint-order:stroke;stroke:#061827;stroke-width:4px;pointer-events:none}
.forecast-grid{grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:visible}
@media(max-width:1250px){.forecast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.forecast-grid{grid-template-columns:1fr}}