:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#131e1b;--muted:#5a6561;--panel:#f4f7f5e6;--line:#1e5c4e1f;--accent:#1e5c4e;--chip:#ebf3f0;--shadow:0 12px 32px -4px #0d15201f;--layer-surface:#f4f7f5;--glass:blur(20px);--radius:12px;--font:Inter, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);font-feature-settings:"tnum";color:var(--ink);background:#b9d3e8;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;display:block}button,select,input{font:inherit}button,select{color:var(--ink);background:var(--chip);border:1px solid var(--line);border-radius:8px}button{cursor:pointer;padding:7px 11px;transition:background .15s,color .15s}button[aria-pressed=true],button.is-live{background:var(--accent);color:var(--panel);border-color:#0000}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=range],input[type=checkbox]{accent-color:var(--accent);cursor:pointer}input[type=range]{min-width:0;height:22px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--muted);margin-left:auto;font-size:17px;font-weight:400}details[open]>summary:after{content:"−"}#masthead{z-index:10;background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);pointer-events:none;border-radius:18px;padding:18px 22px;position:fixed;top:24px;left:26px}.brand{align-items:center;gap:10px;display:flex}.brand-mark{width:33px;height:36px;color:var(--accent);background:var(--chip);border-radius:10px;place-items:center;font-size:34px;line-height:1;display:grid}h1{letter-spacing:-.7px;margin:0;font-size:25px;font-weight:500}h1 span{letter-spacing:1px;margin-left:6px;font-weight:750}#masthead p{color:var(--muted);letter-spacing:.5px;margin:9px 0 0;font-size:11px}#load-state{color:var(--muted);margin-top:11px;font-size:10px}#load-state:before{content:"";background:#d99c44;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}#load-state:not(.ready):before{animation:1s ease-in-out infinite load-pulse}#load-state.ready:before{background:var(--accent)}@keyframes load-pulse{50%{opacity:.25}}#load-bar{z-index:40;background:var(--accent);transform-origin:0;pointer-events:none;height:3px;transition:transform .4s,opacity .6s .4s;position:fixed;top:0;left:0;right:0;transform:scaleX(.04)}#load-bar.done{opacity:0;transform:scaleX(1)}#load-bar.failed{background:#d9262c}@media (prefers-reduced-motion:reduce){#load-state:not(.ready):before{animation:none}}#map-help{z-index:8;color:var(--ink);background:var(--panel);pointer-events:none;border-radius:8px;padding:7px 10px;font-size:10px;position:fixed;top:177px;left:28px}#placeSearch{z-index:25;border:1px solid var(--line);background:var(--panel);width:320px;box-shadow:var(--shadow);border-radius:13px;position:fixed;top:180px;left:26px}#placeSearch [hidden]{display:none}.place-search-field{align-items:center;gap:8px;padding:0 12px;display:flex}.place-search-field>span{color:var(--accent);font-size:24px}.place-search-field input{width:100%;min-width:0;color:var(--ink);outline-offset:-2px;background:0 0;border:0;padding:14px 0;font-size:12px}.place-search-field input::placeholder{color:var(--muted)}.place-search-field input::-webkit-search-cancel-button{display:none}.place-clear{background:0 0;border:0;padding:3px 7px;font-size:20px}.place-dropdown{border-top:1px solid var(--line)}.place-result-status,.place-search-note{color:var(--muted);margin:0;padding:10px 12px;font-size:10px;line-height:1.6}#place-results{overscroll-behavior:contain;max-height:min(320px,38dvh);padding:0 6px;overflow-y:auto}#place-results button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 8px;display:flex}#place-results button:hover,#place-results button[aria-selected=true]{background:var(--chip);color:var(--ink)}#place-results b{overflow-wrap:anywhere;font-size:12px;font-weight:550}#place-results span{color:var(--muted);flex-shrink:0;max-width:85px;font-size:9px}.label.search-pin{color:#fff;background:#b43f34;border:1px solid #fff9;padding:7px 10px;font-size:12px;font-weight:600;box-shadow:0 3px 10px #0004}body:has(#placeSearch .place-dropdown:not([hidden])) #map-help{color:#fff;background:#b43f34;border:1px solid #fff9;padding:7px 10px;font-size:12px;font-weight:600;box-shadow:0 3px 10px #0004}.search-pin:after{content:"";background:#b43f34;width:2px;height:24px;position:absolute;top:100%;left:calc(50% - 1px);box-shadow:0 0 0 1px #fff8}.search-pin:before{content:"";background:#b43f34;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(100% + 22px);left:calc(50% - 4px)}#layers,#timeWeather,#viewNavigation,#diagnostics{z-index:20;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:15px}#layers{width:174px;font-size:12px;position:fixed;top:24px;right:26px}#layers>summary{align-items:center;gap:14px;padding:15px 18px;font-weight:650;display:flex}#layers[open]{background:var(--layer-surface);width:400px;max-width:calc(100vw - 52px)}#layers[open]>summary{border-bottom:1px solid var(--line)}.layer-total{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px;font-weight:400}#layers:not([open]) .layer-total{display:none}#layers>summary:after{margin-left:0}#layers:not([open])>summary:after{margin-left:auto}.layer-panel-body{flex-direction:column;max-height:min(690px,100dvh - 106px);display:flex}.layer-toolbar{border-bottom:1px solid var(--line);flex:none;padding:15px 16px 10px}.layer-search{border:1px solid var(--line);background:var(--chip);border-radius:9px;align-items:center;gap:6px;padding:0 9px;display:flex}.layer-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.layer-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:11px 0;font-size:12px}.layer-search input::placeholder{color:var(--muted)}.layer-search input::-webkit-search-cancel-button{display:none}.layer-clear{background:0 0;border:0;padding:2px 7px;font-size:19px}.layer-clear[hidden]{display:none}.layer-categories{grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0 10px;display:grid}.layer-category{border:0;flex-direction:column;align-items:center;gap:4px;padding:9px 1px;display:flex}.layer-category b{white-space:nowrap;font-size:11px;font-weight:600}.layer-category span{font-variant-numeric:tabular-nums;opacity:.75;font-size:9px}.layer-filter-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.layer-active-filter{padding:5px 9px;font-size:10px}.layer-result{color:var(--muted);font-size:10px}.layer-bulk-row{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.layer-bulk-row>span{margin-right:auto}.layer-bulk-row button{padding:5px 8px;font-size:10px}.layer-bulk-row button:disabled{opacity:.45;cursor:default}.layer-list{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:3px 16px 12px;overflow-y:auto}.layer-group{margin:12px 0 0}#layers label{cursor:pointer;align-items:center;line-height:1.5;display:flex}#layers label input{flex:none;width:17px;height:17px;margin:0}#layers .layer-group-heading{color:var(--muted);gap:8px;padding:8px 0;font-size:10px;font-weight:600}.layer-group-count{font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px;font-weight:400}#layers .layer-item{border:1px solid var(--line);border-radius:9px;gap:10px;min-height:48px;margin-top:5px;padding:9px 10px;transition:background .15s}.layer-item:hover,.layer-item.is-on{background:var(--chip)}#layers .swatch{width:7px;height:7px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:0 0 7px}.layer-item-text{flex-direction:column;gap:3px;min-width:0;display:flex}.layer-item-title{font-size:12px;font-weight:550}.layer-item-detail{color:var(--muted);font-size:9px;line-height:1.5}.layer-empty{color:var(--muted);margin:24px 5px;font-size:12px;line-height:1.8}.layer-footer{border-top:1px solid var(--line);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 16px;display:flex}.layer-reset{padding:6px 9px;font-size:10px}.layer-footer details{text-align:right;flex:1;min-width:120px}.layer-footer summary{justify-content:flex-end;align-items:center;gap:8px;padding:6px 0;font-size:10px;display:flex}.layer-footer summary:after{margin-left:0}.layer-footer details[open]{flex-basis:100%}.layer-footer .note{text-align:left;max-height:110px;overflow-y:auto}.note,.sub{color:var(--muted);font-size:10px;line-height:1.7}#layers .note{border-top:1px solid var(--line);padding-top:10px}#timeWeather{width:306px;padding:16px 18px 10px;font-size:11px;position:fixed;bottom:26px;left:26px}.panel-kicker{color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;display:flex}#tw-phase{color:var(--accent);background:var(--chip);border-radius:20px;padding:2px 8px}#timeWeather .row{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}#timeWeather .time-heading{margin:8px 0 2px}#tw-time{font-variant-numeric:tabular-nums;letter-spacing:-.2px;font-size:17px}#tw-now{white-space:nowrap;padding:6px 8px;font-size:10px}.time-play{align-items:center;gap:4px;margin-left:auto;display:inline-flex}#tw-play{white-space:nowrap;min-width:52px;padding:6px 8px;font-size:10px}#tw-play[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}#tw-speed{max-width:86px;padding:5px 2px;font-size:10px}#tw-slider{width:100%;margin:6px 0 0}.time-scale{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:9px;display:flex}.time-presets{gap:5px;margin:12px 0 8px;display:flex}.date-presets{gap:5px;margin:0 0 8px;display:flex}.date-presets input{flex:2;min-width:0}.date-presets button,.time-presets button{flex:1;padding:5px;font-size:11px}.brightness-row{color:var(--muted);align-items:center;gap:9px;margin:6px 0;font-size:10px;display:flex}.brightness-row label{white-space:nowrap}.brightness-row input{flex:1;width:100%}.brightness-row output{text-align:right;font-variant-numeric:tabular-nums;width:32px}.rain-row{gap:2px;margin:6px 0;font-size:12px;display:grid}.rain-row[hidden]{display:none}.rain-row output{font-variant-numeric:tabular-nums;font-weight:600}.rain-row input{width:100%;margin:0}#tw-night-note{margin-bottom:8px;font-size:9px}.weather-details{border-top:1px solid var(--line);padding-top:9px}.weather-details summary{align-items:center;gap:8px;padding-bottom:4px;display:flex}#tw-weather-short{color:var(--muted);font-size:10px}#tw-sun{margin:7px 0}.weather-section{border-top:1px solid var(--line);padding-top:9px}.weather-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.weather-modes{flex-wrap:wrap;gap:5px;display:flex}.weather-modes button{border-radius:9999px;flex:1 0 auto;padding:5px 8px;font-size:11px}#tw-mode-note{margin:6px 0 0}.weather-section .weather-details{border-top:0;padding-top:6px}.env-weather-link{text-align:left;justify-content:space-between;width:100%;margin:8px 0;padding:8px 10px;font-size:12px;display:flex}.env-weather-link[hidden]{display:none}#timeWeather:has(.weather-details[open]){overscroll-behavior:contain;max-height:calc(100dvh - 235px);overflow-y:auto}.warn{color:#d87754}.representation-note{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.6}#viewNavigation{white-space:nowrap;gap:3px;padding:5px;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%)}#viewNavigation button{background:0 0;border:none;padding:10px 13px;font-size:11px}#viewNavigation button:hover{background:var(--chip)}#viewNavigation button[aria-pressed=true]{background:var(--accent);color:var(--panel)}#layers[open],#diagnostics[open]{z-index:30}#credits:has(details[open]){z-index:30}.credits-content{overscroll-behavior:contain;max-height:min(480px,100dvh - 155px);color:var(--muted);padding:0 16px 16px;font-size:10px;line-height:1.8;overflow-y:auto}.credits-scroll>div{border-top:1px solid var(--line);padding:10px 0}.credits-intro{color:var(--ink);margin:0 0 10px;font-size:11px}#credits a{color:var(--accent);text-underline-offset:2px}#diagnostics{color:var(--muted);box-shadow:none;padding:8px 12px;font-size:10px;position:fixed;bottom:82px;right:27px}#diagnostics>summary{align-items:center;gap:16px;display:flex}#status{white-space:pre-wrap;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;max-width:min(520px,100vw - 80px);margin-top:8px;line-height:1.6}#diagnostics:not([open]) #status{display:none}.label{white-space:nowrap;pointer-events:none;border-radius:6px;padding:3px 7px;font-size:12px}.label.town{color:#243c39;text-shadow:0 1px 3px #fff,0 0 4px #fff;opacity:.9;padding:0 2px;font-size:11px;font-weight:600}.label.district{color:#24463f;letter-spacing:.04em;text-shadow:0 1px 4px #fff,0 0 6px #fff;padding:3px 8px;font-size:16px;font-weight:650}.label.place{color:var(--ink);background:var(--panel);padding:3px 6px;font-size:10px;box-shadow:0 2px 6px #0002}.label.place:before{content:"";vertical-align:1px;background:#8fa7c5;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.label.place.parks:before{background:#72ad79}.label.place.water{color:#267288;background:#e6f5f9e8}.label.place.water:before{background:#4cacc4}.label.place.roads{color:#775833;background:#fbf2e3e8}.label.place.roads:before{background:#bb955f;border-radius:1px}.label.place.shops{color:#7a4a1c;background:#fff4e8e8;padding:2px 5px;font-size:9px}.label.place.shops:before{background:#e08a3c;border-radius:1px}.label.place.blocks{color:#5b5448;box-shadow:none;background:#ffffffb8;border:1px solid #0000001a;padding:1px 4px;font-size:9px}.label.place.blocks:before{display:none}.label.place.stops:before{background:#53a69a}.label.place.major{font-weight:600}.label.station{color:#345e55;background:#faf9ef;border:1px solid #dbe6db;padding:5px 9px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0003}.label.busstop{background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);white-space:normal;max-width:260px;padding:10px 12px;font-size:11px;line-height:1.7}.label.busstop hr{border:0;border-top:1px solid var(--line);margin:6px 0}@media (width<=1000px){#viewNavigation{top:24px;bottom:auto;left:50%}#viewNavigation button{padding:10px 9px;font-size:10px}#masthead{padding:15px}#masthead p{display:none}#placeSearch{top:140px}#map-help{top:203px}}@media (width<=760px){#masthead{border-radius:13px;padding:12px 14px;top:16px;left:16px}h1{font-size:20px}.brand-mark{width:26px;height:29px;font-size:29px}#load-state{max-width:155px;margin-top:7px;font-size:9px}#layers{width:134px;top:16px;right:16px}#layers>summary{gap:5px;padding:13px 12px;font-size:11px}#layers[open]{width:min(400px,100vw - 32px);max-width:none}.layer-panel-body{max-height:calc(100dvh - 96px)}#viewNavigation{max-width:calc(100vw - 32px);top:117px}#placeSearch{width:min(320px,100vw - 32px);top:162px;left:16px}#viewNavigation button{padding:8px 12px}#map-help{display:none}#timeWeather{width:286px;padding:12px 14px 8px;bottom:16px;left:16px}#diagnostics{padding:7px 9px;font-size:9px;bottom:16px;right:16px}#diagnostics[open]{bottom:270px}}@media (width<=480px){#placeSearch{width:calc(100vw - 32px)}#timeWeather{width:calc(100vw - 32px);bottom:44px}#diagnostics{background:0 0;border:none;bottom:9px}#viewNavigation{justify-content:center;gap:1px;width:calc(100vw - 32px);top:117px}#viewNavigation button{flex:1;padding:8px 10px;font-size:10px}}@media (height<=600px) and (width>=761px){#placeSearch{top:130px}#place-results{max-height:24dvh}#masthead{padding:12px 16px;top:16px}#masthead p,#map-help{display:none}#timeWeather{bottom:16px}#layers{top:16px}}@media (prefers-reduced-motion:reduce){button{transition:none}}#environmentPanel{z-index:20;border:1px solid var(--line);background:var(--panel);width:330px;max-height:calc(100dvh - 204px);box-shadow:var(--shadow);overscroll-behavior:contain;border-radius:16px;font-size:11px;position:fixed;top:91px;right:26px;overflow-y:auto}#environmentPanel [hidden]{display:none}.env-heading{text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:10px;width:100%;padding:13px 16px;display:flex}.env-heading>span:first-child{flex:1}.env-heading small{color:var(--muted);margin-bottom:3px;font-size:9px;display:block}.env-heading b{letter-spacing:.06em;font-size:14px;font-weight:600;display:block}#env-short{font-variant-numeric:tabular-nums;font-size:18px}.env-expand{color:var(--muted);font-size:19px}#env-body{border-top:1px solid var(--line);padding:13px 16px 12px}.env-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.env-metrics>div{background:var(--chip);border-radius:9px;padding:10px}.env-metrics span,.env-metrics b{display:block}.env-metrics span{color:var(--muted);font-size:9px}.env-metrics b{font-variant-numeric:tabular-nums;margin-top:5px;font-size:19px;font-weight:500}.env-metrics small{color:var(--muted);margin-left:3px;font-size:9px}.env-metrics>div:last-child b{font-size:15px}.env-meta,.env-note{color:var(--muted);margin:9px 0;font-size:9px;line-height:1.7}.env-stale{color:#ce7851;font-size:9px;line-height:1.6;display:inline-block}.env-tabs{border-bottom:1px solid var(--line);margin-top:9px;display:flex}.env-tabs button{background:0 0;border:0;border-radius:0;flex:1;padding:10px 5px;font-size:11px}.env-tabs button[aria-selected=true]{color:var(--accent);box-shadow:inset 0 -2px var(--accent);font-weight:600}#env-content{padding:12px 0 4px}#env-content h3{margin:10px 0 8px;font-size:11px;font-weight:600}#env-content h3:first-child{margin-top:0}#environmentPanel a{color:var(--accent);text-underline-offset:3px;font-size:10px}.env-observation{justify-content:space-between;gap:5px;margin-bottom:13px;font-size:10px;display:flex}.env-forecast{border-bottom:1px solid var(--line);gap:12px;padding:9px 0;line-height:1.6;display:flex}.env-forecast time{width:34px;color:var(--muted);flex-shrink:0}.env-forecast b{font-weight:500}.env-forecast span{color:var(--muted);font-size:9px;display:block}.env-rain-periods{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.env-rain-periods>div{background:var(--chip);border-radius:8px;padding:8px 6px}.env-rain-periods span{color:var(--muted);margin-bottom:5px;font-size:9px;display:block}.env-rain-periods b{font-weight:500}.env-river-level,.env-large-value{font-variant-numeric:tabular-nums;margin:12px 0 5px;font-size:31px}.env-river-level small{margin-left:4px;font-size:15px}.env-river-level span{color:var(--muted);margin-left:10px;font-size:10px}.env-alert{color:#d87754;background:#d8775410;border:1px solid #d8775440;border-radius:7px;padding:10px}.env-links{flex-wrap:wrap;gap:9px 13px;margin:9px 0;display:flex}.env-pollen{grid-template-columns:repeat(2,1fr);gap:5px 12px;display:grid}.env-pollen>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:10px;display:flex}.env-pollen b{font-weight:500}.env-footer{border-top:1px solid var(--line);color:var(--muted);margin:8px 0 0;padding-top:10px;font-size:9px}.env-history-controls{gap:10px;display:flex}.env-history-controls label{color:var(--muted);flex:1;font-size:9px}.env-history-controls select{width:100%;margin:5px 0 10px;padding:7px;font-size:10px;display:block}#env-history-chart{min-height:90px;color:var(--accent);margin:10px 0;font-size:10px}#env-history-chart svg{border-bottom:1px solid var(--line);width:100%;height:auto;display:block}.env-chart-range,.env-chart-times{justify-content:space-between;font-size:9px;display:flex}.env-chart-range span,.env-chart-times{color:var(--muted)}.env-chart-times{margin-top:6px}.env-download{border:1px solid var(--line);background:var(--chip);border-radius:8px;padding:8px 10px;display:inline-block}@media (width<=1000px) and (width>=761px){#environmentPanel{width:300px}}@media (width<=760px){#environmentPanel{width:min(330px,100vw - 32px);max-height:calc(100dvh - 280px);top:222px;right:16px}#environmentPanel:has(.env-heading[aria-expanded=false]){width:220px}.env-heading{padding:10px 12px}.env-heading b{font-size:12px}.env-heading small{font-size:8px}#env-short{font-size:15px}#environmentPanel:has(.env-heading[aria-expanded=true]){z-index:31}}.env-heading{z-index:2;background:var(--panel);position:sticky;top:0}.env-tabs{z-index:1;background:var(--panel);position:sticky;top:64px}.env-river-summary{text-align:left;align-items:center;gap:7px;width:100%;padding:8px 9px;font-size:10px;display:flex}.env-river-summary>span:last-child{color:var(--muted);margin-left:auto;font-size:9px}@media (width<=760px){.env-tabs{top:54px}}.env-heading,.env-tabs{background:var(--layer-surface)}:root{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}button,summary,label{-webkit-tap-highlight-color:transparent}.panel-kicker .panel-close{display:none}@media (pointer:coarse){button,select{min-height:40px}input[type=range]{height:32px}input[type=checkbox]{width:20px;height:20px}}@media (width<=760px){input,select{font-size:16px!important}#masthead{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));padding:8px 12px}h1{font-size:18px}#load-state{display:none}#layers{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));width:128px}#layers>summary{min-height:46px;padding:0 12px;font-size:12px}#layers[open]{width:calc(100vw - 24px - var(--safe-l) - var(--safe-r))}.layer-panel-body{max-height:calc(100dvh - 82px - var(--safe-t) - var(--safe-b))}.layer-categories{gap:3px}.layer-category{min-height:52px}.layer-category b{font-size:12px}#layers .layer-item{min-height:54px}.layer-item-title{font-size:13px}.layer-item-detail{font-size:10px}.layer-bulk-row button,.layer-reset,.layer-active-filter{min-height:36px;font-size:11px}#placeSearch{top:calc(66px + var(--safe-t));left:calc(12px + var(--safe-l));width:calc(100vw - 24px - var(--safe-l) - var(--safe-r))}.place-search-field input{padding:13px 0}#place-results{max-height:36dvh}#place-results button{min-height:48px}#place-results b{font-size:14px}#place-results span{font-size:10px}#viewNavigation{top:calc(118px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));justify-content:stretch;width:auto;max-width:none;overflow-x:auto;transform:none}#viewNavigation button{flex:1 0 auto;min-height:42px;padding:0 10px;font-size:12px}:is(#timeWeather,#timeWeather:has(.weather-details[open])){z-index:31;left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));bottom:calc(86px + var(--safe-b));width:auto;max-height:min(68dvh, calc(100dvh - 110px - var(--safe-t) - var(--safe-b)));flex-direction:column;padding:0;display:flex;overflow:hidden}#timeWeather.is-collapsed{display:none}.time-panel-header{border-bottom:1px solid var(--line);background:var(--layer-surface);flex:none;padding:8px 16px 12px}#timeWeather .panel-kicker{letter-spacing:0;color:var(--ink);gap:8px;font-size:13px}#tw-phase{margin-right:auto;font-size:10px}#timeWeather .time-heading{gap:8px;margin:4px 0 0}#tw-time{font-size:16px}#tw-now,#tw-play,#tw-speed{min-height:44px;font-size:12px}#time-panel-body{overscroll-behavior:contain;min-height:0;padding:12px 16px 16px;overflow-y:auto}#timeWeather input[type=range]{touch-action:pan-y;height:44px}#timeWeather input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}#timeWeather input[type=range]::-moz-range-thumb{width:22px;height:22px}#tw-brightness{appearance:none;background:0 0}#tw-brightness::-webkit-slider-runnable-track{background:var(--line);border-radius:99px;height:6px}#tw-brightness::-moz-range-track{background:var(--line);border-radius:99px;height:6px}#tw-brightness::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--layer-surface);border-radius:50%}#tw-brightness::-moz-range-thumb{background:var(--accent);border:2px solid var(--layer-surface);border-radius:50%}.time-presets button{min-height:44px;font-size:14px}.brightness-row{font-size:12px}.weather-details summary{min-height:44px;font-size:12px}:is(#environmentPanel,#environmentPanel:has(.env-heading[aria-expanded=true])){z-index:31;top:auto;bottom:calc(86px + var(--safe-b));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));width:auto;max-height:min(68dvh, calc(100dvh - 110px - var(--safe-t) - var(--safe-b)));flex-direction:column;display:flex;overflow:hidden}#environmentPanel:has(.env-heading[aria-expanded=false]){display:none}.env-heading{flex:none;min-height:60px;padding:8px 16px}.env-heading small{display:none}.env-heading b{font-size:14px}#env-short{font-size:16px}.env-expand{display:none}#env-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.env-tabs button{min-height:44px;font-size:12px}.env-tabs{top:-13px}.env-river-summary,.env-history-controls select{min-height:44px}#diagnostics{display:none}}#masthead,#placeSearch,#layers,#timeWeather,#diagnostics,#environmentPanel,#map-help,.label.busstop{-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}#masthead,#layers,#timeWeather,#environmentPanel{border-radius:var(--radius)}#layers[open],.env-heading,.env-tabs{background:var(--layer-surface)}h1{letter-spacing:-.02em;color:var(--accent);font-weight:600}h1 span{letter-spacing:.02em;font-weight:700}.brand-mark{border-radius:8px}.panel-kicker,.layer-group-heading,.env-heading small{letter-spacing:.04em;font-weight:600}button,select{border-radius:8px}button:hover{background:var(--line)}#placeSearch{min-height:44px;box-shadow:var(--shadow);border-radius:22px;transition:box-shadow .15s}#placeSearch:focus-within{box-shadow:var(--shadow), 0 0 0 2px var(--accent)}.place-search-field input:focus-visible{outline:none}#placeSearch:has(.place-dropdown:not([hidden])){border-radius:16px}button[aria-pressed=true],button.is-live{color:#fff}#layers .layer-item{border-radius:10px;position:relative;overflow:hidden}.layer-item.is-on:before{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.layer-category,.layer-active-filter{border-radius:9999px}.layer-total{font-weight:500}#tw-slider{appearance:none;background:0 0}#tw-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#0d1520 0%,#2a3a55 22%,#fbbf24 30%,#f7e7b6 50%,#fbbf24 72%,#2a3a55 82%,#0d1520 100%);border-radius:9999px;height:6px}#tw-slider::-moz-range-track{background:linear-gradient(90deg,#0d1520 0%,#2a3a55 22%,#fbbf24 30%,#f7e7b6 50%,#fbbf24 72%,#2a3a55 82%,#0d1520 100%);border-radius:9999px;height:6px}#tw-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 4px #0000004d}#tw-slider::-moz-range-thumb{border:2px solid var(--accent);background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #0000004d}.time-presets button{border-radius:9999px}#tw-phase{border-radius:9999px;font-weight:600}#tw-time{font-weight:600}.env-metrics>div{border-radius:10px}.env-metrics span{letter-spacing:.04em;font-size:10px;font-weight:600}.env-metrics b,.env-tabs button[aria-selected=true]{font-weight:700}.label.place{border-radius:9999px;padding:3px 9px}.label.station{border-radius:9999px}.label.busstop{border-radius:var(--radius)}#credits{z-index:20;font-size:11px;position:fixed;top:24px;right:26px}#credits summary{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:44px;height:44px;box-shadow:var(--shadow);color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:20px;font-weight:650;line-height:1;list-style:none;display:grid}#credits summary:after{display:none}#credits summary::-webkit-details-marker{display:none}#credits summary:hover,#credits summary:focus-visible{border-color:var(--accent)}#credits details[open] summary{background:var(--layer-surface)}#credits .credits-content{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background:var(--layer-surface);width:min(440px,100vw - 52px);box-shadow:var(--shadow);max-height:calc(100dvh - 100px);padding-top:14px;position:absolute;top:calc(100% + 8px);right:0}.credits-title{color:var(--ink);letter-spacing:0;margin:0 0 6px;font-size:12px;font-weight:650}.credits-about{color:var(--ink);margin:0 0 14px;font-size:11px;line-height:1.8}.credits-list{color:var(--ink);margin:0 0 14px;padding-left:1.2em;font-size:11px;line-height:1.8}.credits-list li+li{margin-top:4px}@media (width<=760px){#credits{top:16px;right:16px}#credits summary{width:40px;height:40px}#credits .credits-content{width:calc(100vw - 32px);max-height:calc(100dvh - 84px)}}@media (width<=760px) and (pointer:coarse){#credits{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r))}#credits summary{width:44px;height:44px}#credits .credits-content{width:calc(100vw - 24px - var(--safe-l) - var(--safe-r));font-size:11px}}:root{--tool-left:26px;--tool-top:114px;--tool-open-left:calc(var(--tool-left) + 54px)}@media (width<=1000px){:root{--tool-top:114px}}@media (height<=600px) and (width>=761px){:root{--tool-top:100px}}@media (width<=760px){:root{--tool-left:calc(12px + var(--safe-l));--tool-top:calc(12px + var(--safe-t))}#masthead .brand{display:none}#masthead:not(:has(#load-state.failed)){display:none}}.tool-btn,#layers>summary,#layers[open]>summary{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:44px;height:44px;box-shadow:var(--shadow);color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;gap:0;padding:0;list-style:none;display:grid}.tool-btn:hover,.tool-btn:focus-visible,#layers>summary:hover,#layers>summary:focus-visible,#zoomButtons button:hover{border-color:var(--accent)}#layers>summary:after,#layers:not([open])>summary:after{display:none}#layers>summary::-webkit-details-marker{display:none}#layers>summary .layer-total{display:none}#layers[open]>summary,body.search-open #searchToggle{background:var(--layer-surface)}#searchToggle{left:var(--tool-left);top:var(--tool-top);z-index:26;position:fixed}#placeSearch{left:var(--tool-open-left);top:var(--tool-top);width:min(320px, calc(100vw - var(--tool-open-left) - 12px));display:none}body.search-open #placeSearch{display:block}#layers,#layers[open]{left:var(--tool-left);right:auto;top:calc(var(--tool-top) + 54px);width:auto;max-width:none;box-shadow:none;background:0 0;border:0}#layers .layer-panel-body{width:min(400px, calc(100vw - var(--tool-open-left) - 12px));box-sizing:border-box;max-height:calc(100dvh - var(--tool-top) - 80px);border:1px solid var(--line);border-radius:var(--radius);background:var(--layer-surface);box-shadow:var(--shadow);position:absolute;top:0;left:54px;overflow:hidden}#zoomButtons{left:var(--tool-left);top:calc(var(--tool-top) + 108px);z-index:20;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;display:flex;position:fixed;overflow:hidden}#zoomButtons button{width:44px;height:42px;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;font-size:22px;line-height:1}#zoomButtons button+button{border-top:1px solid var(--line)}#zoomButtons button:hover,#zoomButtons button:focus-visible{background:var(--chip)}#map-help{left:var(--tool-open-left);top:calc(var(--tool-top) + 116px)}body.search-open #map-help{display:none}#tiltButton{left:var(--tool-left);top:calc(var(--tool-top) + 206px);z-index:20;position:fixed}#map-help{top:calc(var(--tool-top) + 214px)}#load-state:not(.failed),.mobile-panel-header,.env-panel-header>.panel-close{display:none}.layer-panel-content{display:contents}.env-panel-header{z-index:2;background:var(--layer-surface);position:sticky;top:0}@media (width<=760px){.panel-header{background:var(--layer-surface);flex:none;align-items:center;gap:8px;min-height:64px;padding:10px 16px;display:flex}.mobile-panel-header{border-bottom:1px solid var(--line)}.panel-title{min-width:0;color:var(--ink);letter-spacing:0;flex:1;margin:0;font-size:14px;font-weight:650;line-height:1.5}.panel-header .panel-close{border:1px solid var(--accent);background:var(--chip);min-width:88px;min-height:44px;color:var(--accent);letter-spacing:0;white-space:nowrap;touch-action:manipulation;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.panel-close svg{flex:none}.panel-header .panel-close:hover,.panel-header .panel-close:active{background:var(--accent);color:#fff}#timeWeather .panel-header{min-height:44px;padding:0}.time-panel-header{padding:10px 16px 12px}#timeWeather .panel-title{font-size:14px}.env-panel-header .env-heading{border-radius:0;flex-wrap:wrap;flex:1;gap:4px;min-width:0;min-height:44px;padding:0;position:static}.env-heading>span:first-child{flex-basis:100%}.env-heading b{letter-spacing:0}.env-panel-header #env-short{color:var(--muted);font-size:12px}#credits .credits-content{max-height:calc(100dvh - 150px - var(--safe-t) - var(--safe-b));flex-direction:column;padding:0;display:flex;overflow:hidden}.credits-scroll{overscroll-behavior:contain;min-height:0;padding:14px 16px 16px;overflow-y:auto}#placeSearch{top:calc(var(--tool-top) + 54px);border-radius:var(--radius);max-height:calc(100dvh - var(--tool-top) - 152px - var(--safe-b));overscroll-behavior:contain;overflow-y:auto}#placeSearch .panel-header{z-index:1;position:sticky;top:0}#layers .layer-panel-body{max-height:calc(100dvh - var(--tool-top) - 140px - var(--safe-b))}.layer-panel-content{overscroll-behavior:contain;flex:1;min-height:0;display:block;overflow-y:auto}#layers .layer-list{overflow:visible}.label.busstop{pointer-events:auto;max-width:min(320px,100vw - 24px);padding:0;overflow:hidden}.label.busstop .map-info-content{overscroll-behavior:contain;max-height:30dvh;padding:10px 16px;overflow-y:auto}}.env-tabs{margin-top:0;margin-bottom:12px;top:64px}@media (width<=760px){.env-tabs{top:-13px}}.env-pollen-summary{text-align:left;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px;display:flex}.env-pollen-summary>span:first-child{flex:1;min-width:0}.env-pollen-summary b,.env-pollen-summary small{display:block}.env-pollen-summary b{font-size:11px;font-weight:600}.env-pollen-summary small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.6}.env-pollen-summary>span:last-child{color:var(--accent);flex:none;font-size:10px}.env-air-metrics section{background:var(--chip);border-radius:10px;margin-top:12px;padding:12px}.env-air-metrics h4{color:var(--muted);margin:0;font-size:11px;font-weight:600}.env-air-metrics .env-large-value{margin:6px 0;font-size:26px}body.civic-ui{--ink:#181c20;--muted:#52615a;--panel:#fff;--line:#d8e2dc;--accent:#012d1d;--chip:#f1f4f9;--layer-surface:#fff;--radius:4px;--font:"Public Sans", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;font-family:var(--font);background:#f7f9ff}.civic-ui [hidden]{display:none!important}.civic-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#civicSheetGrab,#civicSheetHelp{display:none}.civic-ui button,.civic-ui select{border-radius:4px}.civic-ui button:hover{background:#e5ede8}.civic-ui button:focus-visible,.civic-ui a:focus-visible,.civic-ui summary:focus-visible,.civic-ui input:focus-visible,.civic-ui select:focus-visible{outline-offset:3px;outline:2px solid #2c694e}.civic-ui #masthead,.civic-ui #searchToggle,.civic-ui #map-help{display:none!important}.civic-ui #load-bar{z-index:60}#civicShell{--rail-width:80px;--pane-width:340px;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100dvh;display:grid;overflow:hidden}#civicShell.pane-closed{--pane-width:0px}.civic-ui #load-state{border-top:1px solid var(--line);max-width:none;color:var(--muted);box-shadow:none;pointer-events:none;background:0 0;border-radius:0;order:3;margin:0;padding:6px 12px;font-size:11px;display:block}.civic-ui #load-state.ready,.civic-ui #load-state:empty{display:none}.civic-ui #load-state.failed{color:#ba1a1a;pointer-events:auto}.civic-workspace{grid-template-columns:var(--rail-width) var(--pane-width) minmax(0, 1fr);min-height:0;display:grid;position:relative}.civic-rail{border-right:1px solid var(--line);background:#fff;flex-direction:column;grid-area:1/1;gap:7px;min-height:0;padding:12px 5px;display:flex;overflow-y:auto}.civic-rail button{color:#33463b;background:0 0;border:1px solid #0000;border-radius:3px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:70px;padding:10px 2px;font-size:11px;display:flex;position:relative}.civic-rail svg{width:23px;height:23px}.civic-rail button[aria-pressed=true]{color:#a5d0b9;background:#1b4332;border-color:#012d1d}.civic-rail button[aria-pressed=true]:before{content:"";background:#52b788;width:3px;position:absolute;top:8px;bottom:8px;left:0}.civic-rail .civic-rail-about{margin-top:auto}#undergroundButton{display:none!important}.civic-rail .civic-rail-more,.civic-more-menu{display:none}.civic-rail .civic-rail-report{color:#fff;cursor:pointer;text-align:center;background:#c2561c;border:1px solid #a2440f;border-radius:3px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:100%;min-height:64px;margin-top:auto;padding:8px 2px;font-size:10px;font-weight:650;line-height:1.2;text-decoration:none;display:flex}.civic-rail .civic-rail-report:hover,.civic-rail .civic-rail-report:focus-visible{background:#a2440f}.civic-rail .civic-rail-report{color:#b4490f;background:#fdf0e7;border-color:#f2c9ad}.civic-rail .civic-rail-report:hover,.civic-rail .civic-rail-report:focus-visible{color:#fff;background:#c2561c;border-color:#a2440f}.civic-rail .civic-rail-report+.civic-rail-about{margin-top:0}#civicPane{border-right:1px solid var(--line);z-index:15;background:#fff;flex-direction:column;grid-area:1/2;min-width:0;min-height:0;display:flex}.civic-pane-heading{background:#f1f4f9;border-bottom:1px solid #e4e9e7;flex:none;padding:18px 16px 14px}.civic-pane-title-row{align-items:center;gap:8px;min-width:0;display:flex}#civicPaneTitle{color:var(--accent);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}#civicPaneTitle:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:17px}#civicPaneCount{color:#1b4332;white-space:nowrap;font-variant-numeric:tabular-nums;background:#aeeecb;border-radius:2px;padding:3px 5px;font-size:10px}#closeCivicPane{color:#33463b;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:32px;min-height:32px;margin-left:auto;padding:6px;display:flex}#closeCivicPane svg{width:19px;height:19px}#closeCivicPane>span{display:none}#civicPaneDescription{color:#414844;margin:9px 0 0;font-size:12px;line-height:1.7}.civic-pane-body{flex-direction:column;flex:1;min-height:0;display:flex}.civic-pane-section{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}#civicPaneLoading{color:var(--muted);padding:16px;font-size:13px}.civic-map-stage{background:#c9dcec;grid-area:1/3;min-width:0;min-height:0;position:relative;overflow:hidden}.civic-ui #app{isolation:isolate;position:absolute;inset:0;overflow:hidden}.civic-map-tools{z-index:12;border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;align-items:stretch;width:44px;display:flex;position:absolute;top:18px;right:18px;overflow:hidden;box-shadow:0 4px 16px -2px #1b433226}.civic-map-tools>*+*{border-top:1px solid var(--line)!important}.civic-ui #zoomButtons{box-shadow:none;background:#fff;border:0;border-radius:0;position:static}.civic-ui #zoomButtons button{color:#1b4332;background:#fff;border-radius:0;width:44px;height:42px;min-height:0;font-size:23px}.civic-ui #zoomButtons button:hover{background:#ebf2ee}.civic-ui #tiltButton,.civic-ui #spinButton{width:44px;height:44px;box-shadow:none;background:#fff;border:0;border-radius:0;padding:0;position:static}#spinButton{color:#1b4332;cursor:pointer;place-items:center;display:grid}.civic-ui #spinButton[aria-pressed=true]{color:#fff;background:#1b4332}.civic-ui #spinButton[aria-pressed=true] svg{animation:2.4s linear infinite civic-spin}@keyframes civic-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.civic-ui #spinButton[aria-pressed=true] svg{animation:none}}.civic-ui #fullscreenButton{color:#1b4332;width:44px;height:44px;box-shadow:none;cursor:pointer;background:#fff;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:static}.civic-ui #fullscreenButton:hover{background:#ebf2ee}.civic-ui #fullscreenButton[aria-pressed=true]{color:#fff;background:#1b4332}#fullscreenHint{top:10px;right:calc(64px + var(--safe-r,0px));z-index:13;border:1px solid var(--line);max-width:min(260px,100% - 84px);color:var(--ink);background:#fff;border-radius:8px;padding:9px 12px;font-size:12px;line-height:1.6;position:absolute;box-shadow:0 6px 20px #012d1d2e}#fullscreenHint b{color:#1b4332;margin-bottom:2px;font-size:13px;display:block}body.viewer-mode #fullscreenHint,#civicShell.time-dock-hidden #civicTimeDock{display:none}.civic-time-dock-close{color:#1b4332;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:32px;margin-left:auto;padding:0;display:grid}.civic-time-dock-close svg{width:18px;height:18px}.civic-time-dock-close:hover{background:#ebf2ee}.civic-ui [data-section=time] .civic-time-dock-close{display:none}body.viewer-mode .civic-map-stage{z-index:1000;position:fixed;inset:0}body.viewer-mode .civic-map-stage>:not(#app,#viewerBar,#discoveryFade,#discoveryCaption,#discoveryHud),body.viewer-mode #load-bar{display:none!important}body.viewer-mode,body.viewer-mode .civic-map-stage{cursor:default}#viewerBar{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:5;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#fff3;border:1px solid #ffffff59;border-radius:999px;align-items:stretch;gap:1px;max-width:calc(100% - 24px);transition:opacity .35s,transform .35s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,8px)}#viewerBar.is-shown{opacity:1;pointer-events:auto;transform:translate(-50%)}#viewerBar:has(:focus-visible){opacity:1;pointer-events:auto;transform:translate(-50%)}#viewerBar button{color:#fff;white-space:nowrap;cursor:pointer;background:#012d1dcc;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:7px 16px;font-size:13px;display:flex}.civic-ui #viewerBar button:hover{background:#012d1d}.civic-ui #viewerBar button[aria-pressed=true]{background:#2d6a4f}#viewerBar small{opacity:.75;font-size:10px}@media (pointer:coarse){#viewerBar small{display:none}}@media (prefers-reduced-motion:reduce){#viewerBar{transition:none}}#discoveryFade{z-index:4;opacity:0;pointer-events:none;background:#000;transition:opacity .9s;position:absolute;inset:0}#discoveryFade.is-dark{opacity:1}#discoveryCaption{left:calc(28px + env(safe-area-inset-left,0px));bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:4;color:#fff;text-shadow:0 1px 12px #000a,0 0 2px #0008;pointer-events:none;opacity:0;flex-direction:column;gap:6px;max-width:min(520px,100% - 56px);transition:opacity 1.2s,transform 1.2s;display:flex;position:absolute;transform:translateY(6px)}#discoveryCaption.is-shown{opacity:1;transform:none}#discoveryCaption b{letter-spacing:.04em;font-family:Manrope,Public Sans,sans-serif;font-size:clamp(22px,3.2vw,38px);font-weight:700;line-height:1.2}#discoveryCaption span{opacity:.9;font-size:clamp(12px,1.3vw,15px)}#discoveryHud{left:calc(28px + env(safe-area-inset-left,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:5;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #000c;pointer-events:none;opacity:0;border-left:1px solid #ffffffa0;flex-direction:column;gap:6px;padding:9px 0 0 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;transition:opacity 1.2s;display:flex;position:absolute}#discoveryHud:before{content:"";background:#ffffffa0;width:18px;height:1px;position:absolute;top:0;left:-1px}#discoveryHud.is-shown{opacity:1}#discoveryHud span{align-items:baseline;gap:7px;display:inline-flex}#discoveryHud i{letter-spacing:.18em;opacity:.65;font-size:10px;font-style:normal}#discoveryHud .dh-pos{letter-spacing:.06em;gap:22px;font-size:clamp(15px,1.7vw,20px);display:flex}#discoveryHud .dh-pos b{font-weight:500}#discoveryHud .dh-sub{letter-spacing:.08em;gap:18px;font-size:12px;display:flex}#discoveryHud .dh-sub b{opacity:.9;font-weight:400}body:not(.viewer-mode) #discoveryFade,body:not(.viewer-mode) #discoveryCaption,body:not(.viewer-mode) #discoveryHud{display:none}@media (width<=760px){#discoveryCaption{left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(160px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 32px)}#discoveryHud{left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px))}#discoveryHud .dh-pos{gap:14px;font-size:14px}#discoveryHud .dh-sub{gap:12px;font-size:11px}#viewerBar button{padding:7px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){#discoveryFade,#discoveryCaption,#discoveryHud{transition:none}}body.walk-mode .civic-map-tools,body.fps-mode .civic-map-tools{display:none}#walkHint,#floatHint,#fpsHint{z-index:12;border:1px solid var(--line);color:#1b4332;text-align:center;pointer-events:none;background:#fffffff2;border-radius:4px;flex-direction:column;align-items:center;gap:2px;max-width:calc(100% - 140px);padding:7px 14px;font-size:11px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}#walkHint[hidden],#floatHint[hidden],#walkStick[hidden],#floatStick[hidden],#walkExit[hidden],#floatExit[hidden],#fpsHint[hidden],#fpsStatus[hidden]{display:none}#walkHint b,#floatHint b,#fpsHint b{font-size:12px}#walkHint .walk-touch,#floatHint .walk-touch{display:none}@media (pointer:coarse){#walkHint .walk-keys,#floatHint .walk-keys,#fpsHint .walk-keys{display:none}#walkHint .walk-touch,#floatHint .walk-touch{display:inline}}#walkStick,#floatStick{z-index:12;-webkit-backdrop-filter:blur(3px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#1b433240;border:1px solid #ffffffb0;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;bottom:18px;left:18px}#walkStick span span,#floatStick span span{pointer-events:none;background:#fffffff0;border-radius:50%;width:46px;height:46px;box-shadow:0 2px 8px #012d1d40}#walkExit,#floatExit{z-index:12;border:1px solid var(--line);color:#1b4332;cursor:pointer;background:#fff;border-radius:6px;min-height:44px;padding:8px 14px;font-size:13px;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 16px -2px #1b433214}#walkExit:hover,#floatExit:hover,#walkExit:focus-visible:hover:focus-visible,#floatExit:focus-visible:hover:focus-visible{background:#ebf2ee}.civic-ui #layers,.civic-ui #layers[open],.civic-ui #placeSearch,.civic-ui #environmentPanel,.civic-ui #credits{width:100%;max-width:none;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;background:#fff;border:0;border-radius:0;margin:0;padding:0;font-size:13px;position:static;inset:auto;overflow:visible;transform:none}.civic-ui #environmentPanel:has(.env-heading[aria-expanded=true]){width:100%;max-width:none;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;background:#fff;border:0;border-radius:0;margin:0;padding:0;font-size:13px;position:static;inset:auto;overflow:visible;transform:none}.civic-ui #layers>summary,.civic-ui #credits>details>summary,.civic-ui .civic-pane-section .mobile-panel-header,.civic-ui #environmentPanel>.env-panel-header{display:none!important}.civic-ui #layers .layer-panel-body{width:100%;max-height:none;box-shadow:none;background:#fff;border:0;border-radius:0;position:static;inset:auto;overflow:visible}.civic-ui #layers .layer-panel-content{display:block;overflow:visible}.civic-ui .layer-search{background:#f1f4f9;border:1px solid #0000;border-radius:4px}.civic-ui .layer-search input{padding:11px 0;font-size:13px}.civic-ui .layer-active-filter{border-radius:3px;padding:6px 9px;font-size:11px}.civic-ui .layer-result,.civic-ui .layer-group-count{font-size:11px}.civic-ui #layers .layer-item{background:#fff;border:0;border-radius:0;margin:0}.civic-ui #layers .layer-item.is-on{background:#fff}.civic-ui #layers .layer-item:hover{background:#f1f4f9}.civic-ui .layer-item.is-on:before{display:none}.civic-ui .layer-item-title{font-size:13px}.civic-ui .layer-item-detail{font-size:11px}.civic-ui .layer-toolbar{padding:12px 14px 8px}.civic-ui .layer-categories{border-bottom:1px solid var(--line);scrollbar-width:none;flex-wrap:nowrap;gap:0;margin:10px -14px 8px;padding:0 8px;display:flex;overflow-x:auto}.civic-ui .layer-category{color:#52615a;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex-direction:column;flex:1 0 auto;gap:1px;min-height:40px;padding:6px 6px 5px}.civic-ui .layer-category b{font-size:12px;font-weight:600}.civic-ui .layer-category span{opacity:.7;font-size:10px}.civic-ui .layer-category:hover{background:#f1f4f9}.civic-ui .layer-category[aria-pressed=true]{color:#012d1d;background:0 0;border-bottom-color:#1b4332}.civic-ui .layer-filter-row{flex-wrap:nowrap;gap:6px}.civic-ui .layer-active-filter{border:1px solid var(--line);background:#fff;flex:none;min-height:30px;padding:5px 9px}.civic-ui .layer-active-filter[aria-pressed=true]{color:#fff;background:#1b4332;border-color:#1b4332}.civic-ui .layer-result{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.civic-ui .layer-bulk-row{flex-wrap:nowrap;flex:none;gap:2px;margin:0;display:flex}.civic-ui .layer-bulk-row button{color:#1b4332;text-underline-offset:2px;background:0 0;border:0;min-height:30px;padding:4px 7px;font-size:11px;text-decoration:underline}.civic-ui .layer-bulk-row button:disabled{color:#a3aea8;text-decoration:none}.civic-ui .layer-list{scrollbar-gutter:auto;padding:0 14px 14px;overflow:visible}.civic-ui .layer-group{border:0;border-radius:0;margin-top:10px;overflow:visible}.civic-ui #layers .layer-group-heading{z-index:1;border-bottom:1px solid var(--line);color:#52615a;background:#fff;padding:8px 4px;font-size:11px;position:sticky;top:0}.civic-ui #layers .layer-item{border-bottom:1px solid #eef1f3;min-height:44px;padding:8px 4px}.civic-ui .layer-item-title{line-height:1.45}.civic-ui .layer-item-detail{-webkit-line-clamp:1;color:#6b7a74;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.civic-ui .layer-item:hover .layer-item-detail,.civic-ui .layer-item:focus-within .layer-item-detail{-webkit-line-clamp:unset}.civic-ui .layer-choice .layer-item-detail{-webkit-line-clamp:2}.layer-item-legend{color:var(--muted);flex-wrap:wrap;gap:3px 10px;margin-top:4px;font-size:11px;line-height:1.4;display:flex}.layer-item-legend>span{align-items:center;gap:4px;display:inline-flex}.layer-item-legend i{border-radius:2px;width:18px;height:5px;box-shadow:0 0 0 1px #00000026}.layer-choice .layer-item-text{flex:1}.layer-choice select{width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #c9d1ce;border-radius:6px;margin:4px 0 2px;padding:6px 8px;font-size:13px}.civic-ui .layer-footer{background:#f1f4f9;gap:8px;padding:12px 14px}.civic-ui .layer-footer button,.civic-ui .layer-footer summary{font-size:11px}.civic-ui #layers .note,.civic-ui .note,.civic-ui .sub{font-size:11px;line-height:1.75}.civic-ui #layers .layer-empty{font-size:13px;line-height:1.7}.civic-ui #placeSearch{min-height:0;display:block}.civic-ui #placeSearch:focus-within{box-shadow:none}.civic-ui .place-search-field{background:#f1f4f9;border-radius:4px;margin:16px 14px 12px;padding:0 10px}.civic-ui .place-search-field input{padding:12px 0;font-size:13px}.civic-ui .place-dropdown{border-top:0}.civic-ui #place-results{max-height:none;padding:0 10px;overflow:visible}.civic-ui #place-results button{border-bottom:1px solid #eef1f3;border-radius:4px;gap:8px;min-height:56px;padding:14px 8px}.civic-ui #place-results b{font-size:14px;font-weight:600;line-height:1.7}.civic-ui #place-results span{color:#2c694e;white-space:normal;background:#ebf2ee;border-radius:2px;max-width:82px;padding:4px 6px;font-size:10px}.civic-ui .place-result-status,.civic-ui .place-search-note{padding:8px 16px;font-size:12px;line-height:1.75}.civic-map-search{z-index:26;border:1px solid var(--line);background:#fff;border-radius:8px;width:min(380px,100% - 96px);position:absolute;top:12px;left:14px;overflow:hidden;box-shadow:0 4px 16px #012d1d1f}.civic-map-search:focus-within{box-shadow:0 4px 16px #012d1d1f,0 0 0 2px #2c694e}.civic-map-search{flex-direction:column;display:flex}.civic-map-search #whereAmI{order:2}#whereAmI{border-top:1px solid var(--line);box-shadow:none;color:#1c2b26;pointer-events:none;background:#f7f9f8;border-radius:0;margin:0;padding:6px 12px 7px;font-size:12px;line-height:1.45}#whereAmI .where-label{color:#6b7a74;letter-spacing:.05em;font-size:9px;display:block}#whereAmI .where-address{white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}#whereAmI .where-near{color:#4b5b55;font-size:11px;display:block}#whereAmI .where-near:empty{display:none}body:has(#placeSearch .place-dropdown:not([hidden])) #whereAmI{display:none}.civic-ui .civic-map-search #placeSearch{box-shadow:none;background:#fff;border:0;border-radius:0;overflow:hidden}.civic-ui .civic-map-search #placeSearch:focus-within{box-shadow:none}.civic-ui .civic-map-search .mobile-panel-header{display:none}.civic-ui .civic-map-search .place-search-field{background:0 0;border-radius:0;margin:0;padding:0 12px}.civic-ui .civic-map-search .place-search-field>span{color:#2c694e;font-size:22px}.civic-ui .civic-map-search .place-search-field input{padding:11px 0;font-size:14px}.civic-ui .civic-map-search .place-dropdown{border-top:1px solid var(--line)}.civic-ui .civic-map-search #place-results{overscroll-behavior:contain;max-height:min(360px,100dvh - 260px);padding:0 6px;overflow-y:auto}.civic-ui .civic-map-search #place-results button{min-height:44px;padding:9px 8px}.civic-ui .civic-map-search #place-results b{font-size:13px;line-height:1.5}.civic-ui .civic-map-search .place-result-status,.civic-ui .civic-map-search .place-search-note{padding:6px 12px;font-size:11px}.civic-ui #env-body{border:0;padding:0 14px 16px;overflow:visible}.civic-ui .env-tabs{z-index:2;background:#e5e8ee;margin:0 -14px 14px;padding:0 5px;display:flex;position:sticky;top:0}.civic-ui .env-tabs button{white-space:nowrap;min-height:44px;padding:8px 4px;font-size:12px}.civic-ui .env-tabs button[aria-selected=true]{color:#012d1d;background:#fff;box-shadow:inset 0 -3px #1b4332}.civic-ui .env-metrics{gap:8px}.civic-ui .env-metrics>div{background:#f1f4f9;border-radius:4px;padding:12px 10px}.civic-ui .env-metrics span{font-size:11px;font-weight:500;line-height:1.6}.civic-ui .env-metrics b{font-family:"Manrope", var(--font);color:#012d1d;font-size:24px;font-weight:700}.civic-ui .env-metrics small{font-size:11px}.civic-ui .env-metrics>div:last-child b{font-size:16px}.civic-ui .env-meta,.civic-ui .env-note,.civic-ui .env-stale,.civic-ui .env-footer{font-size:11px;line-height:1.75}.civic-ui .env-river-summary,.civic-ui .env-pollen-summary{border-radius:4px;padding:11px;font-size:12px}.civic-ui .env-river-summary>span:last-child,.civic-ui .env-pollen-summary small{font-size:11px}.civic-ui .env-pollen-summary b{font-size:12px}.civic-ui #env-content{padding-top:10px}.civic-ui #env-content h3{margin:18px 0 10px;font-size:14px}.civic-ui .env-observation{font-size:12px}.civic-ui .env-forecast{font-size:13px}.civic-ui .env-forecast span{margin-top:5px;font-size:11px}.civic-ui .env-rain-periods>div,.civic-ui .env-air-metrics section{border-radius:4px}.civic-ui .env-rain-periods span,.civic-ui #environmentPanel a,.civic-ui .env-air-metrics h4{font-size:11px}.civic-ui .env-history-controls{flex-wrap:wrap}.civic-ui .env-history-controls label{min-width:0}.civic-ui .env-history-controls select{max-width:100%;font-size:12px}.civic-ui #credits .credits-content{width:100%;max-height:none;box-shadow:none;border:0;border-radius:0;padding:0;display:block;position:static;inset:auto;overflow:visible}.civic-ui #credits .credits-scroll{padding:16px;overflow:visible}.civic-ui .credits-title{font-size:14px}.civic-ui .credits-about,.civic-ui .credits-list{font-size:13px;line-height:1.9}.civic-ui .credits-scroll>div{font-size:11px;line-height:1.9}.civic-ui #diagnostics{background:#f1f4f9;border-radius:4px;margin:0 16px 16px;padding:10px;font-size:11px;display:block;position:static;inset:auto}.civic-ui #status{max-width:100%;font-size:11px}.civic-empty{color:var(--muted);padding:24px 20px;font-size:13px;line-height:1.9}.civic-empty strong{color:#33463b;font-weight:600}.place-popup{z-index:11;border:1px solid var(--line);width:min(300px,100% - 16px);max-height:min(60%,420px);color:var(--ink);overflow-wrap:anywhere;background:#fff;border-radius:6px;padding:10px 30px 10px 12px;font-size:12px;line-height:1.7;position:absolute;overflow-y:auto;box-shadow:0 6px 20px #012d1d2e}.place-marker{z-index:10;pointer-events:none;background:#e4572e33;border:3px solid #e4572e;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 2px #fff,0 2px 6px #0006}.place-marker:after{content:"";background:#e4572e;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.place-popup.is-docked{top:12px;left:12px}.place-popup.is-sheet{z-index:13;width:auto;max-height:36%;padding:8px 28px 8px 10px;font-size:11px;line-height:1.6;inset:auto 8px 8px}.place-popup.is-sheet b{font-size:13px}.place-popup-close{width:26px;height:26px;color:var(--muted);background:0 0;border:0;padding:0;font-size:18px;line-height:1;position:absolute;top:4px;right:4px}.place-popup b{color:var(--accent);font-size:14px}.place-popup hr{border:0;border-top:1px solid var(--line);margin:8px 0}.place-popup h4{color:#1b4332;margin:8px 0 2px;font-size:12px}.place-popup-table{border-collapse:collapse;width:100%;margin-top:4px}.place-popup-table th{width:40%;color:var(--muted);text-align:left;vertical-align:top;padding:1px 6px 1px 0;font-weight:400}.place-popup-table td{padding:1px 0}.place-popup-caution{background:#f08c001f;border-left:3px solid #f08c00;margin:4px 0;padding:4px 8px;font-size:12px;line-height:1.5}.place-popup-note{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}.place-popup-flag{color:#1d4f7a;background:#e8f1fb;border-radius:3px;margin:6px 0 0;padding:3px 6px;font-size:11px}.place-popup-more{margin-top:6px}.place-popup-more summary{cursor:pointer;color:#1b4332;font-size:12px}.place-popup-kind{color:#1b4332;background:#aeeecb;border-radius:2px;margin-bottom:4px;padding:2px 6px;font-size:11px;display:inline-block}.place-popup-actions{gap:6px;margin-top:8px;display:flex}.place-popup-actions button{color:#fff;background:#1b4332;border:0;flex:1;min-height:32px;font-size:11px}.place-popup-actions button.is-quiet{color:#1b4332;border:1px solid var(--line);background:0 0}.place-popup-walk{border-top:1px solid var(--line);gap:6px;margin-top:8px;padding-top:8px;display:flex}.place-popup-walk[hidden]{display:none}.place-popup-walk button{color:#fff;cursor:pointer;background:#1b4332;border:0;border-radius:4px;flex:1;min-width:0;min-height:36px;font-size:12px}.place-popup-walk button:hover,.place-popup-walk button:focus-visible{background:#2d6a4f}#civicTimeDock{z-index:25;border:1px solid var(--line);background:#fff;border-radius:10px;width:340px;max-width:calc(100% - 32px);position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 24px #012d1d24}.civic-rail button[data-panel=time]{font-variant-numeric:tabular-nums}.civic-rail button[data-panel=time].is-manual{color:#9a5b00}.civic-rail button[data-panel=time].is-manual[aria-pressed=true]{color:#ffd59a}.civic-time-loading{color:var(--muted);margin:0;padding:16px 24px;font-size:12px}.civic-ui #timeWeather,.civic-ui #timeWeather.is-collapsed{width:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(220px,auto) minmax(100px,1fr) auto;align-items:center;gap:0 22px;padding:12px 22px;display:grid;position:static;inset:auto;overflow:visible}.civic-ui #timeWeather:has(.weather-details[open]){width:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(220px,auto) minmax(100px,1fr) auto;align-items:center;gap:0 22px;padding:12px 22px;display:grid;position:static;inset:auto;overflow:visible}.civic-ui .time-panel-header{background:0 0;border:0;min-width:0;padding:0}.civic-ui #timeWeather .panel-kicker{justify-content:flex-start;gap:8px;min-height:0;padding:0}.civic-ui #timeWeather .panel-title{color:var(--muted);flex:none;font-size:11px;font-weight:500}.civic-ui #tw-phase{color:#1b4332;background:#ebf2ee;border-radius:2px;margin:0;padding:3px 5px;font-size:10px}#civicTimeFollow{color:#012d1d;letter-spacing:0;white-space:nowrap;background:#aeeecb;border-radius:3px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;font-weight:600;display:inline-flex}#civicTimeFollow:before{content:"";background:#2c694e;border-radius:50%;width:6px;height:6px}#civicTimeFollow.is-manual{color:#855005;background:#fff0d8}#civicTimeFollow.is-manual:before{background:#b87316}.civic-ui #timeWeather .time-heading{justify-content:flex-start;margin:5px 0 0}.civic-ui #tw-time{font-family:"Manrope", var(--font);white-space:nowrap;font-size:15px;font-weight:700}.civic-time-track{min-width:0}.civic-ui #tw-slider{height:24px;margin:0}.civic-ui #tw-slider::-webkit-slider-runnable-track{background:#d8e2dc;height:4px}.civic-ui #tw-slider::-moz-range-track{background:#d8e2dc;height:4px}.civic-ui #tw-slider::-webkit-slider-thumb{width:17px;height:17px;box-shadow:none;background:#aeeecb;border:2px solid #1b4332;margin-top:-6px}.civic-ui #tw-slider::-moz-range-thumb{width:15px;height:15px;box-shadow:none;background:#aeeecb;border:2px solid #1b4332}.civic-ui .time-scale{color:#61726a;font-size:10px}.civic-time-actions{align-items:center;gap:8px;display:flex}.civic-ui #tw-now{white-space:nowrap;border-radius:4px;min-height:36px;padding:8px 9px;font-size:11px}.civic-ui #tw-play{border-radius:4px;min-height:36px;padding:8px 9px;font-size:11px}.civic-ui #tw-speed{border-radius:4px;min-height:36px;font-size:11px}.civic-ui #tw-now.is-live{display:none}.civic-ui #tw-toggle{color:#1b4332;white-space:nowrap;background:#ebeef3;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 10px;font-size:11px;display:flex}.civic-ui #tw-toggle svg{width:17px;height:17px}.civic-ui #tw-toggle .civic-time-chevron{font-size:15px}.civic-ui #tw-toggle[aria-expanded=true] .civic-time-chevron{transform:rotate(180deg)}.civic-ui #time-panel-body{border-top:1px solid var(--line);overscroll-behavior:contain;background:#fff;grid-column:1/-1;grid-template-columns:minmax(220px,1fr) minmax(220px,1.5fr);gap:10px 24px;max-height:min(300px,40dvh);margin-top:12px;padding:16px 2px 4px;display:grid;overflow-y:auto}.civic-ui #timeWeather.is-collapsed #time-panel-body{display:none}.civic-time-settings-head{z-index:1;background:#fff;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin:-16px 0 0;padding:8px 0;display:flex;position:sticky;top:-16px}.civic-time-settings-head b{color:#1b4332;font-size:13px}.civic-time-close{border:1px solid var(--line);color:#1b4332;background:#fff;border-radius:4px;align-items:center;gap:5px;min-height:36px;padding:6px 10px;font-size:12px;display:inline-flex}.civic-time-close svg{width:16px;height:16px}.civic-time-close:hover{background:#ebf2ee}.civic-ui .time-presets{margin:0}.civic-ui .time-presets button{border-radius:4px;min-height:38px;font-size:13px}.civic-ui .weather-section{border:0;grid-area:2/2/6;padding:0}.civic-ui .weather-modes button{border-radius:4px;min-height:38px;font-size:13px}.civic-ui .weather-head b{font-size:13px}.civic-ui .weather-details summary{min-height:36px;font-size:13px}.civic-ui #tw-weather-short{font-size:12px}.civic-ui #tw-mode-note{font-size:11px}.civic-ui .representation-note{border-top:1px solid var(--line);grid-column:1/-1;margin:0;padding-top:10px;font-size:11px;line-height:1.8}.civic-ui .label.place,.civic-ui .label.station{border-radius:3px;padding:5px 8px;box-shadow:0 2px 8px #012d1d12}.civic-ui .label.station{color:#fff;background:#012d1d;border-color:#012d1d}.civic-ui .label.station:before{content:"";vertical-align:-2px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'><path fill='%23fff' fill-rule='evenodd' d='M7 3h12a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4zm1.5 3.5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zM8.6 15.6a1.6 1.6 0 1 0 0 .01zm8.8 0a1.6 1.6 0 1 0 0 .01z'/><rect fill='%23fff' x='2' y='23' width='22' height='1.8'/></svg>") 50%/contain no-repeat;width:13px;height:13px;margin-right:5px;display:inline-block}.civic-ui .label.search-pin{color:#fff;background:#1b4332;border-radius:4px}.civic-ui .search-pin:before,.civic-ui .search-pin:after{background:#1b4332}@media (width>=1600px){#civicShell{--pane-width:380px}#civicShell.pane-closed{--pane-width:0px}}@media (width<=1150px){#civicShell{--pane-width:320px;--rail-width:72px}#civicShell.pane-closed{--pane-width:0px}}@media (width>=761px){.civic-ui #civicTimeDock #timeWeather,.civic-ui #civicTimeDock #timeWeather.is-collapsed{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;display:flex}.civic-ui #civicTimeDock #timeWeather:has(.weather-details[open]){flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;display:flex}.civic-ui #civicTimeDock #timeWeather .time-heading{margin:6px 0 0}.civic-ui #civicTimeDock #tw-time{letter-spacing:0;font-size:22px}.civic-ui #civicTimeDock .civic-time-actions{flex-wrap:wrap;gap:6px}.civic-ui #civicTimeDock #tw-toggle{margin-left:auto}.civic-ui #civicTimeDock #timeWeather .panel-title{display:none}.civic-ui #civicTimeDock .time-play{gap:6px;margin:0;display:flex}.civic-ui #civicTimeDock #time-panel-body{border-top:0;border-bottom:1px solid var(--line);order:-1;grid-template-columns:minmax(0,1fr);gap:12px;max-height:clamp(140px,100dvh - 600px,420px);margin:0;padding:12px 0 10px}.civic-ui #civicTimeDock .weather-section{grid-area:auto/1}.civic-ui #civicTimeDock .civic-time-settings-head{margin:-12px 0 0;top:-12px}}.tw-weather-now{cursor:pointer;background:#f2f6f9;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.tw-weather-now:hover{border-color:var(--line);background:#e8eff3}.tw-weather-now[aria-expanded=true]{background:#fff;border-color:#1b4332}.tw-weather-change{color:#1b4332;white-space:nowrap;flex:none;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:inline-flex}.tw-weather-change .civic-time-chevron{font-size:13px;transition:transform .15s}.tw-weather-now[aria-expanded=true] .civic-time-chevron{transform:rotate(180deg)}.civic-ui .civic-time-track .time-presets{gap:4px;margin:6px 0 0;display:flex}.civic-ui .civic-time-track .time-presets button{border:1px solid var(--line);color:#1b4332;background:#fff;flex:1;min-height:28px;padding:2px 0;font-size:12px}.civic-ui .civic-time-track .time-presets button[aria-pressed=true]{color:#fff;background:#1b4332;border-color:#1b4332}.civic-ui .civic-time-track .date-presets{align-items:stretch;gap:4px;margin:4px 0 0;display:flex}.civic-ui .civic-time-track .date-presets input{border:1px solid var(--line);color:#1b4332;min-width:0;min-height:28px;font:inherit;background:#fff;border-radius:4px;flex:2.2;padding:2px 6px;font-size:12px}.civic-ui .civic-time-track .date-presets button{border:1px solid var(--line);color:#1b4332;background:#fff;border-radius:4px;flex:1;min-height:28px;padding:2px 0;font-size:12px}.civic-ui .civic-time-track .date-presets button[aria-pressed=true]{color:#fff;background:#1b4332;border-color:#1b4332}.civic-ui #civicTimeDock #tw-toggle{display:none}#tw-weather-icon{flex:none;width:40px;height:40px}#tw-weather-icon svg{display:block}.tw-weather-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}#tw-weather-label{color:#12202b;font-size:15px}#tw-weather-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@media (width<=760px){#civicShell{padding-top:var(--safe-t)}.civic-workspace{grid-template-rows:minmax(0,1fr) 62px;grid-template-columns:minmax(0,1fr)}.civic-map-stage{grid-area:1/1}.civic-rail{padding:4px calc(5px + var(--safe-r)) 4px calc(5px + var(--safe-l));border-right:0;border-top:1px solid var(--line);z-index:20;flex-direction:row;grid-area:2/1;justify-content:stretch;gap:2px;overflow:visible}.civic-rail button{flex:1;gap:3px;width:auto;min-width:0;min-height:52px;padding:5px 0;font-size:10px}.civic-rail svg{width:20px;height:20px}.civic-rail .civic-rail-about{margin-top:0}.civic-rail .civic-rail-report{letter-spacing:-.02em;flex:1;gap:3px;min-width:0;min-height:52px;margin-top:0;padding:5px 0;font-size:9px}.civic-rail .civic-rail-secondary{display:none}.civic-rail .civic-rail-more{display:flex}.civic-rail .civic-rail-more[aria-expanded=true]{background:#ebf2ee}.civic-more-menu:not([hidden]){right:calc(8px + var(--safe-r));z-index:30;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;bottom:68px;box-shadow:0 8px 24px #012d1d26}.civic-more-menu button{color:#33463b;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:14px;display:flex}.civic-more-menu button:hover,.civic-more-menu button:focus-visible{background:#ebf2ee}.civic-more-menu button.civic-more-report{color:#b4490f}.civic-more-menu svg{flex:none;width:20px;height:20px}#civicTimeDock{display:none}#civicPane:has([data-section=time]:not([hidden])){height:var(--sheet-height,auto)}#civicPane:has([data-section=time]:not([hidden])) #civicPaneDescription{display:none}.civic-ui [data-section=time] #timeWeather{padding:4px calc(16px + var(--safe-r)) 14px calc(16px + var(--safe-l));flex-direction:column;align-items:stretch;gap:10px;display:flex}.civic-ui [data-section=time] .time-panel-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.civic-ui [data-section=time] .tw-weather-now{flex:1 0 100%;margin-top:2px}.civic-ui [data-section=time] .tw-weather-change{display:none}.civic-ui [data-section=time] .tw-weather-now[aria-expanded=true]{background:#f2f6f9;border-color:#0000}.civic-ui [data-section=time] .time-panel-header .panel-kicker{flex:none}.civic-ui [data-section=time] .time-heading{margin:0}.civic-ui [data-section=time] #tw-time{font-size:15px}.civic-ui [data-section=time] #tw-toggle,.civic-ui [data-section=time] .civic-time-settings-head{display:none}.civic-ui [data-section=time] .civic-time-actions{gap:6px;display:flex}.civic-ui [data-section=time] .time-play{flex:1;gap:6px;margin:0;display:flex}.civic-ui [data-section=time] #tw-speed{flex:1;min-width:0}.civic-ui [data-section=time] #tw-now{flex:none}.civic-ui [data-section=time] .civic-time-track{margin:2px 0 0}.civic-ui [data-section=time] #tw-slider{width:100%;height:36px}.civic-ui [data-section=time] #tw-slider::-webkit-slider-runnable-track{height:8px}.civic-ui [data-section=time] #tw-slider::-moz-range-track{height:8px}.civic-ui [data-section=time] #tw-slider::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px}.civic-ui [data-section=time] #tw-slider::-moz-range-thumb{width:26px;height:26px}.civic-ui [data-section=time] #time-panel-body,.civic-ui [data-section=time] #timeWeather.is-collapsed #time-panel-body{border-top:1px solid var(--line);gap:12px;max-height:none;margin:0;padding:10px 0 0;display:grid;overflow:visible}.civic-rail button[aria-pressed=true]:before{width:auto;height:2px;inset:auto 12% 0}#civicPane{width:100%;height:var(--sheet-height,min(66%, 500px));border:1px solid var(--line);z-index:27;border-radius:12px 12px 0 0;grid-area:auto;max-height:calc(100% - 74px);position:absolute;bottom:62px;left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #012d1d14}#civicSheetGrab{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#ebeef3;border:0;border-radius:0;flex:0 0 44px;justify-content:center;align-items:center;width:100%;padding:0;display:flex}#civicSheetHelp{display:block}#civicSheetGrab>span{background:#809489;border-radius:3px;width:44px;height:5px}#civicSheetGrab:hover,#civicPane.is-resizing #civicSheetGrab{background:#e0e9e3}#civicSheetGrab:focus-visible{outline-offset:-4px}.civic-pane-heading{padding:0 calc(16px + var(--safe-r)) 10px calc(16px + var(--safe-l))}#civicPaneTitle{font-size:16px}#closeCivicPane{top:0;right:calc(4px + var(--safe-r));z-index:2;color:#1b4332;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;min-width:0;height:44px;min-height:0;padding:0;display:grid;position:absolute}#closeCivicPane svg{width:20px;height:20px}#closeCivicPane>span{display:none}#closeCivicPane:hover,#closeCivicPane:focus-visible{background:#dfe7e2}#civicPaneDescription{margin-top:5px;font-size:11px}.civic-pane-section{padding-left:var(--safe-l);padding-right:var(--safe-r)}.civic-map-tools{top:10px;right:calc(10px + var(--safe-r));gap:7px}.civic-ui #zoomButtons button{width:42px;height:42px}#walkHint,#floatHint,#fpsHint{max-width:calc(100% - 84px);padding:6px 10px;font-size:10px;top:10px}#walkStick,#floatStick{left:calc(12px + var(--safe-l));bottom:12px}#walkExit,#floatExit{right:calc(12px + var(--safe-r));bottom:12px}.civic-ui #load-state{font-size:10px}.civic-map-search{width:auto;top:10px;left:10px;right:64px}.civic-ui .civic-map-search #place-results{max-height:45dvh}.civic-ui #timeWeather,.civic-ui #timeWeather.is-collapsed{padding:8px calc(12px + var(--safe-r)) calc(8px + var(--safe-b)) calc(12px + var(--safe-l));grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.civic-ui #timeWeather:has(.weather-details[open]){padding:8px calc(12px + var(--safe-r)) calc(8px + var(--safe-b)) calc(12px + var(--safe-l));grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.civic-ui #timeWeather .time-panel-header{grid-area:1/1}.civic-ui #timeWeather .panel-kicker{flex-wrap:wrap;gap:5px}.civic-ui #timeWeather .panel-title,.civic-ui #tw-phase{display:none}#civicTimeFollow{padding:3px 6px;font-size:10px}.civic-ui #tw-time{font-size:13px}.civic-time-track{grid-area:3/1/auto/-1}.civic-ui #tw-slider{height:28px}.civic-ui .time-scale{font-size:9px}.civic-time-actions{grid-area:2/1/auto/-1;gap:4px}.civic-ui .time-play{margin-right:auto}.civic-ui #tw-now{min-height:40px;padding:7px;font-size:10px}.civic-ui #tw-play{min-width:40px;min-height:40px;padding:7px;font-size:10px}.civic-ui #tw-speed{max-width:none;min-height:40px;font-size:16px}.civic-ui #tw-toggle{min-width:40px;min-height:40px;padding:7px}.civic-ui #tw-toggle .civic-time-chevron{display:none}.civic-ui #time-panel-body{grid-row:4;grid-template-columns:minmax(0,1fr);gap:12px;max-height:34dvh;margin-top:2px;padding:12px 0 4px}.civic-ui .weather-section{grid-area:auto/1}.civic-time-settings-head{margin-top:-12px;top:-12px}.civic-time-close{min-height:40px}.civic-ui .weather-modes button{min-height:44px;font-size:14px}.civic-ui .time-presets button,.civic-ui .civic-time-track .time-presets button{min-height:40px;font-size:14px}.civic-ui .civic-time-track .date-presets button,.civic-ui .civic-time-track .date-presets input{min-height:40px;font-size:16px}.civic-ui #layers .layer-item{min-height:56px}.civic-ui .layer-category{min-height:40px}.civic-ui .env-tabs button{min-height:44px}.civic-ui .place-search-field input{font-size:16px}.civic-ui #place-results button{min-height:56px}.civic-ui #place-results b{font-size:14px}.civic-ui .layer-search input{font-size:16px}}@media (height<=520px) and (width<=760px){.civic-workspace{grid-template-rows:minmax(0,1fr) 52px}.civic-rail{padding-top:2px;padding-bottom:2px}.civic-rail button{min-height:46px}#civicPane{height:var(--sheet-height,calc(100% - 64px));max-height:calc(100% - 64px);bottom:52px}.civic-ui .time-scale{display:none}.civic-ui #timeWeather,.civic-ui #timeWeather.is-collapsed{padding-top:5px;padding-bottom:5px}}@media (prefers-reduced-motion:reduce){.civic-ui *{scroll-behavior:auto}}#overviewMap.following{z-index:11;top:130px;bottom:auto}#overviewMap.following[data-size=half],#overviewMap.following[data-size=full]{top:0}@media (width<=760px){#overviewMap.following{top:128px}#overviewMap.following[data-size=half],#overviewMap.following[data-size=full]{top:0}}#fpsStatus{z-index:12;border:1px solid var(--line);color:#1b4332;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;background:#fffffff2;border-radius:4px;max-width:calc(100% - 300px);padding:5px 12px;font-size:12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@media (width<=760px){#fpsStatus{bottom:calc(136px + var(--safe-b,0px));max-width:calc(100% - 24px);font-size:11px}}#settingsPanel{background:#fff;font-size:13px}#settingsPanel .settings-list{margin:0;padding:0;list-style:none}#settingsPanel li+li{border-top:1px solid var(--line)}#settingsPanel .settings-row{cursor:pointer;align-items:flex-start;gap:12px;padding:14px 12px;display:flex}#settingsPanel .settings-row:hover{background:#f1f4f9}#settingsPanel input[type=checkbox]{accent-color:#1b4332;flex:none;width:20px;height:20px;margin:1px 0 0}#settingsPanel .settings-text{flex-direction:column;gap:4px;display:flex}#settingsPanel .settings-text b{color:var(--ink);font-size:14px}#settingsPanel .settings-text small{color:var(--muted);font-size:11px;line-height:1.7}#settingsPanel .settings-head{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:14px 12px 6px;font-size:12px;font-weight:600}#settingsPanel .settings-version{border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;margin:0;padding:14px 12px 18px;font-size:11px}#settingsPanel .settings-version-button{min-height:0;color:var(--accent);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}#changelogDialog{border:1px solid var(--line);border-radius:var(--radius);width:min(480px,100vw - 32px);max-height:min(560px,100dvh - 64px);color:var(--ink);box-shadow:var(--shadow);background:#fff;padding:0;overflow:hidden}#changelogDialog[open]{flex-direction:column;display:flex}#changelogDialog::backdrop{background:#0d152059}#changelogDialog .changelog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}#changelogDialog .panel-close{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:13px;display:inline-flex}#changelogDialog h2{margin:0;font-size:15px}#changelogDialog .changelog-body{overscroll-behavior:contain;padding:4px 16px 16px;overflow-y:auto}#changelogDialog h3{margin:16px 0 6px;font-size:13px}#changelogDialog h3 time{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}#changelogDialog ul{margin:0;padding-left:1.2em;font-size:12px;line-height:1.8}#reportDialog{border:1px solid var(--line);border-radius:var(--radius);width:min(440px,100vw - 32px);max-height:calc(100dvh - 64px);color:var(--ink);box-shadow:var(--shadow);background:#fff;padding:0}#reportDialog[open]{flex-direction:column;display:flex}#reportDialog::backdrop{background:#0d152059}#reportDialog .report-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}#reportDialog h2{margin:0;font-size:15px}#reportDialog .panel-close{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:13px;display:inline-flex}#reportDialog .report-body{overscroll-behavior:contain;padding:12px 16px 16px;font-size:13px;line-height:1.8;overflow-y:auto}#reportDialog p{margin:0 0 8px}#reportDialog ul{margin:0 0 10px;padding-left:1.2em}#reportDialog .report-hint{color:var(--muted);font-size:12px}#reportDialog .report-link{color:#fff;background:#c2561c;border-radius:6px;justify-content:center;align-items:center;min-height:44px;margin-top:12px;font-weight:650;text-decoration:none;display:flex}#reportDialog .report-link:hover,#reportDialog .report-link:focus-visible{background:#a2440f}#settingsPanel select{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:6px;margin-top:4px;padding:4px 8px;font-size:13px}#settingsPanel .settings-range .settings-text{width:100%}#settingsPanel .settings-range output{color:#1b4332;margin-left:6px;font-weight:600}#settingsPanel input[type=range]{accent-color:#1b4332;width:100%;margin-top:6px}#settingsPanel .settings-actions{padding:10px 12px 14px}#settingsPanel .settings-actions button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px}#settingsPanel .settings-actions button:hover{background:#f1f4f9}#compassButton{z-index:20;position:fixed;top:18px;right:18px}.civic-ui #compassButton{width:44px;height:44px;box-shadow:none;background:#fff;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:static}.civic-ui #compassButton:hover{background:#ebf2ee}.compass-needle{transition:transform 80ms linear}#overviewMap{z-index:12;border:1px solid var(--line);background:#fff;border-radius:6px;width:200px;font-size:11px;position:absolute;bottom:18px;left:18px;overflow:hidden;box-shadow:0 4px 16px -2px #1b433226}#overviewMap .ovm-head{z-index:3;align-items:center;gap:2px;display:flex;position:absolute;top:4px;right:4px}#overviewMap .ovm-bases{gap:2px;display:flex}#overviewMap .ovm-bases button,#overviewMap .ovm-toggle{border:1px solid var(--line);color:#1b4332;cursor:pointer;background:#ffffffe6;border-radius:3px;height:26px;min-height:0;padding:0 6px;font-size:11px;line-height:1.2}#overviewMap .ovm-bases button[aria-checked=true]{color:#fff;background:#1b4332;border-color:#1b4332}#overviewMap .ovm-toggle{flex:none;width:26px;padding:0}#overviewMap .ovm-bases:not(.is-open):not(:has(:focus-visible)) button[aria-checked=false]{display:none}@media (hover:hover){#overviewMap .ovm-bases:hover button[aria-checked=false]{display:block}}#overviewMap .ovm-body{height:200px;position:relative}#overviewMap .ovm-body canvas{cursor:crosshair;width:100%;height:100%;display:block}#overviewMap .ovm-credit{color:#333;pointer-events:none;background:#ffffffd9;padding:1px 4px;font-size:9px;position:absolute;bottom:0;right:0}#overviewMap .ovm-toggle{place-items:center;display:grid}#overviewMap .ovm-reset{border:1px solid var(--line);color:#1b4332;cursor:pointer;background:#ffffffe6;border-radius:3px;flex:none;width:26px;height:26px;min-height:0;padding:0;font-size:11px;line-height:1.2;display:block}#overviewMap .ovm-body canvas{touch-action:none}#overviewMap .ovm-zoom{flex-direction:column;gap:3px;display:flex;position:absolute;top:34px;right:4px}#overviewMap .ovm-zoom button{border:1px solid var(--line);color:#1b4332;cursor:pointer;background:#ffffffe6;border-radius:3px;width:26px;height:26px;min-height:0;padding:0;font-size:15px;line-height:1}#overviewMap .ovm-zoom button:disabled{color:#b5bdb8;cursor:default}#overviewMap[data-size=half],#overviewMap[data-size=full]{border-radius:0;flex-direction:column;width:100%;height:100%;display:flex;bottom:0;left:0}@media (orientation:portrait){#overviewMap[data-size=half]{height:50%}}@media (orientation:landscape){#overviewMap[data-size=half]{width:33.34%;height:50%}}#overviewMap[data-size=half] .ovm-body,#overviewMap[data-size=full] .ovm-body{flex:1;height:auto;min-height:0}#overviewMap[data-size=half] .ovm-reset,#overviewMap[data-size=full] .ovm-reset{display:block}#overviewMap[data-size=half] .ovm-zoom button,#overviewMap[data-size=full] .ovm-zoom button{width:32px;height:32px;font-size:18px}#overviewMap[data-size=half] .ovm-zoom,#overviewMap[data-size=full] .ovm-zoom{top:36px;right:4px}#overviewMap[data-size=full] .ovm-credit{bottom:8px;left:48px;right:auto}#overviewMap.closed{width:auto}#overviewMap.closed .ovm-body,#overviewMap.closed .ovm-bases,#overviewMap.closed .ovm-reset{display:none}#overviewMap.closed .ovm-head{padding:4px;position:static}#overviewMap.closed .ovm-toggle{width:auto;padding:3px 8px}body.walk-mode #overviewMap:not(.following),body.fps-mode #overviewMap:not(.following),body.walk-mode #compassButton,body.fps-mode #compassButton{display:none}@media (width<=760px){#overviewMap{left:calc(10px + var(--safe-l));width:160px;bottom:10px}#overviewMap .ovm-bases button,#overviewMap .ovm-toggle{white-space:nowrap;letter-spacing:-.02em;font-size:10px}#overviewMap .ovm-body{height:150px}}.ride-bar{z-index:40;color:#fff;background:#1b4332eb;border-radius:6px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:13px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000040}.ride-bar[hidden]{display:none}.ride-bar button{color:#1b4332;cursor:pointer;background:#fff;border:0;border-radius:4px;min-height:30px;padding:0 14px;font-size:12px;font-weight:600}.kansui-panel{color:var(--ink);padding:0 14px 16px;font-size:13px}.kansui-lead,.kansui-note{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.6}.kansui-caution{background:#f08c001f;border-left:3px solid #f08c00;border-radius:4px;margin:8px 0;padding:8px 10px;font-size:12px;line-height:1.6}.kansui-caution b{color:#b06000}.kansui-rain{margin:6px 0;font-weight:700}.kansui-query{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;margin:6px 0;padding:7px 9px}.kansui-count{color:var(--muted);margin:2px 0;font-size:12px}.kansui-count:empty{display:none}.kansui-group{border-bottom:1px solid var(--line)}.kansui-group summary{cursor:pointer;justify-content:space-between;padding:8px 2px;font-weight:600;display:flex}.kansui-group summary span{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.kansui-group ul{margin:0 0 6px;padding:0;list-style:none}.kansui-group li button{border-radius:var(--radius);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;gap:1px;padding:6px 8px;display:grid}.kansui-group li button:hover,.kansui-group li button:focus-visible{background:var(--chip)}.kansui-sub{color:var(--muted);font-size:12px}.kansui-conf{color:var(--muted);font-size:11px}.kansui-conf-C{color:#b06000}.kansui-impact{background:#fff7f7;border:2px solid #e03131;border-radius:6px;margin:8px 0 12px;padding:10px 12px}.kansui-impact h3{color:#c92a2a;margin:0 0 4px;font-size:15px}.kansui-impact h4{margin:10px 0 4px;font-size:13px}.kansui-impact ul{margin:0;padding-left:16px}.kansui-impact li{margin:2px 0}.kansui-impact p{margin:3px 0}.kansui-impact-actions{gap:8px;margin:10px 0 4px;display:flex}.kansui-impact-actions button{border:1px solid var(--line);border-radius:var(--radius);font:inherit;cursor:pointer;background:#fff;flex:1;padding:6px 8px}.kansui-impact-actions button[data-act=near]{background:var(--accent);color:#fff;border-color:var(--accent)}.hazard-panel{color:var(--ink);padding:0 14px 16px;font-size:13px}.hazard-lead,.hazard-sub{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.6}.hazard-section{border-bottom:1px solid var(--line);padding:8px 0 10px}.hazard-section h3{margin:4px 0;font-size:14px}.hazard-group{letter-spacing:.08em;color:var(--accent);align-items:center;gap:8px;margin:18px 0 2px;font-size:12px;font-weight:700;display:flex}.hazard-group:before{content:"";background:#52b788;border-radius:2px;width:3px;height:13px}.hazard-group:first-child{margin-top:6px}.hazard-choices{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.hazard-choices button{border:1px solid var(--line);border-radius:var(--radius);font:inherit;color:inherit;cursor:pointer;background:#fff;padding:5px 9px;font-size:12px}.hazard-choices button:hover,.hazard-choices button:focus-visible{background:var(--chip)}.hazard-choices button[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:#fff}.hazard-legend{flex-wrap:wrap;gap:4px 12px;margin:6px 0 2px;font-size:12px;display:flex}.hazard-legend span{align-items:center;gap:5px;display:inline-flex}.hazard-legend i{border-radius:3px;width:14px;height:14px;box-shadow:0 0 0 1px #0000002b}.hazard-panel .kansui-panel{border-bottom:1px solid var(--line);padding:0}.hazard-clear{border:1px solid var(--line);border-radius:var(--radius);font:inherit;cursor:pointer;background:#fff;margin-top:12px;padding:6px 12px}.hazard-clear:disabled{color:var(--muted);cursor:default;opacity:.6}.ride-bar-views{background:#ffffff29;border-radius:5px;gap:2px;padding:2px;display:inline-flex}.ride-bar .ride-bar-views button{color:#fff;background:0 0;min-height:26px;padding:0 10px;font-weight:500}.ride-bar .ride-bar-views button[aria-pressed=true]{color:#1b4332;background:#fff;font-weight:700}@media (width<=760px){.ride-bar{left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));top:calc(8px + var(--safe-t));flex-wrap:wrap;gap:8px;padding:8px 10px;transform:none}.ride-bar-name{white-space:nowrap;text-overflow:ellipsis;flex:1 0 100%;min-width:0;font-weight:600;overflow:hidden}.ride-bar-views{flex:auto}.ride-bar .ride-bar-views button{white-space:nowrap;flex:1 1 0;min-height:36px;padding:0 6px}.ride-bar button{white-space:nowrap}.ride-bar .ride-bar-stop{flex:none;min-height:40px;padding:0 16px}}.civic-ui #undergroundButton{width:44px;height:44px;box-shadow:none;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:0;padding:0;font-size:12px;font-weight:700;position:static}.civic-ui #undergroundButton[aria-pressed=true]{color:#fff;background:#1b4332;border-color:#1b4332}body.walk-mode #undergroundButton,body.fps-mode #undergroundButton{display:none}.underground-note{z-index:30;color:#fff;background:#1b4332eb;border-radius:6px;padding:6px 12px;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.underground-note[hidden]{display:none}.walk-route-bar{z-index:31;color:#1b4332;background:#fff;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 8px 6px 12px;font-size:12px;display:flex;position:fixed;bottom:112px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.walk-route-bar[hidden]{display:none}.walk-route-modes{background:#e9f0ec;border-radius:5px;gap:2px;padding:2px;display:inline-flex}.walk-route-bar button{color:#1b4332;min-height:26px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 10px}.walk-route-modes button[aria-pressed=true]{color:#fff;background:#1b4332;font-weight:700}.walk-route-clear{border:1px solid #c9d6cf!important}#welcomeDialog{--wc-green:#1b4332;--wc-leaf:#52b788;--wc-tint:#edf5f0;width:min(620px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--ink);font-family:var(--font);background:#fff;border:0;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 24px 64px -12px #0d1a1466,0 0 0 1px #012d1d14}#welcomeDialog[open]{flex-direction:column;display:flex}#welcomeDialog::backdrop{background:#0a16106b}#welcomeDialog .wc-close{z-index:2;color:#fff;cursor:pointer;background:#0b171266;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:12px;right:12px}#welcomeDialog .wc-close:hover{background:#0b1712aa}#welcomeDialog .wc-slides{overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;overflow-y:auto}#welcomeDialog .wc-slide[hidden]{display:none}#welcomeDialog .wc-hero{color:#fff;background:#1b2a24 100% 62%/190% no-repeat;flex-direction:column;justify-content:flex-end;min-height:190px;padding:26px 28px 22px;display:flex;position:relative}#welcomeDialog .wc-hero:before{content:"";background:linear-gradient(90deg,#0b1712e6 0%,#0b1712b3 48%,#0b171226 100%),linear-gradient(#0000 40%,#0b171299 100%);position:absolute;inset:0}#welcomeDialog .wc-hero>*{position:relative}#welcomeDialog .wc-eyebrow{letter-spacing:.24em;color:#a5d0b9;margin:0 0 8px;font-size:11px;font-weight:600}#welcomeDialog .wc-title{font-family:Manrope, var(--font);letter-spacing:.02em;margin:0;font-size:30px;font-weight:800;line-height:1.05}#welcomeDialog .wc-lead{color:#e4eee8;max-width:30em;margin:12px 0 0;font-size:13px;line-height:1.75}#welcomeDialog .wc-text{padding:4px 28px 18px}#welcomeDialog .wc-heading{letter-spacing:.08em;color:var(--accent);align-items:center;gap:8px;margin:18px 0 8px;font-size:12px;font-weight:700;display:flex}#welcomeDialog .wc-heading:before{content:"";background:var(--wc-leaf);border-radius:2px;width:3px;height:13px}#welcomeDialog .wc-controls{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}#welcomeDialog .wc-controls li{background:#f4f7f5;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}#welcomeDialog .wc-controls b{font-size:12.5px;display:block}#welcomeDialog .wc-controls span{color:var(--muted)}#welcomeDialog .wc-touch{display:none}@media (hover:none) and (pointer:coarse){#welcomeDialog .wc-mouse{display:none}#welcomeDialog .wc-touch{display:grid}}#welcomeDialog .wc-index{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}#welcomeDialog .wc-index button{border:1px solid var(--line);min-height:36px;color:var(--wc-green);font:600 12.5px var(--font);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;display:inline-flex}#welcomeDialog .wc-index button:hover{border-color:var(--wc-leaf);background:var(--wc-tint)}#welcomeDialog .wc-media{aspect-ratio:16/9;background:#1b2a24;position:relative}#welcomeDialog .wc-media video{object-fit:cover;width:100%;height:100%;display:block}#welcomeDialog .wc-media-empty{color:#a5d0b9;background:radial-gradient(circle at 50% 45%,#2c5a45 0%,#13261d 75%);place-items:center;width:100%;height:100%;display:grid}#welcomeDialog .wc-step{letter-spacing:.1em;color:var(--muted);margin:18px 0 6px;font-size:11px;font-weight:600}#welcomeDialog .wc-feature-title{align-items:center;gap:10px;margin:0 0 8px;font-size:19px;font-weight:700;display:flex}#welcomeDialog .wc-icon{background:var(--wc-tint);width:34px;height:34px;color:var(--wc-green);border-radius:8px;place-items:center;display:grid}#welcomeDialog .wc-body{color:#414844;margin:0;font-size:13.5px;line-height:1.85}#welcomeDialog .wc-try{border:1px solid var(--line);min-height:38px;color:var(--wc-green);font:600 13px var(--font);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;margin-top:14px;padding:0 14px;display:inline-flex}#welcomeDialog .wc-try:hover{border-color:var(--wc-leaf);background:var(--wc-tint)}#welcomeDialog .wc-foot{border-top:1px solid var(--line);background:#fafcfb;flex:none;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 20px 12px 16px;display:grid}#welcomeDialog .wc-prev{border:1px solid var(--line);width:44px;height:44px;color:var(--wc-green);cursor:pointer;background:#fff;border-radius:6px;place-items:center;padding:0;display:grid}#welcomeDialog .wc-prev[hidden]{visibility:hidden;display:grid!important}#welcomeDialog .wc-dots{justify-content:center;gap:2px;display:flex}#welcomeDialog .wc-dots button{cursor:pointer;background:0 0;border:0;flex:none;width:22px;min-width:0;height:22px;min-height:0;padding:0;position:relative}#welcomeDialog .wc-dots button:after{content:"";background:#c8d6ce;border-radius:50%;transition:background .2s,inset .2s;position:absolute;inset:7px}#welcomeDialog .wc-dots button[aria-current=true]:after{background:var(--wc-green);inset:6px}#welcomeDialog .wc-next{border:1px solid var(--accent);background:var(--wc-green);color:#fff;min-width:120px;min-height:44px;font:700 14px var(--font);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 18px;display:inline-flex}#welcomeDialog .wc-next:hover{background:var(--accent)}#welcomeDialog[data-mode=showcase]{width:min(780px,100vw - 48px)}#welcomeDialog .wc-showcase[hidden],#welcomeDialog .wc-slides[hidden],#welcomeDialog .wc-foot[hidden]{display:none}#welcomeDialog .wc-showcase{overscroll-behavior:contain;overflow-y:auto}#welcomeDialog .wc-showcase-hero{min-height:168px;padding-right:64px}#welcomeDialog .wc-showcase-hero .wc-title{font-family:var(--font);letter-spacing:.04em;font-size:30px;line-height:1.3}#welcomeDialog .wc-picks{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0;padding:18px 22px 6px;list-style:none;display:grid}#welcomeDialog .wc-picks li[hidden]{display:none}#welcomeDialog .wc-picks button{border:1px solid var(--line);width:100%;height:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}#welcomeDialog .wc-picks button:hover{border-color:var(--wc-leaf);transform:translateY(-1px);box-shadow:0 8px 20px -10px #0d1a1466}#welcomeDialog .wc-picks button:focus-visible{outline:3px solid var(--wc-leaf);outline-offset:2px}#welcomeDialog .wc-picks img{aspect-ratio:16/9;object-fit:cover;background:#1b2a24;width:100%;height:auto;display:block}#welcomeDialog .wc-pick-text{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}#welcomeDialog .wc-pick-text b{color:var(--wc-green);font-size:14px;line-height:1.45}#welcomeDialog .wc-showcase-hero .wc-title,#welcomeDialog .wc-showcase-hero .wc-lead,#welcomeDialog .wc-pick-text{word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}#welcomeDialog .wc-pick-text small{color:var(--muted);font-size:12px;line-height:1.5}#welcomeDialog .wc-picks button>svg{display:none}#welcomeDialog .wc-showcase-foot{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin:0;padding:10px 20px 16px;font-size:12.5px;display:flex}#welcomeDialog .wc-link{min-height:36px;color:var(--accent);font:600 12.5px var(--font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 6px;text-decoration:underline}#welcomeDialog .wc-to-showcase{min-height:36px;color:var(--accent);font:600 12.5px var(--font);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:12px;padding:0 4px;display:inline-flex}#showcaseNote{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:60;color:#fff;max-width:calc(100vw - 32px);font:600 13px var(--font,sans-serif);pointer-events:none;background:#0b1712e0;border-radius:999px;margin:0;padding:9px 16px;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #0004}#showcaseNote:empty{display:none}.civic-rail .civic-rail-help{color:var(--accent)}@media (width<=760px){#welcomeDialog{border-radius:14px 14px 0 0;width:100vw;max-width:100vw;max-height:92dvh;margin:0;inset:auto 0 0}#welcomeDialog .wc-hero{background-size:330%;min-height:150px;padding:22px 20px 18px}#welcomeDialog .wc-title{font-size:25px}#welcomeDialog .wc-lead{font-size:12.5px}#welcomeDialog .wc-text{padding:2px 20px 16px}#welcomeDialog .wc-controls{grid-template-columns:1fr;gap:6px}#welcomeDialog .wc-controls li{align-items:baseline;gap:10px;padding:8px 12px;display:flex}#welcomeDialog .wc-controls b{flex:none;min-width:9.5em}#welcomeDialog .wc-feature-title{font-size:17px}#welcomeDialog .wc-body{font-size:13px}#welcomeDialog .wc-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}#welcomeDialog .wc-next{min-width:104px}#welcomeDialog[data-mode=showcase]{width:100vw}#welcomeDialog .wc-showcase-hero{min-height:0;padding:22px 56px 16px 20px}#welcomeDialog .wc-showcase-hero .wc-title{font-size:23px}#welcomeDialog .wc-picks{grid-template-columns:1fr;gap:8px;padding:14px 16px 4px}#welcomeDialog .wc-picks button{flex-direction:row;align-items:center;min-height:64px}#welcomeDialog .wc-picks img{aspect-ratio:auto;flex:0 0 104px;align-self:stretch;width:104px;height:auto;min-height:64px}#welcomeDialog .wc-pick-text{flex:auto;padding:8px 4px 8px 12px}#welcomeDialog .wc-pick-text b{font-size:14px}#welcomeDialog .wc-picks button>svg{color:var(--wc-leaf);flex:none;margin-right:10px;display:block}#welcomeDialog .wc-showcase-foot{padding:4px 16px calc(8px + env(safe-area-inset-bottom,0px))}#welcomeDialog .wc-link{min-height:44px;padding:0 10px}#showcaseNote{top:42%;bottom:auto}}.slope-legend{pointer-events:auto;border:1px solid var(--line);color:#22302a;background:#fffffff2;border-radius:8px;align-self:flex-start;margin-top:8px;padding:8px 10px 10px;font-size:12px;box-shadow:0 4px 14px #012d1d1f}.slope-legend[hidden]{display:none}.slope-legend-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.slope-legend-head b{font-size:13px}.slope-legend-edit,.slope-legend-reset{color:var(--accent,#2f6f5e);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:12px}.slope-legend-reset{margin-top:8px}.slope-legend-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.slope-legend-list li{align-items:center;gap:8px;min-height:22px;display:flex}.slope-legend-chip{border:1px solid #0002;border-radius:2px;flex:none;width:18px;height:12px}.slope-legend-list input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;flex:none;width:28px;height:22px;padding:0}.slope-legend-range{font-variant-numeric:tabular-nums;min-width:64px}.slope-legend-break{color:#5b6a62;white-space:nowrap;align-items:center;gap:3px;display:flex}.slope-legend-break input{width:44px;padding:1px 3px;font-size:12px}@media (width<=760px){.slope-legend{padding:6px 8px 8px;font-size:11px}}.civic-map-search .slope-legend{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;align-self:stretch;margin:0;padding:8px 12px 10px}.civic-map-search .slope-legend-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:12px}