/* Map workspace: site navigation above a quiet, compact exploration rail. */
body.map-workspace{--bg:#0c1212;--panel:#141d1b;--line:#303e37;--muted:#9dab9f;--text:#e1e5dc;--accent:#c4d7b4;--warm:#d9bd80;height:100dvh;overflow:hidden;display:grid;grid-template-rows:58px 45px minmax(0,1fr);font-family:"Segoe UI","Malgun Gothic",system-ui,sans-serif}
.map-workspace header{height:auto;min-width:0;padding:0 22px;gap:14px;background:#0d1512;border-bottom:0}
.map-workspace header .brand{display:flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-1px;color:#e7efe3}.brand b{color:#65d69f}.map-workspace .brand img{border:1px solid #375044;border-radius:8px}.map-workspace header h1{font-size:12px;border-left:1px solid #3d4a40;padding-left:14px;color:#9caf9f}.map-workspace .beta-badge{font-size:9px;color:#a7b898;border-color:#3c4a38;background:transparent}.map-workspace header select,.map-workspace header button{padding:6px 10px;min-height:32px;font-size:11px;background:#17221b;border-color:#36473a}
.site-tabs{display:flex;align-items:stretch;gap:4px;padding:0 20px;background:#101b15;border-block:1px solid #2c3d30;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.site-tabs .tb{display:flex;gap:7px;align-items:center;padding:0 13px;border-bottom:2px solid transparent;color:#aabbb0;text-decoration:none;font-size:12px;font-weight:600;flex:none}.site-tabs .tb:hover{color:#e9f0e5;background:#1e2a21}.site-tabs .current{color:#ecdbaf;border-bottom-color:#d5bb7d;background:#263124}.site-tabs .pico{width:15px;height:15px;fill:#8ca98c}.site-tabs .pico .d{fill:#284333}.site-tabs .pico .m{fill:#79977e}.site-tabs .pico .h{fill:#c0d0b8}.site-tabs .pico .g{fill:#62c896}.site-tabs .pico .go{fill:#c8ac70}.site-tabs .pico .r{fill:#bb8874}
.map-workspace main{height:auto;min-height:0;grid-template-columns:310px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.map-workspace aside#sidebar{grid-row:1;grid-column:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#46594b transparent;background:#141e19;border-right:1px solid #405042;display:block;padding-bottom:12px}
.map-workspace #viewport{grid-row:1;grid-column:2;background:#15211c}.map-workspace .sidebar-head{display:block;padding:19px 16px 12px;border-bottom:1px solid #2b3c30}.map-workspace .finder-heading{display:flex;margin-bottom:16px}.map-workspace .finder-heading h2{font-size:17px;letter-spacing:-.5px;color:#ecebdc}.map-workspace .finder-heading kbd{font-size:10px;background:#1f2c22;color:#91a88f;border-color:#3b4b3e}.map-workspace .sidebar-head label:not(.sr){font-size:10px;color:#9cae9c;margin-bottom:7px}.map-workspace .sidebar-head select{width:100%;margin-bottom:10px;min-height:37px;padding:8px 12px;font-size:12px;background:#1c2a20;border-color:#40533f}.map-workspace .faction-switch{gap:3px;margin-bottom:8px;padding:3px;border:1px solid #354b39;border-radius:6px;background:#0f1a12}.map-workspace .faction-switch button{font-size:11px;min-height:28px;padding:5px;border:0;background:transparent;color:#9bad9c}.map-workspace .faction-switch button[aria-pressed=true]{background:#344b37;color:#ecf0dc;box-shadow:0 1px 3px #0004}.map-workspace .search-wrap{min-height:37px;border-color:#40513f;background:#101b14;border-radius:5px}.map-workspace input[type=search]{font-size:12px;padding:9px 8px 9px 0}.map-workspace .search-wrap span{font-size:20px;color:#b5c4a6}
#layerPanel{border-bottom:1px solid #304332;padding:0 0 10px}.map-workspace #exploreHeading{display:list-item;padding:13px 17px;font-size:12px;font-weight:650;color:#e2e5d8;cursor:pointer;list-style-position:inside}.map-workspace #categoryDock{padding:0 10px;overflow:visible}.map-workspace #kinds{display:block}.map-workspace #kinds .layer-group{display:grid;grid-template-columns:1fr 1fr;gap:3px;border:0;padding:0 0 8px;margin:0}.map-workspace #kinds .layer-group-title{grid-column:1/-1;font-size:10px;font-weight:500;color:#8fa28e;margin:6px 7px}.map-workspace #kinds .layer-group button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;min-height:31px;min-width:0;padding:6px 8px;font-size:11px;border:1px solid transparent;background:#1a281e;border-radius:4px;color:#b2c2ac}.map-workspace #kinds .layer-group button:hover{background:#273b2a;border-color:#425a3e}.map-workspace #kinds .layer-group button.active{background:#35432c;border-color:#9b9a64;color:#f1e8be}.map-workspace #kinds .layer-icon{width:15px;height:15px;flex:0 0 15px;opacity:.85}.map-workspace #kinds .layer-name{font-size:11px;white-space:normal;text-align:left;line-height:1.25}.map-workspace #kinds .layer-count{display:inline;font-size:9px;color:#81977e;margin-left:auto;font-variant-numeric:tabular-nums}.map-workspace #kinds button.active .layer-count{color:#d6c99e}
.map-workspace aside>.facet-controls{display:grid;grid-template-columns:1fr;gap:5px;padding:13px 16px;border-bottom:1px solid #304332}.map-workspace .facet-controls>label:not(.toggle){font-size:10px;color:#9dac98;margin:2px 0 0}.map-workspace .facet-controls select{padding:7px 10px;font-size:11px;min-height:32px;background:#1a281e;border-color:#3c4d3a}.map-workspace .facet-controls .toggle{position:static;grid-row:auto;justify-self:start;margin:5px 0 0;padding:0;background:transparent;font-size:10px}.map-workspace .filters{padding:6px 16px!important;max-height:none!important;border-bottom:0}.map-workspace #markerSettings{margin:0;padding:12px 16px;border-top:0;border-bottom:1px solid #304332}.map-workspace #markerSettings summary{font-size:12px}.map-workspace #markerScope{padding:7px;font-size:11px;background:#1a281e}.map-workspace .marker-slider{margin:10px 0;font-size:11px}.map-workspace #markerReset{background:transparent;font-size:10px;padding:5px 7px}.map-workspace .active-filters{padding:8px 14px 0}.map-workspace .active-filters button{font-size:10px;padding:4px 7px;background:#263b29;border-color:#62734d}.map-workspace .list-header{position:sticky;top:0;z-index:2;background:#141e19f5;padding:12px 16px 8px;border-bottom:1px solid #2b3c30;margin-top:4px}.map-workspace #count{font-size:11px;color:#c4d0b8}.map-workspace #resetFilters{padding:3px 6px;font-size:10px;color:#a6b39c;border-color:transparent;background:transparent}.map-workspace #list{overflow:visible;min-height:80px;flex:none;padding:5px 9px}.map-workspace #list button{min-height:45px;border-bottom:1px solid #25382a;border-radius:0;padding:9px 7px}.map-workspace #list button:hover{background:#223426}.map-workspace #list button.selected{background:#33432c;box-shadow:inset 2px 0 #d4bd7c}.map-workspace #list button .name{font-size:12px;color:#e0e4d6}.map-workspace #list .row-context{font-size:10px;color:#8fa28b}.map-workspace #list button small{font-size:10px;color:#a6b69a}.map-workspace #list .portrait{width:28px;height:28px;border:0;border-radius:3px;background:transparent}.map-workspace .sidebar-foot{font-size:9px;padding:12px 16px;line-height:1.6;border-top:1px solid #2d3f30;color:#7f947d}
.map-workspace .map-top{top:16px;left:16px;right:16px;gap:8px;flex-wrap:nowrap}.map-workspace #mapName{order:0;font-size:13px;letter-spacing:-.3px;background:#152319f0;color:#e9e7cf;border:1px solid #7c8865;padding:10px 12px;max-width:35%}.map-workspace .view-switch{order:1;background:#152319f0;border-color:#5a6d50;border-radius:5px;box-shadow:0 3px 12px #0003}.map-workspace .view-switch button{min-height:31px;font-size:10px;padding:5px 8px;background:transparent;color:#aabb9e}.map-workspace .view-switch .active,.map-workspace #overlayTrial[aria-pressed=true]{background:#4b4b2f;color:#f4e8bc}.map-workspace #focusMap{order:2;margin-left:auto;padding:8px 11px;min-height:35px;font-size:10px;border-color:#607654;background:#17271be8;color:#c7d5bb}.map-workspace #trialWarning{top:68px;left:16px;font-size:10px;padding:7px 10px;border-color:#9d8852;background:#403b25ed;color:#ebdbb0;border-radius:4px}.map-workspace #detail{background:#15241bf7;border-color:#697b54;border-radius:6px;box-shadow:0 10px 35px #0005}.map-workspace #detail h2{font-size:20px;color:#eeebd9}.map-workspace #detail p{color:#acbfa5}.map-workspace #detail .portrait-large{background:transparent;border:0}.map-workspace #controls{background:#14241bf0;border-color:#677c57;border-radius:5px}.map-workspace #controls button{font-size:11px;min-height:33px;min-width:34px;color:#d6e0c7;background:transparent}.map-workspace #legend,.map-workspace #mapStatus{font-size:10px;background:#17261ce8;border-color:#5b6c4e;color:#c8d1b8}.map-workspace .map-help{font-size:10px;background:#17261ccc;color:#c1cdb4}
body.map-workspace.map-focused main{grid-template-columns:0 minmax(0,1fr)}body.map-workspace.map-focused #sidebar{display:none}
@media(min-width:1600px){.map-workspace main{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1000px){.site-tabs{padding:0 10px;gap:0}.site-tabs .tb{padding:0 10px;font-size:11px}.map-workspace main{grid-template-columns:280px minmax(0,1fr)}.map-workspace .map-top{flex-wrap:wrap}.map-workspace #focusMap{order:1}.map-workspace .view-switch{order:3}.map-workspace #trialWarning{top:103px}}
@media(max-width:760px){body.map-workspace{grid-template-rows:50px 40px minmax(0,1fr)}.map-workspace header{padding:0 10px;gap:7px}.map-workspace header .brand{font-size:20px;gap:6px}.map-workspace .brand img{width:28px;height:28px}.map-workspace header h1{display:none}.map-workspace .beta-badge{display:none}.site-tabs{padding:0 5px}.site-tabs .tb{font-size:11px;padding:0 10px}.site-tabs .pico{width:13px;height:13px}.map-workspace main{height:auto;grid-template-columns:1fr;grid-template-rows:minmax(150px,58%) minmax(0,1fr)}.map-workspace #viewport{grid-row:1;grid-column:1}.map-workspace aside#sidebar{grid-row:2;grid-column:1;overflow:auto;border-top:1px solid #5c6d4e}.map-workspace .sidebar-head{padding:12px;display:block}.map-workspace .finder-heading{display:none}.map-workspace .sidebar-head select{margin-bottom:8px}.map-workspace .faction-switch{display:flex}.map-workspace #kinds .layer-group{grid-template-columns:repeat(3,minmax(0,1fr))}.map-workspace #kinds .layer-group button{padding:6px;font-size:10px}.map-workspace #kinds .layer-name{font-size:10px}.map-workspace #kinds .layer-count{display:none}.map-workspace aside>.facet-controls{padding:10px 12px;grid-template-columns:1fr 1fr}.map-workspace .facet-controls>label{grid-column:1/-1}.map-workspace .facet-controls>select{grid-column:1/-1}.map-workspace #markerSettings{padding:12px}.map-workspace .sidebar-foot{display:block}.map-workspace .map-top{top:10px;left:10px;right:10px;gap:4px}.map-workspace #mapName{font-size:11px;padding:7px;max-width:48%}.map-workspace #focusMap{min-height:30px;padding:6px;font-size:9px}.map-workspace .view-switch button{min-height:26px;font-size:9px;padding:4px 6px}.map-workspace #trialWarning{left:10px;top:87px;padding:5px 7px;font-size:9px}.map-workspace .map-help{display:none}.map-workspace #legend{font-size:9px}.map-workspace #controls button{min-height:29px;font-size:10px}body.map-workspace.map-focused main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}body.map-workspace.map-focused #viewport{grid-column:1;grid-row:1}.map-workspace #detail{top:86px;bottom:45px;max-height:calc(100% - 131px)}}
.map-workspace #kinds .layer-group{display:block;padding:0 0 5px}.map-workspace #kinds .layer-group-title{display:list-item;list-style-position:inside;cursor:pointer;font-size:10px;color:#a6b59a;margin:0;padding:9px 7px}.map-workspace #kinds .layer-group[open]>.layer-group-title{color:#d0d9bd}.map-workspace #kinds .layer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:3px}.map-workspace #kinds .layer-count{background:none!important;border:0!important;padding:0!important;min-width:0!important}.map-workspace #kinds .layer-group{border-bottom:1px solid #25382a}.map-workspace #kinds .layer-group:last-child{border:0}
@media(max-width:760px){.map-workspace #kinds .layer-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}
.map-workspace #kinds .layer-group{width:100%;max-width:none;min-width:0}.map-workspace #kinds .layer-group-title{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:9px 7px;font-size:11px;min-height:31px}.map-workspace #kinds .layer-group-title::marker{content:''}.map-workspace #kinds .layer-group-title::after{content:'+';font-size:13px;color:#849a7d;margin-left:8px}.map-workspace #kinds .layer-group[open]>.layer-group-title::after{content:'−'}.map-workspace #kinds .layer-buttons{width:100%;padding-bottom:5px}.map-workspace #kinds .layer-group button{width:100%}
.layer-actions{display:flex;align-items:center;gap:5px;padding:0 15px 7px}.layer-actions span{font-size:10px;color:#a3b69b;margin-right:auto}.layer-actions button{font-size:10px;padding:4px 7px;min-height:26px;background:#1d3021;border-color:#455d3d;color:#d4dfc5}.map-workspace #kinds button.active::after{content:'✓';font-size:10px;color:#e3d6a1;margin-left:1px}.map-workspace #kinds .layer-group-title{padding-block:7px}.map-workspace #kinds .layer-group{padding-bottom:4px}.map-workspace #kinds .layer-buttons{gap:4px;padding-bottom:7px}.map-workspace #kinds .layer-group button{min-height:32px}
.map-workspace #kinds .subfilters{display:flex;flex-wrap:wrap;gap:4px;padding:5px 4px 8px}.map-workspace #kinds .subfilter-title{width:100%;font-size:10px;color:#9eb394;margin:4px 0}.map-workspace #kinds .subfilters button{width:auto;display:inline-flex;min-height:27px;padding:4px 6px;font-size:10px;background:#15241a;border:1px solid #314b33;color:#80957c}.map-workspace #kinds .subfilters button.active{background:#263d28;border-color:#526c46;color:#d5dfc2}.map-workspace #kinds .subfilters button.active::after{content:none}.map-workspace #kinds .subfilters img{width:15px;height:15px;object-fit:contain}
.map-workspace #kinds .group-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 3px 5px}.map-workspace #kinds .group-actions button{width:auto;min-height:22px;padding:2px 4px;font-size:9px;color:#9bb291;border:0;background:transparent}.map-workspace #kinds .group-actions button:hover{background:#30472d;color:#e1e7cd}
.map-workspace #kinds .layer-group{position:relative;padding-top:2px;padding-bottom:7px;margin-bottom:5px;background:#17261b;border:1px solid #2d4330;border-radius:5px}.map-workspace #kinds .layer-group-title{padding:9px 105px 9px 9px;color:#d5dfc6;font-size:11px;font-weight:600;min-height:35px}.map-workspace #kinds .layer-group-title::after{position:absolute;right:92px;font-size:11px}.map-workspace #kinds .group-actions{position:absolute;top:6px;right:6px;padding:0;gap:2px}.map-workspace #kinds .group-actions button{font-size:9px;color:#9ebd91;padding:3px 5px;min-height:23px}.map-workspace #kinds .layer-buttons{padding:0 6px 5px}.map-workspace #kinds .subfilters{padding-inline:8px}.map-workspace #kinds .layer-group:last-child{border:1px solid #2d4330}.map-workspace #kinds .layer-group:not([open]){padding-bottom:0}
.map-workspace #categoryDock{width:100%;max-width:100%;min-width:0;white-space:normal}.map-workspace #kinds{width:100%;max-width:100%;min-width:0;white-space:normal}.map-workspace #sidebar{overflow-x:hidden}.map-workspace #kinds .layer-buttons,.map-workspace #kinds .subfilters{max-width:100%;min-width:0}.map-workspace #kinds .subfilters button{max-width:100%;white-space:normal}
.map-workspace #kinds .layer-name{flex:1;min-width:0;overflow-wrap:anywhere}.map-workspace #kinds .layer-count{flex:none}.map-workspace #kinds .layer-buttons button{min-width:0;max-width:100%;height:auto;align-items:center}.map-workspace #kinds .group-actions{max-width:96px}.map-workspace #kinds .layer-group-title{white-space:normal;line-height:1.4;overflow-wrap:anywhere}.map-workspace #detail .content-facts{min-width:0}.map-workspace #detail dd{min-width:0;overflow-wrap:anywhere}.map-workspace #detail .entity-summary{flex-wrap:wrap}
.map-workspace #list .restricted-location{color:#d5c28d;font-size:10px;max-width:78px;white-space:normal;text-align:right}.map-workspace #list .boss-result .name{color:#e6d8ad}.map-workspace #list .boss-result{border-left:2px solid #a8915e}

.map-workspace #hoverTip.region-tip{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 13px;max-width:240px}.map-workspace #hoverTip.region-tip strong{font-size:12px;line-height:1.35}.map-workspace #hoverTip.region-tip small{font-size:10px;color:#b4c3a7;line-height:1.3}

/* Keep navigation controls available on narrow map viewports. */
.map-workspace .map-bottom{gap:8px}.map-workspace #legend{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-workspace #controls{flex-shrink:0}.map-workspace #resetView{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}@media(max-width:760px){.map-workspace #resetViewText{display:none}}

/* Personal route notebook uses the map's existing material and type scale. */
.map-workspace #routeToggle{order:2;white-space:nowrap;min-height:34px;font-size:11px;background:#263a2be8;border-color:#8c936b;color:#f2e6bb;padding:6px 10px}.map-workspace #routeToggle[aria-pressed=true]{background:#5c6240;color:#fff3c4}.route-panel{margin:10px;border:1px solid #4d6045;border-radius:5px;background:#16241b}.route-panel>summary{padding:11px;font-size:12px;cursor:pointer;color:#e6d7a7}.route-body{padding:0 12px 14px;display:grid;gap:10px;font-size:11px;min-width:0}.route-body input:not([type=checkbox]),.route-body textarea,.route-body select{width:100%;min-width:0;padding:8px;background:#101d16;border-color:#52654d;font-size:12px}.route-body textarea{resize:vertical;min-height:50px}.route-body label{display:grid;gap:5px;color:#b7c5ac}.route-body label:has(input[type=checkbox]){display:flex;align-items:center}.route-body h3{font-size:12px;margin:9px 0 0;color:#ded6b4}.route-intro strong{font-size:14px;color:#ede4c6}.route-intro p,.route-help{line-height:1.7;color:#9faf96;margin:4px 0}.route-actions{display:flex;gap:6px;flex-wrap:wrap}.route-actions button,.route-saved button{font-size:11px;padding:7px 9px;min-height:32px}.route-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.route-status{color:#e2cb8c;line-height:1.6;margin:0}.route-status:empty{display:none}.route-points{padding:0;margin:0;list-style:none;display:grid;gap:5px;max-height:230px;overflow:auto}.route-points li{display:grid;grid-template-columns:22px minmax(0,1fr) 24px 24px 24px;gap:3px;align-items:center}.route-points input{padding:6px!important}.route-points button{padding:4px 0;min-height:28px}.route-number{color:#ead39d;text-align:center}.route-saved{display:flex;gap:6px}.route-saved button:first-child{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-workspace #sidebar>:not(.sidebar-head):not(#routePlanner){display:none!important}.route-workspace #routePlanner{flex:1;min-height:0;overflow:auto}.route-workspace .sidebar-head .search-wrap,.route-workspace .sidebar-head #searchLabel{display:none}.route-adding{cursor:crosshair!important}@media(max-width:760px){.map-workspace #routeToggle{font-size:9px;min-height:30px;padding:5px 6px}.map-workspace #mapName{max-width:23%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-workspace .sidebar-head{padding:6px 12px}.route-workspace .sidebar-head .faction-switch{display:none}.route-workspace .sidebar-head select{margin:0!important;padding:6px}.route-panel{margin:6px 8px}.route-workspace .route-panel>summary{padding:8px}}
.map-workspace #routeToggle{pointer-events:auto}
.route-community{color:#e5d399;font-size:11px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}.route-actions button,.route-saved button,.route-points button{background:#1d3024;border-color:#506247;color:#dae3cd}

/* Native shop categories: compact, factual, and responsive inside existing detail. */
.shop-detail{margin:16px 0;padding-top:12px;border-top:1px solid var(--line,#344438)}
.shop-detail h3{font-size:14px;margin:0 0 10px}.shop-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px}.shop-section{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(255,255,255,.035);border-radius:5px;min-width:0}.shop-section img{object-fit:contain;flex:none;filter:drop-shadow(0 2px 2px #0009)}.shop-section div{min-width:0}.shop-section strong{display:block;font-size:12px;overflow-wrap:anywhere}.shop-section span{display:block;font-size:11px;line-height:1.6;color:var(--muted,#a2b1a3)}

.shop-category{min-width:0}.shop-goods{margin:6px 0 10px}.shop-goods summary{font-size:12px;padding:7px;cursor:pointer;color:var(--text,#e4e9df)}.shop-goods-list{display:grid;gap:6px}.shop-goods-item{display:flex;gap:8px;padding:7px 2px;border-bottom:1px solid #ffffff12;align-items:center}.shop-goods-item img{object-fit:contain;flex:none}.shop-goods-item div{min-width:0}.shop-goods-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.shop-goods-item span{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:var(--muted,#a2b1a3)}
.shop-sections:has(.shop-goods[open]){grid-template-columns:1fr}

.model-reference{margin:12px 0;padding:10px;border:1px solid #ffffff25;border-radius:6px}.model-reference summary{cursor:pointer;font-size:12px}.model-reference-gallery{display:flex;gap:10px;flex-wrap:wrap}.model-reference figure{margin:0;flex:1 1 96px;max-width:145px}.model-reference img{display:block;object-fit:contain;max-width:100%;height:auto;filter:drop-shadow(0 3px 3px #0008)}.model-reference figcaption{font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted,#a2b1a3);margin-top:5px}