body{color:#d7e4f6;background:#123d54;font-size:12px}button{background:#161e2d;border-color:#334056;border-radius:7px;color:#c9d7eb}button:hover{background:#26374e}a{color:#8cbdff}#sidebar{width:345px;background:#1a2232;border-color:#303b4f;box-shadow:none}header{padding:13px;background:#111822}header a{font-size:23px;color:#e0edff}header small{font-size:12px;letter-spacing:0;color:#8fa6c4}nav{border-color:#344056}nav button{font-size:11px;color:#a3b5d0;padding:13px 2px}nav .active{color:#63a2ff}#sideContent{padding:8px}footer{font-size:10px;border-color:#303b4f;color:#8194b1;max-height:88px;overflow:auto}input[type=search],input[type=text],select{background:#101823;border-color:#344057;color:#d1def2;padding:9px;font-size:12px}input[type=checkbox]{accent-color:#4b8eff}.row button{flex:1;font-size:11px;padding:8px}.layer-group{border-bottom:1px solid #30394b;padding:5px 0}.layer-group summary{display:flex;align-items:center;gap:8px;color:#bdcce1;padding:10px 0;font-size:12px}.layer-group summary small{margin-left:auto;font-size:10px;color:#7592b9}.layer-group summary button{border:0;padding:1px 5px;background:transparent;color:#7496bf}.layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.layer{position:relative;border:1px solid transparent;border-radius:7px;padding:9px 5px;gap:7px;cursor:pointer;opacity:.5;font-size:11px}.layer:has(input:checked){opacity:1;background:#14283b;border-color:#285177}.layer input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;margin:0}.layer img{width:28px;height:28px;flex:none}.layer span{font-weight:600;line-height:1.3}.layer small{display:block;font-weight:400;font-size:10px;margin-top:3px;color:#8c9db8}.layer[hidden],.layer-group[hidden]{display:none}.worlds{background:#172031ef;border:1px solid #344052;border-radius:8px;box-shadow:none;top:12px;right:12px}.worlds button{background:transparent;padding:8px 10px}.worlds .active{background:#345e96;color:white}.tools button,#showSide{background:#182335;border-color:#344259;color:#d9e7ff}#status{background:#111c2ee8;border-color:#33425d;color:#a3bedc;font-size:11px}.map-hint{top:auto;bottom:56px;background:#142237c9;color:#a9bfd9}.muted,.region-list small,.region-form small{color:#91a5c0}.selected{background:#15263a;border-color:#345278}.condition,.nurture-guide{background:#352e21;border-color:#776139;color:#e4c98b}.lookup-tabs{background:#111b2b;border-color:#33435b}.lookup-tabs button.active{background:#2b4367;color:#dbeaff}.pet-grid{max-height:none;grid-template-columns:repeat(3,1fr);gap:4px}.pet{display:flex;flex-direction:column;gap:5px;text-align:center;border-color:transparent;background:none;min-height:80px!important;padding:7px 2px}.pet img{width:45px;height:45px}.pet small{font-size:9px}.pet.active,.forms button.active,.region-list .active,.region-form.active{background:#233d5c;border-color:#4276b2}.forms button{color:#b6c9e3}.region-list button{background:#172235}.point-row .done{background:#203e37;border-color:#416a58}.point-row button{font-size:11px!important}.point-list{margin-top:10px}#popup{background:#172334;border-color:#3a4a62;color:#dce8f9;z-index:6;box-shadow:0 6px 35px #0006}.progress-layers{display:grid;gap:4px;margin:12px 0 20px}.progress-layers button{display:flex;align-items:center;text-align:left;gap:10px;border:0;background:transparent;padding:6px}.progress-layers img{width:27px;height:27px}.progress-layers small{display:block;color:#8fa5c5;font-size:10px;margin-top:3px}progress{width:100%;height:8px;accent-color:#619eff}#regionDrawer{position:absolute;top:0;right:0;bottom:0;width:280px;overflow:auto;background:#192233;border-left:1px solid #374359;z-index:5;padding:0 12px 15px;box-shadow:-5px 0 20px #0003}#regionDrawer[hidden],#mapSettings[hidden],#floorControl[hidden]{display:none}#regionDrawer header,#mapSettings header{margin:0 -12px;padding:14px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #344055}#regionDrawer h2,#mapSettings h2{font-size:14px;margin:0}#regionDrawer header button{border:0;background:none;padding:3px}#regionDrawer>p{color:#a4b5cc;font-size:11px;margin:15px 0}.region-pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 5px}.region-pet-grid button{border:0;background:none;padding:6px 0;display:grid;justify-items:center;gap:5px;font-size:11px}.region-pet-grid img{width:48px;height:48px;object-fit:contain}.region-more{margin-top:20px;font-size:11px;width:100%}#mapGear{position:absolute;left:12px;top:12px;font-size:20px;padding:5px 9px}#showSide{top:12px;left:12px;z-index:4}#mapSettings{position:absolute;left:12px;top:58px;width:300px;max-width:calc(100% - 24px);padding:0 12px 15px;background:#182334;border:1px solid #3a4a63;border-radius:10px;z-index:7;box-shadow:0 5px 25px #0007}#mapSettings label{display:flex;gap:9px;align-items:center;margin:18px 0}#mapSettings p{font-size:11px;line-height:1.7;color:#91a6c5}#floorControl{position:absolute;right:12px;bottom:200px;width:190px;max-width:40%;z-index:3}.bloom-locations{background:#172d34;border-color:#30535e}.nurture-summary{background:#1b2a3c}@media(min-width:1100px){main:has(#regionDrawer:not([hidden])) .worlds{right:292px}main:has(#regionDrawer:not([hidden])) .tools{right:292px}main:has(#regionDrawer:not([hidden])) #floorControl{right:292px}}@media(max-width:760px){#sidebar{width:min(345px,88vw)}#regionDrawer{width:min(280px,76vw)}#mapGear{top:58px}#showSide{left:10px}.worlds button{font-size:10px;padding:9px 6px}#floorControl{bottom:245px;width:140px}.map-hint{display:none}#mapSettings{top:100px}#status{max-width:65%}}

body.light-map{color:#24374c}body.light-map #sidebar,body.light-map #regionDrawer,body.light-map #mapSettings,body.light-map #popup{background:#f3f7fc;color:#24374c;border-color:#bdccdf}body.light-map header{background:#e8eff8}body.light-map header a,body.light-map .layer-group summary{color:#29415e}body.light-map button{background:#fff;color:#34506d;border-color:#c4d0e0}body.light-map input[type=search],body.light-map input[type=text],body.light-map select{background:#fff;color:#24374c;border-color:#bdcce0}body.light-map .muted,body.light-map footer{color:#61758d}body.light-map .layer:has(input:checked),body.light-map .selected,body.light-map .pet.active,body.light-map .region-list .active,body.light-map .region-form.active{background:#e0edff;border-color:#8fb1e0}body.light-map .lookup-tabs{background:#e4edf9}body.light-map .lookup-tabs button.active{background:#fff;color:#2571d6}body.light-map .layer small{color:#61758d}body.light-map .worlds{background:#edf3fbef}body.light-map .worlds .active{background:#346fa8;color:#fff}

.point-preview{width:100%;max-height:170px;object-fit:cover;border-radius:8px;margin:8px 0}.boss-portrait{float:right;width:65px;height:65px;object-fit:contain}.point-description{white-space:pre-line}.marker-detail h3{margin:15px 0 7px;font-size:12px}.map-rewards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.map-rewards>div{display:flex;align-items:center;gap:7px;background:#24334866;padding:6px;border-radius:6px;font-size:10px}.map-rewards img{width:32px;height:32px;object-fit:contain}.map-rewards b{display:block;margin-top:3px;color:#e2bb72}.recommended{color:#8fcfba}#popup:has(.marker-detail){width:360px;max-height:75%}

.event-label{display:block;font-size:9px;line-height:1.5;color:#b8aa73;font-style:normal;margin-top:4px}

.layer{border-left:3px solid var(--loot-color,#7496bf)}.layer-group:has(.layer[style*="ffcf66"]) summary{color:#ffcf66}.marker-area{display:grid;gap:7px;color:#c0d2ed;font-size:11px;margin-bottom:8px}.loot-tip{font-size:10px;line-height:1.7}.layer-grid{align-items:stretch}

.area-mode-tabs{display:flex;padding:4px;gap:4px;background:#101925;border:1px solid #34475e;border-radius:10px;margin:4px 0 12px}.area-mode-tabs button{display:flex;gap:6px;align-items:center;justify-content:center;flex:1;border:0;background:none;font-size:10px;padding:9px 5px}.area-mode-tabs img{width:23px;height:23px;object-fit:contain}.area-mode-tabs button.active{background:#2a4b6b;color:#eaf7ff}.area-view-card{background:#132638;border:1px solid #345871;border-radius:12px;padding:10px;margin-bottom:12px}.area-kinds{display:flex;gap:6px}.area-kinds button{flex:1;display:flex;flex-direction:column;gap:4px;align-items:center;border-color:#3b5268;font-size:11px;padding:8px 3px}.area-kinds img{width:32px;height:32px;object-fit:contain}.area-kinds button.active{border-color:#6bdaee;background:#285064;color:#f3ffff;box-shadow:inset 0 0 0 1px #6bdaee55}.area-current{display:flex;gap:8px;align-items:center;margin-top:14px}.area-current>span{font-size:25px;color:#7ddae9}.area-current>div{flex:1}.area-current small{display:block;font-size:8px;letter-spacing:.9px;color:#85a6bd;margin-bottom:5px}.area-current b{font-size:12px;color:#e2f4ff}.area-current>button{font-size:9px;padding:6px}.area-tip{font-size:10px;line-height:1.7;color:#8fb4c9}.area-card-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:275px;overflow:auto;padding-right:3px}.area-card-list button{display:flex;align-items:center;text-align:left;padding:6px 4px;gap:4px;background:#1b3248;border-color:#34536c;min-height:63px}.area-card-list svg{width:35px;height:35px;flex:none}.area-card-list path{fill:#44988666;stroke:#80cebc;stroke-width:2}.area-card-list span{font-size:10px;line-height:1.4}.area-card-list small{display:block;font-size:8px;margin-top:3px;color:#8aa7c0}.area-card-list b{color:#759bb8}.area-card-list .active{border-color:#69d9e8;background:#28546a}body.light-map .area-view-card{background:#e7f1fa;border-color:#aac6df}body.light-map .area-current b{color:#25435d}body.light-map .area-mode-tabs{background:#e4edf6}body.light-map .area-mode-tabs button.active{background:#b9d6ef;color:#164c75}body.light-map .area-card-list button{background:#f6faff;border-color:#bed1e1;color:#244866}body.light-map .area-tip{color:#53758f}body.light-map .area-kinds button.active{background:#c1e9ee;color:#174959}
.region-pet-grid button{position:relative}.region-pet-grid button.nurture-pet{border:1px solid #b99e49;background:#3d351d55;border-radius:10px}.nurture-tag{display:inline-block;color:#ffe295;background:#5b491f;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:700;white-space:nowrap}.region-pet-grid button.is-picked{border:2px solid #60d9d0;background:#214b52;box-shadow:0 0 0 1px #60d9d044}.pick-check{position:absolute;top:3px;right:4px;color:#a3b7c8;font-weight:700;font-size:13px}.is-picked .pick-check{color:#83ffdf}.multi-help{line-height:1.7;color:#b2c5d9}.drawer-actions{display:flex;gap:6px}.drawer-actions button{flex:1;padding:8px 4px;font-size:10px}.multi-count{color:#8ae6d3!important;font-weight:700}.multi-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.multi-chips button{font-size:11px}.multi-selected h2{font-size:15px}.region-form .nurture-tag{display:table;margin-top:4px}body.light-map .nurture-tag{background:#fff0b6;color:#6b4b05}body.light-map .region-pet-grid button.is-picked{background:#c7f0eb;color:#11483e}
body{font-size:14px}#sidebar{width:380px;background:#142132}#sideContent{padding:14px}#sidebar>nav{background:#101c2b}#sidebar>nav button{font-size:13px;padding:16px 5px}#sidebar>header{background:#0e1928;padding:17px}#sidebar header small{color:#9ab9d5;font-size:12px}.lookup-tabs{padding:4px;gap:4px;border-radius:10px;margin-bottom:13px}.lookup-tabs button{padding:11px;font-size:13px;border-radius:7px}.lookup-tabs button.active{background:#376b66;color:#eefff9}#regionSearch{font-size:14px;padding:12px}.region-list{max-height:270px;overflow:auto;margin:12px 0 20px;border:1px solid #3a526d;border-radius:12px;padding:7px;background:#101c2a}.region-group-label{position:sticky;top:-7px;z-index:1;background:#20364a;color:#9be2d0;display:flex;justify-content:space-between;padding:10px 8px;font-size:10px;font-weight:800;letter-spacing:.6px;border-radius:6px}.region-group-label small{color:#a8bfd7;letter-spacing:0}.region-list button{border:1px solid transparent;padding:12px 10px;margin:3px 0;border-radius:8px;font-size:13px;background:#18283b}.region-list button span{display:flex;justify-content:space-between;align-items:center;gap:7px}.region-list button small{font-size:11px;margin-top:5px;color:#a8bed4}.region-list button.active{background:#28544f;border-color:#6bccb5;color:#edfff7}.map-new-label{font-size:8px;padding:3px 5px;color:#123c33;background:#8be3c6;border-radius:4px}.region-form{padding:12px!important;border-radius:10px!important;border-color:#3c536d!important;background:#192b40!important}.region-form img{width:52px!important;height:52px!important}.region-form b{font-size:14px}.region-form small{font-size:11px;line-height:1.6;color:#b5c9de}.region-form.active{border-color:#80dac2!important;background:#2b514e!important}#regionDetail h2{font-size:21px;line-height:1.4;color:#eef7ff}#regionDetail>.muted{font-size:12px;line-height:1.8}.bloom-locations{padding:15px!important;border-radius:10px;line-height:1.7}.point-row button{padding:11px!important;font-size:12px!important}.worlds{padding:5px;gap:5px;border-color:#50657d}.worlds button{font-size:13px;padding:10px 13px;border-radius:6px}.worlds button[data-islands]{color:#a1efda;background:#28524c}.worlds button.active{background:#376b8c}.pet b{font-size:13px}.pet small{font-size:11px}.pet img{width:51px;height:51px}#regionDrawer{width:320px;background:#162638;padding:0 16px 18px;border-color:#4b667f}#regionDrawer header{margin:0 -16px;padding:18px 16px}#regionDrawer h2{font-size:17px}#regionDrawer>p{font-size:12px;line-height:1.7}.region-pet-grid{gap:10px 7px}.region-pet-grid button{font-size:12px;padding:12px 3px;border-radius:10px}.region-pet-grid img{width:56px;height:56px}.drawer-actions button{font-size:11px;padding:10px 5px}#status{font-size:12px;padding:11px 15px;background:#0e1e30f5;border-color:#4a627e}.muted{color:#adc0d6}.badge{color:#b0c9df}button:disabled{opacity:.35;cursor:not-allowed}@media(min-width:1100px){main:has(#regionDrawer:not([hidden])) .worlds{right:332px}main:has(#regionDrawer:not([hidden])) .tools,main:has(#regionDrawer:not([hidden])) #floorControl{right:332px}}@media(max-width:760px){#sidebar{width:min(380px,100vw)}#regionDrawer{width:min(320px,88vw)}.worlds button{font-size:11px;padding:9px 7px}}

.region-overview{padding:14px;background:#142d3b;border:1px solid #3b6170;border-radius:10px;font-size:12px;line-height:1.8;margin:12px 0}.region-overview p{margin:0 0 10px}.region-overview a{color:#9be8d0}

.layer-group summary .group-eye{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #466178;border-radius:7px;color:#c1d5e8;background:#182c3e;font-size:11px;white-space:nowrap}.group-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.layer-group summary .group-eye.is-visible{color:#a5f1d6;background:#20483f;border-color:#4b9b83}.layer-group summary .group-eye:hover{border-color:#8bcac2}.light-map .layer-group summary .group-eye{color:#285c6a;background:#e0eff0}

.region-loot-controls{border:1px solid #38586c;background:#102736;border-radius:12px;padding:12px;margin:16px 0}.region-loot-controls h3{margin:0 0 10px;font-size:13px}.region-loot-controls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.region-loot-controls button{display:flex;align-items:center;flex-direction:column;gap:6px;padding:11px 2px;font-size:12px;background:#172e40}.region-loot-controls button[aria-pressed=true]{background:#24594d;border-color:#7bd6bd;color:#c6ffeb}.region-loot-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.region-loot-controls small{font-size:11px;color:inherit}.region-loot-controls p{font-size:11px;color:#a5bdcd;line-height:1.6;margin:10px 0 0}.worlds button[data-islands]:not(.active){background:transparent;color:#c9d7eb}.worlds button[data-islands].active{background:#285e53;color:#bbffe9}

.region-loot-controls .always-navigation{color:#86e2ff;font-weight:600}.layer:has(input:disabled){opacity:1;background:#163446;border-color:#3c8398}.layer input:disabled{cursor:default}

.region-loot-controls>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.worlds a{color:#d5e3ef;text-decoration:none;font-size:12px;padding:10px 12px;display:inline-block;background:#244c55;border-radius:5px}
/* Atlas workspace */
#sidebar{background:#0e1927;border-right:1px solid #304357}
#sidebar>header{background:linear-gradient(125deg,#172d42,#101d2c);border-bottom:1px solid #304357}
#sideContent{scrollbar-width:thin;scrollbar-color:#39546d transparent}
.atlas-intro{padding:15px;margin-bottom:12px;border:1px solid #33516b;border-radius:14px;background:linear-gradient(120deg,#1e3b51,#142538)}
.atlas-intro small,.atlas-region-kicker{color:#91cce5;font-size:10px;letter-spacing:.08em;font-weight:750}
.atlas-intro h3{margin:5px 0;color:#eff8ff;font-size:18px}.atlas-intro p{margin:4px 0 0;color:#b2c6da;font-size:12px}
#sidebar .layer-group{margin:9px 0;border:1px solid #293e53;border-radius:12px;background:#142233;overflow:hidden}
#sidebar .layer-group summary{padding:9px 10px;background:#192a3e;color:#edf5ff}
#sidebar .layer-group .layer-grid{padding:8px;gap:6px}
#sidebar .layer-group .layer{border-radius:9px;min-height:42px;background:#101d2d}
#sidebar .layer-group .layer.enabled{background:#1e3b4c;border-color:#5489a1;color:#edfaff}
.worlds{background:#101d2cee;border:1px solid #466279;border-radius:13px;box-shadow:0 8px 24px #030b144d}
.worlds button.active,.worlds button[data-islands].active{background:#2d5269;color:#e4faff;box-shadow:inset 0 0 0 1px #6493ae}
#popup,#regionDrawer{background:#111e2ef5;color:#e7f2ff;border-color:#3b5871;border-radius:15px;box-shadow:0 14px 38px #03091077}
#popup h2{padding-right:24px;color:#f2f8ff}.map-photo-trigger{margin:6px 0;padding:8px 12px;background:#214b42;border:1px solid #508675;color:#d1ffea;font-weight:750}
#mapPhoto{width:min(1050px,94vw);max-height:92dvh;overflow:auto;padding:0;background:#101c2b;color:#eaf4ff;border:1px solid #45627a;border-radius:16px;box-shadow:0 20px 65px #000a}
#mapPhoto::backdrop{background:#050b13e8}#mapPhoto header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
#mapPhoto h2{margin:0;font-size:17px}#mapPhoto header button{font-size:20px;min-width:38px}#mapPhoto figure{margin:0}#mapPhotoImage{width:100%;max-height:74dvh;object-fit:contain;background:#08111e;display:block}#mapPhotoImage[hidden]{display:none}#mapPhoto figcaption{padding:10px 16px;color:#b1c5d8}#mapPhoto a{color:#9bdeff}
@media(max-width:760px){.worlds{max-width:calc(100% - 62px);flex-wrap:wrap}.worlds button{white-space:normal}.worlds button[data-world=idyll],.worlds button[data-islands]{font-weight:750}}
#mapPhotoImage.map-photo-icon{width:160px;height:160px;padding:24px;margin:12px auto;border-radius:16px}

/* Atlas controls */
#sidebar{width:350px;background:#101923;border-color:#30404e;color:#e4edf5;color-scheme:dark}
#sidebar>header{min-height:70px;padding:12px 17px;background:#101923;border-bottom:1px solid #2b3b49}
#sidebar>header .atlas-brand{display:flex;align-items:center}
.atlas-brand img{display:block;width:112px;height:44px;object-fit:contain}
#sidebar>nav{background:#101923;border-bottom:1px solid #30404e}
#sidebar>nav button{padding:13px 5px;font-weight:700;color:#aabdcf}
#sidebar>nav button.active{color:#ffca8c;border-bottom-color:#e9a45c;background:#d08c4012}
#sideContent{padding:12px;scrollbar-color:#4d6378 #101923}
.atlas-intro{margin-bottom:12px;padding:13px 14px;background:#182635;border-color:#394d60;border-radius:11px}
.atlas-intro small{color:#ebba87;letter-spacing:.1em}
.atlas-intro h3{margin:5px 0 0;font-size:16px}
#sidebar #poiSearch,#sidebar #regionSearch,#sidebar #petSearch{background:#0c151f;color:#e5eef7;border-color:#3b5065;border-radius:8px;min-height:39px}
#sidebar #sideContent>.row button{background:#1a2a3b;border-color:#394f64;color:#d7e5f2;min-height:34px;border-radius:8px}
#sidebar .layer-group{border-color:#304253;background:#131f2c;border-radius:10px}
#sidebar .layer-group summary{background:#192838;padding:8px 9px}
#sidebar .layer-group summary>b{font-size:13px}
#sidebar .layer-group .group-eye{font-size:10px;padding:5px 6px;background:#142131;border-color:#3b5063}
#sidebar .layer-group .group-eye.is-visible{background:#413023;color:#ffd19e;border-color:#a77a4f}
#sidebar .layer-group .layer{background:#111c29;border-color:#2d4052;min-width:0}
#sidebar .layer-group .layer.enabled,#sidebar .layer-group .layer:has(input:checked){background:#1a3042;border-color:#5685a0;color:#edf6ff}
#sidebar .layer-group .layer span{overflow-wrap:anywhere}
#sidebar button:focus-visible,.worlds button:focus-visible{outline:2px solid #ffd19e;outline-offset:2px}
.worlds{background:#101923f5;border-color:#526c82;gap:4px}
.worlds button.active,.worlds button[data-islands].active{background:#503a27;color:#ffe0b9;box-shadow:inset 0 0 0 1px #c58f57}
main #status.atlas-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
@media(max-width:760px){#sidebar{width:min(350px,100vw)}.worlds{gap:3px}.worlds button{font-size:11px}}

/* Region drawer and marker details */
#popup:has(.marker-detail) {
  width: min(370px, calc(100% - 24px));
  max-width: calc(100% - 24px);
  padding: 18px;
  background: #101c2b;
}
#popup:has(.marker-detail) h2 { font-size: 17px; line-height: 1.35; margin: 0 0 6px; }
#popup:has(.marker-detail) p { line-height: 1.55; }
#popup:has(.marker-detail) .row { flex-wrap: wrap; gap: 6px; margin-top: 12px; }
#popup:has(.marker-detail) .row button { min-width: max-content; }
#popup .map-photo-trigger { margin: 4px 0 8px; background: #214063; border-color: #537fac; color: #e5f3ff; }
#popup .map-photo-trigger:hover { background: #2d527b; }
body.light-map #popup h2 { color: #213b54; }
#regionDrawer .region-pet-grid button { min-height: 94px; border: 1px solid #2b4056; background: #172638; align-content: center; }
#regionDrawer .region-pet-grid button:hover { border-color: #6d9bc6; background: #20364c; }
#regionDrawer .region-pet-grid button.is-picked { border-color: #76c8ed; background: #204361; box-shadow: none; }
#regionDrawer .pick-check { right: 7px; color: #99b6d2; }
#regionDrawer .is-picked .pick-check { color: #b3edff; }
#regionDrawer .drawer-actions button { flex: 0 1 auto; padding-inline: 10px; }
#regionDrawer .region-loot-controls { padding: 10px; background: #142133; border-color: #2c4158; }
#regionDrawer .region-loot-controls button { flex-direction: row; justify-content: space-between; gap: 4px; padding: 9px 8px; }
body.light-map #regionDrawer .region-pet-grid button,
body.light-map #regionDrawer .region-loot-controls { background: #e7eff8; border-color: #c1d2e2; }
body.light-map #regionDrawer .region-pet-grid button.is-picked { background: #d4e9fd; border-color: #659dcc; }
.layer-group .group-eye[hidden] { display: none; }

#popup:has(.loot-popup) {
  width: fit-content;
  max-width: min(390px, calc(100% - 24px));
  padding: 0;
  border-radius: 12px;
  background: #101929;
  color: #eaf3ff;
}
.loot-popup-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 36px 10px 12px;
  background: #1c2a3e;
  border-bottom: 1px solid #33445a;
}
.loot-popup-heading img { width: 22px; height: 22px; object-fit: contain; }
#popup .loot-popup-heading h2 { padding: 0; margin: 0; font-size: 15px; }
#popup .loot-popup-heading .close { right: 8px; top: 8px; border-radius: 50%; }
.loot-popup-actions, .loot-popup-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 8px 10px 0; }
.loot-popup-meta { padding-bottom: 10px; }
.loot-popup-actions button, .loot-popup-meta span, #popup .loot-popup-meta button {
  margin: 0;
  padding: 4px 7px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}
.loot-popup-meta span { background: #26374a; color: #c1d2e6; }
.loot-popup-actions button[data-action=copy-point] { color: #a3d0ff; }
.loot-popup-actions button[aria-pressed=true], #popup .loot-popup-meta button { background: #263d25; color: #d5f5a0; border-color: #55753b; }
.loot-popup-actions .loot-tip { background: #423418; border-color: #856432; color: #ffe1a0; }
#lootTip { padding: 0 12px 10px; }
#lootTip p { margin: 8px 0; line-height: 1.5; }
body.light-map #popup:has(.loot-popup) { background: #f3f7fc; color: #24374c; }
body.light-map .loot-popup-heading { background: #e3edf8; border-color: #c0d1e2; }
body.light-map .loot-popup-actions button[data-action=copy-point] { color: #225589; }
#popup:has(.loot-popup) { left: var(--loot-left, 10px); top: var(--loot-top, auto); bottom: var(--loot-bottom, 65px); }

.aniimo-browser { display: grid; gap: 10px; }
.aniimo-browser > h2 { margin: 2px 0; font-size: 21px; }
.aniimo-browser > input { margin: 0; }
.aniimo-prism { display: flex; gap: 7px; align-items: center; font-size: 12px; }
.aniimo-browser .pet-grid { margin-top: 2px; gap: 7px; }
.aniimo-browser .pet { background: #192b3e; border: 1px solid #2e435c; border-radius: 10px; padding: 8px 3px; }
.aniimo-browser .pet:hover, .aniimo-browser .pet.active { background: #233f5c; border-color: #6599cf; }
.drawer-aniimo-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 15px 0 9px; }
.drawer-aniimo-heading h3 { margin: 0; font-size: 14px; }
.drawer-aniimo-heading button { padding: 5px 8px; font-size: 11px; }
#regionDrawer .region-loot-controls button { justify-content: flex-start; min-height: 40px; }
.region-loot-controls img { width: 24px; height: 24px; object-fit: contain; flex: none; }
.region-loot-controls button small { margin-left: auto; }
body.light-map .aniimo-browser .pet { background: #e7eff8; border-color: #c1d2e2; }
body.light-map .aniimo-browser .pet.active { background: #d4e9fd; border-color: #659dcc; }

.route-stops { padding-left: 21px; }
.route-stops li { margin: 6px 0; }
.route-stops li span { margin-right: 8px; }
.route-stops li button { padding: 3px 7px; font-size: 11px; }
#popup [data-action=route-point][aria-pressed=true] { background: #462a26; color: #ffd7c6; border-color: #82594b; }

/* Keep small controls legible without heavy outlines on the map itself. */
#sidebar .layer, #regionDrawer .region-loot-controls button { font-size: 13px; line-height: 1.35; }
#sidebar .layer small, #regionDrawer .region-loot-controls small { font-size: 12px; }
#sidebar .layer-group summary b, .drawer-aniimo-heading h3 { font-size: 15px; }
#regionDrawer .region-pet-grid button { font-size: 13px; }
#popup .loot-popup-heading h2 { font-size: 17px; line-height: 1.35; }
#popup .loot-popup-actions button, #popup .loot-popup-meta span, #popup .loot-popup-meta button { font-size: 12px; }
#lootTip { font-size: 14px; }
#mapPhoto h2 { font-size: 20px; line-height: 1.35; }
#mapPhoto figcaption[hidden] { display: none; }



html, body { width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; }
body { position: fixed; inset: 0; height: 100dvh; }
main { height: 100%; overflow: hidden; }
#map { touch-action: none; }
#sideContent, #regionDrawer { overscroll-behavior: contain; }
#floorSwitcher {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  display: grid;
  gap: 6px;
  padding: 6px;
  border: 1px solid #567289;
  border-radius: 26px;
  background: #15283dde;
}
#floorSwitcher[hidden], #mapSettings label[hidden] { display: none; }
#floorSwitcher button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border-radius: 50%;
}
#floorSwitcher svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#floorSwitcher button[aria-pressed=true] { background: #176579; border-color: #7aeaff; color: #edfcff; box-shadow: 0 0 12px #48d2f670; }
#mapSettings #floorControl { position: static; width: auto; max-width: 70%; }
@media (min-width: 1100px) {
  main:has(#regionDrawer:not([hidden])) #floorSwitcher { right: 348px; }
}

#sidebar > nav button { font-size: 15px; padding: 15px 5px; min-height: 48px; }

.layer:has(input[data-layer="type_10410"]) img { filter: sepia(.75) saturate(3) hue-rotate(222deg); }
.layer:has(input[data-layer="type_10407"]) img { width: 34px; height: 34px; }

#sidebar { width: min(400px, 100vw); }
#regionDrawer { width: min(380px, 88vw); }
#sidebar .layer:has(input:indeterminate) { opacity: 1; border-color: #6b9dad; background: #183044; }
@media (min-width: 1100px) {
  main:has(#regionDrawer:not([hidden])) .worlds,
  main:has(#regionDrawer:not([hidden])) .tools,
  main:has(#regionDrawer:not([hidden])) #floorSwitcher { right: 394px; }
}

.tracking-panel { display: grid; gap: 12px; }
.tracking-panel .tracking-heading { padding: 4px 2px; background: transparent; }
.tracking-heading small { color: #a3bdcf; }
.tracking-heading h2 { margin: 4px 0 0; font-size: 22px; }
.tracking-card { padding: 13px; border: 1px solid #354e62; border-radius: 12px; background: #162638; }
.tracking-card h3 { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 10px; font-size: 15px; }
.tracking-card h3 small, .tracking-total span { color: #9ad3ee; font-size: 12px; }
.tracking-total, .tracking-visibility { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tracking-total strong { font-size: 21px; font-variant-numeric: tabular-nums; }
.tracking-card progress { display: block; margin: 8px 0 12px; accent-color: #62b7e2; }
.tracking-categories { display: grid; gap: 4px; list-style: none; padding: 0; margin: 0 0 10px; }
.tracking-categories li { display: grid; grid-template-columns: 24px 1fr auto; gap: 8px; align-items: center; padding: 5px; border-radius: 6px; background: #203448; font-size: 12px; }
.tracking-categories img { width: 24px; height: 24px; object-fit: contain; }
.tracking-categories b { color: #c3e4f5; font-size: 11px; font-variant-numeric: tabular-nums; }
.tracking-visibility { font-size: 12px; }
.tracking-visibility .row { margin: 0; }
.tracking-visibility button[aria-pressed="true"] { background: #25485d; border-color: #6697b1; }
.tracking-card p { margin: 0; line-height: 1.55; }
body.light-map .tracking-card { background: #e6eef7; border-color: #a9bfd1; }
body.light-map .tracking-categories li { background: #d9e7f3; }
body.light-map .tracking-categories b, body.light-map .tracking-total span, body.light-map .tracking-card h3 small { color: #264e6a; }

.tracking-panel { gap: 10px; }
.tracking-panel .tracking-heading { display: grid; justify-content: start; gap: 5px; padding: 5px 3px 9px; }
.tracking-heading h2 { margin: 0; }
.tracking-card { padding: 14px; background: linear-gradient(145deg, #1a2c40, #142233); }
.tracking-categories li { min-height: 34px; padding-inline: 8px; }
.tracking-visibility { display: grid; grid-template-columns: 1fr minmax(126px, auto); align-items: center; }
.tracking-visibility .row { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.tracking-visibility .row button { min-width: 58px; white-space: nowrap; padding: 7px 8px; }
@media (prefers-reduced-motion: no-preference) {
  #regionDrawer:not([hidden]) { animation: region-drawer-in 180ms ease-out; }
  #floorSwitcher button, .tracking-visibility button { transition: background-color 160ms, border-color 160ms, box-shadow 160ms; }
}
@keyframes region-drawer-in {
  from { opacity: .55; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}