@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{--ink:#253f3b;--muted:#667a75;--green:#386b52;--line:#e4eae3;--paper:#fbfcf8;--sky:#deecee}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans JP','Noto Sans KR',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button,select,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid #367665;outline-offset:3px}button{color:inherit;border:0;background:none}button:hover{filter:brightness(.95)}[hidden]{display:none!important}header{height:78px;display:flex;align-items:center;padding:0 30px;gap:24px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;font:800 29px 'Manrope',sans-serif;letter-spacing:-1.4px}.brand-icon{display:grid;place-items:center;width:36px;height:36px;background:#e5efdc;border-radius:50%;font-size:32px;color:#587346}.brand-atlas{font-weight:400;margin-left:5px}.header-divider{height:24px;border-left:1px solid #dbe2da}.header-title{font-weight:600;font-size:14px}.preview-tag{font-size:11px;border:1px solid #dce6d4;padding:5px 9px;border-radius:5px;color:#5b7155;background:#f0f5e9}.header-right{margin-left:auto;display:flex;gap:25px;align-items:center}.fan-label{font-size:12px;color:var(--muted)}.language{display:flex;align-items:center;gap:6px;border:1px solid #dfe5dd;border-radius:8px;padding:0 12px;background:white}.language span{font-size:21px}.language select{border:0;background:none;color:var(--ink);height:40px;cursor:pointer;max-width:105px}main{display:flex;height:calc(100dvh - 78px);min-height:550px}aside{width:310px;min-width:310px;background:var(--paper);display:flex;flex-direction:column;border-right:1px solid #cedcd6;z-index:5}.sidebar-top{padding:30px 24px 0}.eyebrow{font-size:12px;color:#6d8068;margin-bottom:8px}h1{font-family:'Manrope','Noto Sans JP','Noto Sans KR',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.1px;line-height:1.3;margin:0}p.intro{color:var(--muted);font-size:13px;line-height:1.7;margin:10px 0 23px}.searchbox{display:flex;align-items:center;border:1px solid #dce3da;border-radius:9px;background:white;height:45px;padding:0 10px;gap:8px}.searchbox>span{font-size:26px;color:#648175}.searchbox input{width:100%;min-width:0;border:0;background:none;font-size:12px;outline:none}.searchbox button{font-size:20px;padding:5px}.tabs{display:flex;margin-top:20px;border-bottom:1px solid var(--line);gap:25px}.tabs button{padding:11px 0 13px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}.sidebar-content{padding:21px 24px;overflow-y:auto;scrollbar-width:thin;flex:1}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-heading h2{font-size:12px;font-weight:700;margin:0}.section-heading button,.section-heading>span{font-size:11px;color:var(--muted);padding:4px 0}.category{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 8px;margin:3px -8px;border-radius:7px;width:calc(100% + 16px);text-align:left}.category:hover{background:#edf2e8}.category .count{margin-left:auto;color:var(--muted);font-size:11px}.check{width:16px;height:16px;border:1px solid #c9d5c5;border-radius:4px;margin-left:7px;display:grid;place-items:center;font-size:11px}.category[aria-pressed=true] .check{background:var(--green);color:white;border-color:var(--green)}.category[aria-pressed=false]{opacity:.6}.icon{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--tint);color:var(--color);flex-shrink:0}.icon svg{width:18px;height:18px}.results-heading{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.result{width:100%;display:flex;align-items:center;text-align:left;gap:11px;padding:10px 9px;margin:3px -9px;border-radius:8px}.result.selected{background:#eaf0e2}.result-name{font-size:13px;font-weight:500;display:block}.result-meta{font-size:11px;color:var(--muted);display:block;margin-top:4px}.result-arrow{margin-left:auto;color:#779180}.empty{font-size:13px;color:var(--muted);padding:15px 0;line-height:1.8}.sidebar-bottom{display:flex;gap:10px;margin:0 20px;padding:18px 0;border-top:1px solid var(--line);font-size:11px}.sidebar-bottom strong{font-weight:600}.sidebar-bottom p{color:var(--muted);line-height:1.7;margin:4px 0 0}.notice-icon{border:1px solid #8ba280;border-radius:50%;width:16px;height:16px;text-align:center;flex-shrink:0;color:#6c8661}.map{flex:1;position:relative;overflow:hidden;background:var(--sky);isolation:isolate;background-image:radial-gradient(ellipse at 20% 10%,#eff7f6 0,transparent 50%),radial-gradient(ellipse at 90% 90%,#bcdde2 0,transparent 50%)}.map-top{position:absolute;top:25px;left:26px;right:26px;display:flex;justify-content:space-between;z-index:3;pointer-events:none}.region-pill{background:#fffffff2;box-shadow:0 3px 15px #4469660a;border:1px solid #ffffff;border-radius:10px;padding:13px 17px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.region-dot{width:7px;height:7px;background:#63835d;border-radius:50%}.small-label{font-size:10px;font-weight:400;color:var(--muted);border-left:1px solid #dce3d9;padding-left:10px;margin-left:3px}.mobile-toggle{display:none;pointer-events:auto;background:var(--paper);border-radius:8px;padding:10px}#viewport{width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab}#viewport.dragging{cursor:grabbing}#world{position:absolute;width:1200px;height:900px;transform-origin:0 0;will-change:transform}#terrain{position:absolute;width:100%;height:100%;inset:0;filter:drop-shadow(0 24px 16px #628d9222)}#markers{position:absolute;inset:0}.marker{position:absolute;transform:translate(-50%,-100%) scale(var(--pin-scale,1));transform-origin:50% 100%;width:42px;height:47px;padding:0;display:grid;place-items:center;filter:drop-shadow(0 3px 3px #38564c35);z-index:2}.marker:before{content:'';position:absolute;inset:0 0 5px;background:var(--paper);border:2px solid white;border-radius:50% 50% 50% 5px;transform:rotate(-45deg)}.marker .icon{position:relative;width:31px;height:31px;border-radius:50%;margin-bottom:5px}.marker:hover,.marker.active{z-index:4;filter:drop-shadow(0 0 5px #386b5270)}.marker.active:before{border:3px solid #386b52}.marker.found:after{content:'✓';position:absolute;right:-3px;top:-2px;background:#386b52;color:white;border:2px solid white;border-radius:50%;font-size:10px;width:17px;height:17px}.region-name{position:absolute;text-align:center;pointer-events:none;color:#476955;text-shadow:0 1px #ffffffaa;letter-spacing:2px;font-family:'Manrope','Noto Sans JP','Noto Sans KR',sans-serif;font-weight:700;font-size:19px}.region-name small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:5px}.city-name{left:440px;top:450px;width:300px}.garden-name{left:150px;top:212px;font-size:15px;transform:rotate(-10deg)}.harbor-name{left:760px;top:692px;font-size:15px;transform:rotate(-8deg)}.compass{position:absolute;top:95px;right:30px;display:flex;flex-direction:column;align-items:center;color:#496d70;font:12px 'Manrope',sans-serif}.map-controls{position:absolute;right:25px;bottom:65px;background:#fffffff2;border:1px solid white;border-radius:11px;box-shadow:0 4px 20px #365f5b12;display:flex;flex-direction:column;align-items:center;width:44px;padding:3px 0;z-index:4}.map-controls button{width:42px;height:42px;font-size:24px}.map-controls span{font-size:10px;color:var(--muted)}.map-controls .control-line{height:1px;background:var(--line);width:24px;margin:5px 0}.map-bottom{position:absolute;left:25px;right:25px;bottom:20px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.map-hint,.map-credit{font-size:10px;color:#4c6d70;background:#edf5f2cc;padding:6px 10px;border-radius:5px}.map-credit{background:none}.detail-card{position:absolute;right:25px;top:95px;width:264px;background:var(--paper);border:1px solid white;border-radius:15px;box-shadow:0 10px 40px #38564c22;overflow:hidden;z-index:5}.detail-art{height:102px;background:#e4edda;position:relative;display:grid;place-items:center;overflow:hidden}.detail-art:before,.detail-art:after{content:'';position:absolute;width:170px;height:100px;border-radius:50%;background:#d0e0bf;transform:rotate(-20deg);bottom:-55px;left:-20px}.detail-art:after{left:130px;bottom:-45px;background:#c2d5b2}.detail-art>.icon{width:52px;height:52px;border-radius:16px;background:#fafcf4;z-index:1;box-shadow:0 5px 0 #728b5d21}.detail-art .icon svg{width:28px;height:28px}.close{position:absolute;right:9px;top:9px;background:#ffffffb8;border-radius:50%;width:30px;height:30px;font-size:20px;z-index:2}.detail-body{padding:20px}.detail-category{font-size:11px;color:var(--green)}.detail-body h2{font:700 20px 'Manrope','Noto Sans JP','Noto Sans KR',sans-serif;margin:7px 0 10px}.detail-body p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 16px}.sample-badge{font-size:10px;border:1px solid #dde4d4;border-radius:4px;padding:4px 7px;display:inline-block;margin-bottom:16px;color:#718366}.detail-actions{display:flex;gap:8px}.save-button{background:#386b52;color:white;border-radius:7px;padding:11px;flex:1;font-size:12px}.share-button{border:1px solid #dce3d7;border-radius:7px;width:40px;font-size:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253f3b;color:white;border-radius:9px;padding:13px 20px;z-index:30;font-size:13px;max-width:90vw}.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}
@media(min-width:1600px){aside{width:340px;min-width:340px}.sidebar-top,.sidebar-content{padding-left:30px;padding-right:30px}}
@media(max-width:1050px){header{padding:0 20px;gap:15px}.fan-label{display:none}.detail-card{width:235px}.header-title{font-size:12px}.map-credit{display:none}}
@media(max-width:900px){header{height:66px;padding:0 15px;gap:10px}.brand{font-size:23px}.brand-icon{width:29px;height:29px;font-size:26px}.header-title,.header-divider,.preview-tag{display:none}.header-right{gap:0}.language{padding:0 8px}.language select{font-size:12px}main{height:calc(100dvh - 66px);min-height:460px}aside{position:absolute;left:12px;top:135px;bottom:20px;width:290px;min-width:0;border:1px solid #d5e0d4;border-radius:14px;box-shadow:0 10px 40px #38564c33;display:none;z-index:8}aside.open{display:flex}.sidebar-top{padding-top:22px}.sidebar-bottom{padding:12px 0}.map-top{left:15px;right:15px;top:15px}.region-pill{padding:12px;font-size:12px}.small-label{display:none}.mobile-toggle{display:block}.detail-card{top:auto;bottom:48px;left:15px;right:75px;width:auto;max-width:330px}.detail-art{height:60px}.detail-art>.icon{height:40px;width:40px}.detail-body{padding:16px}.detail-body p{margin-bottom:10px}.sample-badge{margin-bottom:10px}.compass{right:20px;top:80px}.map-controls{right:15px;bottom:60px}.map-bottom{left:15px;right:15px;bottom:15px}.map-hint{font-size:9px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,filter .15s}.detail-card{animation:appear .18s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}


/* Compact utility search panel. */
.sidebar-top{padding-top:22px}h1{font-size:16px;letter-spacing:0;line-height:1.5;font-weight:700}p.intro{font-size:12px;line-height:1.7;margin:6px 0 16px}.tabs{margin-top:14px}

/* Actual game map canvas; retain the original image geometry. */
#world{width:2048px;height:2048px}#terrain{width:2048px;height:2048px;object-fit:contain;filter:none;user-select:none;pointer-events:none}.map{background:#5b9ca8}.region-pill{pointer-events:auto}#regionSelect{border:0;background:transparent;color:var(--ink);font:inherit;max-width:220px;cursor:pointer;min-height:24px}.region-pill{padding:10px 12px}.category .count{font-variant-numeric:tabular-nums}
/* Atlas utility components — design pack v1 */
:root{--ink:#203e3b;--muted:#536c66;--green:#277860;--paper:#fbfcf8;--line:#dce6df}header{height:68px;padding:0 24px;gap:22px}.brand{font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand-mark{flex-shrink:0}.main-nav{display:flex;align-items:center;height:100%;gap:21px}.main-nav a{display:flex;align-items:center;height:100%;color:var(--muted);text-decoration:none;font-weight:600;font-size:13px;border-bottom:3px solid transparent;padding-top:3px;white-space:nowrap}.main-nav a.active{color:var(--green);border-color:var(--green)}.preview-tag{display:none}.header-right{gap:14px}.fan-label{display:none}main{height:calc(100dvh - 68px);min-height:350px}aside{width:312px;min-width:312px}.sidebar-top{padding:20px 22px 0}.sidebar-content{padding:18px 22px}.sidebar-bottom{margin:0 22px;padding:12px 0}.sidebar-bottom p{font-size:10px}.backup-panel{padding:12px 22px 6px;border-top:1px solid var(--line)}.backup-panel p{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 0}.secondary,.danger{border:1px solid #c8d8cf;padding:9px 12px;border-radius:7px;font-size:12px;min-height:40px;background:#fff}.secondary:hover{background:#e3f2eb}.danger{color:#a34337;border-color:#e3c6bf}.wide{width:100%;margin-top:10px}.detail-actions>.secondary{flex:1}.progress-panel{margin-top:18px;padding:14px 0;border-block:1px solid var(--line);font-size:11px}.progress-panel label{display:flex;align-items:center;gap:7px;min-height:28px}.progress-panel input,.done-label input{accent-color:var(--green);width:16px;height:16px}#progressText{margin-top:7px;color:var(--muted)}progress{width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;margin-top:7px;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e0e9e2}progress::-webkit-progress-value{background:var(--green)}.route-panel{padding-top:16px}.route-panel summary{font-size:12px;font-weight:700;cursor:pointer;min-height:24px}.route-panel p{font-size:11px;color:var(--muted);line-height:1.6}.route-panel ol{list-style:none;padding:0;margin:8px 0}.route-panel li{display:flex;align-items:center;font-size:12px;border-bottom:1px solid var(--line)}.route-panel li button{padding:8px 5px;min-height:38px}.route-panel li button:first-child{flex:1;text-align:left}.route-panel li button:disabled{opacity:.3}.top-actions{display:flex;gap:8px;align-items:flex-start;pointer-events:auto}.map-action{border:1px solid #fff;background:#fffffff2;border-radius:9px;padding:11px 14px;min-height:44px;font-size:12px;box-shadow:0 3px 15px #224b4010}.map-action[aria-pressed=true]{background:var(--green);color:#fff}.map-top{top:20px;left:20px;right:20px}.region-pill{max-width:45%;min-height:44px}.region-pill select{max-width:100%;font-size:12px}#routeLines{position:absolute;inset:0;width:2048px;height:2048px;overflow:visible;pointer-events:none}#routeLines path{fill:none;stroke:#f8df80;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #223f3b)}#viewport.pin-mode{cursor:crosshair}#pinHint{position:absolute;top:78px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 16px;border-radius:8px;font-size:12px;z-index:7;max-width:90%;white-space:nowrap}.detail-card{width:292px;max-height:calc(100% - 150px);overflow-y:auto;top:82px;right:20px}.detail-art{height:64px}.detail-art>.icon{height:40px;width:40px;border-radius:12px}.detail-body{padding:18px}.detail-body h2{font-size:20px}.detail-body h3{font-size:12px;margin:17px 0 9px}.source-badge{font-size:10px;display:inline-block;padding:5px 8px;border:1px solid #d6e4da;background:#edf5ef;border-radius:5px;color:var(--muted)}.done-label{display:flex;align-items:center;gap:7px;margin:15px 0;min-height:32px;font-size:12px}.material-list{list-style:none;padding:0;margin:0 0 12px}.material-list li{padding:8px 10px;background:#edf3eb;border-radius:6px;margin:4px 0;font-size:12px}.material-list a{color:var(--green)}.source-text{font-size:10px!important;margin:12px 0 0!important;overflow-wrap:anywhere}#tooltip{position:fixed;z-index:25;pointer-events:none;max-width:250px;background:#203e3bf2;border:1px solid #6b8880;color:white;border-radius:8px;padding:10px 13px;box-shadow:0 6px 20px #203e3b33;font-size:12px}#tooltip strong,#tooltip span{display:block}#tooltip span{font-size:10px;margin-top:4px;line-height:1.5;color:#dceae4}dialog{width:390px;max-width:calc(100vw - 32px);border:1px solid #d1dfd6;border-radius:16px;padding:24px;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #203e3b50}dialog::backdrop{background:#203e3b55}dialog h2{font-size:19px;margin:0 0 20px}dialog label{display:block;font-size:12px;font-weight:600;margin:14px 0 7px}dialog input,dialog textarea{width:100%;border:1px solid #c8d8cf;border-radius:7px;padding:10px;color:var(--ink);font:inherit}dialog .detail-actions{margin-top:20px}.map-controls button{min-height:44px}#terrain{transform-origin:center}.marker:focus-visible{outline-offset:7px}.searchbox input{min-height:42px}
@media(max-width:1100px){.main-nav{gap:14px}.main-nav a{font-size:12px}header{gap:16px;padding:0 18px}.brand{font-size:22px}.map-action{padding:10px;font-size:11px}.region-pill{max-width:43%}.detail-card{width:265px}.header-right{margin-left:auto}}
@media(max-width:900px){header{height:62px;flex-wrap:wrap;gap:8px 14px;padding:0 14px}.brand{font-size:22px}.brand-mark{width:29px;height:29px}.main-nav{gap:12px;margin-left:auto}.main-nav a{font-size:11px}.header-right{margin-left:0}.language{padding:0 6px}.language span{display:none}.language select{max-width:76px;font-size:11px}.map-top{top:14px;left:12px;right:12px;gap:7px}.region-pill{max-width:49%;padding:8px}.region-pill select{font-size:11px;min-width:0}.region-dot{display:none}.top-actions{gap:5px}.map-action{padding:9px;min-height:44px}#shareMap{display:none}.mobile-toggle{font-size:12px;min-height:44px}.detail-card{top:auto;bottom:48px;left:12px;right:68px;max-height:55%;width:auto;max-width:360px}.detail-art{height:48px}.detail-body{padding:14px}.detail-body h2{font-size:18px}main{height:calc(100dvh - 62px);min-height:300px}aside{top:125px;bottom:12px;width:300px;max-width:calc(100vw - 24px)}.sidebar-top{padding-top:16px}.backup-panel{padding:9px 20px}.sidebar-bottom{display:none}#pinHint{white-space:normal;width:max-content;max-width:90%;text-align:center;top:70px}}
@media(max-width:560px){header{height:98px;align-content:center;gap:0}.brand{width:60%;height:49px}.header-right{width:40%;justify-content:flex-end;height:49px}.main-nav{order:3;width:100%;height:41px;justify-content:space-between;margin:0}.main-nav a{font-size:12px;padding:0 8px}.main-nav a:first-child{padding-left:0}main{height:calc(100dvh - 98px)}aside{top:160px}.map-hint{max-width:75%;font-size:9px}.map-bottom{bottom:10px}.map-top{top:12px}.region-pill{max-width:48%}.region-pill select{width:100%}.map-controls{right:12px}.map-credit{display:none}.category{min-height:44px}#tooltip{display:none}}
.layer-actions{display:flex;gap:12px}#dataStatus{position:absolute;left:20px;bottom:50px;max-width:calc(100% - 100px);border:1px solid #e3ece5;background:#fbfcf8ed;padding:7px 10px;border-radius:6px;font-size:10px;color:var(--muted);pointer-events:none;z-index:3}#fullscreen svg{width:19px;height:19px}.map:fullscreen{width:100vw;height:100dvh}.map:fullscreen .mobile-toggle{display:none}@media(max-width:900px){#dataStatus{left:15px;bottom:43px;max-width:calc(100% - 84px);font-size:10px}}
.map-controls{width:46px}.map-controls button{width:44px;height:44px}.map-controls svg,.language svg,.searchbox svg{width:20px;height:20px;flex-shrink:0}.language select{height:44px}.mobile-toggle{min-width:44px}.main-nav a{min-width:44px;justify-content:center}.main-nav{min-height:44px}.region-pill{padding-top:0;padding-bottom:0}.region-pill select{height:44px}.map-action{min-width:44px}@media(max-width:560px){.main-nav a{min-height:44px}.language svg{display:none}.map-controls{bottom:60px}}
/* Keep utility controls usable by touch, including desktop touchscreens. */
button{min-height:44px;min-width:44px}.brand{min-height:44px}.searchbox{height:46px}.searchbox input{min-height:44px}.searchbox button{padding:0}.secondary,.danger{min-height:44px}.section-heading button{padding:8px 0}.layer-actions{gap:9px}.tabs{gap:20px}.route-panel summary{min-height:44px;display:list-item;padding-top:12px}.route-panel li button{min-height:44px}.done-label,.progress-panel label{min-height:44px}.marker{width:44px}.detail-card .close{min-width:44px;min-height:44px;right:4px;top:4px}.result{min-height:50px}.language{min-height:44px}.searchbox input{width:100%}
.node-stats{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0;font-size:11px;border-block:1px solid var(--line);padding:10px 0}.node-stats dt{color:var(--muted)}.node-stats dd{margin:0;font-weight:600}
.marker.cluster{width:44px;height:44px;transform:translate(-50%,-50%) scale(var(--pin-scale));transform-origin:center;filter:drop-shadow(0 2px 3px #203e3b33)}.marker.cluster:before{inset:4px;border-radius:50%;transform:none;background:#277860;border:3px solid #f4faf5}.marker.cluster span{position:relative;z-index:1;color:#fff;font-size:13px;font-weight:700}.marker.cluster:hover:before{background:#184d3d}
.marker:not(.active):not(.cluster):before{inset:6px 6px 9px;border-width:1.5px;border-radius:50%;transform:none}.marker:not(.active):not(.cluster) .icon{width:25px;height:25px}.marker:not(.active):not(.cluster) .icon svg{width:16px;height:16px}.marker .game-icon{background:#f6faf3!important;border:1px solid #c8d8cf}.game-icon img{width:100%;height:100%;object-fit:contain}.marker.cat-landmark{z-index:3}.marker.cat-npc{z-index:4}.marker.active{z-index:6}.marker.cluster{z-index:1}.detail-art .game-icon{background:#fff}.drop-note{font-size:10px!important;line-height:1.6!important}
@media(min-width:901px){.map:has(#detail:not([hidden])) .map-controls{right:326px}}
#overlapDialog{max-height:75dvh;overflow-y:auto}#overlapDialog h2{margin:0;font-size:16px}#overlapList .result{margin:3px 0}.cat-npc .game-icon{overflow:hidden}.cat-npc .game-icon img{object-fit:cover;object-position:center 20%;transform:scale(1.2)}
.marker.cluster.landmark-cluster{z-index:2}.marker.cluster.landmark-cluster:before{background:#426c78}

/* Markers live in screen space, independent of the scaled terrain compositor. */
#viewport{position:relative;user-select:none;-webkit-user-select:none}#markers{pointer-events:none;overflow:visible}.marker{pointer-events:auto;transform:translate(-50%,-100%)!important}.marker.cluster{transform:translate(-50%,-50%)!important}.marker img{pointer-events:none;-webkit-user-drag:none;user-select:none}.marker .game-icon{width:32px!important;height:32px!important;border-radius:50%;overflow:hidden}.marker .game-icon img{image-rendering:auto}.marker.cat-npc .game-icon img{transform:none;object-fit:cover}.result .game-icon{width:34px;height:34px}.map img,.map svg{-webkit-user-drag:none}.map button{user-select:none}.source-badge,.source-text,.preview-tag{display:none}
.quick-search{position:absolute;z-index:4;top:76px;left:20px;width:300px;max-width:calc(100% - 92px);display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid #cfddd5;border-radius:10px;padding:0 4px 0 13px;box-shadow:0 3px 14px #203e3b14}.quick-search svg{width:19px;height:19px;flex:none;color:var(--green)}.quick-search input{width:100%;min-width:0;height:44px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink);outline:none}.quick-search:focus-within{outline:2px solid var(--green);outline-offset:2px}.quick-search button{font-size:21px;color:var(--muted)}
#tooltip{max-width:320px;width:max-content;box-sizing:border-box;background:#fbfcf8;color:var(--ink);border-color:#ccdbd2;padding:13px;box-shadow:0 8px 30px #153c3630}#tooltip span{color:var(--muted)}.tooltip-places{margin-top:8px;display:grid;gap:7px}.tooltip-places>div{display:flex;align-items:center;gap:8px}.tooltip-places .icon{width:27px;height:27px;flex:none;margin:0}.tooltip-places>div>span{font-size:12px;flex:1;margin:0;color:var(--ink)}.tooltip-places b{font-size:11px;color:var(--muted)}.tooltip-materials{border-top:1px solid var(--line);padding-top:8px;margin-top:9px!important;line-height:1.7!important}.tooltip-places img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.quick-search{left:12px;top:66px;width:300px}aside{top:185px}.detail-card{max-height:50%}}@media(max-width:560px){aside{top:220px}#tooltip{max-width:calc(100vw - 16px)}}@media(hover:hover){#tooltip:not([hidden]){display:block}}

.sidebar-top .searchbox{display:none}.sidebar-top .intro{margin-bottom:6px}.game-icon.portrait{overflow:hidden}.game-icon.portrait img{width:100%;height:145%!important;max-height:none;object-fit:cover;object-position:top;transform:none!important;align-self:start}

/* Map layer toggles and exact resource selection. */
.quick-filters{position:absolute;z-index:4;top:132px;left:20px;max-width:calc(100% - 92px);display:grid;gap:8px;pointer-events:none}#quickCategories{display:flex;gap:5px;max-width:100%;overflow-x:auto;pointer-events:auto;padding:2px 2px 5px}#quickCategories button{flex:none;border:1px solid #b7cbc0;background:#fbfcf8;color:#536c66;padding:0 12px;border-radius:8px;font-size:12px;box-shadow:0 2px 6px #203e3b10}#quickCategories button[aria-pressed=true]{background:#245e4e;color:white;border-color:#245e4e}#quickCategories button[aria-pressed=false]{border-style:dashed}#resourceFilterBar{pointer-events:auto;display:flex;align-items:center;gap:12px;background:#fbfcf8;border:1px solid #277860;border-radius:9px;padding:0 6px 0 12px;width:fit-content;max-width:100%;box-shadow:0 3px 14px #203e3b18}#resourceFilterBar[hidden]{display:none}#resourceFilterName{font-size:13px;font-weight:700;overflow-wrap:anywhere}#clearResource{color:#277860;font-size:12px;white-space:nowrap;padding:0 8px}#tooltip{pointer-events:auto;max-height:calc(100dvh - 24px);overflow-y:auto}.tooltip-materials{display:grid;gap:4px;max-height:240px;overflow-y:auto}.tooltip-materials small{font-size:11px;color:var(--muted);padding-bottom:4px}.tooltip-materials button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;padding:8px 10px;background:#edf3eb;border-radius:6px;color:var(--ink);font-size:12px}.tooltip-materials button:hover,.tooltip-materials button:focus-visible{background:#d9ebdf;outline:2px solid #277860;outline-offset:-2px}.layer-actions{flex-wrap:wrap;gap:5px}.section-heading:has(.layer-actions){align-items:center;gap:8px}.layer-actions button{font-size:10px}
@media(max-width:900px){.quick-filters{top:120px;left:12px;max-width:calc(100% - 24px)}.quick-filters:has(#resourceFilterBar:not([hidden]))~#detail .detail-card{top:225px;max-height:calc(100% - 240px)}}

.quick-search{z-index:8}#resourceSuggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:min(320px,45dvh);overflow-y:auto;border:1px solid #c5d7cb;border-radius:10px;background:var(--paper);padding:5px;box-shadow:0 10px 28px #203e3b30}#resourceSuggestions[hidden]{display:none}#resourceSuggestions button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:9px 10px;border-radius:6px;font-size:13px;color:var(--ink)}#resourceSuggestions small{white-space:nowrap;font-size:10px;color:var(--muted)}#resourceSuggestions button:hover,#resourceSuggestions button:focus-visible{background:#dcece0;outline:2px solid #277860;outline-offset:-2px}#areaLabels{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.area-label{position:absolute;transform:translate(-50%,-50%);max-width:180px;width:max-content;text-align:center;font-size:14px;font-weight:750;line-height:1.35;color:#fff8df;text-shadow:0 1px 3px #203e3b,1px 0 2px #203e3b,-1px 0 2px #203e3b,0 -1px 2px #203e3b;letter-spacing:.03em;pointer-events:none;user-select:none;-webkit-user-select:none}

.marker.cat-npc{z-index:7}.npc-caption{position:absolute;left:50%;top:calc(100% + 2px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:max-content;max-width:150px;padding:3px 7px;border:1px solid #d2dfd2;border-radius:5px;background:#fbfcf8f2;color:var(--ink);box-shadow:0 2px 5px #203e3b20;pointer-events:none;text-align:center;line-height:1.3;white-space:normal}.npc-caption b{font-size:11px;font-weight:700}.npc-caption small{font-size:10px;color:#526c60}.marker.cat-npc:hover,.marker.cat-npc:focus-visible{z-index:9}.npc-role{font-size:13px!important;font-weight:600;color:var(--green)!important;margin:6px 0 10px!important}.npc-services{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}.npc-services span{font-size:11px;background:#e6efe7;color:#365c47;border-radius:5px;padding:5px 8px}

/* Keep the map compositor beneath controls and detail surfaces. */
#viewport{isolation:isolate;z-index:0}#detail{position:absolute;inset:0;z-index:20;pointer-events:none}.detail-card{pointer-events:auto;z-index:1;width:360px;max-height:calc(100% - 110px);border:1px solid #cddbd3;box-shadow:0 16px 50px #173b3a40}.detail-art{position:sticky;top:0;z-index:2;height:104px;background:#e4eedc}.detail-art>.icon{width:80px;height:80px;border-radius:15px}.detail-card .close{position:absolute;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #b9cfc1;border-radius:12px;background:#fff;color:#294c42;box-shadow:0 2px 6px #203e3b1c}.detail-card .close svg{width:22px;height:22px}.detail-card .close:hover{background:#d8eadd}.game-icon.npc-portrait{overflow:hidden;background:#f6faf3}.game-icon.npc-portrait img{height:100%!important;width:100%;object-fit:contain;transform:none!important}.marker.cat-npc .game-icon.npc-portrait img{object-fit:contain}.shop-section{margin-top:18px;padding-top:4px;border-top:1px solid var(--line)}#shopSearch{width:100%;height:44px;border:1px solid #b8cec0;border-radius:8px;padding:0 11px;background:#fff;color:var(--ink);font-size:12px}#shopOffers h4{font-size:12px;margin:15px 0 7px;display:flex;align-items:center;justify-content:space-between;gap:8px}#shopOffers h4 small{font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap}.shop-offer{padding:11px 0;border-bottom:1px solid var(--line)}.offer-main{display:flex;gap:10px;align-items:center}.offer-main>div{min-width:0;flex:1}.offer-icon{width:48px;height:48px;object-fit:contain;flex:none;background:#edf2e8;border-radius:8px}.offer-main a{font-size:12px;line-height:1.5;color:var(--ink);text-decoration:none}.offer-main a:hover{text-decoration:underline}.offer-price{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:11px;margin-top:5px;color:#45684f}.currency-icon{width:19px;height:19px;object-fit:contain}.shop-offer>small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.offer-conditions{font-size:10px;color:var(--muted);margin-top:5px}.offer-conditions summary{padding:6px 0;cursor:pointer}.offer-conditions ul{padding-left:17px;margin:4px 0;line-height:1.7}
@media(min-width:901px){.map:has(#detail:not([hidden])) .map-controls{right:396px}}@media(max-width:900px){#detail .detail-card{top:auto;bottom:12px;left:12px;right:12px;width:auto;max-width:none;max-height:65%;}.detail-art{height:84px}.detail-art>.icon{width:64px;height:64px}}

.detail-card{animation:none;background:#fbfcf8}

/* NPC captions remain attached to their own portrait; the pin anchor never moves. */
.marker.cat-npc .npc-caption{pointer-events:auto;cursor:pointer;border-left:0;left:calc(100% - 5px);top:4px;transform:none;min-height:34px;justify-content:center;text-align:left;align-items:flex-start;border-radius:0 7px 7px 0;padding:3px 8px 3px 6px;background:#fbfcf8;box-shadow:2px 2px 4px #203e3b20}.marker.cat-npc>.icon{position:relative;z-index:1}.marker.cat-npc .npc-caption::before{content:"";position:absolute;left:-5px;top:-1px;bottom:-1px;width:6px;background:#fbfcf8;border-block:1px solid #d2dfd2;z-index:-1}

#respawnAlerts{position:fixed;right:20px;bottom:20px;z-index:40;width:340px;max-width:calc(100vw - 24px);background:#fbfcf8;border:1px solid #aecbb8;border-radius:12px;box-shadow:0 8px 32px #173b3a30;color:var(--ink)}.respawn-alert-header{display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 15px;border-bottom:1px solid var(--line);gap:10px;font-size:13px}.respawn-alert-header strong span{color:var(--green);margin-left:4px}.respawn-alert-header button{color:var(--green);font-size:12px;padding:0 8px}.respawn-alert-list{max-height:min(330px,45dvh);overflow-y:auto;overscroll-behavior:contain}.respawn-alert{padding:12px 8px 8px 15px;display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid var(--line)}.respawn-alert:last-child{border-bottom:0}.respawn-alert>div{flex:1;min-width:0}.respawn-alert strong,.respawn-alert span,.respawn-alert small{display:block}.respawn-alert strong{font-size:13px}.respawn-alert span{font-size:11px;margin-top:5px;color:var(--green)}.respawn-alert small{font-size:11px;margin-top:4px;color:var(--muted)}.respawn-alert [data-alert-location]{font-size:12px;padding:0;text-decoration:underline;color:var(--green)}.dismiss-alert{font-size:22px;line-height:1;border-radius:7px}.dismiss-alert:hover{background:#e6efe7}.cooldown-status{font-size:11px!important;color:var(--green)!important;margin:0 0 12px!important}@media(max-width:560px){#respawnAlerts{right:12px;bottom:12px}}

.marker.cooling-down{z-index:8;opacity:1!important;filter:none}.map-countdown{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);width:max-content;min-width:66px;padding:4px 7px;border:1px solid #b99a51;border-radius:6px;background:#fff6d8;color:#674b13;font-size:11px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 2px 5px #203e3b22;pointer-events:auto;cursor:pointer}.marker.cooling-down:hover,.marker.cooling-down:focus-visible{z-index:10}

.map:has(#respawnAlerts:not([hidden])) .map-controls{bottom:calc(var(--alerts-height, 180px) + 32px)}
.map:has(#respawnAlerts:not([hidden])) .detail-card{max-height:calc(100% - var(--alerts-height, 180px) - 126px)}
@media(max-width:900px){.map:has(#respawnAlerts:not([hidden])) #detail .detail-card{bottom:calc(var(--alerts-height, 180px) + 24px);max-height:calc(100% - var(--alerts-height, 180px) - 160px)}}

.marker.caption-collapsed .npc-caption{display:none}.marker.caption-collapsed:hover .npc-caption,.marker.caption-collapsed:focus-visible .npc-caption,.marker.caption-collapsed.active .npc-caption{display:flex}

.skip-search{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;background:#fbfcf8;color:#203e3b;border:2px solid #277860;border-radius:7px;transform:translateY(-160%)}.skip-search:focus{transform:none}
#respawnAlerts{right:76px;max-width:calc(100vw - 88px)}
.map:has(#respawnAlerts:not([hidden])) .map-controls{right:12px;bottom:12px}
.map:has(#respawnAlerts:not([hidden])) .detail-card{right:76px}
@media(max-width:900px){.map:has(#respawnAlerts:not([hidden])) #detail .detail-card{right:76px}}
@media(max-height:500px) and (min-width:650px){#respawnAlerts{width:calc(50vw - 88px)}.respawn-alert-list{max-height:calc(100dvh - 180px)}.map:has(#respawnAlerts:not([hidden])) #detail .detail-card{left:12px;right:auto;top:12px;bottom:12px;width:calc(50% - 28px);max-height:calc(100% - 24px)}}

.respawn-alert-actions{display:flex;align-items:center;flex:none}.respawn-alert-header>strong{white-space:nowrap}.respawn-alert-header{gap:3px;padding-left:12px}.respawn-alert-header button{padding:0 6px}.shop-detail .detail-art{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:14px 60px 14px 18px;height:100px}.shop-detail .detail-art>.icon{position:static;transform:none;flex:none;width:64px;height:64px}.shop-heading{min-width:0}.shop-heading h2{font-size:19px;line-height:1.3;margin:0}.shop-heading .npc-role{font-size:12px!important;margin:4px 0 0!important}.shop-detail .detail-body{padding-top:10px}.shop-detail .npc-services{margin:0 0 8px}.shop-detail .shop-section{margin-top:8px;padding-top:0}.shop-detail .shop-section h3{margin:10px 0 8px}
@media(max-width:900px){.shop-detail .detail-art{height:72px;padding:10px 58px 10px 14px;gap:10px}.shop-detail .detail-art>.icon{width:48px;height:48px}.shop-heading h2{font-size:17px}.shop-heading .npc-role{font-size:11px!important}.shop-detail .detail-body{padding:10px 14px 14px}.shop-detail .npc-services{gap:4px;margin:0 0 6px}.shop-detail .npc-services span{font-size:10px;padding:3px 6px}.shop-detail .shop-section h3{margin:8px 0 6px}.shop-detail #shopOffers h4{margin:10px 0 5px}.shop-detail .shop-offer{padding:8px 0}}
.shop-heading{position:relative;z-index:1}.detail-card .close{z-index:3}
.map:has(#detail:not([hidden])) .respawn-alert-list{max-height:min(180px,20dvh)}
@media(max-width:900px) and (min-height:501px){.map:has(#detail:not([hidden])) .respawn-alert-list{max-height:min(96px,15dvh)}}

/* Use available map width, including when the sidebar is hidden or fullscreen. */
.map{container-type:inline-size;container-name:atlas-map}
.map-top{z-index:8;align-items:center;gap:12px}
.map-top .quick-search{top:56px;left:0;max-width:100%;pointer-events:auto}
.map-top .top-actions{margin-left:auto}
#quickCategories{gap:4px;padding:2px 2px 4px}
#quickCategories button{min-height:30px;min-width:30px;padding:0 9px;font-size:11px;border-radius:6px}
#clearResource{min-height:30px;font-size:11px}
#resourceFilterName{font-size:12px}
.map-hint{display:none}
@container atlas-map (min-width:760px){
 .map-top .quick-search{position:relative;top:auto;left:auto;width:300px;max-width:320px;flex:1;min-width:190px}
 .map-top .region-pill{flex:none;max-width:none}
 .quick-filters{top:82px}
}
@media(max-width:900px){.map-top .quick-search{top:54px}}
@container atlas-map (min-width:760px){.map-top .quick-search{top:auto}}
.quick-type-toggles,.quick-layer-toggles{display:flex;gap:4px}
.personal-detail .detail-art{height:76px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 64px 12px 16px;background:#edf3e8;border-bottom:1px solid var(--line)}
.personal-detail .detail-art::before,.personal-detail .detail-art::after{display:none}
.personal-detail .detail-art>.icon{position:static;transform:none;width:44px;height:44px;flex:none;border-radius:12px}
.personal-detail .shop-heading h2{font-size:18px;overflow-wrap:anywhere}
.personal-detail .detail-body{padding:16px}
.personal-detail .personal-notes{margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.personal-detail .done-label{margin:0 0 12px}
.personal-detail .personal-actions{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){
 .map-top{gap:8px}
 .map-top .quick-search{width:100%;max-width:none}
 .quick-filters{right:12px;max-width:none}
 #quickCategories{display:flex;flex-direction:column;gap:5px;overflow:visible;padding:0}
 .quick-type-toggles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px}
 .quick-layer-toggles{display:grid;grid-template-columns:1fr 1fr;gap:5px}
 #quickCategories button{width:100%;min-width:0;min-height:34px;padding:0 5px;white-space:nowrap}
}