.home{padding-bottom:24px}.home-grid{align-items:start;gap:14px;display:grid}.col-map{gap:12px;min-width:0;display:grid}.home-head{gap:2px;display:grid}.top-fresh{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-right:auto;font-size:13px;overflow:hidden}.top-fresh[data-tone=warn]{color:var(--alert);font-weight:600}.mine-slot:empty{min-height:64px}.mine-wrap{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.mine{color:var(--ink);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;text-decoration:none;display:grid}.mine[class*=k-]{border-color:var(--k);box-shadow:inset 4px 0 0 var(--k)}.mine.empty{border-style:dashed;border-width:1.5px}.mine .badge{--size:40px;border-radius:12px}.mine b{font-size:15.5px;line-height:1.25;display:block}.mine b .place{letter-spacing:-.01em;font-size:17px}.mine small{color:var(--muted);margin-top:2px;font-size:13.5px;line-height:1.35;display:block}.mine-notify{min-height:var(--tap);align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.mine-change{place-items:center;width:52px;min-height:64px;display:grid}.map{margin:0}.map svg{width:100%;height:auto;max-height:72dvh;display:block;overflow:visible}.d{--c:var(--ink);--mix:0%;cursor:pointer;-webkit-tap-highlight-color:transparent}.d path{fill:color-mix(in srgb, var(--c) var(--mix), var(--surface));stroke:var(--bg);stroke-width:2.5px;stroke-linejoin:round;transition:fill .5s var(--ease-out), stroke .2s}.d[data-kind=water]{--c:var(--water)}.d[data-kind=power]{--c:var(--power)}.d[data-kind=weather]{--c:var(--weather)}.d[data-kind=road]{--c:var(--road)}.d[data-kind=flood]{--c:var(--flood)}.d[data-level="1"]{--mix:var(--tint-1)}.d[data-level="2"]{--mix:var(--tint-2)}.d[data-level="3"]{--mix:var(--tint-3)}.d:focus-visible{outline:none}.halo path{fill:none;stroke:var(--k,transparent);stroke-width:14px;stroke-linejoin:round;opacity:.45;transition:stroke .5s}.names{pointer-events:none}.name{font:700 12.5px var(--font);fill:var(--muted);text-anchor:middle;paint-order:stroke;stroke:var(--surface);stroke-width:3.5px;stroke-linejoin:round}.tname{font:800 13px var(--font);fill:var(--ink);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;pointer-events:none}.mk{cursor:pointer}.mk-disc{fill:var(--k);stroke:var(--surface);stroke-width:1.6px}.mk use{fill:none;stroke:var(--surface);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.mk[data-s=ring] .mk-disc,.mk[data-s=dashed] .mk-disc{fill:var(--surface);stroke:var(--k);stroke-width:2.4px}.mk[data-s=dashed] .mk-disc{stroke-width:2px;stroke-dasharray:3 2.4}.mk[data-s=ring] use,.mk[data-s=dashed] use{stroke:var(--k)}.mk-ring{fill:none;stroke:var(--alert);stroke-width:2.4px}.bub,.bb{cursor:pointer}.bb-body,.bb-tail{fill:var(--surface);stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.bb-tail{stroke-width:1.4px}.bb-n{fill:var(--ink);font-family:var(--font);text-anchor:middle;dominant-baseline:central;font-variant-numeric:tabular-nums;font-weight:800}.bb-hot{fill:none;stroke:var(--ink);stroke-width:1.4px;opacity:.5}.col-side{align-content:start;gap:16px;min-width:0;display:grid}.side-link{font-size:15px;font-weight:650}.panel{align-content:start;gap:10px;min-width:0;display:grid}.sub-h{color:var(--muted);margin-top:6px;font-size:14px;font-weight:700}.empty{color:var(--muted);font-size:15px}.localities{color:var(--muted);font-size:14px}.feed{margin:0;padding:0;list-style:none}.al{border-top:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px;display:grid}.al:first-child{border-top:0}.al-body{gap:3px;min-width:0;display:grid}.al{position:relative}.al-body strong{font-size:15.5px;line-height:1.25}.al-go{color:inherit;text-decoration:none}.al-go:after{content:"";position:absolute;inset:0}.al-go:focus-visible{outline:none}.al-go:focus-visible:after{outline:3px solid var(--water);outline-offset:-3px;border-radius:var(--radius-m)}@media (hover:hover){.al:has(.al-go:hover){background:color-mix(in srgb, var(--line) 25%, transparent)}}.al-link{z-index:1;position:relative}.al-title{font-size:14px}.al-when{color:var(--muted);font-size:13.5px}.late{color:var(--alert);margin-left:6px;font-weight:700;display:inline-block}.al-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.al-first{color:var(--ok);font-size:13px;font-weight:600}.al-streets{color:var(--muted);font-size:13px}.al-link{min-height:var(--tap);justify-self:start;align-items:center;gap:4px;margin-block:-10px -12px;font-size:14px;font-weight:600;display:inline-flex}.ico-s{width:14px;height:14px}.tk-ic{border-radius:var(--radius-s);background:var(--water-soft);width:36px;height:36px;color:var(--water);place-items:center;display:grid}.tk-ic[data-s=here]{background:var(--water);color:var(--surface)}.tk-ic[data-s=announced]{background:var(--surface);outline:1.5px dashed var(--water);outline-offset:-1.5px}.tk-ic:is([data-s=passed],[data-s=missed]){background:var(--bg);color:var(--muted)}.tk-st{font-weight:750}.tk-st[data-s=here]{color:var(--water)}.tk-st[data-s=announced]{color:var(--ink)}.tk-line{border-top:1px solid var(--line);gap:6px;margin:4px 0 0;padding:8px 0 0;font-size:14px;list-style:none;display:grid}.tk-line li{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.tk-line .tk-ic{border-radius:7px;width:26px;height:26px}.tk-line .tk-ic .ico{width:16px;height:16px}.tag{border-radius:6px;align-items:center;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.5;display:inline-flex}.tag.off{background:var(--ink);color:var(--surface)}.tag.crowd{background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.tag.st-to_confirm{color:var(--muted);box-shadow:inset 0 0 0 1px var(--muted)}.tag.st-confirmed{background:var(--ok-soft);color:color-mix(in srgb, var(--ok), var(--tag-ink) 25%)}.tag.st-detected{background:var(--alert-soft);color:color-mix(in srgb, var(--alert), var(--tag-ink) 25%)}.happen{margin:0;padding:0;list-style:none}.hrow{border-top:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative}.hrow:first-child{border-top:0}@media (hover:hover){.hrow:has(.al-go:hover){background:color-mix(in srgb, var(--line) 25%, transparent)}}.hrow-body{gap:1px;min-width:0;display:grid}.hrow-t{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15.5px;font-weight:750;line-height:1.25;display:flex}.hrow-s{color:var(--muted);font-size:13px}.hrow-one{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hrow-chev{width:18px;height:18px;color:var(--muted)}.hrow-r{justify-items:end;gap:6px;display:grid}.ki{background:var(--k);width:30px;height:30px;color:var(--surface);border-radius:50%;place-items:center;display:grid}.ki .ico{width:17px;height:17px}.ki[data-s=ring],.ki[data-s=dashed]{background:var(--surface);color:var(--k);border:2px solid var(--k)}.ki[data-s=dashed]{border-style:dashed}.tag.grave{background:var(--alert-soft);color:color-mix(in srgb, var(--alert), var(--tag-ink) 25%)}.tag.new{background:var(--water-soft);color:color-mix(in srgb, var(--water), var(--tag-ink) 25%)}.meter{gap:2px;display:inline-flex;transform:rotate(-3deg)}.meter i{background:var(--line);border-radius:1.5px;width:9px;height:5px}.meter .on{background:var(--k)}.talk{align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.talk.hot{border:1.5px solid var(--ink);border-radius:999px;padding:0 7px}.skel{gap:8px;display:grid}.skel-row{grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.skel-row i,.skel-row b{background:linear-gradient(90deg, var(--bg) 0 40%, var(--line) 50%, var(--bg) 60% 100%) 0 0 / 300% 100%;border-radius:10px;height:34px;display:block}.skel-row b{border-radius:6px;width:70%;height:14px}.thread{margin:0;padding:0;list-style:none}.thread[hidden]{display:none}.msg{border-top:1px solid var(--line);gap:4px;padding:12px 14px;display:grid;position:relative}.msg:has(.msg-flag){padding-right:56px}.msg:first-child{border-top:0}.msg-meta{color:var(--muted);font-size:13px}.msg-meta b{color:var(--ink);font-weight:700}.msg-body{overflow-wrap:anywhere;font-size:15.5px;line-height:1.45}.msg .msg-flag{color:var(--muted);background:0 0;border-color:#0000;position:absolute;top:6px;right:6px}.msg .msg-flag[aria-pressed=true]{color:var(--alert)}.msg-flag .ico{width:18px;height:18px}.msg-folded .msg-meta{font-style:italic}.msg-acts{flex-wrap:wrap;gap:4px 16px;display:flex}.msg-act{min-height:24px;font:inherit;color:var(--muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:13px;text-decoration:underline;display:inline-flex}.msg-error{color:var(--alert);font-size:13px}.cyclone{display:none}:root[data-mode=cyclone] .cyclone{gap:12px;padding-block:8px 20px;display:grid}.cy-head{gap:4px;display:grid}.cy-lvl{font-size:17px;font-weight:700}.cy-n{letter-spacing:-.03em;font-size:112px;font-weight:900;line-height:.85}.cy-isl{text-transform:none;font-size:14px;font-weight:700}.cy-what{max-width:40ch;font-size:17px;line-height:1.4}.cy-when{color:var(--muted);font-size:14px}.cy-when a{font-weight:700}.cy-advice{font-size:15px;font-weight:600}.cy-card{gap:8px;padding:14px;font-size:15px;display:grid}.cy-card h2{color:var(--muted);font-size:14px;font-weight:700}.cy-card .li{justify-content:space-between;gap:12px;display:flex}.cy-card .li b{text-align:right}.cy-num-h{color:var(--muted);margin-top:4px;font-size:14px;font-weight:700}.cy-nums{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.cy-nums a{min-height:72px;color:var(--ink);background:#ffffff1f;border-radius:12px;gap:2px;padding:12px;font-size:14px;text-decoration:none;display:grid}.cy-nums b{font-size:26px;font-weight:850;font-stretch:115%;line-height:1.1}.soon{align-items:center;gap:24px;padding-block:8px 24px;display:grid}.soon .map svg{max-height:60dvh}.soon-text{gap:14px;max-width:34ch;display:grid}.soon h1{font-size:clamp(44px,13vw,88px)}.soon .lede{font-size:19px;line-height:1.45}.map-soon .d{cursor:default;--mix:10%}.map-soon .d:nth-child(5n+1){--c:var(--water)}.map-soon .d:nth-child(5n+2){--c:var(--power)}.map-soon .d:nth-child(5n+3){--c:var(--weather)}.map-soon .d:nth-child(5n+4){--c:var(--road)}.map-soon .d:nth-child(5n+5){--c:var(--flood)}@media (width>=960px){.home-grid{grid-template:"map head""map mine""map side"1fr/minmax(0,1fr) 400px;gap:0 32px}.mine-slot>:first-child{margin-bottom:14px}.home-head{grid-area:head}.mine-slot{grid-area:mine}.col-side{grid-area:side}.col-map{contain:size;grid-area:map;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;height:100%;min-height:max(520px,100dvh - 300px);max-height:calc(100dvh - 72px);padding-block:0 16px;position:sticky;top:0}.soon{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-block:32px}:root[data-mode=cyclone] .cyclone{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}:root[data-mode=cyclone] .cy-head,:root[data-mode=cyclone] .cy-advice,:root[data-mode=cyclone] .cy-num-h{grid-column:1/-1}:root[data-mode=cyclone] .cy-nums{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}:root[data-mode=cyclone] .cy-card{grid-column:span 1}}@media (prefers-reduced-motion:no-preference){.intro .map-live .d path{animation:draw 1.2s var(--ease-out) backwards}.intro .map-live .d:nth-child(2) path{animation-delay:70ms}.intro .map-live .d:nth-child(3) path{animation-delay:.14s}.intro .map-live .d:nth-child(4) path{animation-delay:.21s}.intro .map-live .d:nth-child(5) path{animation-delay:.28s}.intro .map-live .d:nth-child(6) path{animation-delay:.35s}.intro .map-live .d:nth-child(7) path{animation-delay:.42s}.intro .map-live .d:nth-child(8) path{animation-delay:.49s}.intro .map-live .d:nth-child(9) path{animation-delay:.56s}@keyframes draw{0%{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0}60%{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:0;fill-opacity:0}to{stroke-dasharray:1;stroke-dashoffset:0;fill-opacity:1}}.map svg[data-ready] .mk,.map svg[data-ready] .bb{animation:pop .55s var(--bounce) backwards;transform-box:fill-box;transform-origin:50%}@keyframes pop{0%{opacity:0;scale:.2}}.mk-ring,.bb-hot{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite pulse}@keyframes pulse{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.7)}}.skel-row i,.skel-row b{animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.map-soon .d path{animation:12s ease-in-out infinite tide}.map-soon .d:nth-child(2) path{animation-delay:-1.3s}.map-soon .d:nth-child(3) path{animation-delay:-2.6s}.map-soon .d:nth-child(4) path{animation-delay:-3.9s}.map-soon .d:nth-child(5) path{animation-delay:-5.2s}.map-soon .d:nth-child(6) path{animation-delay:-6.5s}.map-soon .d:nth-child(7) path{animation-delay:-7.8s}.map-soon .d:nth-child(8) path{animation-delay:-9.1s}.map-soon .d:nth-child(9) path{animation-delay:-10.4s}@keyframes tide{50%{fill:color-mix(in srgb, var(--c) 30%, var(--surface))}}}:root[data-mode=cyclone] .d path,:root[data-mode=cyclone] .mk,:root[data-mode=cyclone] .mk *,:root[data-mode=cyclone] .bb,:root[data-mode=cyclone] .bb *{animation:none!important}.cy-card[hidden]{display:none}
