:root{color-scheme:dark;--navy:#071827;--navy-2:#0b2335;--panel:#102b3f;--panel-2:#0c2537;--line:rgba(157,203,222,.18);--text:#f3f8fa;--muted:#91a8b4;--cyan:#51d4e8;--blue:#4d9ddd;--green:#59d29a;--amber:#f2b84b;--red:#ff6b64;--shadow:0 18px 48px rgba(0,0,0,.24)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#06131f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);font-variant-numeric:tabular-nums}button,a{font:inherit}.board{position:relative;width:100vw;height:100vh;min-width:900px;min-height:560px;display:grid;grid-template-rows:auto 1fr auto;padding:1.5vh 1.25vw 1vh;gap:1.25vh;background:radial-gradient(circle at 80% 0%,rgba(51,150,186,.15),transparent 32%),linear-gradient(145deg,#061521,#092236 58%,#071725)}.board:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px}.topbar,.content-grid,footer{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:10.5vh;border:1px solid var(--line);border-radius:18px;padding:1.1vh 1vw;background:linear-gradient(120deg,rgba(15,47,68,.93),rgba(7,28,43,.9));box-shadow:var(--shadow)}.brand-lockup{display:flex;align-items:center;gap:1vw;min-width:0}.logo-shell{width:7.2vh;height:7.2vh;min-width:52px;min-height:52px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.logo-shell img{width:100%;height:100%;object-fit:contain}.eyebrow,.kicker{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:clamp(9px,.63vw,13px);font-weight:800;color:var(--cyan)}h1{font-size:clamp(25px,2.25vw,48px);line-height:.98;margin:.35vh 0;font-weight:850;letter-spacing:.035em}.brand-lockup p{margin:0;color:#a9bdc7;font-size:clamp(10px,.8vw,16px);font-weight:650;letter-spacing:.05em;text-transform:uppercase}.time-cluster{text-align:right;display:grid;gap:.35vh}.connection-pill{justify-self:end;display:flex;align-items:center;gap:.38rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(8px,.56vw,11px)}.connection-pill span{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px currentColor}.connection-pill.online span{background:var(--green)}.connection-pill.offline span{background:var(--red)}.clock-pair{display:flex;gap:1.45vw}.clock-pair>div{display:grid}.clock-pair span{font-size:clamp(8px,.5vw,11px);color:var(--muted);font-weight:750;letter-spacing:.12em}.clock-pair strong{font-size:clamp(20px,1.72vw,36px);line-height:1.05}.full-date{font-size:clamp(9px,.63vw,13px);font-weight:650;color:#b6c9d2}.content-grid{min-height:0;display:grid;grid-template-columns:1.35fr .72fr .92fr;grid-template-rows:1.37fr .78fr 1.05fr;gap:.8vw}.panel{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,47,67,.96),rgba(10,34,51,.97));box-shadow:0 12px 32px rgba(0,0,0,.15);padding:1.1vh 1vw}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8vh}.panel-heading.compact{align-items:center}.panel h2{font-size:clamp(16px,1.1vw,24px);margin:.15vh 0 0;line-height:1.08}.quiet-button{border:1px solid rgba(81,212,232,.3);background:rgba(81,212,232,.08);color:var(--cyan);padding:.5vh .65vw;border-radius:8px;font-size:clamp(9px,.6vw,12px);font-weight:750;cursor:pointer}.quiet-button:hover{background:rgba(81,212,232,.16)}.weather-panel{grid-column:1/3;grid-row:1}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75vw;height:calc(100% - 5.6vh)}.weather-card{border:1px solid rgba(145,183,201,.15);border-radius:12px;padding:.85vh .75vw;background:rgba(3,20,31,.25);display:grid;grid-template-columns:auto 1fr;gap:.8vh .8vw;align-content:start}.weather-card .station{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.station strong{font-size:clamp(15px,1vw,22px)}.station small{color:var(--muted);font-weight:650}.freshness{padding:.25rem .45rem;border-radius:999px;text-transform:uppercase;font-size:clamp(8px,.5vw,10px);letter-spacing:.08em;background:rgba(89,210,154,.12);color:var(--green)}.freshness.ageing{background:rgba(242,184,75,.13);color:var(--amber)}.freshness.stale{background:rgba(255,107,100,.13);color:var(--red)}.primary-weather{display:flex;align-items:baseline;gap:.45vw}.primary-weather strong{font-size:clamp(23px,2vw,42px);line-height:1}.primary-weather span{font-size:clamp(11px,.78vw,16px);color:#b7c8d0;font-weight:700}.weather-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4vw}.weather-stat span,.airfield-grid span,.sun-strip span{display:block;color:var(--muted);font-size:clamp(8px,.52vw,11px);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.weather-stat strong{font-size:clamp(11px,.78vw,16px)}.weather-summary{grid-column:1/-1;color:#c8d8df;font-size:clamp(9px,.62vw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.42vh;color:var(--muted);font-size:clamp(8px,.52vw,11px)}.source-label{color:#728b97}.loading-block{border-radius:12px;background:linear-gradient(100deg,rgba(255,255,255,.03),rgba(255,255,255,.09),rgba(255,255,255,.03));background-size:240% 100%;animation:loading 1.8s infinite}@keyframes loading{to{background-position:-240% 0}}.wind-panel{grid-column:3;grid-row:1}.station-badge,.age-badge,.day-state,.pager,.verified-dot{border-radius:999px;border:1px solid rgba(81,212,232,.24);background:rgba(81,212,232,.08);color:var(--cyan);padding:.28rem .52rem;font-size:clamp(8px,.52vw,11px);font-weight:800;letter-spacing:.06em}.wind-layout{height:calc(100% - 4vh);display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:.5vw}.compass{position:relative;aspect-ratio:1;max-height:17vh;margin:auto;width:min(100%,17vh)}.compass-ring{position:absolute;inset:12%;border:2px solid rgba(145,183,201,.26);border-radius:50%;background:radial-gradient(circle,rgba(81,212,232,.08),transparent 65%)}.compass-ring:before,.compass-ring:after{content:"";position:absolute;background:rgba(145,183,201,.24)}.compass-ring:before{left:50%;top:0;bottom:0;width:1px}.compass-ring:after{top:50%;left:0;right:0;height:1px}.cardinal{position:absolute;font-size:clamp(8px,.52vw,11px);color:var(--muted);font-weight:800}.north{left:50%;top:0;transform:translateX(-50%)}.south{left:50%;bottom:0;transform:translateX(-50%)}.east{right:0;top:50%;transform:translateY(-50%)}.west{left:0;top:50%;transform:translateY(-50%)}.wind-arrow{position:absolute;left:calc(50% - 5px);top:21%;width:10px;height:39%;transform-origin:50% 75%;transform:rotate(0deg);transition:transform .7s ease}.wind-arrow:before{content:"";position:absolute;left:-6px;top:-2px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:20px solid var(--cyan);filter:drop-shadow(0 0 8px rgba(81,212,232,.5))}.wind-arrow:after{content:"";position:absolute;top:13px;left:3px;width:4px;height:100%;background:var(--cyan);border-radius:4px}.compass-hub{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:var(--text);transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(81,212,232,.12)}.wind-readout{display:grid;gap:.25vh}.wind-readout strong{font-size:clamp(25px,2vw,44px);line-height:1}.wind-readout span{font-size:clamp(16px,1.1vw,24px);font-weight:750;color:var(--cyan)}.wind-readout small{color:var(--muted);line-height:1.3}.raw-panel{grid-column:1/3;grid-row:2}.raw-panel code{display:block;font-family:"SFMono-Regular",Consolas,monospace;font-size:clamp(13px,1.05vw,22px);line-height:1.45;color:#d8f8ff;white-space:normal}.raw-panel p{margin:.45vh 0 0;color:var(--muted);font-size:clamp(8px,.54vw,11px)}.daylight-panel{grid-column:3;grid-row:2}.sun-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.45vw}.sun-strip strong{font-size:clamp(13px,.92vw,19px)}.countdown{margin-top:.8vh;border-top:1px solid var(--line);padding-top:.65vh;color:var(--cyan);font-weight:720;font-size:clamp(9px,.66vw,14px)}.reminder-panel{grid-column:1;grid-row:3}.carousel-copy{height:calc(100% - 4vh);display:flex;align-items:center;font-size:clamp(16px,1.4vw,30px);font-weight:760;line-height:1.23;color:#f2f9fb}.carousel-copy:before{content:"✓";flex:none;display:grid;place-items:center;width:2.4vw;height:2.4vw;min-width:30px;min-height:30px;margin-right:.75vw;border-radius:10px;background:rgba(89,210,154,.12);color:var(--green)}.notice-panel{grid-column:2;grid-row:3}.notice-card{height:calc(100% - 4vh);padding:.6vh .65vw;border-left:3px solid var(--blue);background:rgba(0,0,0,.1);border-radius:6px;display:flex;flex-direction:column;justify-content:center}.notice-card.important{border-color:var(--amber)}.notice-card.critical{border-color:var(--red)}.notice-severity{font-size:clamp(8px,.5vw,10px);text-transform:uppercase;color:var(--cyan);font-weight:850;letter-spacing:.12em}.notice-card strong{margin:.25vh 0;font-size:clamp(13px,.9vw,19px)}.notice-card p{margin:0;color:#b8cad2;font-size:clamp(9px,.62vw,13px);line-height:1.32}.airfield-panel{grid-column:3;grid-row:3}.airfield-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7vh .65vw}.airfield-grid strong{font-size:clamp(11px,.75vw,16px);display:block;margin-top:.13vh}.airfield-grid .runway-value{color:var(--amber)}.airfield-panel a,.resource-panel a{display:inline-block;margin-top:.65vh;color:var(--cyan);font-weight:700;text-decoration:none;font-size:clamp(8px,.55vw,12px)}.verified-dot{color:var(--green);border-color:rgba(89,210,154,.2);background:rgba(89,210,154,.08)}.resource-panel{display:none;grid-column:3;grid-row:3;align-items:center;gap:.8vw}.resource-panel.visible{display:flex}.airfield-panel.resource-shown{display:none}.qr-code{background:#fff;border-radius:10px;padding:.35vw;display:grid;place-items:center;width:6.2vw;min-width:58px;aspect-ratio:1}.qr-code svg{width:100%;height:100%}.resource-panel p{margin:.4vh 0 0;color:#c1d1d8;font-weight:650}.resource-panel h2{margin:.1vh 0}footer{display:flex;justify-content:space-between;color:#718a96;font-size:clamp(8px,.51vw,11px);letter-spacing:.04em;padding:0 .25vw}.critical-screen{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 40%,#74222c,#2a0b13 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vw}.critical-screen[hidden]{display:none}.critical-mark{width:10vh;height:10vh;border-radius:50%;display:grid;place-items:center;font-size:7vh;font-weight:900;background:#fff;color:#7d1420;margin-bottom:2vh}.critical-screen>span{text-transform:uppercase;letter-spacing:.22em;font-weight:850;color:#ffc3c3}.critical-screen h2{font-size:clamp(42px,6vw,105px);line-height:1;margin:2vh 0 1.5vh}.critical-screen p{font-size:clamp(20px,2.25vw,44px);max-width:1200px;line-height:1.3;margin:0}.critical-screen small{margin-top:3vh;color:#eab6b9;font-size:clamp(12px,1vw,20px)}[hidden]{display:none!important}
.logo-shell{width:18vh;min-width:132px;padding:.35vh .55vw}.logo-shell img{object-fit:contain}
@media(max-aspect-ratio:4/3){.board{min-width:760px;padding:.8vh .8vw}.content-grid{gap:.55vw}.topbar{min-height:9vh}.panel{padding:.75vh .75vw}.weather-card{padding:.55vh .55vw}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}