*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#07101a;--panel:#0d1825;--panel2:#111f2f;--line:#22364b;--text:#e8f3ff;--muted:#8fa8be;--good:#38d996;--warn:#f2c744;--bad:#ff6677;--quiet:#5f7890;--shadow:0 10px 28px rgba(0,0,0,.24)}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{display:grid;grid-template-rows:78px minmax(0,1fr) 40px;min-width:1000px}
.live-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:9px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0e1b29 0%,#09131f 100%);box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:5}
.brand-block{display:flex;align-items:center;gap:10px;min-width:0}.live-logo{width:286px;max-height:48px;object-fit:contain;object-position:left center}.live-badge{font-size:19px;font-weight:900;letter-spacing:.14em;padding:7px 10px;border-radius:8px;color:#06130e;background:#36e493;box-shadow:0 0 22px rgba(54,228,147,.25)}.version{font-size:12px;color:var(--muted);align-self:flex-end;margin-bottom:3px}
.event-banner{justify-self:center;max-width:680px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,197,68,.55);background:rgba(242,199,68,.11);color:#ffe18a;border-radius:10px;padding:10px 14px;font-weight:800;font-size:17px;letter-spacing:.01em}
.header-right{display:flex;align-items:center;gap:20px}.header-right>div{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}.label{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted);margin-bottom:5px}.station-block strong,.condition-block strong{font-size:19px;letter-spacing:.04em}.clock-block{min-width:106px}.clock-block strong{font-variant-numeric:tabular-nums;font-size:25px;letter-spacing:.04em}.clock-block span{font-size:10px;letter-spacing:.18em;color:var(--muted);margin-top:2px}
.live-main{min-height:0;display:grid;grid-template-columns:minmax(290px,18vw) minmax(0,1fr) minmax(350px,22vw);gap:12px;padding:12px}
.panel{min-height:0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(17,31,47,.96),rgba(9,19,31,.96));box-shadow:var(--shadow);overflow:hidden}.panel-title{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.panel-title>span{font-weight:900;letter-spacing:.08em;font-size:13px}.panel-title small{font-size:10px;color:var(--muted);letter-spacing:.03em}
.band-panel{display:grid;grid-template-rows:42px minmax(0,1fr)}.band-stack{min-height:0;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:7px;padding:8px}.band-card{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 11px;border:1px solid #21354a;border-left:5px solid var(--band,#5f7890);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.008));overflow:hidden}.band-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 50%,var(--glow,rgba(255,255,255,.04)),transparent 60%);pointer-events:none}.band-name{position:relative;z-index:1;font-size:31px;line-height:1;font-weight:950;letter-spacing:-.04em}.band-name small{font-size:14px;color:var(--muted);margin-left:1px}.band-mid{position:relative;z-index:1;min-width:0}.band-status{font-size:16px;font-weight:900;letter-spacing:.04em}.band-region{margin-top:4px;font-size:12px;color:#b9cad9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.band-meta{margin-top:3px;font-size:10px;color:var(--muted)}.band-score{position:relative;z-index:1;text-align:right;min-width:72px}.band-score strong{display:block;font-size:31px;line-height:1;font-variant-numeric:tabular-nums}.band-score span{display:block;margin-top:5px;font-size:12px;font-weight:900;white-space:nowrap}.trend-up{color:#58e6a7}.trend-down{color:#ff7c89}.trend-flat{color:#b8c6d4}.status-very-good,.status-open{color:var(--good)}.status-marginal{color:var(--warn)}.status-weak{color:#e1a252}.status-quiet{color:#8ba1b4}
.map-panel{position:relative;display:grid;grid-template-rows:48px minmax(0,1fr)}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);z-index:2}.map-heading>div:first-child{display:flex;align-items:baseline;gap:12px}.map-heading strong{font-size:14px;letter-spacing:.08em}.map-heading span,.map-updated{font-size:11px;color:var(--muted)}.live-map{min-height:0;width:100%;height:100%;background:#07101a}.map-legend{position:absolute;left:14px;bottom:12px;z-index:3;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 9px;border:1px solid rgba(170,205,230,.2);border-radius:8px;background:rgba(4,11,18,.84);backdrop-filter:blur(4px);font-size:10px}.legend-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.legend-swatch{width:11px;height:11px;border-radius:2px}.maplibregl-ctrl-attrib{font-size:8px!important;background:rgba(4,11,18,.7)!important;color:#9db1c3!important}.maplibregl-ctrl-attrib a{color:#b9ccda!important}
.right-stack{min-height:0;display:grid;grid-template-rows:minmax(0,1.2fr) minmax(0,.8fr);gap:12px}.openings-panel,.weather-panel{display:grid;grid-template-rows:42px minmax(0,1fr)}.openings{min-height:0;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));padding:7px;gap:6px}.opening-row{display:grid;grid-template-columns:60px minmax(0,1fr) 64px;align-items:center;gap:8px;padding:7px 9px;border:1px solid #203348;border-radius:9px;background:rgba(255,255,255,.025)}.opening-band{font-size:22px;font-weight:950}.opening-band small{font-size:11px;color:var(--muted)}.opening-main{min-width:0}.opening-region{font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opening-meta{margin-top:3px;color:var(--muted);font-size:10px}.opening-score{text-align:right}.opening-score strong{display:block;font-size:23px}.opening-score span{font-size:11px;font-weight:900}.empty-state{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center;padding:20px;grid-row:1/-1}
.weather-panel{grid-template-rows:42px auto minmax(0,1fr)}.space-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 9px 4px}.space-metric{border:1px solid #203348;border-radius:9px;background:rgba(255,255,255,.022);padding:8px;text-align:center}.space-metric span{display:block;font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.1em}.space-metric strong{display:block;margin-top:4px;font-size:19px;font-variant-numeric:tabular-nums}.space-impact{padding:8px 11px 10px;color:#c8d8e6;font-size:12px;line-height:1.35;overflow:hidden}.space-impact strong{color:#fff}.space-status-quiet{color:var(--good)}.space-status-active,.space-status-disturbed{color:var(--warn)}.space-status-storm,.space-status-severe{color:var(--bad)}
.live-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-top:1px solid var(--line);background:#08121d;color:#a9bdce;font-size:11px;white-space:nowrap;overflow:hidden}.feed-line,.footer-right{display:flex;align-items:center;gap:9px;min-width:0}.feed-label{font-weight:900;letter-spacing:.12em;color:#d8e7f4}.feed-pill{padding:4px 7px;border-radius:7px;border:1px solid #294159;background:#101e2c;font-weight:800}.feed-pill.good{border-color:rgba(56,217,150,.45);color:#67e8ae}.feed-pill.warn{border-color:rgba(242,199,68,.45);color:#ffe081}.feed-pill.bad{border-color:rgba(255,102,119,.45);color:#ff8a97}#sourceNote{overflow:hidden;text-overflow:ellipsis}.footer-right{justify-content:flex-end}.footer-right #warningText{max-width:520px;overflow:hidden;text-overflow:ellipsis;color:#ffd278}.footer-right #refreshCountdown{color:#d6e3ee;font-variant-numeric:tabular-nums}
@media(max-width:1450px){body{min-width:900px}.live-main{grid-template-columns:270px minmax(0,1fr) 330px}.live-logo{width:230px}.band-name{font-size:27px}.band-card{grid-template-columns:67px minmax(0,1fr) 58px}.band-score strong{font-size:26px}.opening-row{grid-template-columns:52px minmax(0,1fr) 56px}.opening-band{font-size:19px}.space-metric strong{font-size:17px}}