:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ui-fg-202b36,#202b36);background:var(--ui-bg-ffffff,#fff);font-size:16px;--line:#dfe4e8;--muted:#62707d;--accent:#155f86;--soft:#f4f7f9}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--ui-bg-ffffff,#fff);border-radius:5px}button,input,summary,a{touch-action:manipulation}button:hover{background:var(--soft)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,#map:focus-visible{outline:3px solid #1c83b9;outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ui-bg-ffffff,#fff);padding:1rem}.skip-link:focus{top:1rem}
.header{height:60px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:0 24px;background:var(--ui-bg-ffffff,#fff)}.brand{font-weight:750;font-size:19px;letter-spacing:.025em;color:var(--ui-fg-172631,#172631);text-decoration:none}.brand span{font-weight:450;color:var(--ui-fg-536470,#536470)}.header-region{font-size:14px;border-left:1px solid var(--line);padding-left:20px}.preview-badge{font-size:12px;color:var(--ui-fg-647582,#647582);background:var(--soft);padding:5px 9px;border-radius:4px;margin-left:auto}.mobile-filter{display:none}
.workspace{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:calc(100vh - 60px);height:calc(100dvh - 60px)}.sidebar{background:var(--ui-bg-ffffff,#fff);border-right:1px solid var(--line);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;position:relative;z-index:3}.panel-top{padding:16px 16px 12px}.search-label{font-size:15px;font-weight:650;display:block;margin-bottom:9px}input[type=search]{width:100%;border:1px solid var(--ui-line-c8d1d8,#c8d1d8);border-radius:5px;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-273643,#273643);min-height:42px;padding:9px 11px;font-size:14px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 16px;gap:24px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;font-size:14px;font-weight:650;background:none}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}#explore-panel,#quest-panel{padding:14px 16px 0}.progress-heading{display:flex;justify-content:space-between;font-size:13px;gap:8px}progress{display:block;width:100%;height:7px;margin:10px 0;appearance:none;border:0;background:var(--ui-bg-e9eef1,#e9eef1);border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:var(--ui-bg-e9eef1,#e9eef1)}progress::-webkit-progress-value{background:#218555}progress::-moz-progress-bar{background:#218555}.interaction-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:9px 0}.switch-row{display:flex;align-items:center;gap:9px;min-height:38px;font-size:13px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);margin:0;flex-shrink:0}.section-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:650;color:var(--muted);margin:10px 0 5px}.section-label span{font-size:11px;font-weight:400}.category-row{display:flex;align-items:center;gap:8px;min-height:39px;font-size:13px;border-radius:4px}.category-row:has(input):hover{background:var(--soft)}.category-row img{object-fit:contain;flex-shrink:0}.category-name{flex:1;min-width:0}.category-count{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.category-pending{font-size:11px;color:var(--muted)}.checkbox-spacer{width:17px;flex-shrink:0}.unavailable{color:var(--ui-fg-62707d,#62707d)}.pending,.objectives{border-top:1px solid var(--line);margin-top:10px;padding-top:9px}summary{font-size:13px;cursor:pointer;padding:5px 0;min-height:32px}summary span{font-size:12px;color:var(--muted)}.muted{font-size:12px;color:var(--muted);line-height:1.6}.panel-heading{font-size:18px;font-weight:650;margin:5px 0 12px}#quest-panel p{font-size:14px;line-height:1.6}.objective-item{display:flex;gap:5px;border-bottom:1px solid var(--ui-line-edf0f2,#edf0f2);min-height:52px;align-items:center}.objective-focus{display:flex;flex:1;min-width:0;gap:9px;align-items:center;text-align:left;border:0;padding:7px 3px;font-size:12px}.objective-focus span{min-width:0}.objective-focus small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.objective-check{flex-shrink:0;width:40px;height:40px;font-size:22px;font-weight:750}.objective-check[aria-pressed=true]{background:#e7f5ec;color:#177144;border-color:#78ae8d}.sidebar-bottom{padding:0 11px 14px;margin-top:auto}.coverage-note{color:var(--muted);font-size:11px;line-height:1.5;padding:0 5px;margin:12px 0}.save-row{font-size:11px;color:var(--muted);padding:14px 5px 0}.backup-actions{display:flex;gap:15px;padding:4px 5px}.text-button{border:0;background:none;color:var(--accent);font-size:12px;padding:6px 0;text-align:left}
.ad-placement{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:6px}.ad-label{font-size:10px;letter-spacing:.06em;color:var(--ui-fg-697580,#697580);line-height:12px}.ad-slot{background:var(--ui-bg-f3f5f6,#f3f5f6);border:1px solid var(--ui-line-dce2e6,#dce2e6);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--ui-fg-7b8791,#7b8791);font-size:12px}.ad-slot small{font-size:11px}.map-column{display:flex;flex-direction:column;min-width:0;min-height:0}.map-stage{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0}.ad-rail{display:none;border-left:1px solid var(--line);padding:16px 12px;background:var(--ui-bg-ffffff,#fff)}.rail-ad{width:300px;height:250px}.banner-placement{display:flex;padding:8px 16px 14px;border-bottom:1px solid var(--line);background:var(--ui-bg-ffffff,#fff)}.banner-ad{width:468px;max-width:100%;height:60px}.banner-ad small,.size-tall{display:none}.banner-ad .size-tablet{display:block}
.map-area{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--ui-bg-e9eeeb,#e9eeeb)}.map{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;cursor:grab}.map.dragging{cursor:grabbing}.map-world{position:absolute;left:0;top:0;width:2048px;height:2048px;transform-origin:0 0;will-change:transform}.map-image{display:block;width:2048px;height:2048px;user-select:none;pointer-events:none}.map-marker{position:absolute;width:44px;height:44px;display:grid;place-items:center;padding:3px;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);transform-origin:center;touch-action:none;filter:drop-shadow(0 1px 2px #0006)}.map-marker:hover,.map-marker:focus-visible{background:#fff9;z-index:3}.map-marker.located,.map-marker.text-marker.located{outline:3px solid #ff00a8;outline-offset:1px;box-shadow:0 0 0 5px #fff;z-index:2}.map-marker img{object-fit:contain;pointer-events:none}.marker-tick{display:none;position:absolute;right:0;bottom:0;width:21px;height:21px;align-items:center;justify-content:center;border:2px solid var(--ui-line-ffffff,#fff);border-radius:50%;background:#197842;color:#fff;font-size:16px;font-weight:800;line-height:1;pointer-events:none}.completed .marker-tick{display:flex}.map-toolbar{position:absolute;right:16px;top:16px;display:flex;box-shadow:0 1px 6px #0002;border-radius:5px}.map-toolbar button{min-width:42px;height:42px;border-radius:0;font-size:22px}.map-toolbar button:first-child{border-radius:5px 0 0 5px}.map-toolbar .fit-button{border-radius:0 5px 5px 0;font-size:12px;padding:0 12px}.map-status,.coordinate-status{position:absolute;left:16px;background:#fffffff0;border:1px solid var(--ui-line-d2dbd5,#d2dbd5);border-radius:4px;padding:7px 10px;font-size:12px;pointer-events:none}.map-status{top:16px}.coordinate-status{bottom:12px;max-width:calc(100% - 32px);font-variant-numeric:tabular-nums;line-height:1.5}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:30;background:#223641;color:white;padding:12px 16px;border-radius:6px;max-width:calc(100% - 28px);font-size:13px;box-shadow:0 2px 12px #0002}.noscript{position:fixed;bottom:20px;left:20px;padding:14px;background:var(--ui-bg-ffffff,#fff);z-index:20}
.subcategories{margin:2px 0 8px 25px;border-left:2px solid var(--line);padding-left:10px}.subcategories summary{font-size:12px}.subtype{padding:4px 0 7px}.subtype .category-row{min-height:34px;font-size:12px}.subtype-note{font-size:11px;color:var(--muted);line-height:1.5;margin:2px 0 0}.objective-hint{line-height:1.4}
@media(min-width:1100px){.banner-ad{width:728px;height:90px}.banner-ad .size-tablet{display:none}.banner-ad .size-desktop{display:block}}
@media(min-width:1360px){.banner-ad{width:970px}.banner-ad .size-desktop{display:none}.banner-ad .size-wide{display:block}}
@media(min-width:1180px) and (min-height:650px){.map-stage{grid-template-columns:minmax(0,1fr) 324px}.ad-rail{display:block}}
@media(min-width:1180px) and (min-height:850px){.rail-ad{height:600px}.size-rectangle{display:none}.size-tall{display:block}}
@media(max-width:900px){.header{height:54px;padding:0 14px;gap:12px}.header-region{padding-left:12px}.preview-badge{font-size:11px;padding:4px 6px}.mobile-filter{display:block;min-height:36px;padding:5px 11px;font-size:14px}.workspace{height:calc(100vh - 54px);height:calc(100dvh - 54px);min-height:230px;display:block}.map-column{height:100%}.map-area{min-height:0}.sidebar{display:none;position:fixed;top:54px;bottom:0;left:0;width:var(--sidebar-width);border-right:1px solid var(--ui-line-c7d0d6,#c7d0d6);z-index:10;box-shadow:4px 0 20px #0002}.sidebar.open{display:flex}.banner-placement{padding:6px 0 16px;gap:4px}.map-toolbar{top:12px;right:10px}.map-status{top:12px;left:10px;padding:7px 8px}.coordinate-status{bottom:9px;left:10px;max-width:calc(100% - 20px);font-size:11px}.toast{bottom:14px;width:max-content}}
@media(max-width:599px){.banner-ad{width:320px;height:100px}.banner-ad .size-tablet{display:none}.banner-ad .size-mobile{display:block}}
@media(max-height:559px){.banner-placement{padding:5px 0 12px;gap:4px}.banner-ad{width:320px;height:50px}.banner-ad small:not(.size-short){display:none}.banner-ad .size-short{display:block}.ad-slot{gap:4px}}
@media(max-width:390px){.header-region{display:none}.map-toolbar .fit-button{padding:0 8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.mobile-panel-heading,.panel-backdrop{display:none}.search-feedback{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 0}.filter-actions{display:flex;justify-content:space-between;gap:8px}.filter-actions .text-button{min-height:36px;font-size:11px}.coverage-details{margin:14px 5px 0;border-top:1px solid var(--line);padding-top:8px}.coverage-details summary{font-size:12px}.coverage-details .coverage-note{padding:0}.subtype .unavailable{color:var(--ui-fg-435362,#435362)}.subtype .category-count{font-size:11px}.subtype-note{margin-left:0}.subtype img{width:32px;height:32px}.subcategories{margin-left:0;padding-left:9px}.toast{display:flex;align-items:center;gap:12px;line-height:1.5}.toast-undo{background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-174b66,#174b66);font-size:13px;padding:8px 13px;min-height:40px}.toast-close{border:0;background:transparent;color:#fff;font-size:22px;min-width:36px;min-height:40px}.toast-close:hover{background:#ffffff20}
.subtype>summary{padding:2px 0;list-style:none}.subtype>summary::-webkit-details-marker{display:none}.subtype>summary::after{content:'+';font-size:15px;color:var(--muted);width:10px;text-align:center}.subtype[open]>summary::after{content:'−'}.subtype>summary:hover{background:var(--soft)}
@media(max-width:900px){.mobile-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--ui-bg-ffffff,#fff);z-index:1;font-size:14px}.mobile-panel-heading button{width:40px;height:40px;font-size:24px}.panel-backdrop:not([hidden]){display:block;position:fixed;inset:54px 0 0;background:#162a394d;border:0;border-radius:0;z-index:9}.category-row{min-height:44px}.subtype .category-row{min-height:40px}.filter-actions .text-button{min-height:42px}.toast{bottom:16px}}

.filter-actions{margin:10px 0;gap:8px}.filter-button{min-height:40px;flex:1;font-size:12px;padding:8px 10px;color:var(--accent)}.filter-button[aria-pressed=true]{background:#e7f5ec;border-color:#78ae8d;color:#177144}

.encounter-list{margin:0 0 6px 26px}.encounter-list summary{font-size:12px;color:var(--accent)}.encounter-item{font-size:12px;padding:7px 0;border-bottom:1px solid var(--line)}.encounter-item strong{font-weight:600}.encounter-item small{display:block;color:var(--muted);margin-top:4px;line-height:1.5}
.filter-actions{flex-wrap:wrap}.filter-actions .filter-button{flex:1;min-width:80px}.bulk-actions{display:flex;gap:8px;margin-top:8px}.bulk-actions button{flex:1;font-size:11px;min-height:38px;padding:7px 5px}.bulk-actions button:disabled{opacity:.5;cursor:default}#bulk-scope{font-size:11px;margin:6px 0 10px}#zoom-percent{align-self:center;min-width:45px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;padding:0 4px}
.text-marker{width:auto;max-width:170px;height:auto;min-height:26px;background:#ffffffe8;border:1px solid var(--ui-line-bacbd5,#bacbd5);border-radius:4px;padding:4px 7px;color:var(--ui-fg-203f50,#203f50);font-size:11px;white-space:nowrap}.text-marker>span:not(.marker-tick){display:block;overflow:hidden;text-overflow:ellipsis}.reference-note{margin:0 0 9px 25px}
#zoom-percent{background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-203f50,#203f50);min-height:42px;display:flex;align-items:center;justify-content:center}

#markers{position:absolute;left:0;top:0;pointer-events:none}.map-marker{pointer-events:auto}.objective-focus img,.encounter-item img{object-fit:contain;flex-shrink:0}.encounter-item img{float:left;margin-right:8px}
.objective-guide{align-self:center;min-height:36px;padding:4px 7px;border:1px solid var(--ui-line-ccd7df,#ccd7df);background:var(--ui-bg-ffffff,#fff);border-radius:5px;color:var(--ui-fg-1261a0,#1261a0)}.quest-search{width:100%;padding:9px;border:1px solid var(--ui-line-ccd7df,#ccd7df);border-radius:5px}.quest-card{margin:10px 0;border:1px solid var(--ui-line-d5e0e5,#d5e0e5);border-radius:7px;background:var(--ui-bg-ffffff,#fff)}.quest-card>summary{padding:12px;cursor:pointer}.quest-card small{display:block;color:var(--ui-fg-536b7b,#536b7b);font-size:12px;line-height:1.5}.quest-body{padding:0 12px 12px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.quest-body h2{font-size:13px;margin:16px 0 5px}.quest-body p{margin:5px 0}.quest-links{display:grid;gap:5px;margin:10px 0}.quest-link{text-align:left;color:var(--ui-fg-146095,#146095);background:var(--ui-bg-f4f8fa,#f4f8fa);border:1px solid var(--ui-line-d7e2e8,#d7e2e8);border-radius:5px;padding:7px 8px;min-height:36px;font-size:12px;line-height:1.5;margin:3px 0;max-width:100%}.quest-steps{padding-left:22px}.quest-steps li{padding-left:3px;margin:12px 0}.quest-rewards{padding-left:18px}.quest-places{margin-top:12px}.quest-places>summary{cursor:pointer}.quest-places .quest-link{display:block;width:100%}
/* Dedicated pages and stable, content-sized text bubbles. */
:root{--header-height:72px;--sidebar-width:368px}.header{height:var(--header-height);gap:18px}.workspace{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.page-nav{display:flex;align-self:stretch;gap:8px;align-items:center}.page-nav a{display:flex;align-items:center;gap:8px;padding:9px 14px;min-height:48px;border:1px solid transparent;border-radius:8px;text-decoration:none;color:var(--ui-fg-465b6a,#465b6a);font-size:14px;font-weight:650}.page-nav img{object-fit:contain;flex-shrink:0}.page-nav a:hover{background:var(--ui-bg-f3f7fa,#f3f7fa)}.page-nav a[aria-current=page]{background:var(--ui-bg-eaf3f7,#eaf3f7);border-color:var(--ui-line-b6d0de,#b6d0de);color:var(--ui-fg-125b80,#125b80)}.header-region{padding-left:15px}.preview-badge{white-space:nowrap}#monster-panel,#quest-panel{padding:18px 16px 22px}#quest-panel p{font-size:13px}#markers{width:100%;height:100%}.map-marker.text-marker{display:block;width:max-content;max-width:170px;height:auto;min-height:30px;white-space:normal;padding:6px 9px;border-radius:6px;background:var(--ui-bg-ffffff,#fff);box-shadow:0 2px 6px #203f5026;filter:none;line-height:1.4;overflow-wrap:anywhere}.map-marker.text-marker:hover,.map-marker.text-marker:focus-visible{background:var(--ui-bg-edf6fb,#edf6fb)}.text-marker>span:not(.marker-tick){display:block;max-width:100%;overflow:visible;white-space:normal;text-overflow:clip}.coordinate-status,.map-status{background:var(--ui-bg-ffffff,#fff);box-shadow:0 1px 5px #203f5020;overflow-wrap:anywhere;white-space:normal}.coordinate-status{width:max-content;max-width:calc(100% - 32px)}.directory-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:13px}.directory-filter select{font:inherit;min-height:38px;max-width:65%;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-203f50,#203f50);border:1px solid var(--ui-line-c8d1d8,#c8d1d8);border-radius:5px;padding:5px 9px}.monster-card{border:1px solid var(--ui-line-d5e0e5,#d5e0e5);border-radius:8px;margin:9px 0;background:var(--ui-bg-ffffff,#fff);overflow:hidden}.monster-card.selected{border-color:#6c9db6;box-shadow:0 0 0 1px #6c9db6}.monster-select{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border:0;border-radius:0}.monster-select img{object-fit:contain;flex-shrink:0}.monster-select span{min-width:0}.monster-select strong{font-size:14px}.monster-title{flex:1}.monster-name{display:flex;align-items:center;gap:6px;min-height:24px}.monster-name strong{overflow-wrap:anywhere;line-height:1.5}.monster-rank-icon{width:24px;height:24px;flex:0 0 24px;object-fit:contain}.monster-select small{display:block;font-size:12px;color:var(--ui-fg-586d7c,#586d7c);line-height:1.5;margin-top:3px}.monster-details{padding:0 13px 13px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:8px 0 16px}.stat-grid dt{font-size:11px;color:var(--ui-fg-62707d,#62707d)}.stat-grid dd{margin:3px 0 0;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.directory-action{padding:8px 10px;min-height:40px;color:var(--ui-fg-155f86,#155f86);background:var(--ui-bg-f5f9fb,#f5f9fb);text-align:left;font-size:12px;max-width:100%}.monster-locations .directory-action{display:block;width:100%;margin:5px 0}.location-pending{font-size:12px;background:var(--ui-bg-f5f7f9,#f5f7f9);padding:10px;border-radius:5px;line-height:1.6}.quest-card>summary img{object-fit:contain;float:left;margin:0 9px 3px 0}.quest-card>summary{min-height:61px}.quest-card>summary::after{content:'';display:block;clear:both}.quest-step-focus{font-weight:650}.quest-steps .quest-step-focus{margin-left:0}#quest-reference-list .quest-link{display:flex;align-items:center;gap:8px;width:100%}#quest-reference-list img{object-fit:contain;flex-shrink:0}.destination{position:absolute;width:30px;height:30px;border:3px solid #ff00a8;border-radius:50%;box-shadow:0 0 0 3px #fff;transform:translate(-50%,-50%);pointer-events:none}.destination span{position:absolute;top:35px;left:50%;transform:translateX(-50%);width:max-content;max-width:180px;padding:5px 9px;background:var(--ui-bg-ffffff,#fff);border:1px solid var(--ui-line-a9bfcc,#a9bfcc);border-radius:5px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;text-align:center}.mobile-panel-heading button{font-size:12px;width:auto;padding:6px 10px;min-height:36px}
@media(max-width:1100px) and (min-width:901px){.header{gap:10px;padding:0 16px}.header-region{display:none}.page-nav a{padding:8px 10px}.preview-badge{font-size:10px}:root{--sidebar-width:324px}}
@media(max-width:900px){:root{--header-height:114px;--sidebar-width:min(440px,100vw)}.header{height:var(--header-height);position:relative;align-content:start;flex-wrap:wrap;padding:8px 12px;gap:8px}.header .brand{height:34px;display:flex;align-items:center;gap:4px}.header-region{display:none}.preview-badge{margin-top:4px}.mobile-filter{height:34px;min-width:65px;margin-left:4px}.page-nav{position:absolute;left:12px;right:12px;bottom:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;height:52px}.page-nav a{justify-content:center;gap:5px;padding:5px 6px;font-size:12px;min-height:48px}.page-nav img{width:25px;height:25px}.sidebar{top:var(--header-height)}.panel-backdrop:not([hidden]){top:var(--header-height)}.workspace,body[data-page=monsters] .workspace,body[data-page=quests] .workspace{display:block;height:calc(100dvh - var(--header-height))}.coordinate-status{max-width:calc(100% - 20px)}.map-status{max-width:105px}.mobile-panel-heading button{font-size:12px;width:auto;height:36px;padding:6px 10px}.mobile-panel-heading{min-height:54px}.map-toolbar{gap:0}.map-toolbar button{min-width:36px}.map-toolbar .fit-button{padding:0 7px}#zoom-percent{min-width:40px}.toast{flex-wrap:wrap;max-height:45dvh;overflow:auto}}
.sidebar{overflow-anchor:none}.monster-card,.quest-card{scroll-margin-top:12px}
.monster-card-heading{min-width:0}.monster-card.selected .monster-card-heading{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start}.monster-card.selected .monster-select{align-items:flex-start}.element-label{display:inline-flex;gap:4px;align-items:center;vertical-align:middle}.element-label img{width:20px;height:20px;object-fit:contain;flex-shrink:0}.monster-select .monster-traits{line-height:22px}.related-cards{min-width:0;padding:10px 13px 12px;border-left:1px solid var(--line)}.related-card-group{display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;align-items:start}.related-card-group+.related-card-group{margin-top:8px}.related-card-group h3{font-size:12px;margin:8px 0}.related-card-row{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 7px;min-width:0}.related-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;flex:0 0 70px;width:70px;min-height:78px;padding:4px;border:1px solid var(--line);border-radius:5px;background:var(--ui-bg-ffffff,#fff);white-space:normal;position:relative}.related-card img{object-fit:contain;width:42px;height:52px;flex-shrink:0}.related-card-name{font-size:10px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.related-card[aria-pressed=true]{border-color:#286988;background:var(--ui-bg-edf6fb,#edf6fb);box-shadow:inset 0 0 0 1px #286988}.related-card.best-element{border-color:#54856b}.card-best-label{font-size:9px;line-height:1.3;color:#23613c;font-weight:650}.card-missing-image{font-size:10px;min-height:52px;display:flex;align-items:center}.related-card-info{border-top:1px solid var(--line);margin-top:8px;padding:12px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.related-card-info p{margin:7px 0;white-space:pre-line}.related-card-info-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.related-card-info-heading button{flex-shrink:0}.card-match-reason{color:var(--ui-fg-215b78,#215b78)}.reborn-time{font-size:17px;font-weight:700;padding:12px 15px;border-left:3px solid #6197ae;background:var(--ui-bg-edf5f8,#edf5f8);border-radius:4px;line-height:1.5}.quality-swatch{display:inline-block;width:9px;height:9px;border:1px solid #203f5030;border-radius:2px;margin-left:7px;vertical-align:middle}.guarantee-summary{margin:13px 0;padding:10px 12px;background:#f3f8f5;border:1px solid #cbded1;border-radius:5px}.guarantee-summary h4{font-size:13px;margin:0 0 5px}.guarantee-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:14px}.guarantee-row .loot-table{width:auto;margin:0}.guarantee-row .loot-table td{border:0;padding:5px 0}.guarantee-row strong{font-variant-numeric:tabular-nums}
@media(max-width:700px){.monster-card.selected .monster-card-heading{grid-template-columns:minmax(0,1fr)}.related-cards{border-left:0;border-top:1px solid var(--line);padding:10px}.related-card-group{grid-template-columns:minmax(0,1fr);gap:1px}.related-card-group h3{margin:2px 0 5px}.related-card-info-heading{flex-wrap:wrap}.reborn-time{font-size:16px}}
.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}.map-picker{display:flex;min-width:0;padding-left:14px;max-width:230px}.map-picker select{width:100%;min-width:0;height:36px;border:1px solid var(--ui-line-c8d1d8,#c8d1d8);border-radius:5px;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-203f50,#203f50);font:inherit;font-size:13px;padding:5px 8px}.database-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 8px;border-bottom:1px solid var(--line);flex-shrink:0}.database-controls label{font-size:11px;color:var(--ui-fg-536b7b,#536b7b);min-width:0}.database-controls select{display:block;width:100%;min-height:36px;margin-top:5px;font:inherit;font-size:12px;padding:5px;border:1px solid var(--ui-line-c8d1d8,#c8d1d8);border-radius:4px;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-203f50,#203f50)}.database-controls p{grid-column:1/-1;margin:0;font-size:11px}select:focus-visible{outline:3px solid #1c83b9;outline-offset:2px}
@media(min-width:901px) and (max-width:1100px){.map-picker{display:flex;max-width:190px}.header .preview-badge{display:none}}
@media(max-width:900px){.header .brand span,.header .preview-badge{display:none}.header .map-picker{display:flex;flex:1;max-width:none;border:0;padding:0}.header .map-picker select{height:34px;max-width:100%}.header .mobile-filter{margin-left:0}.header .brand{font-size:17px}.header .map-picker{max-width:calc(100% - 140px)}}
@media(max-width:900px){.monster-card,.quest-card{scroll-margin-top:64px}}
@media(max-width:350px){.page-nav a{flex-direction:column;font-size:11px;gap:0}.page-nav img{width:24px;height:24px}.preview-badge{font-size:10px}.map-status{font-size:10px;padding:7px 5px}.map-toolbar{right:6px}.map-toolbar .fit-button{padding:0 5px}}
/* Data-first catalogs reuse the map controls without loading every detail shard. */
.catalog-toolbar{margin-top:12px}.catalog-toolbar button{min-height:40px;padding:8px 14px;color:var(--accent)}
body[data-catalog=true] .workspace{display:block}
body[data-catalog=true] .sidebar{display:flex;position:relative;inset:auto;width:100%;height:100%;border:0;box-shadow:none;overflow:auto}
body[data-catalog=true] .map-column,body[data-catalog=true] .mobile-panel-heading,body[data-catalog=true] .panel-backdrop{display:none!important}
body[data-catalog=true] .panel-top,body[data-catalog=true] #monster-panel,body[data-catalog=true] #quest-panel,body[data-catalog=true] .sidebar-bottom{width:100%;max-width:1480px;margin:0 auto;padding-left:28px;padding-right:28px}
body[data-catalog=true] .panel-top{padding-bottom:0}
body[data-catalog=true] .database-controls{max-width:720px}
body[data-catalog=true] .directory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;align-items:start}
body[data-catalog=true] .monster-card{margin:0}
body[data-catalog=true] .monster-card.selected{grid-column:1/-1}
body[data-catalog=true] .monster-card.selected .stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.catalog-filters{display:flex;gap:20px;flex-wrap:wrap}.catalog-filters .directory-filter{flex:1;min-width:220px;max-width:680px}.catalog-filters select{min-width:0}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0;font-size:13px}
.monster-details h3,.selected-quest-detail h3{font-size:14px;margin:20px 0 9px}.monster-skill{font-size:13px;margin:10px 0}.monster-skill p{white-space:pre-line;line-height:1.6}.monster-attributes{margin-top:18px}
.loot-section{border-top:1px solid var(--line);padding:7px 0}.loot-section summary{font-weight:600}.loot-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.loot-table th,.loot-table td{padding:9px 6px;border-bottom:1px solid var(--ui-line-e8edf0,#e8edf0)}.loot-table th{font-weight:600;color:var(--muted)}.loot-table td:first-child{width:60%}
.exploration-categories>summary{font-weight:650;margin:12px 0 5px}.quest-type-filters{border:0;padding:10px 0;margin:8px 0;display:flex;flex-wrap:wrap;gap:10px 20px}.quest-type-filters legend{font-size:13px;font-weight:650}.quest-type-filters label{display:flex;align-items:center;gap:8px;min-height:36px;font-size:13px}
.quest-type-group{margin:20px 0 26px}.quest-type-group>h3{font-size:14px;margin:0 0 10px}.quest-interaction-grid{display:grid;gap:10px}.quest-interaction{border:1px solid var(--line);border-radius:7px;padding:5px;min-width:0}.quest-interaction.selected{border-color:#6c9db6;box-shadow:0 0 0 1px #6c9db6}.quest-select{display:flex;gap:10px;align-items:center;width:100%;min-height:64px;padding:8px;text-align:left;border:0}.quest-select img{object-fit:contain;flex-shrink:0}.quest-select span{min-width:0;overflow-wrap:anywhere}.quest-select strong{display:block;font-size:13px;line-height:1.5}.quest-select small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.quest-complete{font-size:12px;min-height:36px;padding:7px 10px;margin:4px;color:var(--accent)}.quest-complete[aria-pressed=true]{background:#e7f5ec;border-color:#78ae8d;color:#177144}
.selected-quest-detail{border:1px solid var(--ui-line-9ebdce,#9ebdce);background:var(--ui-bg-f8fbfc,#f8fbfc);padding:18px;border-radius:8px;margin:18px 0;overflow-wrap:anywhere;scroll-margin-top:15px}.selected-quest-detail h2{font-size:18px;margin:0 0 12px}.selected-quest-detail small{display:block;color:var(--muted);font-size:12px;margin:4px 0}.selected-quest-detail p{white-space:pre-line}.quest-chain-index{border-top:1px solid var(--line);padding-top:12px}.quest-chain-list{display:grid;gap:4px}
body[data-catalog=true] .quest-interaction-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}body[data-catalog=true] .quest-chain-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}body[data-catalog=true] #quest-progress-slot{max-width:720px}body[data-catalog=true] #quest-guides>.search-label,body[data-catalog=true] #monster-search,body[data-catalog=true] #quest-search{max-width:720px}
.zoom-entry{display:flex;align-items:center;background:var(--ui-bg-ffffff,#fff);border-block:1px solid var(--line);font-size:12px;padding-right:7px;color:var(--ui-fg-203f50,#203f50)}
#zoom-percent{display:block;width:48px;min-width:0;min-height:40px;height:40px;border:0;border-radius:0;padding:0 2px 0 5px;appearance:textfield}#zoom-percent::-webkit-inner-spin-button,#zoom-percent::-webkit-outer-spin-button{appearance:none;margin:0}
.map-status{max-width:calc(100% - 250px)}
@media(max-width:900px){body[data-catalog=true] .panel-top,body[data-catalog=true] #monster-panel,body[data-catalog=true] #quest-panel,body[data-catalog=true] .sidebar-bottom{padding-left:16px;padding-right:16px}.catalog-filters{gap:0 15px}.catalog-filters .directory-filter{min-width:200px}.map-status{top:62px;max-width:calc(100% - 20px)}}
@media(max-width:390px){body[data-catalog=true] .quest-interaction-grid,body[data-catalog=true] .directory-list,body[data-catalog=true] .quest-chain-list{grid-template-columns:minmax(0,1fr)}.filter-actions .filter-button{padding:8px 6px}.selected-quest-detail{padding:12px}.catalog-filters .directory-filter{min-width:0;flex-basis:100%}}
body[data-catalog=true] .database-controls{margin-left:max(12px,calc((100% - 1424px)/2));padding-left:16px;padding-right:16px}
.catalog-toolbar{padding:0 16px}body[data-catalog=true] .catalog-toolbar{padding:0 28px;width:100%;max-width:1480px;margin:12px auto 0}
#exploration-categories>summary{font-weight:650;margin:12px 0 5px}
@media(max-width:900px){body[data-catalog=true] .database-controls{margin-left:0;padding-left:16px;padding-right:16px}body[data-catalog=true] .catalog-toolbar{padding:0 16px}}
/* Shared server preference; map selection belongs to the map panels. */
.server-picker{display:flex;min-width:110px;max-width:160px}.server-picker select{font:inherit;font-size:13px;padding:8px 10px;min-height:36px;width:100%;border:1px solid var(--ui-line-c6d3dc,#c6d3dc);border-radius:5px;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-203f50,#203f50)}
.language-settings{position:relative}.language-settings>summary{border:1px solid var(--line);border-radius:5px;padding:8px;font-size:12px;min-width:36px;text-align:center;list-style:none}.language-settings>.language-options{position:absolute;top:100%;left:0;width:230px;padding:14px;background:var(--ui-bg-ffffff,#fff);box-shadow:0 4px 20px #203f5030;border:1px solid var(--line);z-index:50;font-size:12px}.language-settings select{display:block;margin-top:8px;min-height:38px;width:100%;font:inherit}.map-controls{padding:16px 16px 8px;border-bottom:1px solid var(--line)}.map-controls>label{display:block;font-size:13px;font-weight:650}.map-controls select{display:block;width:100%;margin-top:8px;padding:9px;font:inherit;font-size:13px;min-height:40px;border:1px solid var(--ui-line-c6d3dc,#c6d3dc);border-radius:5px;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-203f50,#203f50)}
body[data-page=monsters] .workspace{display:block}body[data-page=monsters] .sidebar{display:block;position:relative;inset:auto;width:100%;height:100%;overflow:auto;border:0;box-shadow:none}body[data-page=monsters] .mobile-panel-heading{display:none}
body[data-page=monsters] #monster-panel{padding:22px 24px;margin:0;max-width:none}body[data-page=monsters] .monster-catalog-body{display:grid;grid-template-columns:minmax(0,1fr);max-width:1680px;margin:auto}body[data-page=monsters] .directory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:12px;align-items:start}body[data-page=monsters] .monster-card{margin:0}body[data-page=monsters] .monster-card.selected{grid-column:1/-1}body[data-page=monsters] .monster-card.selected .stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.catalog-ad-rail{display:none;padding:16px 12px;border-left:1px solid var(--line)}.catalog-ad-rail>.ad-placement{position:sticky;top:16px}
body[data-page=monsters][data-catalog=false] .map-column{display:flex;position:fixed;inset:24px;z-index:41;background:var(--ui-bg-ffffff,#fff);border:1px solid var(--ui-line-aabcc8,#aabcc8);border-radius:10px;box-shadow:0 15px 70px #0005;overflow:hidden;height:auto}body[data-page=monsters] .map-column .banner-placement,body[data-page=monsters] .map-column .ad-rail{display:none}body[data-page=monsters] .map-column .map-stage{display:flex}
.monster-map-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px;flex-shrink:0}.monster-map-heading button{padding:9px 12px;min-height:42px;color:var(--accent);font-size:13px}.monster-map-backdrop{position:fixed;inset:0;background:#12273799;z-index:40}
.monster-scroll-status{padding:18px;text-align:center;color:var(--muted);font-size:13px}.monster-filter-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:10px 0}.monster-view-buttons{display:flex;flex-wrap:wrap;gap:8px}.monster-filter-actions button{min-width:0;min-height:40px;padding:9px 14px;font-size:14px;color:var(--accent)}.monster-view-button[aria-pressed=true]{background:var(--ui-bg-eaf3f7,#eaf3f7);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.monster-detail-section{margin:16px 0;border-top:1px solid var(--line);padding-top:9px}.drop-item{display:flex;align-items:center;gap:10px;min-width:0}.drop-item img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.drop-item small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.monster-facts{font-size:13px;line-height:1.7}.monster-facts p{margin:6px 0}.catalog-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px 14px}.catalog-filters .directory-filter{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;margin:5px 0}.catalog-filters select{width:100%;max-width:none}.monster-events{display:flex;gap:7px;flex-wrap:wrap}.monster-event{background:var(--ui-bg-edf4f8,#edf4f8);border-radius:4px;padding:5px 8px;font-size:12px}
@media(min-width:1180px) and (min-height:650px){.catalog-ad-rail{display:block}body[data-page=monsters] .monster-catalog-body{grid-template-columns:minmax(0,1fr) 324px}}
@media(max-width:900px){.header .server-picker{display:flex;flex:1;max-width:150px;border:0;padding:0}.header .server-picker select{padding:7px 5px;min-height:34px;height:34px}.header .language-settings{margin-left:auto}.language-settings>.language-options{left:auto;right:0}.header .mobile-filter{min-width:60px;padding:5px 8px}body[data-page=monsters] #monster-panel{padding:18px 16px}body[data-page=monsters][data-catalog=false] .map-column{inset:8px}.monster-map-heading{padding:8px;gap:8px}.monster-map-heading strong{font-size:12px;overflow-wrap:anywhere}.monster-map-heading button{font-size:11px;max-width:160px}}
@media(max-width:390px){body[data-page=monsters] .directory-list{grid-template-columns:minmax(0,1fr)}.header{gap:6px}.header .server-picker{max-width:125px}.catalog-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.catalog-filters select{font-size:12px;padding:6px}.monster-map-heading button{max-width:140px}}
/* Stable icon and label geometry at every map zoom. */
.marker-name{position:absolute;top:41px;left:50%;transform:translateX(-50%);width:max-content;max-width:145px;padding:3px 6px;border:1px solid var(--ui-line-c2ced4,#c2ced4);border-radius:4px;background:#fffffff2;color:var(--ui-fg-203f50,#203f50);font-size:11px;line-height:1.3;font-weight:600;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;filter:none}.named-marker{filter:none}.named-marker>img{filter:drop-shadow(0 1px 2px #0006)}.named-marker:hover,.named-marker:focus-visible{z-index:5}
.map-picker-label{display:block;font-size:18px;font-weight:650;margin-bottom:9px}#map-picker-host .map-picker{position:relative;z-index:12;display:block;width:100%;max-width:none;padding:0}.map-picker>summary{padding:10px 12px;border:1px solid var(--ui-line-c8d1d8,#c8d1d8);border-radius:5px;background:var(--ui-bg-ffffff,#fff);cursor:pointer;font-size:14px;line-height:1.5}.map-picker-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;border:1px solid var(--ui-line-b9cbd5,#b9cbd5);border-radius:6px;background:var(--ui-bg-ffffff,#fff);box-shadow:0 6px 18px #203f5026;padding:10px;z-index:15}.map-picker-panel label{display:block;font-size:12px;margin-bottom:5px}.map-picker-panel input{width:100%;min-height:42px;padding:8px;border:1px solid var(--ui-line-9eb7c6,#9eb7c6);border-radius:4px}.map-options{max-height:min(520px,max(120px,calc(100dvh - 300px)));overflow-y:auto;margin-top:8px;overscroll-behavior:contain}.map-group-name{display:block;font-size:16px;font-weight:750;color:var(--accent);padding:14px 7px 9px;border-bottom:1px solid var(--line);margin-bottom:4px;line-height:1.4}.map-option-group button{display:block;width:100%;min-height:42px;text-align:left;border:0;border-radius:3px;font-size:13px;padding:8px;line-height:1.4}.map-option-group button[aria-selected=true]{background:var(--ui-bg-eaf3f7,#eaf3f7);color:var(--ui-fg-125b80,#125b80);font-weight:650}.map-option-group button:disabled{cursor:default;color:var(--ui-fg-7b8790,#7b8790)}.map-picker-panel .muted{margin:8px 2px 0;font-size:11px}
/* Only the three verified question-mark equipment previews receive a frame. */
.drop-item img.equipment-preview{border:2px solid var(--quality-color);border-radius:0;padding:2px;object-fit:contain;background:var(--ui-bg-ffffff,#fff);box-sizing:border-box}
.monster-identity{display:flex;align-items:center;min-width:0}.monster-identity .monster-select{flex:1;min-width:0;gap:9px;padding:12px 10px}.monster-guarantee{flex:0 0 auto;max-width:140px;padding:8px 10px 8px 0;color:#326047;line-height:1.4;font-variant-numeric:tabular-nums}.monster-guarantee small{display:block;font-size:10px;font-weight:500}.monster-guarantee strong{display:block;font-size:13px}.monster-guarantee .monster-daily-progress{font-size:12px;line-height:1.5;margin-top:3px}.monster-select .monster-respawn{line-height:1.5;overflow-wrap:anywhere}.monster-card.selected .monster-identity{display:block}.monster-card.selected .monster-guarantee{max-width:none;padding:4px 12px 12px}.monster-card.selected .monster-guarantee strong{font-size:15px}.monster-select .monster-traits{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:22px;line-height:22px}.element-label{vertical-align:baseline;min-height:22px;line-height:22px}.stat-grid dd .element-label{display:flex}.monster-size{white-space:nowrap}.related-card-group{grid-template-columns:130px minmax(0,1fr)}.related-card-slot{font-size:10px;line-height:1.3;font-weight:650;color:var(--ui-fg-527284,#527284)}.related-card{flex-basis:78px;width:78px}
@media(max-width:700px){.related-card-group{grid-template-columns:minmax(0,1fr)}.map-picker-panel{position:relative;top:auto;margin-top:4px}.marker-name{max-width:120px}}

.disclosure-heading{display:flex;align-items:center;gap:8px;list-style:none;min-height:42px}
.disclosure-heading::-webkit-details-marker{display:none}.disclosure-heading::marker{content:''}
.disclosure-heading::before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor;flex-shrink:0}
details[open]>.disclosure-heading::before{transform:rotate(90deg)}.disclosure-heading>strong{flex:1;font-size:inherit;font-weight:650}
.quest-type-group>.disclosure-heading{font-size:14px;margin-bottom:10px;border-bottom:1px solid var(--line)}.quest-group-count{font-size:11px;font-variant-numeric:tabular-nums;text-align:right}

.monster-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.monster-page-heading .panel-heading{margin:0}.monster-maps-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px 22px;background:#176987;color:#fff;border:1px solid #176987;border-radius:8px;font-size:16px;font-weight:700;box-shadow:0 3px 8px #17698725}.monster-maps-button:hover{background:#10536c}.monster-maps-button img{object-fit:contain}
.monster-map-browser{padding:0;width:min(1320px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:var(--text,#203f50);box-shadow:0 15px 70px #0005;overflow:hidden}.monster-map-browser[open]{display:flex;flex-direction:column}.monster-map-browser::backdrop{background:#12273799}.monster-map-browser-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.monster-map-browser-heading h2{font-size:20px;margin:0}.monster-map-browser button,.monster-map-browser select{min-height:42px;font:inherit;font-size:14px}.monster-map-browser-heading button,.monster-map-browser-zoom button,.monster-map-browser-footer button{padding:8px 12px}.monster-map-browser-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:10px 16px 6px}.monster-map-browser-select{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600}.monster-map-browser-select select{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:5px;padding:8px;color:var(--text);background:var(--field,#fff)}.monster-map-browser-zoom{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.monster-map-browser-zoom output{font-size:12px;min-width:38px;text-align:center}.monster-map-browser-zoom button:disabled{opacity:.5}.monster-map-browser-filters{display:flex;gap:6px;padding:6px 16px;overflow-x:auto;flex-shrink:0}.monster-map-browser-filters button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;white-space:nowrap;flex-shrink:0}.monster-map-browser-filters button[aria-pressed=true]{background:var(--soft);border-color:var(--accent)}.monster-map-browser-filters button[aria-pressed=false]{opacity:.6}.monster-map-browser-filters button:disabled{opacity:.45}.monster-map-browser-filters img{object-fit:contain}.monster-map-browser-count{font-size:12px;font-variant-numeric:tabular-nums}.monster-map-browser-status{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);padding:3px 16px 8px;margin:0}.monster-map-browser-status button{padding:6px 12px}.monster-map-browser-stage{position:relative;flex:1;min-height:100px;overflow:hidden;background:var(--panel,#e9eeeb);border-top:1px solid var(--line)}.monster-map-browser-markers{position:absolute;left:0;top:0}.monster-map-browser-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.monster-map-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:7px 16px;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.monster-map-browser-footer button{flex-shrink:0;max-width:50%}.monster-map-browser .monster-map-browser-text{width:max-content;max-width:150px;height:auto;min-height:36px;padding:5px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font-size:12px}
@media(max-width:600px){.monster-page-heading{gap:10px}.monster-maps-button{width:100%}.monster-map-browser{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:8px}.monster-map-browser-heading,.monster-map-browser-controls{padding:8px 10px}.monster-map-browser-heading h2{font-size:18px}.monster-map-browser-controls{gap:6px}.monster-map-browser-select{flex-basis:100%}.monster-map-browser-filters{padding:4px 10px}.monster-map-browser-status{padding:3px 10px 6px}.monster-map-browser-footer{padding:6px 10px}}
.monster-map-browser-zoom button{min-width:36px;padding:8px 9px;font-size:13px}
@media(max-height:500px){.monster-map-browser-heading{padding:4px 10px}.monster-map-browser-controls{padding:4px 10px}.monster-map-browser-filters{padding:3px 10px}.monster-map-browser-footer{min-height:32px;padding:4px 10px}.monster-map-browser-status{padding:2px 10px 4px}.monster-map-browser button,.monster-map-browser select{min-height:36px}}
.labels-hidden .marker-name,.labels-hidden #destination-label,.labels-hidden .text-marker>span:not(.marker-tick){visibility:hidden}
.labels-hidden .map-marker.text-marker{visibility:hidden;background:transparent;border-color:transparent;box-shadow:none}
.labels-hidden .text-marker .marker-tick{visibility:visible;pointer-events:auto}
.related-card-trait{font-size:10px;line-height:1.3;color:var(--ui-fg-215b78,#215b78)}
@media(max-width:900px){.map-picker-panel{position:relative;top:auto;margin-top:4px}}

.filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions .filter-button{min-width:0}
.objective-item.selected{background:var(--ui-bg-edf5f9,#edf5f9);box-shadow:inset 3px 0 #4184a6;border-radius:4px}.objective-item.selected .objective-focus{background:transparent}
.quest-interaction>.selected-quest-detail,.quest-chain-card>.selected-quest-detail{border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 8px;margin:6px 0 0}.selected-quest-detail h2{font-size:15px}.quest-chain-card.selected{border:1px solid #6c9db6;border-radius:5px;padding:5px}
.quest-role-icons{display:inline-flex;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.quest-role-icons img{width:16px;height:32px;object-fit:contain}.map-marker.quest-role-marker{width:auto;min-width:44px}.quest-role-list{display:grid;gap:8px}.quest-role-list .quest-link{text-align:left}

.panel-top-action{position:sticky;bottom:12px;align-self:flex-end;flex-shrink:0;z-index:6;width:max-content;max-width:calc(100% - 24px);margin:0 12px 12px auto;padding:3px;border-radius:7px;background:var(--ui-bg-ffffff,#fff);box-shadow:0 2px 9px #203f5026}.panel-top-action button{min-height:40px;padding:8px 12px;font-size:12px;color:var(--accent)}
.language-options{display:grid;gap:3px;max-height:min(400px,70dvh);overflow:auto}.language-options button{font:inherit;min-height:42px;padding:9px 10px;text-align:left;border:0;border-radius:4px}.language-options button[aria-pressed=true]{font-weight:700;color:var(--accent);background:var(--ui-bg-eaf3f7,#eaf3f7)}.language-options button[aria-pressed=true]::after{content:'✓';float:right;margin-left:12px}.quest-select .quest-level{display:inline;font-weight:650;color:var(--accent)}
.map-toolbar .fit-button{border-radius:0}.map-toolbar #fullscreen-map{border-radius:0 5px 5px 0;display:grid;place-items:center}.map-toolbar svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fullscreen-exit,[aria-pressed=true]>.fullscreen-enter{display:none}#fullscreen-map[aria-pressed=true] .fullscreen-enter{display:none}#fullscreen-map[aria-pressed=true] .fullscreen-exit{display:block}
.map-area:fullscreen,.map-area.map-fullscreen{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;z-index:70;background:var(--ui-bg-e9eeeb,#e9eeeb)}.map-area.map-fullscreen{width:100vw;height:100dvh}.map-area:fullscreen::backdrop{background:var(--ui-bg-e9eeeb,#e9eeeb)}
.map-options{scrollbar-gutter:stable}.map-options::-webkit-scrollbar{width:20px}.map-options::-webkit-scrollbar-track{background:var(--ui-bg-edf2f5,#edf2f5);border-radius:10px}.map-options::-webkit-scrollbar-thumb{min-height:48px;background:#69879b;border:2px solid var(--ui-line-edf2f5,#edf2f5);border-radius:10px}.map-options::-webkit-scrollbar-thumb:hover,.map-options::-webkit-scrollbar-thumb:active{background:#345f7a}
@supports not selector(::-webkit-scrollbar){.map-options{scrollbar-width:auto;scrollbar-color:#69879b #edf2f5}}
.drop-rate{font-variant-numeric:tabular-nums}.drop-rate-option{display:block}.drop-rate-option>span{white-space:nowrap}.drop-rate-option small{display:block;font-size:10px;color:var(--muted);white-space:normal}.drop-rate-option+.drop-rate-option{margin-top:6px}
@media(max-width:600px){.loot-pool .loot-table{table-layout:fixed}.loot-pool .loot-table th,.loot-pool .loot-table td{padding:8px 3px;overflow-wrap:anywhere}.loot-pool .loot-table th{font-size:11px;overflow-wrap:normal}.loot-pool .loot-table th:first-child,.loot-pool .loot-table td:first-child{width:34%}.loot-pool .loot-table th:nth-child(2),.loot-pool .loot-table td:nth-child(2){width:20%}.loot-pool .loot-table th:nth-child(3),.loot-pool .loot-table td:nth-child(3){width:18%}.loot-pool .drop-item{flex-direction:column;align-items:flex-start;gap:4px}.loot-pool .drop-item>span{max-width:100%;overflow-wrap:anywhere}}

.monster-select .monster-respawn,.reborn-time{font-weight:750;color:#a31b64}.element-label[data-element=water]{color:var(--ui-fg-1d66b6,#1d66b6)}.element-label[data-element=groud]{color:#b94a14}.element-label[data-element=fire]{color:#c8192b}.element-label[data-element=wind]{color:#087b42}.element-label[data-element=poison]{color:#aa00bc}.element-label[data-element=sacred]{color:#946300}.element-label[data-element=dark]{color:#4527cc}.element-label[data-element=tele]{color:#bc2569}.element-label[data-element=immortal]{color:var(--ui-fg-536586,#536586)}
body[data-page=monsters] .directory-list{align-items:stretch}body[data-page=monsters] .monster-identity .monster-select{gap:6px;padding:12px 8px}body[data-page=monsters] .monster-name{gap:4px}
.monster-name .monster-rank-icon{display:inline-block;vertical-align:middle;margin-inline-start:4px}