@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#eaf4f6;--muted:#95aeb7;--accent:#a9f5d1;--line:#ffffff16;--panel:#0b1d29ed;font-family:'DM Sans',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#081722;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled,input:disabled{opacity:.4;cursor:wait}[hidden]{display:none!important}.workspace{height:100svh;min-height:650px;position:relative;overflow:hidden}#map,#wind-flow{position:absolute;inset:0;width:100%;height:100%}#wind-flow{pointer-events:none;z-index:1}.glass{background:var(--panel);border:1px solid #bddfe51c;box-shadow:0 8px 36px #0003;backdrop-filter:blur(20px);border-radius:14px}.topbar{position:absolute;top:22px;left:24px;right:24px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#0c2b2c;width:42px;height:42px;border-radius:11px;font-family:'Space Grotesk',sans-serif;letter-spacing:-2px;padding-right:2px}.brand small{display:block;font-size:10px;letter-spacing:2.5px;font-weight:500;color:var(--muted);margin-top:3px}.run{display:flex;gap:14px;align-items:center;font-size:14px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.back-link{font-size:14px;color:var(--muted)}.left-stack{position:absolute;top:120px;left:24px;width:300px;z-index:3;display:grid;gap:14px}.layer-panel,.conditions{padding:22px}.section-top h1{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:500;letter-spacing:-.7px;line-height:1.25;margin:0 0 8px}.layer-buttons{display:grid;gap:8px;margin:22px 0 16px}.layer{display:flex;align-items:center;text-align:left;width:100%;gap:12px;border:1px solid var(--line);background:#ffffff03;border-radius:10px;color:var(--ink);padding:12px;font-size:15px}.layer.active{border-color:#a9f5d17a;background:#a9f5d10e}.layer-symbol{color:var(--accent);font-size:32px;width:32px;line-height:1}.layer small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.selection{margin-left:auto;width:9px;height:9px;border:1px solid #71868d;border-radius:100%}.active .selection{background:var(--accent);border-color:var(--accent)}.switch-row,.opacity-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:16px 0 10px}.opacity-row{color:var(--muted);font-size:12px}.switch-row input{appearance:none;width:32px;height:19px;border-radius:20px;background:#456;position:relative;margin:0}.switch-row input:checked{background:var(--accent)}.switch-row input:before{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:#122631;border-radius:50%;transition:transform .15s}.switch-row input:checked:before{transform:translateX(13px)}input[type=range]{width:100%;accent-color:var(--accent);height:5px;cursor:pointer}.conditions h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:500;margin:8px 0 4px}.conditions p{margin:0;color:var(--muted);font-size:12px}#point-status{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.5;min-height:18px}.primary-reading{display:flex;align-items:center;gap:12px;margin:6px 0 18px}.primary-reading>span{font-family:'Space Grotesk',sans-serif;font-size:62px;letter-spacing:-4px;line-height:1.15}.primary-reading>div>span{font-size:23px;color:var(--accent)}.primary-reading small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.readings{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.readings>div>span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.readings strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:21px}.readings b{font-weight:500}.readings small{font-size:13px;color:var(--muted)}.conditions .point-note{font-size:11px;line-height:1.6;margin-top:14px}#sign-in{display:block;font-size:13px;color:var(--accent);margin-top:12px}.region-picker{position:absolute;top:120px;right:24px;z-index:3;padding:10px 14px;display:flex;align-items:center;gap:12px}.region-picker label{font-size:12px;color:var(--muted)}select{border:0;background:transparent;color:var(--ink);font-size:14px;max-width:180px}option{background:#102734}.bottom-stack{position:absolute;z-index:3;bottom:38px;left:350px;right:90px;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.bottom-stack>*{pointer-events:auto}.legend{padding:13px 18px;width:min(410px,100%);font-size:12px}.legend>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.legend strong{font-weight:500}.legend span{color:var(--muted)}#legend-ramp{height:7px;border-radius:3px}#legend-ticks{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#b4c7ce}.timeline{width:100%;max-width:1000px;padding:20px 24px 14px}.timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.timeline-heading strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:500;margin-top:6px}.forecast-badge{font-size:12px;border:1px solid #a9f5d147;color:var(--accent);border-radius:6px;padding:6px 9px;white-space:nowrap}.timeline-controls{display:flex;align-items:flex-start;gap:12px;margin-top:20px}.timeline-controls button{height:35px;min-width:35px;border:1px solid var(--line);border-radius:7px;background:#ffffff09;color:var(--ink);font-size:13px}#play{background:var(--accent);color:#102831}#now{padding:0 12px}.scrubber{flex:1;min-width:0;padding-top:5px}#forecast{margin:7px 0 0}#time-ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:10px}.timeline-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:12px;margin-top:18px;color:var(--muted);font-size:11px}.separator{margin:0 8px;color:#44616f}.notice{position:absolute;z-index:4;top:180px;right:24px;width:min(350px,calc(100% - 48px));padding:15px 18px;color:#ffdb9e;font-size:14px;line-height:1.5}.mapboxgl-ctrl-top-right{top:180px;right:24px}.mapboxgl-ctrl-group{background:#102734!important}.mapboxgl-ctrl-group button .mapboxgl-ctrl-icon{filter:invert(1)}.mapboxgl-ctrl-group button+button{border-top-color:var(--line)!important}.mapboxgl-ctrl-bottom-left{left:24px}.point-marker{width:20px;height:20px;border:2px solid white;border-radius:50%;background:#96edcf;box-shadow:0 0 0 7px #a9f5d12b,0 2px 12px #0007}.mapboxgl-canvas{cursor:crosshair}.mapboxgl-ctrl-attrib{font-size:10px!important}
@media(min-width:1000px) and (max-height:850px){.left-stack{gap:10px}.layer-panel,.conditions{padding:16px 20px}.layer-buttons{margin:14px 0}.layer{padding:9px}.conditions h2{font-size:22px}.primary-reading>span{font-size:48px}.primary-reading{margin:4px 0 10px}.readings{padding:12px 0;gap:12px}.conditions .point-note{margin-top:10px}.switch-row{margin:12px 0}.timeline{padding:16px 22px 12px}}
@media(max-width:1050px){.run{display:block}.run .eyebrow{display:block;margin-bottom:5px}.back-link{display:none}.bottom-stack{right:24px}.left-stack{width:270px}.bottom-stack{left:310px}.layer-panel,.conditions{padding:18px}.section-top h1{font-size:20px}}
/* Desktop controls retain their expanded presentation. */
.layer-settings>summary{display:none}
.layer-settings:not([open])>*:not(summary){display:block}
.layer-settings:not([open])>.switch-row,.layer-settings:not([open])>.opacity-row{display:flex}
.left-stack{max-height:calc(100% - 146px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#47616b transparent;border-radius:14px}
.layer.unavailable{opacity:.45;cursor:not-allowed}.layer.unavailable .selection{display:none}
#panel-toggle{display:none}
@media(max-width:700px), (max-width:950px) and (max-height:500px){
  .workspace{height:100svh;height:100dvh;min-height:0}
  .topbar{top:max(8px,env(safe-area-inset-top));left:8px;right:8px;padding:10px 12px;gap:8px;border-radius:12px}
  .brand{font-size:14px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:8px}
  .brand small{font-size:8px;letter-spacing:1.3px}.run{font-size:10px;text-align:right;min-width:0}
  .run .eyebrow{font-size:8px;letter-spacing:.3px}.back-link{display:none}
  .left-stack{top:78px;left:8px;right:8px;width:auto;max-height:calc(100% - 360px);gap:8px;overflow-y:auto;overscroll-behavior:contain}
  .layer-panel{padding:8px 10px}.layer-panel .section-top{display:none}
  .layer-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
  .layer{justify-content:center;min-height:44px;padding:8px 4px;gap:5px;font-size:13px}
  .layer-symbol{font-size:23px;width:auto}.layer small,.selection{display:none}
  .layer-settings>summary{display:flex;align-items:center;min-height:36px;font-size:12px;color:var(--muted);cursor:pointer;list-style:none}
  .layer-settings>summary::after{content:'+';margin-left:auto;font-size:18px}
  .layer-settings[open]>summary::after{content:'−'}
  .layer-settings:not([open])>*:not(summary){display:none}
  .layer-settings[open]{padding-bottom:8px}.switch-row{min-height:44px;margin:0;font-size:13px}
  .opacity-row{margin:4px 0}.layer-settings input[type=range]{height:24px;margin:0}
  .inspect-open .layer-panel{display:none}.left-stack .conditions{display:none}
  .inspect-open .left-stack .conditions{display:block}
  .conditions{padding:14px}.conditions h2{font-size:20px;margin:4px 0}
  .primary-reading{margin:4px 0 10px}.primary-reading>span{font-size:36px;letter-spacing:-1px}
  .primary-reading>div>span{font-size:18px}.readings{padding:10px 0;gap:10px}.readings strong{font-size:18px}
  .conditions .point-note{margin-top:8px}#point-status{margin-top:6px}
  #panel-toggle{display:block;position:absolute;top:auto;bottom:232px;left:8px;min-height:44px;padding:10px 12px;color:var(--accent);z-index:3;font-size:12px}
  .region-picker{top:auto;bottom:232px;right:8px;padding:0 10px;min-height:44px;max-width:48%}
  .region-picker label{display:none}.region-picker select{font-size:16px;min-width:0;width:100%;max-width:170px;min-height:44px}
  .bottom-stack{left:8px;right:8px;bottom:max(28px,env(safe-area-inset-bottom));gap:6px}
  .legend{width:100%;padding:8px 12px;font-size:11px}.legend>div:first-child{margin-bottom:5px}
  #legend-ticks{margin-top:3px;font-size:10px}
  .timeline{padding:10px 12px}.eyebrow{font-size:9px;letter-spacing:1px}
  .timeline-heading{gap:6px}.timeline-heading strong{font-size:15px;margin-top:2px}.forecast-badge{font-size:10px;padding:5px}
  .timeline-controls{margin-top:6px;gap:8px;align-items:center}.timeline-controls button{height:44px;min-width:44px}
  .scrubber{padding-top:0}#forecast{height:24px;margin:0}#time-ticks{font-size:9px;margin-top:0}
  .timeline-foot{font-size:10px;line-height:1.3;margin-top:6px;padding-top:6px}.timeline-foot>span:last-child{display:none}
  .mapboxgl-ctrl-top-right{top:190px;right:8px}.mapboxgl-ctrl-group button{width:44px;height:44px}
  .mapboxgl-ctrl-bottom-left{left:8px}.notice{top:78px;left:8px;right:8px;width:auto;max-height:110px;overflow:auto;font-size:12px;padding:10px 12px}
  summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
}
@media(max-width:950px) and (max-height:500px){
  .workspace{height:100dvh;min-height:0}.topbar{top:6px;left:8px;right:8px;padding:6px 10px}.brand-mark{height:28px;width:28px}.brand small{display:none}
  .left-stack{top:62px;left:8px;width:42%;right:auto;max-height:calc(100% - 126px)}
  .bottom-stack{left:46%;right:8px;bottom:28px;gap:4px}.legend{padding:6px 10px}.timeline{padding:8px 10px}
  #panel-toggle{bottom:28px;top:auto}.region-picker{top:62px;bottom:auto;right:8px;max-width:45%}
  .mapboxgl-ctrl-top-right{display:none}.timeline-foot{display:none}.notice{top:62px;max-height:80px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* On touch screens the map is the primary surface; tools open one at a time. */
.mobile-tools{display:none}
@media(max-width:900px), (max-width:950px) and (max-height:500px){
  .workspace{height:100dvh;min-height:0}
  .topbar{top:max(8px,env(safe-area-inset-top));left:8px;right:auto;padding:7px 10px;border-radius:12px}
  .brand{font-size:13px;gap:8px}.brand-mark{width:28px;height:28px;font-size:14px}.brand small{font-size:8px;letter-spacing:1px}
  .run,.back-link{display:none}
  .mobile-tools{display:flex;position:absolute;z-index:5;left:8px;right:8px;bottom:max(28px,env(safe-area-inset-bottom));padding:4px;gap:4px}
  .mobile-tools button,#panel-toggle{display:block;position:static;flex:1;min-width:0;min-height:44px;padding:8px 4px;font-size:13px;color:var(--ink);border:0;border-radius:8px;background:transparent;box-shadow:none}
  .mobile-tools button[aria-expanded=true]{background:#a9f5d125;color:var(--accent)}
  .left-stack{display:none;top:auto;bottom:92px;left:8px;right:8px;width:auto;max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain}
  .layers-open .left-stack,.inspect-open .left-stack{display:block}
  .layer-panel,.conditions{padding:14px}.layer-panel .section-top{display:none}
  .layer-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
  .layer{min-height:44px;justify-content:center;padding:8px 4px;font-size:13px;gap:5px}.layer-symbol{font-size:23px;width:auto}.layer small,.selection{display:none}
  .layer-settings>summary{display:flex;align-items:center;min-height:44px;font-size:13px;cursor:pointer;color:var(--muted)}
  .layer-settings:not([open])>*:not(summary){display:none}
  .switch-row{min-height:44px}.layer-settings input[type=range]{height:24px}
  .left-stack .conditions,.inspect-open .layer-panel{display:none}.inspect-open .left-stack .conditions{display:block}
  .region-picker{display:none;top:64px;bottom:auto;right:8px;max-width:calc(100% - 16px);min-height:44px;padding:0 10px}
  .layers-open .region-picker{display:flex}.region-picker label{display:none}.region-picker select{font-size:16px;min-height:44px}
  .bottom-stack{display:none;left:8px;right:8px;bottom:92px;max-height:calc(100dvh - 160px);overflow:auto;gap:6px}
  .forecast-open .bottom-stack{display:flex}
  .legend{width:100%;padding:8px 12px}.timeline{padding:10px 12px}
  .timeline-heading strong{font-size:16px}.timeline-controls{gap:8px;margin-top:8px;align-items:center}.timeline-controls button{min-width:44px;height:44px}
  #forecast{height:28px;margin:0}.timeline-foot{font-size:10px}.timeline-foot>span:last-child{display:none}
  .mapboxgl-ctrl-top-right{display:none}
  .notice{top:64px;left:8px;right:8px;width:auto;max-height:64px;overflow:auto;padding:8px 12px;font-size:12px;pointer-events:none}
}
@media(max-width:950px) and (max-height:500px){
  .left-stack,.bottom-stack{left:8px;right:auto;width:min(390px,60%);max-height:calc(100dvh - 100px)}
  .topbar{display:none}.region-picker{top:8px}.notice{left:auto;width:35%;top:64px}
}