@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f8092a6a9ad7a44c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/96ad5eed80b1484c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0ab56aae8cf76709-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a1a058a3e6543db0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f33c62bdbd09f5b8-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2b74019ebf7a71b9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/33387a3e1220e613-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2f6258ffdaf4644f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1f1bc71f0d981582-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21b3ec5f6f7ed992-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/760a9ea75c6166f6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21502afb5d341639-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Sarabun Fallback;src:local("Arial");ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.00%;size-adjust:97.58%}.__className_10d1a5{font-family:Sarabun,Sarabun Fallback;font-style:normal}.__variable_10d1a5{--font-body:"Sarabun","Sarabun Fallback"}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/381ef99eada06d71-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/efb1d0d3266e2361-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/cdca6fff670edd4c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d536ec48f0acd73b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/55190bc973e13381-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5084e176e02368e5-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8d0ffaba4bd77024-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/cc9a5f10ece852e7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt Fallback;src:local("Arial");ascent-override:97.38%;descent-override:37.70%;line-gap-override:0.00%;size-adjust:111.93%}.__className_cfaf27{font-family:Prompt,Prompt Fallback;font-style:normal}.__variable_cfaf27{--font-headline:"Prompt","Prompt Fallback"}:root{--red:#e1251b;--ink:#111214;--paper:#ffffff;--wash:#eceef1;--soft:#4b515c;--ok:#0f7a55;--watch:#e6a100;--danger:#b3121a;--rain-0:#d5d9df;--rain-1:#66c43c;--rain-2:#f1c946;--rain-3:#e3622a;--rain-4:#ca325d;--text:1.125rem;--gutter:max(16px,env(safe-area-inset-left,0px));--gutter-r:max(16px,env(safe-area-inset-right,0px));--ease:cubic-bezier(0.16,1,0.3,1);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--wash);color:var(--ink);font-family:var(--font-body),"Sarabun",system-ui,sans-serif;font-size:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:#fff}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}a{color:inherit}.mast{position:relative;z-index:1;padding-top:env(safe-area-inset-top,0)}.mast,.mast:after{background:var(--paper)}.mast:after{content:"";position:absolute;top:100%;left:0;right:0;height:240px;pointer-events:none}.mast-inner{max-width:1200px;margin:0 auto;padding-block:10px;padding-left:var(--gutter);padding-right:var(--gutter-r);gap:10px 14px}.mast-inner,.mast-logos{display:flex;align-items:center}.mast-logos{gap:clamp(4px,1.5vw,8px);flex:none}.mast-logos img{width:auto;height:clamp(38px,10.5vw,60px)}.mast-text{display:grid;grid-gap:2px;gap:2px;min-width:0;flex:1 1 auto}.mast-title{margin:0;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-size:clamp(.9375rem,3.9vw,1.5rem);line-height:1.25;color:var(--ink);text-wrap:balance}.mast-with{margin:0;color:var(--soft);font-weight:600;font-size:clamp(.8125rem,3.4vw,1rem);line-height:1.3}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.feed{list-style:none;margin:0;padding:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));grid-gap:16px;gap:16px}.card,.feed{display:grid}.card{background:var(--paper);border-radius:8px;box-shadow:0 1px 2px rgba(17,18,20,.12),0 6px 18px -14px rgba(17,18,20,.5);align-content:start;min-width:0}.card,.shot{overflow:hidden}.shot{position:relative;display:block;aspect-ratio:16/9;max-width:100%;background:#2a2d33;text-decoration:none}.shot img{object-fit:cover;transition:filter .4s ease-out}.live-frame{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.live-frame.is-on{opacity:1}.is-stale .shot img{filter:grayscale(1) contrast(1.05)}.shot-empty{position:absolute;inset:0;display:grid;place-items:center;color:#d5d8de;font-weight:600}.headline{justify-self:start;margin:12px 14px 0;padding-bottom:6px;border-bottom:4px solid var(--red);font-family:var(--font-headline),"Prompt",sans-serif;font-weight:600;font-size:clamp(1.4rem,5.5vw,1.65rem);line-height:1.25;color:var(--ink);text-wrap:balance}.headline button{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tabs{position:absolute;top:0;right:0;display:flex}.time-tab{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;font-weight:600;font-size:1rem;line-height:1;padding:8px 12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-tab.angle{background:#fff;color:var(--ink)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #fff;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.stamp{position:absolute;bottom:12px;left:12px;padding:6px 12px;border:3px solid var(--ink);color:var(--ink);font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-size:1.05rem;line-height:1;transform:rotate(-4deg)}.notice,.stamp{background:var(--paper)}.notice{margin:0;padding:16px;border-radius:8px;border:2px solid var(--ink);font-weight:600}@media (prefers-reduced-motion:reduce){.live-dot,.map-you-ring,.spin{animation:none}.live-frame,.map-district,.shot img{transition:none}}button.shot:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:inset 0 0 0 6px var(--ink)}button.shot{font:inherit;color:inherit;cursor:pointer;text-align:left}.viewer,button.shot{width:100%;padding:0;border:0}.viewer{max-width:none;height:100%;max-height:none;margin:0;background:var(--ink);color:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.viewer:not([open]){display:none}.viewer::-webkit-backdrop{background:var(--ink)}.viewer::backdrop{background:var(--ink)}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:10px;padding-left:var(--gutter);padding-right:var(--gutter-r)}.viewer-pos{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#c9ccd2}.viewer-close{width:48px;height:48px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.viewer-close svg{width:24px;height:24px}.viewer-stage{position:relative;min-height:0}.viewer-stage .live-frame,.viewer-stage .viewer-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.viewer-bottom{display:grid;grid-gap:8px;gap:8px;padding-top:12px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:var(--gutter);padding-right:var(--gutter-r)}.viewer-bottom .headline{margin:0;color:#fff}.viewer-note{margin:0;font-weight:600}.viewer-place{margin:0;color:#c9ccd2}.viewer-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.viewer-nav button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid #fff;border-radius:8px;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}.viewer-nav button:hover{background:#fff;color:var(--ink)}.viewer-nav svg{width:20px;height:20px}.nowrap{white-space:nowrap}.weather{padding-bottom:0}.sky{position:relative;aspect-ratio:16/7;background:#6b7c8f;overflow:hidden}.sky-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.dist-tab,.sky-whose{position:absolute;top:0;left:0;background:var(--paper);color:var(--ink);font-weight:600;font-size:1rem;line-height:1;padding:8px 12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.say{padding:10px 14px 0}.say-big{margin:0;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-size:1.75rem;line-height:1.2;text-wrap:balance}.say-next{margin:4px 0 0;font-weight:600;text-wrap:pretty}.phrase{display:inline-block}.say-missing{padding:10px 14px 0;color:var(--soft)}.locate{display:grid;grid-gap:10px;gap:10px;padding:14px 14px 0}.locate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 18px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:600;font-size:1.2rem;cursor:pointer}.locate-btn:hover{background:#2a2d33}.locate-btn:disabled{cursor:progress;background:#3a3f47}.locate-btn svg{width:24px;height:24px;flex:none}.locate-note{margin:0;font-weight:600}.district{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:var(--soft);font-weight:600}.district select{flex:1 1 180px;min-height:48px;padding:0 12px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-weight:600}.hours{padding:18px 14px 0}.hours-title{margin:0 0 8px;font-weight:700}.hours-hint{font-weight:400;color:var(--soft);white-space:nowrap}.hours-plot{position:relative;height:92px;margin-top:34px;border-bottom:2px solid var(--ink);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hours-plot:has(.hours-range:focus-visible){outline:3px solid var(--ink);outline-offset:4px}.hours-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:2px;gap:2px;height:100%}.hour{display:flex;align-items:flex-end;height:100%;border-radius:4px 4px 0 0}.hours-handle{position:absolute;top:-6px;bottom:-2px;width:3px;margin-left:-1.5px;background:var(--ink);pointer-events:none;transition:left .14s var(--ease)}.hours-plot.is-playing .hours-handle{transition:left calc(var(--step, .22s) * .4) var(--ease)}.hours-plot.is-wrap .hours-handle{transition:none}.hours-handle-tag{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:2px;padding:4px 10px;border-radius:6px;background:var(--ink);color:#fff;font-weight:700;font-size:1rem;line-height:1.2;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hours-handle.at-start .hours-handle-tag{left:-6px;transform:none}.hours-handle.at-end .hours-handle-tag{left:auto;right:-6px;transform:none}.hours-handle.at-start .hours-handle-tag:after{left:8px}.hours-handle.at-end .hours-handle-tag:after{left:auto;right:2px}.hours-handle-tag:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top:6px solid var(--ink)}.hour-bar{width:100%;height:3px;border-radius:4px 4px 0 0}.hours-range{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.hours-axis{position:relative;height:28px;color:var(--soft);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hours-axis span{position:absolute;top:4px;transform:translateX(-50%);white-space:nowrap}.hours-axis span:first-child{left:0!important;transform:none;font-weight:700;color:var(--ink)}.rain-key{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--soft);font-size:1rem}.rain-key li{display:inline-flex;align-items:center;gap:6px}.day-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;flex:none}.rain-0{background:var(--rain-0)}.rain-1{background:var(--rain-1)}.rain-2{background:var(--rain-2)}.rain-3{background:var(--rain-3)}.rain-4{background:var(--rain-4)}.weather-credit{display:flex;gap:8px;margin:0;padding:16px 14px;color:var(--soft);font-size:1rem}.weather-credit svg{width:20px;height:20px;flex:none;margin-top:3px}.water-state{flex:none;padding:3px 10px 4px;border-radius:6px;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-size:1rem}.water-state.is-normal{background:var(--ok);color:#fff}.water-state.is-watch{background:var(--watch);color:var(--ink)}.water-state.is-danger{background:var(--danger) repeating-linear-gradient(135deg,rgba(255,255,255,.2) 0 6px,transparent 6px 12px);color:#fff}.weather-credit span{min-width:0}body,html{height:100%}body{overflow:hidden;overscroll-behavior:none}.app{height:100dvh;display:flex;flex-direction:column}.mast-short{display:none}.mast.is-compact .mast-inner{padding-block:6px;gap:10px}.mast.is-compact .mast-logos{gap:6px}.mast.is-compact .mast-logos img{height:34px}.mast.is-compact .mast-text{flex:1 1 auto;gap:0}.mast.is-compact .mast-title{font-size:1rem;line-height:1.2}.mast.is-compact .mast-full{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.mast.is-compact .mast-short{display:inline}.mast.is-compact .mast-with{font-size:.875rem}.tabs-nav{position:relative;z-index:2;flex:none;border-top:6px solid var(--red);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper);border-bottom:1px solid var(--rain-0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.tabs-nav a{min-height:50px;display:flex;align-items:center;justify-content:center;padding:0 4px;text-align:center;text-decoration:none;color:var(--soft);font-weight:600;font-size:clamp(.875rem,4.3vw,1rem);white-space:nowrap;line-height:1.2;transition:color .22s var(--ease)}.tabs-nav a[aria-current=page]{color:var(--ink);font-weight:700}.tabs-rule{position:absolute;bottom:0;left:env(safe-area-inset-left,0);width:calc((100% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) / 4);height:4px;background:var(--red);pointer-events:none;will-change:transform}.tabs-nav a:hover{color:var(--ink)}.tabs-nav a:focus-visible{outline-offset:-3px}.pager{position:relative;z-index:2;background:var(--wash);flex:1 1;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.panel{min-width:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;scrollbar-color:#9aa1ab transparent;scrollbar-width:thin}.panel-map{overflow:hidden;position:relative}.panel>.notice{margin:16px var(--gutter-r) 16px var(--gutter)}.soft{color:var(--soft)}.outline-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.outline-btn:hover{background:var(--ink);color:#fff}.outline-btn svg{width:20px;height:20px}.play-btn{flex:none;min-height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:inherit;font-weight:700;cursor:pointer}.play-btn:hover{background:#2a2d33}.play-btn svg{width:18px;height:18px}.map-square,.square-btn{flex:none;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 2px 6px rgba(17,18,20,.22);cursor:pointer}.square-btn{border:2px solid var(--ink);box-shadow:none}.square-btn:disabled{cursor:progress;opacity:.7}.map-square svg,.square-btn svg{width:22px;height:22px}.map-square:hover,.square-btn:hover{background:var(--ink);color:#fff}.state-word{font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;white-space:nowrap}.state-word.is-normal{color:var(--ok)}.state-word.is-watch{color:#8a5d00}.state-word.is-danger{color:var(--danger)}.state-word.is-none{color:var(--soft);font-family:inherit;font-weight:600}.rank-num{position:absolute;bottom:6px;left:10px;color:rgba(255,255,255,.88);font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-size:1.4rem;line-height:1;text-shadow:0 1px 3px rgba(17,18,20,.75);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shot-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home{max-width:760px;margin:0 auto;padding:0 var(--gutter-r) 24px var(--gutter);grid-gap:28px;gap:28px}.home,.lede{display:grid}.lede{grid-gap:8px;gap:8px;padding-top:22px}.lede-big{font-family:var(--font-headline),"Prompt",sans-serif;font-size:1.75rem;line-height:1.2;text-wrap:balance}.lede-big,.lede-sub{margin:0;font-weight:700}.lede-sub{text-wrap:pretty}.lede-at{margin:0;color:var(--soft);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lede .locate{padding:8px 0 0}.chap{display:grid;grid-gap:10px;gap:10px}.chap-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chap-head h2{margin:0;font-family:var(--font-headline),"Prompt",sans-serif;font-size:1.25rem;font-weight:700;line-height:1.25}.chap-at{flex:none;color:var(--soft);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chap-at.is-on-picture{display:none}.radar-pic{position:relative;aspect-ratio:5/4;max-height:52vh;background:#e3e8ee;overflow:hidden}.radar-map,.radar-map svg{display:block;width:100%;height:100%}.mini-district{fill:#f6f7f9;stroke:none}.mini-district-line{fill:none;stroke:#8f96a0;stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.radar-img{opacity:.88}.mini-label{fill:var(--ink);font-family:var(--font-body),"Sarabun",sans-serif;font-weight:700;paint-order:stroke;stroke:#fff;stroke-linejoin:round}.radar-pic .stamp{left:60px}.radar-open,.radar-play{position:absolute;bottom:0;border-radius:0;box-shadow:none}.radar-play{left:0}.radar-open{right:0}.radar-cap{margin:0;padding:12px 14px;font-weight:700;border-bottom:1px solid var(--rain-0)}.radar-next,.rain-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.radar-next{min-height:56px;padding:10px 14px}.radar-next svg,.rain-row>svg{width:20px;height:20px;flex:none}.radar-next:hover>span,.rain-row:hover strong{text-decoration:underline;text-underline-offset:4px}.rain-row{min-height:56px;padding:10px 14px}.rain-row-text{flex:1 1;min-width:0;display:grid;grid-gap:2px;gap:2px;line-height:1.4}.rain-row-text .soft{font-size:1rem}.map-you{pointer-events:none}.map-you circle{fill:var(--ink);stroke:#fff}.map-you .map-you-ring{stroke:none;opacity:.3;transform-box:fill-box;transform-origin:center;animation:ripple 2s cubic-bezier(.16,1,.3,1) infinite}@keyframes ripple{0%{transform:scale(.5);opacity:.45}to{transform:scale(1.6);opacity:0}}.lead .shot{aspect-ratio:16/9}.pill-tab{position:absolute;top:8px;right:8px}.pill-tab .time-tab{background:rgba(255,255,255,.94);color:var(--ink);border-radius:6px;padding:6px 10px;font-size:.95rem;box-shadow:0 1px 3px rgba(17,18,20,.25)}.pill-tab .live-dot{width:8px;height:8px;box-shadow:none}.lead-body{padding:12px 14px 14px;display:grid;grid-gap:8px;gap:8px}.lead-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lead-top .headline{margin:0}.lead-top .state-word{margin-top:6px}.lead-gap{margin:0;font-weight:600}.lead-place{margin:0;color:var(--soft)}.water-rows{list-style:none;margin:0;padding:0}.water-row{width:100%;display:grid;grid-gap:2px;gap:2px;padding:10px 2px;border:0;border-bottom:1px solid var(--rain-0);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.water-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.water-row-name{min-width:0;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:600;line-height:1.3}.water-row-gap{font-size:1rem;line-height:1.4}.water-row:hover .water-row-name{text-decoration:underline;text-underline-offset:4px}.swipe-hint{margin:-12px 0 0;text-align:center}.foot,.swipe-hint{color:var(--soft);font-size:1rem}.foot{padding-top:8px;border-top:1px solid var(--rain-0);padding-bottom:env(safe-area-inset-bottom,0)}.foot p{margin:0 0 6px;max-width:70ch}.forecast{max-width:760px;margin:0 auto;padding:16px var(--gutter-r) max(24px,env(safe-area-inset-bottom,0px)) var(--gutter);display:grid;grid-gap:16px;gap:16px}.forecast .locate{padding-bottom:16px}.stats{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}.stats>div{padding:12px;display:grid;align-content:start;grid-gap:2px;gap:2px}.stats>div+div{border-left:1px solid var(--rain-0)}.stats dt{color:var(--soft);font-size:1rem;font-weight:600;line-height:1.3}.stats dd{margin:0;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.35}.stats-sub{display:block;font-weight:600;font-size:1rem}.chart-card{padding:14px;gap:10px}.chart-card h2{margin:0;font-size:var(--text);font-weight:700;line-height:1.35}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chart-card .hours-plot{height:120px;margin-top:30px}.chart-card .rain-key{margin:0}.chart-hint{margin:0;color:var(--soft);font-size:1rem}.hours-midnight{position:absolute;top:-6px;bottom:-2px;width:1px;background:#9aa1ab;pointer-events:none}.hours-axis span{top:2px;transform:none}.week{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.week li{display:grid;grid-template-rows:auto 120px auto;justify-items:center;grid-gap:4px;gap:4px}.week-mm{font-size:1rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.week-col{width:100%;display:flex;justify-content:center;align-items:flex-end;border-bottom:2px solid var(--ink)}.week-bar{width:70%;height:4px;border-radius:4px 4px 0 0}.week-day{font-size:1rem;font-weight:700;margin-top:6px}.forecast .weather-credit{padding:0}.board{max-width:1200px;margin:0 auto;padding:16px var(--gutter-r) max(24px,env(safe-area-inset-bottom,0px)) var(--gutter);display:grid;grid-gap:14px;gap:14px}.board-head{display:grid;grid-gap:12px;gap:12px;max-width:760px}.board-head h2{margin:0;font-size:var(--text);font-weight:700}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.tile{display:grid;justify-items:start;grid-gap:2px;gap:2px;padding:10px 12px;border:0;border-radius:8px;font:inherit;text-align:left;cursor:pointer}.tile.is-normal{background:var(--ok);color:#fff}.tile.is-watch{background:var(--watch);color:var(--ink)}.tile.is-danger{background:var(--danger) repeating-linear-gradient(135deg,rgba(255,255,255,.2) 0 6px,transparent 6px 12px);color:#fff}.tile.is-dim{filter:grayscale(.85)}.tile[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}.tile-count{font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-size:2rem;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile-label{font-size:1rem;font-weight:600}.board-hint{margin:-4px 0 0;color:var(--soft);font-size:1rem}.board-tools{display:flex;gap:8px}.seg{flex:1 1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--ink);border-radius:8px;overflow:hidden}.seg button{min-height:48px;border:0;background:var(--paper);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.seg button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:700}.seg button:focus-visible{outline-offset:-5px;outline-color:var(--red)}.empty{padding:20px 16px;justify-items:start;gap:10px}.empty p{margin:0;font-weight:700}.board .feed{list-style:none}.board-body{padding:12px 14px 14px;display:grid;grid-gap:8px;gap:8px}.board-body .headline{margin:0}.board-none{font-weight:600}.board-meta,.board-none{margin:0;color:var(--soft)}.board-meta.is-old>span:first-child{color:var(--ink);font-weight:700}.gauge{margin-top:30px}.gauge-bar{position:relative;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--ok) 0 var(--g-watch),var(--watch) var(--g-watch) var(--g-danger),var(--danger) var(--g-danger))}.gauge-mark{top:-4px;width:6px;height:22px;margin-left:-3px;border-radius:3px;box-shadow:0 0 0 2px #fff;transition:left .6s var(--ease)}.gauge-mark,.gauge-tag{position:absolute;background:var(--ink)}.gauge-tag{bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:2px 10px;border-radius:6px;color:#fff;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-size:1rem;line-height:1.3;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gauge-tag.at-start{left:-3px;transform:none}.gauge-tag.at-end{left:auto;right:-3px;transform:none}.gauge-steps{margin:6px 0 0;display:grid;font-size:1rem;font-weight:600;line-height:1.3}.gauge-steps span{white-space:nowrap}.gauge-steps span:last-child{justify-self:end}.mapx{background:#d3d9e0}.mapx,.mapx-canvas{position:absolute;inset:0}.mapx-canvas{width:100%;height:100%}.mapx-canvas.maplibregl-map{position:absolute}.mapx-canvas .maplibregl-canvas:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.page-loading{margin:0;padding:24px var(--gutter);color:var(--soft);font-weight:600}.mapx-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mapx-overlay>*{position:absolute;top:0;left:0;will-change:transform}.mapx-overlay>.callout{z-index:2}.mapx-label{margin:-1.9em 0 0;translate:-50% 0;font-weight:700;font-size:.95rem;line-height:1.4;color:var(--ink);white-space:nowrap;text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 5px #fff,0 0 7px #fff}.mapx-cam{pointer-events:auto;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;background:none;cursor:pointer}.mapx-cam:before{content:"";position:absolute;inset:16px;border-radius:3px;background:var(--ink);box-shadow:0 0 0 2px #fff}.mapx-cam.is-none:before{background:#8a9099}.mapx-cam.is-on:before{inset:13px;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}.mapx-cam:focus-visible{outline-offset:0}.mapx-you{width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--ink);border:4px solid #fff;box-shadow:0 1px 4px rgba(17,18,20,.4)}.mapx-you-ring{position:absolute;inset:-14px;border-radius:50%;background:rgba(17,18,20,.18);animation:ripple 2s cubic-bezier(.16,1,.3,1) infinite;z-index:-1}.callout{pointer-events:auto}.callout-box{position:absolute;bottom:14px;left:0;translate:calc(-24px - var(--shift, 0px)) 0;min-width:180px;max-width:236px;padding:8px 40px 10px 12px;border-radius:8px;background:var(--paper);box-shadow:0 2px 6px rgba(17,18,20,.25),0 10px 24px -12px rgba(17,18,20,.45);display:grid;grid-gap:2px;gap:2px;font-size:1rem;line-height:1.4;transform-origin:calc(24px + var(--shift, 0px)) calc(100% + 7px);animation:callout-in .22s var(--ease)}@keyframes callout-in{0%{opacity:0;scale:.9}}.callout-box:after{content:"";position:absolute;top:100%;left:calc(17px + var(--shift, 0px));border:7px solid transparent;border-top:7px solid var(--paper)}.callout-box strong{font-size:var(--text)}.callout-close{position:absolute;top:0;right:0;width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:var(--ink);cursor:pointer}.callout-close svg{width:18px;height:18px}.callout-go{justify-self:start;margin-top:6px;min-height:44px;padding:0 14px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:inherit;font-weight:700;cursor:pointer}.mapx-chips{position:absolute;top:12px;left:12px;right:72px;display:flex;flex-wrap:wrap;gap:8px;padding:2px}.mapx-chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:2px solid var(--ink);border-radius:22px;background:var(--paper);color:var(--ink);font:inherit;font-size:1rem;font-weight:600;cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:700}.chip svg{width:16px;height:16px}.mapx-side{top:12px;right:12px;grid-gap:8px;gap:8px}.mapx-sheet,.mapx-side{position:absolute;display:grid}.mapx-sheet{left:0;right:0;bottom:0;padding:14px var(--gutter-r) max(16px,env(safe-area-inset-bottom,0px)) var(--gutter);background:var(--paper);border-radius:16px 16px 0 0;box-shadow:0 -4px 14px rgba(17,18,20,.15);grid-gap:10px;gap:10px}@media (min-width:760px){.mapx-sheet{left:auto;right:16px;bottom:16px;width:420px;border-radius:8px}}.mapx-bar{display:flex;align-items:center;gap:12px}.mapx-time{margin:0;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hours-plot.is-mini{height:36px;margin-top:0}.hours-plot.is-mini .hours-bars{gap:2px}.mapx-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;color:var(--soft);font-size:1rem}.mapx-legend .rain-key{margin:0}.radar-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:2px 3px;gap:2px 3px;flex:1 1 100%;color:var(--soft);font-size:1rem;line-height:1.3}.radar-key-band{display:grid;grid-gap:4px;gap:4px}.radar-key-bar{height:10px}.radar-key-band:first-child .radar-key-bar{border-radius:3px 0 0 3px}.radar-key-band:nth-child(4) .radar-key-bar{border-radius:0 3px 3px 0}.radar-key-unit{grid-column:1/-1}.mapx-sheet .seg{flex:none}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-cam{width:13px;height:13px;border-radius:3px;background:var(--ink)}.legend-village{width:12px;height:12px;border-radius:50%;background:rgba(91,97,107,.55);box-shadow:0 0 0 1.5px #5b616b}.legend-you{width:13px;height:13px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--soft)}.mapx-about{margin:0;color:var(--soft);font-size:1rem}:is(.locate-btn,.outline-btn,.play-btn,.tile,.chip,.seg button,.viewer-nav button,.map-square,.square-btn,.callout-go):active:not(:disabled){scale:.97}:is(.locate-btn,.outline-btn,.play-btn,.chip,.seg button,.viewer-nav button,.map-square,.square-btn,.callout-go){transition:scale .1s var(--ease),background-color .22s var(--ease),color .22s var(--ease)}.tile{transition:scale .1s var(--ease),filter .25s ease-out,box-shadow .25s ease-out}@media (prefers-reduced-motion:reduce){.callout-box,.map-you-ring,.mapx-you-ring,.mini-pin.is-landing{animation:none}.gauge-mark,.hours-handle,.hours-plot.is-playing .hours-handle,.tabs-nav a,.tile{transition:none}:is(.locate-btn,.outline-btn,.play-btn,.tile,.chip,.seg button,.viewer-nav button,.map-square,.square-btn,.callout-go):active:not(:disabled){scale:none}}@media (min-width:900px){.forecast{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;max-width:1100px}.forecast>.weather{grid-row:span 3;position:-webkit-sticky;position:sticky;top:16px}.forecast>.weather-credit{grid-column:1/-1}}.desk-top,.head{display:contents}.desk-foot,.desk-title{display:none}@media (min-width:1100px){:root{--desk-pad:max(24px,calc((100vw - 1600px) / 2))}body,html{height:auto}body{overflow:visible}.app{height:auto;min-height:100dvh;display:block}.head{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:stretch;gap:24px;padding-inline:var(--desk-pad);background:var(--paper);border-bottom:6px solid var(--red)}.head .mast{flex:1 1 auto;min-width:0;padding-top:0}.head .mast:after{display:none}.head .mast-inner{max-width:none;margin:0;padding-inline:0}.head .mast-logos img{height:56px}.head .mast-title{font-size:1.5rem}.head .mast.is-compact .mast-logos img{height:34px}.head .mast.is-compact .mast-title{font-size:1.125rem}.tabs-nav{flex:none;display:flex;align-items:stretch;gap:4px;padding:0;border:0;background:none}.tabs-nav a{position:relative;min-height:0;padding:0 16px;font-size:1.125rem}.tabs-nav a:first-of-type{display:none}.tabs-nav a[aria-current]{color:var(--ink);font-weight:700}.tabs-nav a[aria-current]:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:4px;background:var(--red)}.tabs-rule{display:none}.pager{z-index:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "forecast" "cameras" "foot";grid-auto-flow:row;grid-auto-columns:auto;grid-gap:24px;padding:24px var(--desk-pad) 32px;overflow:visible;scroll-snap-type:none}.desk-top,.pager{display:grid;gap:24px}.desk-top{grid-area:top;grid-template-columns:minmax(0,1fr) minmax(400px,440px);grid-template-areas:"map home";align-items:start;grid-gap:24px}.panel{height:auto;overflow:visible;scroll-snap-align:none;scroll-margin-top:calc(var(--head-h, 92px) + 12px)}#home{grid-area:home}#forecast{grid-area:forecast}#cameras{grid-area:cameras}.panel-map{grid-area:map;align-self:start;position:-webkit-sticky;position:sticky;top:calc(var(--head-h, 92px) + 24px);height:calc(100dvh - var(--head-h, 92px) - 48px);min-height:520px;border-radius:8px;box-shadow:0 1px 2px rgba(17,18,20,.12),0 6px 18px -14px rgba(17,18,20,.5)}.home{max-width:none;padding:0;gap:24px}.home .foot,.home .radar-pic,.home .swipe-hint{display:none}.home .chap-at.is-on-picture{display:inline}.home .lede{padding-top:0}.desk-title{display:block;margin:8px 0 14px;font-size:1.5rem;font-family:var(--font-headline),"Prompt",sans-serif;font-weight:700;line-height:1.25}.forecast{max-width:none;padding:0;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.forecast>.weather{top:calc(var(--head-h, 92px) + 24px)}.board{max-width:none;padding:0;margin-top:8px}.board-head{max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:24px}.board-head h2{grid-column:1/-1;font-size:1.5rem;font-family:var(--font-headline),"Prompt",sans-serif;line-height:1.25}.board-head .tiles{grid-column:1;max-width:640px}.board-head .board-tools{grid-column:2;grid-row:2;min-width:320px}.board-head .board-hint,.board-head .locate-note{grid-column:1/-1}.maplibregl-cooperative-gesture-screen{background:rgba(17,18,20,.62);font:600 var(--text) /1.4 var(--font-body),Sarabun,sans-serif}.desk-foot{display:block;grid-area:foot}.desk-foot .foot{padding-top:16px}}