.map-page{width:100%;height:calc(100dvh - var(--space-appbar-h) - var(--space-bottom-bar-h) - env(safe-area-inset-bottom))}.site[data-bottom-bar] main:has(.map-page){padding-bottom:0}html:has(.map-page){overflow:hidden}@media (min-width:900px){.map-page{height:calc(100dvh - var(--space-appbar-h))}}.map-view{--map-top:0px;height:100%;position:relative}.map-notice{inset-block-start:calc(var(--map-top) + var(--space-1));inset-inline:var(--space-1);z-index:2;width:fit-content;max-width:calc(100% - var(--space-2));padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-card);font:var(--type-hint);color:var(--color-error-text);pointer-events:none;margin:0 auto;position:absolute}.map-notice:empty{display:none}.map-tool{justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--space-tap-min);min-height:var(--space-tap-min);padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-button);color:var(--color-text);font:var(--type-button);cursor:pointer;display:inline-flex}.map-tool-icon{padding:0}.map-tool-badge{border-radius:var(--radius-full);background:var(--color-primary);min-width:22px;height:22px;color:var(--color-on-primary);font:var(--type-label);justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.map-toolbar{display:none}.map-side{background:var(--color-background);overscroll-behavior:contain;min-width:0;overflow-y:auto}.map-side-head{z-index:1;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-1);background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;inset-block-start:0}.map-count{font:var(--type-hint);color:var(--color-text-secondary);margin:0}.map-list-empty{padding:var(--space-2);font:var(--type-body);margin:0}.map-list-empty-phone{display:none}.map-list.site-cards{gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2);flex-direction:column;display:flex}.map-list .site-card{flex-direction:row;height:auto}.map-list .site-card-figure{aspect-ratio:auto;flex:none;width:120px;min-height:90px}.map-list .site-card-figure[data-class]{background:color-mix(in srgb, var(--color-text-secondary) 30%, var(--color-surface))}.map-list .site-card-figure[data-class=vaelluseste]{background:var(--map-marker-class-barrier)}.map-list .site-card-figure[data-class=taimenvesi]{background:var(--map-marker-class-troutwater)}.map-list .site-card-figure[data-class=vaelluskalaratkaisu]{background:var(--map-marker-class-solution)}.map-list .site-card-body{min-width:0;padding:var(--space-1) var(--space-2);flex:auto}.map-list .site-card-title{font:var(--type-button);font-size:16px}.site-card-class{align-items:center;gap:var(--space-1);font:var(--type-caption);color:var(--color-text-secondary);display:inline-flex}.map-stage{background:var(--color-background);min-width:0;position:relative;overflow:hidden}.map-canvas{position:absolute;inset:0}.map-stage .maplibregl-ctrl-top-right{inset-block-start:var(--map-top)}.map-stage .maplibregl-ctrl-group button{width:var(--space-tap-min);height:var(--space-tap-min)}.map-stage .maplibregl-ctrl-group{border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-button)}.map-stage .maplibregl-ctrl-group button+button{border-block-start:1px solid var(--color-border)}.map-stage .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,.map-stage .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:none;background-color:var(--color-text);-webkit-mask:var(--map-zoom-icon) center / 29px 29px no-repeat;mask:var(--map-zoom-icon) center / 29px 29px no-repeat}.map-stage .maplibregl-ctrl-zoom-in{--map-zoom-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}.map-stage .maplibregl-ctrl-zoom-out{--map-zoom-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.map-stage .maplibregl-ctrl-group button:disabled .maplibregl-ctrl-icon{opacity:.4}.map-layers{z-index:4;position:absolute;inset-block-start:calc(var(--map-top) + 10px + 2 * var(--space-tap-min) + 1px + var(--space-1));inset-inline-end:10px}.map-layers-menu{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-card);white-space:nowrap;border:0;flex-direction:column;margin:0;display:flex;position:absolute;inset-block-start:0;inset-inline-end:calc(100% + var(--space-1))}.basemap-option{align-items:center;gap:var(--space-1);min-height:var(--space-tap-min);font:var(--type-body);cursor:pointer;display:inline-flex}.basemap-option input{width:var(--space-2);height:var(--space-2);accent-color:var(--color-primary);margin:0}.map-legend{z-index:3;align-items:flex-start;gap:var(--space-1);max-width:calc(100% - var(--space-2));flex-direction:column;display:flex;position:absolute;inset-block-end:var(--space-1);inset-inline-start:var(--space-1)}.map-legend-panel{padding:var(--space-1) var(--space-2) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-card)}.map-legend-heading{font:var(--type-label);letter-spacing:var(--type-label-letter-spacing);color:var(--color-text-secondary);line-height:var(--space-tap-min)}.legend-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.legend-item{align-items:center;gap:var(--space-1);font:var(--type-body);display:inline-flex}.legend-dot{box-sizing:border-box;background:var(--color-text-secondary);border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.legend-dot-vaelluseste{background:var(--map-marker-class-barrier)}.legend-dot-taimenvesi{background:var(--map-marker-class-troutwater)}.legend-dot-vaelluskalaratkaisu{background:var(--map-marker-class-solution)}.legend-dot-resolved,.legend-dot-partial{background:var(--map-marker-class-solution);color:var(--color-on-primary);justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.legend-dot-partial{background:var(--map-marker-partial)}.legend-dot-featured{border:3px solid var(--color-focus-ring-inner);box-shadow:0 0 0 1px var(--color-text)}.legend-dot-candidate{border:2px solid var(--color-text-secondary);background:var(--color-focus-ring-inner)}.legend-dot-generalized{border:2px solid var(--color-text-secondary);background:color-mix(in srgb, var(--color-text-secondary) 15%, transparent)}.map-attribution{z-index:2;max-width:50%;padding:2px var(--space-1);background:color-mix(in srgb, var(--color-surface) 85%, transparent);font:var(--type-caption);color:var(--color-text-secondary);border-start-start-radius:var(--radius-md);margin:0;font-size:.6875rem;line-height:1.35;position:absolute;inset-block-end:0;inset-inline-end:0}.map-attribution a{color:inherit;text-decoration:none}.map-attribution a:hover,.map-attribution a:focus-visible{text-decoration:underline}@media (min-width:900px){.map-attribution{max-width:70%}}.map-cluster{box-sizing:border-box;width:var(--space-tap-min);height:var(--space-tap-min);border:3px solid var(--color-focus-ring-inner);background:var(--color-primary);box-shadow:0 0 0 1px var(--color-text);color:var(--color-on-primary);font:var(--type-button);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.map-card{inset-inline:var(--space-1);z-index:5;align-items:flex-start;gap:var(--space-2);max-width:480px;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);display:flex;position:absolute;inset-block-end:calc(var(--space-tap-min) + var(--space-2) + var(--space-1))}.map-card-cover{border-radius:var(--radius-md);object-fit:cover;flex:none;width:96px;height:96px}.map-card-body{align-items:flex-start;gap:var(--space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.map-card-name{font:var(--type-page-title);color:var(--color-primary)}.map-card-municipalities,.map-card-type{font:var(--type-caption);color:var(--color-text-secondary)}.map-card-link{min-height:var(--space-tap-min);font:var(--type-button);align-items:center;display:inline-flex}.map-card-close{min-height:var(--space-tap-min);padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text);font:var(--type-button);cursor:pointer;background:0 0;flex:none}.map-no-results{inset-block-start:calc(var(--map-top) + var(--space-1));inset-inline:var(--space-1);z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute}.map-no-results-box{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-card);font:var(--type-body);pointer-events:auto}.map-filters{gap:var(--space-1);flex-direction:column;display:flex}.map-filter-classes{gap:var(--space-1);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.map-chip{align-items:center;gap:var(--space-1);min-height:var(--space-tap-min);padding:0 var(--space-2);border:1.5px solid var(--color-input-border);border-radius:var(--radius-full);background:var(--color-surface);font:var(--type-button);cursor:pointer;display:inline-flex;position:relative}.map-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.map-chip:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));color:var(--color-chip-text)}.map-chip:has(input:focus-visible){outline:2px solid var(--color-focus-ring-inner);outline-offset:2px;box-shadow:0 0 0 5px var(--color-focus-ring)}.map-filter-type{align-items:center;gap:var(--space-1);display:flex}.map-filter-label{font:var(--type-label);letter-spacing:var(--type-label-letter-spacing);color:var(--color-text-secondary)}.map-filter-select{min-height:var(--space-tap-min);padding:0 var(--space-2);border:1.5px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:var(--type-body)}.map-filter-apply{min-height:var(--space-tap-min);padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:var(--type-button);cursor:pointer}.map-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);width:100%;max-width:none;max-height:85dvh;box-shadow:var(--elevation-card);color:var(--color-text);border:0;margin:0;padding:0;position:fixed;inset:auto 0 0}.map-panel::backdrop{background:color-mix(in srgb, var(--color-text) 40%, transparent)}@media (prefers-reduced-motion:no-preference){.map-panel[open]{animation:.2s ease-out map-panel-rise}}@keyframes map-panel-rise{0%{opacity:0;transform:translateY(24px)}}.map-panel-body{gap:var(--space-2);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.map-panel-title{font:var(--type-page-title)}.map-panel-title:focus-visible{box-shadow:none;outline:none}.map-panel-done{min-height:var(--space-tap-min);padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font:var(--type-button);cursor:pointer;border:0}.map-nojs{gap:var(--space-1);padding:var(--space-2) var(--space-gutter-mobile);flex-direction:column;display:flex}@media (max-width:899px){.map-view{--map-top:calc(var(--space-tap-min) + 2 * var(--space-1))}.map-toolbar{z-index:6;padding:var(--space-1);pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.map-toolbar>*{pointer-events:auto}.map-side,.map-side-filters{display:none}.map-stage{position:absolute;inset:0}.map-view[data-view=lista] .map-side{padding-block-start:var(--map-top);display:block;position:absolute;inset:0}.map-view[data-view=lista] .map-side-head{border-bottom:0;padding-block-start:0}.map-view[data-view=lista] .map-stage{visibility:hidden}.map-list-empty-phone{display:block}}@media (min-width:900px){.map-view{grid-template-columns:minmax(360px,40%) minmax(0,1fr);display:grid}.map-card{width:min(480px, calc(100% - var(--space-2)));inset-block-start:var(--space-1);inset-block-end:auto;inset-inline-end:auto}}.map-list>li[data-selected=true] .site-card{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));box-shadow:0 0 0 3px var(--color-primary)}@media (min-width:900px){.map-view:not(.map-view-embedded) .map-card:not(.map-card-waterbody):not(.map-card-marker){display:none}}.map-embedded-tools{z-index:4;gap:var(--space-1);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(var(--map-top) + 10px + 3 * var(--space-tap-min) + 1px + 2 * var(--space-1));inset-inline-end:10px}.map-view.map-view-fullscreen{z-index:40;background:var(--color-background);width:100%;height:100dvh;position:fixed;inset:0}.map-view.map-view-fullscreen .map-stage{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute}.map-fullscreen-close{z-index:4;gap:var(--space-1);position:absolute;inset-block-start:10px;inset-inline-start:10px}html.map-fullscreen-open,html.map-fullscreen-open body{overscroll-behavior:none;overflow:hidden}.map-view.map-view-fullscreen{--map-top:0px;display:block}.map-view.map-view-fullscreen .map-toolbar,.map-view.map-view-fullscreen .map-side{display:none}.map-view.map-view-fullscreen .map-stage{position:absolute}@media (min-width:900px){.map-view.map-view-fullscreen:not(.map-view-embedded) .map-card{inset-block-start:calc(var(--space-tap-min) + 20px);inset-block-end:auto}.map-view.map-view-fullscreen:not(.map-view-embedded) .map-card:not(.map-card-waterbody):not(.map-card-marker){display:block}}@media (max-width:719px){.map-view-embedded .map-legend{inset-block-end:calc(var(--map-attribution-h,0px) + var(--space-1))}}.mk{box-sizing:border-box;background:var(--color-focus-ring-inner);border:2px solid;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.mk svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.mk-barrier{color:var(--map-mark-barrier)}.mk-spawning{color:var(--map-mark-spawning)}.mk-photo{color:var(--map-mark-photo)}.mk-survey{color:var(--map-mark-survey)}.mk-neutral{color:var(--map-mark-neutral)}.mk-dashed{border-style:dashed}.mk-badge{border:1.5px solid var(--color-focus-ring-inner);width:13px;height:13px;color:var(--color-focus-ring-inner);border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-block-start:-7px;inset-inline-end:-7px}.mk-badge-ok{background:var(--map-mark-ok)}.mk-badge-partial{background:var(--map-mark-partial)}.mk-route{border-block-start:2px dashed var(--map-mark-photo);flex:none;width:22px;height:0;display:inline-block}.mk-area{box-sizing:border-box;border:1.5px dashed color-mix(in srgb, var(--map-mark-spawning) 55%, transparent);background:color-mix(in srgb, var(--map-mark-spawning) 14%, transparent);border-radius:50%;flex:none;width:22px;height:22px;display:inline-block}.map-legend-buttons{gap:var(--space-1);flex-wrap:wrap;display:flex}.map-legend-panel{max-height:60dvh;overflow-y:auto}.map-legend-subheading{margin:var(--space-1) 0 4px;font:var(--type-label);letter-spacing:var(--type-label-letter-spacing);color:var(--color-text-secondary)}.legend-count{color:var(--color-text-secondary);font:var(--type-caption);margin-inline-start:auto;padding-inline-start:var(--space-2)}.map-marker-cluster{box-sizing:border-box;border:2px solid var(--map-mark-neutral);background:var(--color-focus-ring-inner);width:26px;height:26px;color:var(--map-mark-survey);font:var(--type-label);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.map-markers{gap:var(--space-1);flex-direction:column;display:flex}.map-markers-toggle{align-items:flex-start;gap:var(--space-1);min-height:var(--space-tap-min);font:var(--type-body);display:flex}.map-markers-toggle input{width:var(--space-2);height:var(--space-2);accent-color:var(--color-primary);flex:none;margin:4px 0 0}.map-markers-hint{font:var(--type-caption);color:var(--color-text-secondary);display:block}.map-markers-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.map-marker-chip{align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-1);border:1px solid var(--color-input-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font:var(--type-label);cursor:pointer;display:inline-flex}.map-marker-chip[aria-pressed=true]{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.map-marker-chip[aria-pressed=false] .mk{color:var(--color-text-secondary);opacity:.6}.map-markers-status{font:var(--type-hint);color:var(--color-text-secondary);margin:0}.map-markers-status:empty{display:none}.map-marker-list{padding:var(--space-1) var(--space-2) var(--space-2)}.map-marker-list-heading{margin:0 0 var(--space-1);font:var(--type-label);letter-spacing:var(--type-label-letter-spacing);color:var(--color-text-secondary)}.map-marker-list ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.map-marker-list-item{align-items:center;gap:var(--space-1);width:100%;min-height:var(--space-tap-min);padding:0 var(--space-1);border-radius:var(--radius-md);color:var(--color-text);font:var(--type-body);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;display:flex}.map-marker-list-item[aria-current=true]{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.map-marker-list-text{flex-direction:column;min-width:0;display:flex}.map-marker-list-kind{font:var(--type-caption);color:var(--color-text-secondary)}.map-marker-panel .map-marker-list{max-height:30dvh;padding-inline:0;overflow-y:auto}.map-card-marker{max-block-size:calc(100% - var(--space-tap-min) - var(--space-4));overflow-y:auto}.map-card-kind{align-items:center;gap:var(--space-1);font:var(--type-label);color:var(--color-text-secondary);margin:0;display:flex}.map-card-photos{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.map-card-photo{border-radius:var(--radius-md);cursor:zoom-in;background:0 0;border:0;padding:0;display:block;overflow:hidden}.map-card-photo img{object-fit:cover;width:96px;height:72px;display:block}.map-card-text{font:var(--type-body);margin:0}.map-card-generalized{padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font:var(--type-caption);margin:0}