:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#09151d;color:#e7f5f4;font-size:16px;--accent:#68e7cb;--muted:#a7bbc3;--border:#29434e}
*{box-sizing:border-box}body{margin:0}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:default;opacity:.4}a{color:#c0d8dd;text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}.map-shell{height:100vh;height:100dvh;min-height:440px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;gap:16px;padding:19px 28px;border-bottom:1px solid var(--border);background:#0c1b24;z-index:2}.brand-mark{width:35px;height:35px;color:var(--accent)}.brand-mark svg{width:100%;fill:none;stroke:currentColor;stroke-width:1.6}.eyebrow{font-size:.75rem;letter-spacing:.22em;color:var(--accent);margin:0 0 4px;font-weight:650}h1{font-size:1.25rem;font-weight:550;letter-spacing:-.025em;margin:0}.map-name{margin-left:auto;font-size:.75rem;letter-spacing:.16em;color:var(--muted);border:1px solid var(--border);padding:8px 12px;border-radius:4px}.map-viewport{position:relative;flex:1;min-height:320px;overflow:hidden;background:#09151d}#map{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}#map.dragging{cursor:grabbing}.compass{position:absolute;top:24px;left:28px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.875rem;font-weight:650;color:#d7e9eb;pointer-events:none;text-shadow:0 1px 6px #000}.compass svg{height:26px;width:18px;fill:var(--accent);stroke:#173c3b;stroke-width:1}.map-controls{position:absolute;right:24px;top:24px;display:flex;flex-direction:column;align-items:center;padding:6px;border:1px solid #36505b;background:#0b1a24eb;box-shadow:0 6px 20px #0003;border-radius:8px}.map-controls button{width:40px;height:40px;background:none;border:0;border-radius:4px;display:grid;place-items:center}.map-controls button:hover{background:#1b3944;color:var(--accent)}.map-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.control-divider{height:1px;width:27px;background:var(--border);margin:5px 0}.zoom-label{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 0 4px}.coordinate-panel{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);background:#0a1b25f0;backdrop-filter:blur(12px);border:1px solid #42616b;border-radius:10px;box-shadow:0 12px 34px #0005;padding:13px 24px 12px;min-width:284px;pointer-events:none}.coordinate-caption{margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.tiny-crosshair{color:var(--accent);font-size:1.05rem}.coordinate-pair{display:flex;align-items:center;justify-content:center;gap:24px}.coordinate-pair>div{display:flex;align-items:baseline;gap:12px;min-width:86px}.axis{color:var(--accent);font-size:.875rem;font-weight:600}output{font-family:Consolas,"Courier New",monospace;font-size:2rem;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.pair-divider{height:26px;width:1px;background:#36505b}.coordinate-note{text-align:center;font-size:.75rem;letter-spacing:.14em;color:var(--muted);margin:10px 0 0}.map-help{position:absolute;bottom:15px;left:12px;right:12px;text-align:center;font-size:.875rem;color:#cedfe3;text-shadow:0 1px 6px #000,0 1px 12px #000;pointer-events:none}.touch-help{display:none}footer{padding:11px 28px;display:flex;justify-content:space-between;gap:16px;font-size:.75rem;line-height:1.5;color:var(--muted);border-top:1px solid var(--border);background:#0c1b24;z-index:2}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#09151d;z-index:3;color:var(--muted)}.loading-orbit{width:35px;height:35px;border:1px solid #29434e;border-top:2px solid var(--accent);border-radius:50%;animation:orbit 1s linear infinite}.loading p{margin:0}.map-error{position:absolute;inset:0;z-index:4;background:#09151d;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;text-align:center}.map-error h2{font-size:1.25rem;margin:0}.map-error p{color:var(--muted)}.map-error button{background:var(--accent);color:#09151d;border:0;border-radius:6px;padding:10px 18px;font-weight:600}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes orbit{to{transform:rotate(360deg)}}
.ground-readout{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:13px;padding-top:11px;border-top:1px solid #36505b}.ground-label{font-size:.75rem;letter-spacing:.11em;color:var(--accent)}.ground-number{display:flex;align-items:baseline;gap:7px}.ground-number output{font-size:1.4rem;letter-spacing:-.03em}.ground-unit{font-size:.875rem;color:var(--muted)}.elevation-note{font-size:.75rem;line-height:1.45;color:var(--muted);margin:6px 0 0;text-align:right;min-height:2.9em;max-width:312px}.source-links{display:flex;gap:9px;flex-wrap:wrap}.coordinate-panel{min-width:0;width:360px;max-width:calc(100% - 28px);pointer-events:auto}.ground-number output.pending{color:var(--muted)}.coordinate-pair{gap:16px}.coordinate-pair>div{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1}.coordinate-pair output{font-size:1.7rem}.coordinate-pair .axis{font-size:.875rem}.teleport-readout{display:flex;gap:10px;align-items:center;border-top:1px solid #36505b;margin-top:10px;padding-top:11px}.teleport-readout code{font-family:Consolas,"Courier New",monospace;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;flex:1;user-select:all}.teleport-readout button{background:#173740;border:1px solid #42616b;padding:7px 9px;font-size:.875rem;border-radius:5px;flex-shrink:0}.teleport-readout button:hover:not(:disabled){background:#24505a;color:var(--accent)}.teleport-note{font-size:.75rem;line-height:1.45;color:var(--muted);margin:8px 0 0}
@media(pointer:coarse){.desktop-help{display:none}.touch-help{display:inline}}
@media(max-width:600px){.masthead{padding:14px 16px;gap:12px}.brand-mark{width:28px;height:28px}h1{font-size:1.1rem}.map-name{padding:6px 8px;font-size:.75rem;letter-spacing:.06em}.compass{top:18px;left:18px}.map-controls{right:14px;top:16px}.coordinate-panel{bottom:51px;padding:12px 20px;min-width:270px}.map-help{font-size:.75rem;bottom:18px}footer{padding:10px 16px;flex-wrap:wrap;gap:2px 12px}.eyebrow{font-size:.75rem}output{font-size:1.85rem}}
@media(max-width:360px){.coordinate-panel{min-width:0;width:calc(100% - 28px);padding-left:16px;padding-right:16px}.coordinate-pair{gap:20px}.coordinate-pair>div{min-width:80px}.elevation-note{max-width:none}}
@media(max-width:600px){.coordinate-pair output{font-size:1.5rem}.coordinate-panel{min-width:0}.coordinate-pair{gap:14px}.coordinate-pair>div{min-width:0}.teleport-readout{gap:7px}.teleport-readout code{font-size:.875rem}}
@media(max-width:360px){.coordinate-pair output{font-size:1.35rem}.coordinate-pair{gap:12px}}
@media(min-width:950px){.coordinate-panel{left:24px;transform:none}}
.coordinate-caption button{font-size:.75rem;letter-spacing:0;border:1px solid #42616b;background:#173740;border-radius:4px;padding:3px 6px;color:#d0e6e8}.coordinate-caption button:hover{color:var(--accent)}
.coordinate-pair>div{flex-direction:row;align-items:baseline;gap:8px}.coordinate-pair output{font-size:1.4rem}.elevation-note{min-height:1.45em}.coordinate-note{margin-top:8px}
@media(min-width:601px){.coordinate-panel{left:24px;transform:none}}
@media(max-width:360px){.coordinate-pair output{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}}
.layers-toggle{position:absolute;top:22px;left:78px;z-index:2;border:1px solid #42616b;border-radius:7px;background:#0a1b25ed;padding:10px 13px;font-size:.875rem;font-weight:650;box-shadow:0 6px 20px #0004}.layers-toggle:hover,.layers-actions button:hover{color:var(--accent);background:#1b3944}.layers-toggle span{margin-left:5px;color:var(--accent);font-variant-numeric:tabular-nums}.layers-panel{position:absolute;z-index:4;top:70px;left:24px;width:300px;max-width:calc(100% - 48px);max-height:calc(100% - 330px);min-height:200px;overflow:auto;background:#0a1b25f7;border:1px solid #42616b;border-radius:9px;box-shadow:0 14px 34px #0008;padding:13px}.layers-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.layers-heading strong{font-size:1rem}.layers-heading button{border:0;background:none;font-size:1.35rem;line-height:1;padding:1px 5px}.layers-search-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:5px}.layers-panel input[type=search]{width:100%;border:1px solid #42616b;background:#102834;color:#e7f5f4;border-radius:5px;padding:8px 10px;font:inherit;font-size:.875rem}.layers-panel input::placeholder{color:#91aeb8}.layers-actions{display:flex;gap:7px;margin:10px 0}.layers-actions button{flex:1;border:1px solid #42616b;border-radius:5px;background:#173740;padding:6px 9px;font-size:.75rem}.layer-list{display:grid;gap:2px}.layer-row{display:flex;align-items:center;gap:9px;padding:7px 5px;border-radius:5px;font-size:.875rem;cursor:pointer}.layer-row:hover{background:#173740}.layer-row input{accent-color:var(--accent);width:16px;height:16px;margin:0}.layer-dot,.marker-detail-dot{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%;border:2px solid #e7f5f4;box-shadow:0 1px 4px #0008}.layer-name{flex:1}.layer-count{color:var(--muted);font-variant-numeric:tabular-nums}.layer-status{font-size:.75rem;color:var(--muted);margin:10px 4px 0;line-height:1.4}.marker-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:240px;background:#0a1b25f5;border:1px solid #60828b;border-radius:6px;box-shadow:0 5px 15px #0008;padding:7px 9px;font-size:.8rem;line-height:1.35}.marker-tooltip strong,.marker-tooltip span{display:block}.marker-tooltip span{color:var(--muted);font-size:.75rem;margin-top:2px}.marker-detail{display:flex;gap:9px;align-items:center;border-bottom:1px solid #36505b;padding-bottom:10px;margin-bottom:10px}.marker-detail>div{min-width:0}.marker-detail strong,.marker-detail span:not(.marker-detail-dot){display:block}.marker-detail strong{font-size:.875rem;line-height:1.3}.marker-detail span:not(.marker-detail-dot){font-size:.75rem;color:var(--muted);margin-top:2px}.marker-detail-dot{width:16px;height:16px}
@media(max-width:600px){.layers-toggle{top:16px;left:55px;padding:8px 10px;font-size:.8rem}.layers-panel{top:58px;left:12px;max-width:calc(100% - 24px);max-height:45%;padding:11px}.marker-tooltip{max-width:170px}}

.map-body{position:relative;display:flex;flex:1;min-height:0}.map-body .map-viewport{min-width:0;min-height:0}.map-body .layers-panel{position:relative;top:auto;left:auto;z-index:2;flex:0 0 284px;width:284px;max-width:none;max-height:none;min-height:0;height:100%;border:0;border-right:1px solid var(--border);border-radius:0;box-shadow:none;background:#102b3c;padding:18px 13px;overflow:auto;transition:flex-basis .18s ease,padding .18s ease}.map-body.sidebar-collapsed .layers-panel{flex-basis:0;width:0;padding:0;overflow:hidden;border:0}.layers-heading{border-bottom:1px solid #36505b;padding-bottom:12px}.layers-heading strong{font-size:.95rem}.layers-heading strong span{font-size:.75rem;color:var(--accent);font-weight:500}.layers-heading button{border:1px solid #42616b;border-radius:5px;background:#173740;width:28px;height:28px}.map-body .layers-toggle{z-index:4;left:0;top:45%;width:23px;height:56px;padding:0;border-radius:0 6px 6px 0;background:#173b50;display:none}.map-body.sidebar-collapsed .layers-toggle{display:block}.map-switcher{position:absolute;top:16px;left:18px;z-index:2;display:flex;background:#0a1b25ee;border:1px solid #42616b;border-radius:7px;overflow:hidden;box-shadow:0 4px 14px #0005}.map-switcher button{border:0;background:transparent;padding:8px 11px;font-size:.8rem;color:#b7ccd1}.map-switcher button[aria-pressed=true]{background:var(--accent);color:#0a2229;font-weight:700}.map-switcher button:hover:not([aria-pressed=true]){background:#244653;color:white}.compass{top:62px;left:24px}.coordinate-panel{left:14px;bottom:14px;transform:none;width:270px;max-width:calc(100% - 28px);padding:8px 10px;border-radius:7px}.coordinate-caption{justify-content:flex-start;margin:0 0 4px;font-size:.63rem;letter-spacing:.06em}.coordinate-pair{justify-content:flex-start;gap:9px}.coordinate-pair>div{flex:0 1 auto;gap:4px}.coordinate-pair .axis{font-size:.75rem}.coordinate-pair output{font-size:1.03rem}.pair-divider{height:17px}.coordinate-note{display:none}.ground-readout{margin-top:6px;padding-top:6px;gap:6px}.ground-label{font-size:.65rem;letter-spacing:.03em}.ground-number output{font-size:.95rem}.ground-unit{font-size:.7rem}.elevation-note{font-size:.65rem;line-height:1.25;margin:3px 0 0;min-height:0;text-align:left}.teleport-readout{margin-top:6px;padding-top:6px;gap:5px}.teleport-readout code{font-size:.69rem;line-height:1.2}.teleport-readout button{font-size:.68rem;padding:3px 5px}.teleport-note{display:none}.marker-detail{margin-bottom:5px;padding-bottom:5px}.map-help{left:auto;right:12px;bottom:12px;max-width:calc(100% - 310px);font-size:.75rem}
@media(max-width:700px){.map-body .layers-panel{position:absolute;top:0;left:0;bottom:0;width:268px;max-width:calc(100% - 48px);height:auto;box-shadow:7px 0 22px #0008}.map-body.sidebar-collapsed .layers-panel{width:0}.map-body .layers-toggle{display:block;left:268px;top:44%}.map-body.sidebar-collapsed .layers-toggle{left:0}.map-switcher{top:12px;left:32px}.map-switcher button{font-size:.7rem;padding:7px 8px}.compass{display:none}.map-controls{right:10px;top:54px}.coordinate-panel{left:10px;bottom:36px;width:235px}.map-help{left:10px;right:10px;bottom:10px;max-width:none;font-size:.68rem}}
@media(max-width:700px){.map-body:not(.sidebar-collapsed) .map-switcher{visibility:hidden;pointer-events:none}.layers-heading button{width:44px;height:44px;font-size:1.6rem}.map-body .layers-toggle{width:34px;height:64px}}
.sidebar-backdrop{display:none}.sidebar-menu-icon{display:none}.sidebar-chevron{display:inline}.layers-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:700px){.sidebar-backdrop:not([hidden]){display:block;position:absolute;inset:0;z-index:5;border:0;background:#031018a6;padding:0}.map-body .layers-panel{z-index:6}.map-body .layers-toggle{top:12px;left:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:7px}.map-body:not(.sidebar-collapsed) .layers-toggle{display:none}.map-body.sidebar-collapsed .layers-toggle{left:12px}.sidebar-menu-icon{display:block}.sidebar-chevron{display:none}.map-switcher{left:66px}}
.layer-list{display:block}.layer-group{border-top:1px solid #315062}.layer-group-heading{display:flex;align-items:center;gap:8px;min-height:45px}.layer-group-expand{flex:1;text-align:left;border:0;background:transparent;padding:10px 4px;color:#e7f5f4;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.layer-group-expand::before{content:'›';display:inline-block;font-size:1rem;line-height:0;margin-right:8px;color:var(--accent)}.layer-group-expand[aria-expanded=true]::before{transform:rotate(90deg)}.layer-group-count{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--muted)}.layer-group-toggle{accent-color:var(--accent);width:17px;height:17px;margin:0 5px 0 2px;cursor:pointer}.layer-group-body{padding:0 0 8px 2px}.layer-row{gap:8px;min-height:37px;padding:5px 4px;font-size:.79rem}.layer-row input{flex:none}.layer-icon{width:21px;height:21px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px #000a)}.layer-name{min-width:0}.layer-count{font-size:.75rem}.marker-detail-dot{width:25px;height:25px;object-fit:contain;border:0;border-radius:0;box-shadow:none}.map-body .layers-panel{scrollbar-color:#456c79 transparent}
.hide-completed{display:flex;align-items:center;gap:8px;color:#c8dddf;font-size:.78rem;padding:0 2px 10px;cursor:pointer}.hide-completed input{accent-color:var(--accent);width:16px;height:16px;margin:0}.marker-detail{position:absolute;z-index:5;top:72px;left:50%;transform:translateX(-50%);display:block;width:min(380px,calc(100% - 28px));max-height:calc(100% - 110px);overflow:auto;margin:0;padding:15px;border:1px solid #4d7380;border-radius:10px;background:#12374aea;box-shadow:0 12px 30px #0009;backdrop-filter:blur(10px);scrollbar-color:#537886 transparent}.marker-detail-heading{display:flex;align-items:flex-start;gap:9px}.marker-detail-heading>div{flex:1;min-width:0}.marker-detail .marker-detail-heading strong{display:block;color:#f2fbf8;font-size:.99rem;line-height:1.3}.marker-detail .marker-detail-heading span{display:block;margin-top:3px;color:#b7ced2;font-size:.77rem;line-height:1.35}.marker-detail-heading button{flex:none;border:0;background:transparent;color:#b7ced2;font-size:1.4rem;line-height:1;padding:0 2px}.marker-detail-heading button:hover{color:var(--accent)}.marker-detail-dot{width:28px;height:28px}.marker-detail-coordinates{margin:10px 0;color:#b4cbd0;font-size:.8rem;font-variant-numeric:tabular-nums}.marker-progress-control{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #406779;border-radius:7px;background:#102d3c;cursor:pointer;font-size:.82rem}.marker-progress-control input{accent-color:var(--accent);width:17px;height:17px;margin:0}.marker-detail .marker-progress-control span{display:inline;color:#e7f5f4;margin:0;font-size:.82rem}.marker-progress-note{color:#92b3bb;font-size:.7rem;margin:6px 0 0}.marker-loot{margin-top:13px;padding-top:12px;border-top:1px solid #406779}.marker-loot h3{margin:0 0 5px;text-transform:uppercase;letter-spacing:.09em;font-size:.73rem;color:#aadbd3}.marker-loot-pool{margin:0 0 8px;color:#a8c7cb;font-size:.72rem}.marker-loot-list{list-style:none;margin:0;padding:0}.marker-loot-list li{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:.79rem}.marker-loot-list img{flex:none;width:19px;height:19px;object-fit:contain}.marker-loot-list span{flex:1;min-width:0}.marker-loot-list strong{font-size:.77rem;font-weight:500;color:#c4d8dc;white-space:nowrap}.marker-loot-note{margin:8px 0 0;color:#a8c7cb;font-size:.73rem;line-height:1.4}.marker-loot a{display:inline-block;margin-top:9px;font-size:.74rem;color:var(--accent)}
@media(max-width:700px){.marker-detail{top:65px;max-height:calc(100% - 245px);padding:12px}.marker-loot-list li{padding:2px 0}}
.marker-detail .marker-loot-list span{display:inline;flex:1;margin:0;color:#edf8f4;font-size:.79rem}
.marker-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.marker-actions button,.marker-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid #406779;border-radius:7px;background:#102d3c;font-size:.78rem;color:#e7f5f4}.marker-actions nav{display:flex;gap:8px;flex-wrap:wrap}.marker-actions a:hover{color:var(--accent)}.marker-share-url{width:100%;margin-top:8px;color:#e7f5f4;background:#102d3c;border:1px solid #406779;padding:8px}.marker-loot-list a{flex:1;margin:0;font-size:.78rem;line-height:1.4}.marker-loot label{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:.75rem;color:#b7ced2}.marker-loot select{min-width:0;max-width:75%;background:#102d3c;color:#e7f5f4;border:1px solid #406779;padding:5px;border-radius:5px}
@media(max-width:700px){.map-body.sidebar-collapsed .layers-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;line-height:1}.layers-toggle .sidebar-menu-icon{display:block;width:20px;height:20px;margin:0}.map-switcher{left:58px;min-height:38px}.map-switcher button{display:flex;align-items:center}}

.sidebar-tabs,.capture-filters{display:flex;gap:5px;margin:10px 0}.sidebar-tabs button,.capture-filters button{flex:1;border:1px solid #42616b;background:#173740;border-radius:5px;padding:8px 5px;font-size:.75rem}.sidebar-tabs button[aria-pressed=true],.capture-filters button[aria-pressed=true]{background:var(--accent);color:#09232b}.capture-help{font-size:.72rem;line-height:1.5;color:var(--muted)}.capture-row{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.8rem;border-bottom:1px solid #315062}.capture-row>span{flex:1}.capture-sphere{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:5px}.capture-sphere:hover{background:#244653}.sphere-art{position:relative;display:block;width:24px;height:24px;border:2px solid #b0c4ca;border-radius:50%;background:linear-gradient(#70868f 45%,#182d37 45%,#182d37 55%,#344c58 55%)}.sphere-art:after{content:"";position:absolute;top:7px;left:7px;width:6px;height:6px;border-radius:50%;background:#d9edef;box-shadow:0 0 0 2px #182d37}.caught .sphere-art{background:linear-gradient(#42c4ee 45%,#183d50 45%,#183d50 55%,#165c94 55%);border-color:#8be3f5}.complete .sphere-art{background:linear-gradient(#ffdf74 45%,#6c5120 45%,#6c5120 55%,#c58822 55%);border-color:#ffebae}.complete .sphere-art:after{background:#fff0b4}

.capture-portrait{width:32px;height:32px;object-fit:contain;flex:none}.capture-row>span{min-width:0}.capture-sphere:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pal-habitat-button,.habitat-time button{border:1px solid #42616b;background:#173740;border-radius:5px;padding:7px;color:var(--text);font-size:.72rem;cursor:pointer}.pal-habitat-button:focus-visible,.habitat-time button:focus-visible{outline:2px solid var(--accent)}.habitat-controls{border:1px solid #42616b;border-radius:7px;padding:10px;margin:8px 0}.habitat-controls[hidden]{display:none}.habitat-controls a{font-size:.75rem;color:var(--accent)}.habitat-time{display:flex;gap:5px;margin-top:8px}.habitat-time button[aria-pressed=true]{background:var(--accent);color:#09232b}
.habitat-heat-toggle{display:flex;gap:7px;align-items:center;font-size:.75rem;margin-top:10px;color:var(--muted)}.habitat-heat-toggle input{accent-color:var(--accent)}
#browse-spawns{margin-top:9px}#browse-spawns:disabled{opacity:.5}
.spawn-detail{position:absolute;z-index:5;right:72px;top:72px;width:min(365px,calc(100% - 24px));max-height:calc(100% - 110px);overflow:auto;padding:12px;border:1px solid #4d7380;border-radius:9px;background:#102d3cf5;box-shadow:0 10px 25px #0007;scrollbar-color:#537886 transparent}.spawn-detail[hidden]{display:none}.spawn-detail-heading{display:flex;justify-content:space-between;align-items:center}.spawn-detail-heading button{border:0;background:none;width:32px;height:32px;font-size:1.3rem}.spawn-detail select,#marker-spawns select{width:100%;margin-top:8px;padding:7px;background:#102834;color:var(--text);border:1px solid #42616b;border-radius:5px;font:inherit;font-size:.75rem}.spawn-meta,.spawn-note{color:var(--muted);font-size:.72rem;line-height:1.4;margin:8px 0}.spawn-table{width:100%;border-collapse:collapse;font-size:.75rem;font-variant-numeric:tabular-nums}.spawn-table th{text-align:left;color:var(--muted);font-size:.69rem;font-weight:600;padding:6px 5px;border-bottom:1px solid #42616b}.spawn-table td{padding:7px 5px;border-bottom:1px solid #284959;vertical-align:top}.spawn-table td:not(:first-child),.spawn-table th:not(:first-child){text-align:right;white-space:nowrap}.spawn-member{margin-bottom:4px;line-height:1.35}.spawn-member:last-child{margin-bottom:0}.spawn-member a{color:#e7f5f4}.spawn-member small{display:inline-block;margin-left:6px;color:var(--muted);font-size:.67rem}.spawn-selected{background:#68e7cb12}.spawn-selected .spawn-member a{color:var(--accent)}.spawn-inactive{opacity:.6}.spawn-condition{display:block;color:var(--muted);font-size:.66rem;margin-top:3px}#marker-spawns{margin-top:12px;border-top:1px solid #42616b;padding-top:4px}.marker-detail #marker-spawns span,.marker-detail #marker-spawns small{display:inline;margin:0;font-size:inherit}.marker-detail #marker-spawns .spawn-member small{display:inline-block;margin-left:6px;font-size:.67rem}
@media(max-width:700px){.spawn-detail{top:auto;bottom:12px;right:12px;max-height:52%;width:calc(100% - 24px)}.spawn-detail-heading button{width:40px;height:40px}.map-viewport:has(.spawn-detail:not([hidden])) .coordinate-panel{visibility:hidden}}

.region-banner{position:absolute;z-index:3;top:16px;left:50%;transform:translateX(-50%);max-width:calc(100% - 490px);padding:9px 15px;border:1px solid #42616b;border-radius:7px;background:#0a1b25e8;box-shadow:0 4px 14px #0005;color:#e7f5f4;font-size:.95rem;font-weight:650;text-align:center;pointer-events:none;backdrop-filter:blur(6px)}@media(max-width:1100px){.region-banner{top:58px;max-width:calc(100% - 140px);font-size:.83rem;padding:7px 12px}}@media(max-width:700px){.region-banner{top:58px;left:12px;transform:none;max-width:calc(100% - 84px);text-align:left}}
/* Keep search and capture filters visible while the Pal list scrolls. */
.paldeck-controls{flex:none;padding-right:3px}.paldeck-controls .capture-filters{margin-bottom:8px}
.layers-panel:has(#pals-view:not([hidden])){display:flex;flex-direction:column;overflow:hidden}.layers-panel:has(#pals-view:not([hidden]))>.layers-heading,.layers-panel:has(#pals-view:not([hidden]))>.sidebar-tabs,.layers-panel:has(#pals-view:not([hidden]))>.progress-backup-link,.layers-panel:has(#pals-view:not([hidden]))>.mobile-map-links{flex:none}#pals-view{display:flex;flex-direction:column;flex:1;min-height:0}.pal-roster{flex:1;min-height:90px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#456c79 transparent;padding-right:3px}.pal-spawn-label{display:block;color:var(--muted);font-size:.65rem;line-height:1.3;margin-top:3px}.capture-row{padding:5px 0}.pal-roster:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}
.layers-panel:has(#pals-view:not([hidden])) .layers-heading{margin-bottom:6px;padding-bottom:8px}.layers-panel:has(#pals-view:not([hidden])) .sidebar-tabs{margin:6px 0}
.map-viewport>.habitat-controls{position:absolute;z-index:3;top:62px;left:18px;width:min(430px,calc(100% - 100px));max-height:calc(100% - 80px);overflow:auto;overscroll-behavior:contain;margin:0;padding:10px 12px;background:#102b3cf5;box-shadow:0 6px 20px #0005;scrollbar-color:#456c79 transparent}.habitat-heading{display:flex;align-items:center;gap:12px;min-height:24px}.habitat-heading strong{flex:1;min-width:0;font-size:.9rem}.habitat-heading a{flex:none;font-size:.75rem}.habitat-controls .habitat-time{margin:6px 0;gap:6px}.habitat-time button{flex:1;min-height:36px;padding:6px}.habitat-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.habitat-controls .habitat-heat-toggle{margin:0;min-height:36px;font-size:.74rem}.habitat-heat-toggle input{width:17px;height:17px;margin:0}.habitat-options .pal-habitat-button{margin-left:auto;min-height:36px}.habitat-controls .capture-help{font-size:.72rem;line-height:1.35;margin:6px 0}.habitat-help{font-size:.7rem;color:var(--muted);line-height:1.4}.habitat-help summary{cursor:pointer;padding:4px 0}.habitat-help p{margin:4px 0}.map-viewport:has(>.habitat-controls:not([hidden])) .compass{left:auto;right:90px;top:24px}.map-viewport:has(>.habitat-controls:not([hidden])) .region-banner{top:16px;left:auto;right:90px;transform:none;max-width:calc(100% - 330px)}.mobile-map-links{display:none}
@media(max-width:700px){
  .map-shell>footer{display:none}
  .map-body:not(.sidebar-collapsed) .habitat-controls{visibility:hidden;pointer-events:none}
  .mobile-map-links{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.7rem;border-top:1px solid #36505b;padding-top:7px;position:relative}
  .mobile-map-links>a,.mobile-map-links summary{padding:7px 0;min-height:32px;color:var(--muted)}
  .mobile-map-links>a:hover{color:var(--accent)}.mobile-map-links summary{cursor:pointer;list-style:none}.mobile-map-links summary::-webkit-details-marker{display:none}
  .mobile-map-credits{position:absolute;bottom:100%;left:0;right:0;background:#102b3c;border:1px solid #42616b;border-radius:7px;padding:10px;box-shadow:0 -4px 18px #0005;max-height:240px;overflow:auto;z-index:1}.mobile-map-credits p{font-size:.72rem;line-height:1.4;margin:0 0 6px}.mobile-map-credits a{display:block;padding:7px 0;color:var(--accent)}
  .map-viewport>.habitat-controls{top:60px;left:12px;width:calc(100% - 24px);max-height:calc(100% - 80px);padding:8px 10px}
  .habitat-options{gap:4px 12px}.habitat-controls .capture-help{font-size:.7rem}
  .map-viewport:has(>.habitat-controls:not([hidden])) .map-controls{top:auto;bottom:36px}
  .map-viewport:has(>.habitat-controls:not([hidden])) .region-banner{top:auto;bottom:198px;left:12px;right:auto;max-width:calc(100% - 24px);font-size:.75rem}
}
.map-body .layers-panel{display:flex;flex-direction:column;overflow:hidden}.layers-panel>.layers-heading,.layers-panel>.sidebar-tabs,.sidebar-footer{flex:none}#locations-view{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#456c79 transparent}.sidebar-footer{position:relative;background:#102b3c}.mobile-sidebar-brand,.mobile-backup-actions,.mobile-site-menu{display:none}.map-backup-status{font-size:.68rem;color:var(--muted);line-height:1.35;margin:4px 0}.habitat-heading #clear-habitat{flex:none;width:28px;height:28px;border:0;border-radius:5px;background:#173740;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer}
.wiki-body .wiki-brand{grid-template-columns:28px auto;align-items:center;gap:9px}.wiki-brand-crosshair{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.5}
.mobile-region-name{display:none}
@media(max-width:700px){.map-viewport .region-banner{display:none}.coordinate-panel .mobile-region-name{display:block;color:var(--accent);font-size:.8rem;font-weight:650;line-height:1.3;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #36505b}}
@media(max-width:700px){
  .map-shell>.masthead{display:none}
  .desktop-sidebar-title,.layers-heading #layers-count{display:none}
  .layers-heading .mobile-sidebar-brand{display:flex;align-items:center;gap:9px;font-size:1.05rem;color:var(--text);font-weight:700}
  .mobile-sidebar-brand svg{width:27px;height:27px;fill:none;stroke:var(--accent);stroke-width:1.5;flex:none}
  .layers-heading{margin-bottom:6px;padding-bottom:8px}.sidebar-tabs{margin:6px 0}
  .sidebar-footer{border-top:1px solid #36505b;padding-top:8px}
  .sidebar-footer .progress-backup-link{display:none}
  .mobile-backup-actions{display:flex;gap:7px}
  .mobile-backup-actions button,.mobile-backup-actions a{flex:1;display:flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #42616b;border-radius:5px;background:#173740;color:var(--text);padding:6px;font-size:.72rem;cursor:pointer}
  .mobile-map-links{border-top:0;padding-top:3px}
  .mobile-site-menu{display:block;position:absolute;right:12px;top:12px;z-index:4}
  .mobile-site-menu>summary{list-style:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #42616b;border-radius:7px;background:#173b50;color:var(--text);cursor:pointer}
  .mobile-site-menu>summary::-webkit-details-marker{display:none}.mobile-site-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .mobile-site-menu svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
  .mobile-site-menu[open]>summary{color:var(--accent);background:#24505a}
  .mobile-site-menu nav{position:absolute;top:46px;right:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;width:min(290px,calc(100vw - 24px));max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;padding:9px;border:1px solid #42616b;border-radius:8px;background:#102b3cfb;box-shadow:0 10px 28px #0007}
  .mobile-site-menu nav a{font-size:.78rem;line-height:1.3;padding:9px 7px;border-radius:5px;color:var(--text);min-height:36px;display:flex;align-items:center}.mobile-site-menu nav a:hover,.mobile-site-menu nav a:focus-visible{background:#24505a;color:var(--accent)}
  .map-body:not(.sidebar-collapsed) .mobile-site-menu{visibility:hidden;pointer-events:none}
  .map-viewport>.habitat-controls{padding:6px 9px}
  .habitat-heading{gap:8px;min-height:20px}.habitat-heading strong{font-size:.85rem}.habitat-heading a{font-size:.7rem}
  .habitat-controls .habitat-time{margin:3px 0;gap:5px}.habitat-time button{min-height:32px;padding:4px}
  .habitat-controls .habitat-heat-toggle,.habitat-options .pal-habitat-button{min-height:30px}.habitat-options{gap:3px 12px}.habitat-options .pal-habitat-button{padding:4px 8px}.habitat-controls .capture-help{margin:3px 0 0;font-size:.68rem}
  .map-controls{top:auto;bottom:36px}
}

/* Map help remains readable without the canvas or JavaScript. */
.map-about{margin:8px 0;color:var(--muted);font-size:.72rem;line-height:1.5}.map-about summary{cursor:pointer;padding:5px 0;color:var(--accent)}.map-about h2{font-size:.9rem;color:var(--text);margin:8px 0}.map-about p{margin:6px 0}.map-about>a{display:inline-block;padding:5px 0;color:var(--accent)}