.wg-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0 55px}
.wg-overview-card{display:grid;grid-template-columns:145px 1fr;min-height:145px;overflow:hidden;background:#fffaf0;border:1px solid #d7c7a9;border-radius:8px;color:#30383c;text-decoration:none;box-shadow:0 7px 22px #2b23151c;transition:transform .18s,border-color .18s}
.wg-overview-card:hover,.wg-overview-card:focus-visible{transform:translateY(-3px);border-color:#9b7548}
.wg-overview-image{background-size:cover;background-position:center;background-color:#705b40;border-right:1px solid #bd9b6d}
.wg-overview-card>div:last-child{padding:18px 20px}
.wg-overview-card .eyebrow{font-size:12px;color:#9b784c}
.wg-overview-card h2{font-size:22px;line-height:1.3;margin:9px 0;color:#38332e}
.wg-overview-card h2 span{color:#a46f34}
.wg-overview-card p{font-size:14px;line-height:1.55;margin:0;color:#605b54}
.wg-topline{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:13px 0 20px;color:#6b6358;font-size:14px}
.wg-topline a{font-weight:700;color:#73542f;text-decoration:none}
.wg-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.wg-sheet-grid--single{display:block}
.wg-sheet-grid--narrow .wg-sheet{max-width:830px;margin-left:auto;margin-right:auto}
.wg-sheet{border:1px solid #cbb896;background:#fcf8ed;border-radius:9px;box-shadow:0 10px 25px #28201520;margin:0 0 28px;overflow:hidden}
.wg-sheet-grid:not(.wg-sheet-grid--single) .wg-sheet{margin-bottom:0}
.wg-sheet-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 22px;background:linear-gradient(120deg,#f4e8d0,#fffaf1);border-bottom:1px solid #d6c3a0}
.wg-sheet-head .eyebrow{color:#946f3a;font-size:12px}
.wg-sheet-head h2{font-size:20px;line-height:1.35;margin:4px 0 0;color:#40372b}
.wg-level-range{font-size:15px;font-weight:600;color:#90643e;white-space:nowrap}
.wg-sheet-count{white-space:nowrap;color:#77634a;font-size:13px}
.wg-travel-note{margin:0;padding:12px 18px;background:#f4e8d4;border-bottom:1px solid #d2bc97;color:#634521;font-size:14px;line-height:1.5}
.wg-detail-jump{margin-left:10px;padding:4px 9px;border:1px solid #af7d40;border-radius:4px;background:#fff7e7;color:#684116;font-weight:700;cursor:pointer}
.wg-detail-jump:hover,.wg-detail-jump:focus-visible{background:#fff;outline:2px solid #a77537;outline-offset:2px}
.wg-scroll{overflow:auto;background:#382d21;scrollbar-color:#947d60 #dbcbae;scrollbar-width:thin}
.wg-art{position:relative;width:100%;aspect-ratio:var(--wg-aspect);overflow:hidden;background:#382d21}
.wg-art svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 3px #35291655)}
.wg-art image{image-rendering:auto}
.wg-region-name,.wg-region-level{font-family:"Dilmun Notice",sans-serif;font-weight:700;text-anchor:middle;paint-order:stroke fill;stroke:#211b16;stroke-linejoin:round;fill:#ffedc4;filter:drop-shadow(0 3px 3px #211b16)}
.wg-region-name{font-size:35px;stroke-width:8}
.wg-region-level{font-size:23px;stroke-width:6}
.wg-portal-point,.wg-npc-point{cursor:pointer;filter:drop-shadow(0 3px 4px #1d1715);outline:none}
.wg-portal-point circle{fill:#a16a2f;stroke:#fff0c2;stroke-width:4}
.wg-npc-point circle{fill:#287888;stroke:#d6f4ee;stroke-width:4}
.wg-art--detail .wg-portal-point circle,.wg-art--detail .wg-npc-point circle{stroke-width:1.2}
.wg-art--detail .wg-portal-point text,.wg-art--detail .wg-npc-point text{paint-order:stroke fill;stroke:#241910;stroke-width:.65}
.wg-portal-point text,.wg-npc-point text{font-family:"Dilmun Notice",sans-serif;font-weight:700;text-anchor:middle;fill:white;pointer-events:none}
.wg-portal-point:hover circle,.wg-portal-point:focus-visible circle,.wg-portal-point.wg-active circle,.wg-npc-point:hover circle,.wg-npc-point:focus-visible circle,.wg-npc-point.wg-active circle{stroke:#fff;stroke-width:6}
.wg-bridge-shadow{fill:none;stroke:#23150b;stroke-width:43;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 4px #080c10ad)}
.wg-bridge-deck{fill:none;stroke:#bd8950;stroke-width:37;stroke-linecap:round;stroke-linejoin:round}
.wg-bridge-planks{fill:none;stroke:#704521;stroke-width:37;stroke-dasharray:2 13;opacity:.84}
.wg-bridge-hub{fill:#bf8b51;stroke:#533317;stroke-width:6;filter:drop-shadow(0 3px 3px #17100b)}
.wg-bridge-label{font:700 29px "Dilmun Notice",sans-serif;fill:#fff0c9;stroke:#2b1d10;stroke-width:7;paint-order:stroke fill}
.wg-sheet-legend{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #cdbfa8}
.wg-sheet-legend>section{padding:19px 22px 15px;min-width:0}
.wg-sheet-legend>section+section{border-left:1px solid #d9cbb6}
.wg-sheet h3{font-size:19px;color:#463d32;margin:0 0 12px}
.wg-sheet h3 small{display:block;font-size:12px;font-weight:400;color:#837361;margin-top:2px}
.wg-marker-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;max-height:270px;overflow:auto}
.wg-marker-list li{display:flex;align-items:flex-start;gap:7px;min-width:0;color:#4a4239;font-size:13px;line-height:1.35}
.wg-marker-list li>span{min-width:0;overflow-wrap:anywhere}
.wg-marker-list li b{color:#846134}
.wg-marker-list li small{display:block;color:#7d766b;font-size:11px;margin-top:2px}
.wg-marker-list a{color:#476b82;text-decoration:none}
.wg-marker-list a:hover{text-decoration:underline}
.wg-jump{flex:0 0 auto;min-width:23px;height:23px;padding:0 3px;border:0;border-radius:50%;background:#a16a2f;color:#fff;font:bold 12px sans-serif;cursor:pointer}
.wg-npc-list .wg-jump{background:#287888}
.wg-jump:hover,.wg-jump:focus-visible{outline:2px solid #342619;outline-offset:2px}
.wg-monsters{padding:18px 22px 22px;border-top:1px solid #d9cbb6;background:#f7f0e3}
.wg-monster-region{margin:13px 0}
.wg-monster-region h4{font-size:15px;margin:0 0 8px;color:#564331}
.wg-monster-region h4 span{font-size:12px;color:#948372;font-weight:400}
.wg-monster-list{display:flex;flex-wrap:wrap;gap:6px}
.wg-monster-list span{font-size:12px;padding:4px 8px;border:1px solid #d7c7aa;background:#fffaf0;color:#4c4840;border-radius:4px}
.wg-monster-list b{color:#9a6539;white-space:nowrap}
.wg-page-nav{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 45px}
.wg-page-nav a{padding:8px 11px;border:1px solid #d5c5a6;border-radius:5px;background:#fffaf0;text-decoration:none;color:#624c31;font-size:13px}
.wg-page-nav a:hover{background:#f5e8d2}
@media(max-width:900px){.wg-overview,.wg-sheet-grid{grid-template-columns:1fr}.wg-sheet-legend{grid-template-columns:1fr}.wg-sheet-legend>section+section{border-left:0;border-top:1px solid #d9cbb6}.wg-topline{display:block}.wg-topline span{display:block;margin-top:6px}}
@media(max-width:560px){.wg-overview-card{grid-template-columns:95px 1fr;min-height:125px}.wg-overview-card>div:last-child{padding:12px}.wg-overview-card h2{font-size:18px}.wg-overview-card p{font-size:12px}.wg-sheet-head{display:block;padding:14px}.wg-sheet-head h2{font-size:17px}.wg-sheet-count{display:block;margin-top:5px}.wg-marker-list{grid-template-columns:1fr}.wg-sheet-legend>section,.wg-monsters{padding:15px}.wg-art{min-width:560px}}
