/* Preview skin only. Native imagery, geometry, identifiers and atlas.js stay intact. */
:root{color-scheme:light;--page:#f4f2eb;--panel:#fdfcf7;--surface2:#e8ece2;--line:#d8ddd2;--text:#213b33;--muted:#65736a;--cyan:#315b42;--violet:#8a6b27;--amber:#8a6b27;--area:#315b42;--reference:#8a6b27;--selected:#8a6b27;--kill:#a94b28;--control:#fdfcf7;--hover:#e8ece2;--green-wash:#e5eddf;--gold-wash:#f1e7cc;--rust-wash:#f5e5dc;--map-paper:#d8decf}
:root[data-theme=dim]{color-scheme:dark;--page:#19231e;--panel:#202d25;--surface2:#2b3c30;--line:#405043;--text:#e6ebe0;--muted:#abb9ad;--cyan:#b2d4a7;--violet:#dfc486;--amber:#dfc486;--area:#b2d4a7;--reference:#dfc486;--selected:#dfc486;--kill:#efa789;--control:#202d25;--hover:#2b3c30;--green-wash:#2e4331;--gold-wash:#403b26;--rust-wash:#44302a;--map-paper:#25382a}
html{scrollbar-color:#8b9e85 var(--page);scrollbar-width:auto}
*{scrollbar-color:#8b9e85 var(--page);scrollbar-width:auto}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--page)}
::-webkit-scrollbar-thumb{background:#8b9e85;border:3px solid var(--page);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#536b50}
body{background:var(--page);color:var(--text);font:15px/1.5 "Segoe UI",Arial,sans-serif}
button,input,select{font:inherit;color:var(--text);accent-color:var(--cyan)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--kill);outline-offset:3px}
a{color:var(--cyan)}
.atlas-header,.atlas-navigation,.map-tools,.map-pane footer,#selected-detail{background:var(--panel);border-color:var(--line)}
.atlas-header{background-image:none;height:60px;min-height:60px}
.atlas-wordmark{color:var(--text);letter-spacing:-.6px}
.atlas-brand-mark{border:1px solid var(--cyan);border-radius:3px;color:var(--panel);background:var(--text);box-shadow:none}
.atlas-brand-mark::before{border-color:var(--panel);opacity:.5}
.atlas-header-divider{border-color:var(--line)}
.atlas-header h1{font-size:19px;letter-spacing:-.4px}
.dashboard-link{color:var(--cyan);font-size:14px}
.atlas-navigation{height:48px;min-height:48px;padding:0 16px;background-image:none}
.atlas-tabs{gap:24px}
.atlas-tabs a{font-size:14px;color:var(--muted);padding:0 2px;border-bottom-width:2px}
.atlas-tabs a:hover{color:var(--text)}
.atlas-tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--text)}
.atlas-tabs a#achievement-groups-tab[aria-current=page]{color:var(--selected);border-bottom-color:var(--selected)}
.tab-count{color:var(--selected);background:var(--gold-wash);border:0;border-radius:2px;font-size:11px}
.atlas-summary{font-size:12px;line-height:1.45;color:var(--muted)}
#locations-view{grid-template-columns:290px minmax(0,1fr);border-color:var(--line)}
#map-sidebar{background:var(--panel);border-color:var(--line)}
.sidebar-search{padding:14px 12px 10px;background:var(--panel);border-color:var(--line)}
.search-field{background:var(--control);border-color:var(--line);border-radius:3px;box-shadow:none}
.search-field>span{color:var(--muted)}
#atlas-search{height:40px;background:transparent;color:var(--text);font-size:15px}
#atlas-search::placeholder{color:var(--muted);opacity:1}
#clear-search{border:0;border-radius:2px;background:transparent;color:var(--muted)}
#clear-search:hover{background:var(--hover);color:var(--text)}
.search-results,.location-order-note{color:var(--muted);font-size:12px}
.sidebar-content{padding:8px 8px 12px;background:var(--panel)}
.location-filter-controls{border-color:var(--line);margin:0 3px 10px;padding-bottom:12px}
.location-filter-controls label,.achievement-selector-label{color:var(--muted);font-size:11px;letter-spacing:.9px;font-weight:650}
#location-filter,#achievement-group-select{min-height:38px;background:var(--control);border-color:var(--line);border-radius:3px;color:var(--text);font-size:14px;padding:7px 9px}
#location-filter-note{font-size:12px;color:var(--muted)}
#location-filter-note[role=alert],.group-error{color:var(--kill)}
#location-filter-retry,.group-retry{border:1px solid var(--line);border-radius:3px;background:var(--control);color:var(--text)}
#location-filter-retry:hover,.group-retry:hover{background:var(--hover);border-color:var(--muted)}
.location-row{align-items:center;gap:11px;min-height:78px;padding:9px 7px;margin:0;border:1px solid transparent;border-bottom-color:var(--line);border-radius:3px;background:transparent}
.location-row:hover{background:var(--hover);border-color:var(--line)}
.location-row.selected{background:var(--green-wash);border-color:var(--line);box-shadow:inset 3px 0 0 var(--cyan)}
.location-row .name{color:var(--text);font-size:15px;font-weight:600;line-height:1.4}
.location-row small{color:var(--muted);font-size:12px;line-height:1.5}
.location-row .location-identity{width:48px;gap:3px}
.location-row .location-achievement-icon{width:48px;height:48px;image-rendering:pixelated}
.location-row .location-identity .num{width:27px;height:27px;border-color:var(--line);color:var(--cyan);font-size:12px}
.location-row.reference .num{color:var(--reference);border-color:var(--reference)}
.location-row .location-achievement-icon svg{width:36px;height:36px;margin:6px;color:var(--cyan)}
.location-row .existing-achievement-icon{background:var(--green-wash);border-color:var(--line);box-shadow:inset 0 0 0 3px var(--panel)}
.location-row .challenge-badge,.challenge-badge{color:var(--muted);background:var(--surface2);border-color:var(--line);border-radius:2px;font:11px/1.45 "Segoe UI",Arial,sans-serif;letter-spacing:0;padding:2px 5px}
.location-row .challenge-badge.kill,.challenge-badge.kill{color:var(--kill);background:var(--rust-wash);border-color:color-mix(in srgb,var(--kill) 30%,var(--line))}
.challenge-badge.visit.active{color:var(--cyan);background:var(--green-wash);border-color:var(--line)}
.location-row .challenge-badge.completed,.challenge-badge.completed{color:var(--cyan);background:var(--green-wash);border-color:color-mix(in srgb,var(--cyan) 35%,var(--line))}
.location-completed{color:var(--cyan);background:var(--green-wash);border-color:var(--cyan)}
.sidebar-empty{font-size:14px;color:var(--muted)}
.group-navigation{background:var(--panel);box-shadow:0 -12px 0 var(--panel),0 1px 0 var(--line)}
.group-switcher{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px}
.group-switcher button{min-height:38px;background:var(--control);border:1px solid var(--line);border-radius:3px;color:var(--selected)}
.group-switcher button:not(:disabled):hover{background:var(--hover);border-color:var(--muted)}
#achievement-group-detail{padding:18px 2px 13px;border-color:var(--line)}
#achievement-group-detail h2{color:var(--text);font:650 20px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:-.5px}
.group-description,.group-policy,.group-view-note,.group-message{color:var(--muted);font-size:13px;line-height:1.6}
.group-counts{color:var(--selected);font-size:13px}
.group-draft{color:var(--cyan);background:var(--green-wash);border-color:var(--line);border-radius:2px}
.achievement-task-section h3{color:var(--text);font:650 11px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:1px}
.achievement-task-help{color:var(--muted);font-size:12px}
.achievement-task{padding:11px 7px;border-bottom-color:var(--line);border-radius:3px;color:var(--text)}
.achievement-task:hover{background:var(--hover);border-color:var(--line)}
.achievement-task.selected{background:var(--gold-wash);border-color:var(--line);box-shadow:inset 3px 0 0 var(--selected)}
.achievement-task.pending:hover{border-bottom-color:var(--line)}
.achievement-task-number{color:var(--selected);border-color:var(--line);border-radius:3px}
.achievement-task strong{color:var(--text);font-size:14px;font-weight:600}
.achievement-task small,.achievement-task .task-note{color:var(--muted);font-size:12px}
.achievement-task.optional small{color:var(--selected)}
.achievement-task.pending .achievement-task-number,.achievement-task .task-pending{color:var(--kill);border-color:var(--line)}
.map-pane{background:var(--page)}
.map-tools{min-height:52px;gap:9px;padding:7px 12px}
.map-tools button,.map-tools select{min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:3px;background:var(--control);color:var(--text);font-size:14px;box-shadow:none}
.map-tools button:hover{background:var(--hover);border-color:var(--muted)}
.map-tools button:disabled:hover{background:var(--control);border-color:var(--line)}
.map-tools label{color:var(--muted);font-size:13px}
.place-switcher{border-color:var(--line)}
.place-switcher button,.zoom-tools button{min-height:36px;width:36px;min-width:36px;color:var(--cyan)}
#location-position{color:var(--muted);font:12px/1.4 "Segoe UI",Arial,sans-serif}
#map-stage{background:var(--map-paper)!important}
#map-backdrop{background-color:var(--map-paper);background-image:url('https://tiles.projectzomboidmap.com/maps/b42.20.2-r1/base/layer0_files/10/0_0.jpg');filter:blur(28px) saturate(.7);opacity:.32}
#map{mix-blend-mode:normal}
#map-status{background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:14px;box-shadow:0 2px 10px #213b3314}
/* Boundary colors deliberately stay bright on the unfiltered terrain imagery. */
#bounds-overlay path.area{stroke:#7ce9ce;fill:#7ce9ce20;filter:drop-shadow(0 1px 1px #10231ad9)}
#bounds-overlay path.area.kill-area:not(.selected){stroke:#ff9cb7;fill:#ff9cb71f}
#bounds-overlay path.area.selected{stroke:#ffdf74;fill:#ffdf7429}
#bounds-overlay .reference-dot{fill:#ffdf74;stroke:#263929}
#bounds-overlay .leader{stroke:#fdfcf7;filter:drop-shadow(0 1px 1px #10231a)}
.map-pin{background:var(--panel);color:var(--text);border-color:var(--cyan);box-shadow:0 1px 6px #15271c77}
.map-pin.reference{background:var(--gold-wash);border-color:var(--reference)}
.map-pin.selected{background:var(--gold-wash);border-color:#ffdf74}
.map-pin .pin-label{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:3px;box-shadow:0 2px 8px #15271c26;font:13px/1.5 "Segoe UI",Arial,sans-serif}
.map-pin .location-achievement-icon{background-color:var(--panel);border-color:#d4e5cf;box-shadow:inset 0 0 0 2px #213b3340,0 2px 6px #15271c99}
.map-pin.kill-area .location-achievement-icon{border-color:#ff9cb7}
.map-pin.selected .location-achievement-icon{background-color:var(--gold-wash);border-color:#ffdf74;box-shadow:inset 0 0 0 2px #213b3340,0 0 0 2px #293d28,0 2px 6px #15271c99}
.map-pin:hover .location-achievement-icon{border-color:#fdfcf7}
.map-pin.selected:hover .location-achievement-icon{border-color:#ffdf74}
.kill-symbol{background:#713a39;color:#ffe3df;box-shadow:0 0 0 1px #ff9cb7}
.map-pin>.location-completed{box-shadow:0 0 0 2px var(--panel)}
#selected-detail{min-height:68px;padding:10px 14px;max-height:172px}
#selected-detail strong,#selected-detail .detail-location-name{color:var(--text);font-size:16px;line-height:1.4}
#selected-detail>span,#selected-detail span{color:var(--muted);font-size:13px}
#selected-detail .detail-heading{gap:12px;min-height:48px}
#selected-detail .detail-heading .location-identity{min-width:48px}
#selected-detail .detail-heading .location-achievement-icon{width:48px;height:48px;image-rendering:pixelated}
#selected-detail .detail-heading .location-achievement-icon svg{width:36px;height:36px;margin:6px}
#selected-detail .location-completed,#selected-detail .challenge-badge.completed{color:var(--cyan)}
#selected-detail a{color:var(--cyan);font-size:13px}
.group-detail-tasks{color:var(--muted)}
.group-detail-tasks .optional-task{color:var(--selected)!important}
.map-pane footer{min-height:34px;padding:7px 12px;background:var(--panel);color:var(--muted);border-color:var(--line);font-size:11px}
.map-pane footer a{color:var(--muted);font-size:11px}
.sample-line{border-color:var(--cyan)}
.sample-reference{border-color:var(--reference)}
.kill-key{color:var(--kill)}
@media(min-width:1500px){#locations-view{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1100px){#locations-view{grid-template-columns:270px minmax(0,1fr)}.map-tools{gap:7px;padding-inline:10px}}
@media(max-width:760px){#locations-view{grid-template-columns:250px minmax(0,1fr)}.atlas-navigation{padding-inline:12px}.atlas-summary{font-size:11px}.place-switcher{border-color:var(--line)}.map-tools button,.map-tools select{font-size:13px}.location-row{padding-inline:5px}}
@media(max-width:600px){#locations-view{grid-template-columns:minmax(0,1fr)}.atlas-navigation{height:46px;min-height:46px}.atlas-tabs a{font-size:13px}.atlas-tabs{gap:18px}.location-row{min-height:76px}.location-row .location-achievement-icon{width:44px;height:44px}.location-row .location-identity{width:44px}.map-tools{min-height:48px}.map-tools button,.map-tools select{padding:5px 7px;min-height:34px}.map-pane footer{padding:5px 10px}.sidebar-content{padding:7px}.sidebar-search{padding:9px 11px 7px}#selected-detail{max-height:152px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){button,a,.location-row{transition:none}}
#selected-detail .challenge-badge.kill,#selected-detail .challenge-badge.kill.active{color:var(--kill);background:var(--rust-wash);border-color:color-mix(in srgb,var(--kill) 30%,var(--line))}
#selected-detail .challenge-badge .challenge-label{color:inherit;font-size:inherit}
:root:not([data-theme=dim]){--muted:#5f6b61;--violet:#806221;--amber:#806221;--reference:#806221;--selected:#806221}
/* Direct badge index: one deliberate map workspace, no nested filter menus. */
.atlas-navigation[hidden],.location-filter-controls[hidden],.group-navigation[hidden]{display:none!important}
.atlas-badge-navigation{display:flex;align-items:stretch;gap:12px;flex:none;min-height:88px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line)}
.atlas-set-badges{display:flex;gap:4px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 2px 1px}
.atlas-set-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;flex:0 0 70px;min-width:70px;padding:3px 4px;border:1px solid transparent;border-radius:3px;color:var(--muted);text-decoration:none;text-align:center;font-size:11px;line-height:1.35;white-space:nowrap}
.atlas-set-link img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;display:block}
.atlas-set-link:hover{background:var(--hover);color:var(--text);border-color:var(--line)}
.atlas-set-link[aria-current=page]{color:var(--text);background:var(--green-wash);border-color:var(--line);box-shadow:inset 0 -2px var(--cyan);font-weight:650}
.atlas-all-link{flex-basis:78px;min-width:78px;border-right-color:var(--line);border-radius:0;margin-right:2px}
.atlas-overview-symbol{display:grid;place-items:center;width:48px;height:48px;font:38px/1 Georgia,serif;color:var(--cyan)}
#locations-view{grid-template-columns:clamp(250px,21vw,286px) minmax(0,1fr)}
.sidebar-search{padding:11px 12px 8px}
.search-results{font-size:11px;min-height:14px;margin-top:6px}
.sidebar-content{padding:0 8px 10px}
.location-row{min-height:71px;padding:8px 6px;gap:10px}
.location-row .name{font-size:14px;line-height:1.35}
.location-row small{font-size:11px;line-height:1.35}
.location-row .location-identity{width:44px;flex:0 0 44px}
.location-row .location-achievement-icon{width:44px;height:44px}
.location-row .challenge-badge{margin-top:4px;padding:1px 4px;font-size:10px}
.location-row .location-identity .location-achievements{display:flex;gap:3px}
.location-row .location-identity:has(.location-achievement-icon:nth-child(2)){width:44px;flex-basis:44px}
.location-row .location-identity:has(.location-achievement-icon:nth-child(2)) .location-achievement-icon{width:25px;height:25px;margin-left:-6px}
.location-row .location-identity:has(.location-achievement-icon:nth-child(2)) .location-achievement-icon:first-child{margin-left:0}
#achievement-groups-panel{padding:0 3px 12px}
#achievement-group-detail{padding:13px 4px 12px}
#achievement-group-detail h2{font-size:20px;margin-bottom:6px}
.group-description{font-size:12px;line-height:1.45;margin-bottom:6px}
.group-draft,.group-policy,.group-view-note,.group-detail-policy{display:none!important}
.group-counts{font-size:12px;margin:6px 0 0}
.achievement-task-section{padding-top:13px}
.achievement-task-section h3{font-size:10px;margin:0 4px 3px}
.achievement-task-help{font-size:11px;line-height:1.4;margin-bottom:5px}
.achievement-task{padding:9px 5px;gap:8px}
.achievement-task strong{font-size:13px;line-height:1.4}
.achievement-task small{font-size:11px;line-height:1.4;margin-top:3px}
.achievement-task-number{font-size:11px;min-width:22px;height:22px;border-radius:3px}
.map-tools{min-height:45px;padding:6px 10px;gap:9px}
.map-tools button,.map-tools select{min-height:31px;padding:4px 9px;font-size:12px}
.place-switcher button,.zoom-tools button{width:31px;min-width:31px;min-height:31px}
.map-tools label{font-size:12px}
#location-position{font-size:11px}
#map-stage{min-height:240px}
#selected-detail{padding:9px 12px;min-height:60px;max-height:136px;overflow-y:auto}
#selected-detail .detail-heading{min-height:40px;gap:9px;margin-bottom:4px}
#selected-detail .detail-heading .location-identity{min-width:40px}
#selected-detail .detail-heading .location-achievement-icon{width:40px;height:40px}
#selected-detail .detail-location-name{font-size:15px}
#selected-detail>span,#selected-detail span,#selected-detail a{font-size:11px}
#selected-detail .detail-copy{min-width:180px}
.map-pane footer{min-height:28px;padding:5px 10px;gap:5px 12px;font-size:10px;line-height:1.4}
.map-pane footer a{font-size:10px}
.map-pane footer #floor-note{max-width:48%}
@media(min-width:1600px){.atlas-badge-navigation{padding-inline:18px;gap:18px}.atlas-set-badges{gap:8px}.atlas-set-link{flex-basis:76px}.location-row{min-height:74px}}
@media(max-width:1100px){#locations-view{grid-template-columns:250px minmax(0,1fr)}.atlas-badge-navigation{gap:7px;padding-inline:9px}.atlas-set-link{flex-basis:64px;min-width:64px}.atlas-all-link{flex-basis:70px;min-width:70px}.map-pane footer #floor-note{display:none}.map-pane footer{justify-content:space-between}.map-tools{gap:6px}.place-switcher{gap:2px}}
@media(max-width:760px){#locations-view{grid-template-columns:228px minmax(0,1fr)}.atlas-set-link{flex-basis:59px;min-width:59px;font-size:10px}.atlas-badge-navigation{min-height:81px}.atlas-set-link img{width:44px;height:44px}.atlas-overview-symbol{width:44px;height:44px}.atlas-all-link{flex-basis:66px;min-width:66px}.map-tools .place-switcher{display:none}.location-row{gap:7px}.sidebar-search{padding-inline:9px}}
@media(max-width:600px){#locations-view{grid-template-columns:minmax(0,1fr)}.atlas-badge-navigation{padding-block:6px}.map-pane footer{display:none}.map-tools{min-height:40px}#selected-detail{max-height:110px}.sidebar-content{padding:0 7px 8px}.sidebar-search{padding:7px 9px}.location-row{min-height:61px}.location-row .name{font-size:13px}}