.dg-panel{padding:0 15px}.dg-panel .tr-field{margin-top:14px;grid-template-columns:auto minmax(0,1fr)}
.dg-panel .field{min-height:38px;padding:0 10px}.dg-panel .field input{font-size:.9rem;padding:8px 0}
.dg-local{font-size:.88rem}
.dg-panel #dg-count{margin:12px 0}
/* the list scrolls inside the panel (it was 4 300 px tall on phones); the nine new dungeons come first */
#dg-list{max-height:530px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line-2) var(--bg-2);padding-right:3px}
.dg-group{margin:12px 0 4px;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.dg-group:first-child{margin-top:0}
.dg-row{display:block;width:100%;text-align:left;padding:8px 11px;margin:6px 0;border:1px solid var(--line);border-radius:6px;background:var(--panel);font:inherit;color:var(--text);cursor:pointer}
.dg-row-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.dg-row strong{font-family:var(--font-display);font-size:.98rem;color:var(--text)}
.dg-row-name>span{font-size:.82rem;color:var(--text-2)}
.dg-row small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.76rem;color:var(--text-3);margin-top:4px}
.dg-row .chip{padding:0 7px}   /* the site's .chip size (.78rem): no smaller than 12 px */
.dg-row.is-new{border-color:#2f5a44}
.dg-row:focus-visible{border-color:var(--accent);background:var(--panel-2)}@media(hover:hover){.dg-row:hover{border-color:var(--accent);background:var(--panel-2)}}
.dg-card{padding-top:12px;font-size:.88rem}.dg-card+.dg-card{border-top:1px solid var(--line);margin-top:14px}
.dg-card h4{font-family:var(--font-display);font-size:1.05rem;margin:0}
.dg-en{color:var(--text-3);font-size:.82rem;margin:2px 0 8px}
.dg-chips{display:flex;flex-wrap:wrap;gap:6px}
.dg-coordinates{margin:10px 0;font-variant-numeric:tabular-nums;color:var(--accent-2)}
.dg-marker{cursor:pointer;outline:none}.dg-hit{fill:transparent}
.dg-symbol{fill:#192522;stroke:#d3bc79;stroke-width:1.6;vector-effect:non-scaling-stroke}
.dg-marker:focus-visible .dg-symbol,.dg-marker.selected .dg-symbol{fill:#5e4a1f;stroke:#fff3ce;stroke-width:2.5}@media(hover:hover){.dg-marker:hover .dg-symbol{fill:#5e4a1f;stroke:#fff3ce;stroke-width:2.5}}
.dg-cluster{font:600 10px var(--font);fill:#fff3ce;stroke:#101821;stroke-width:3px;paint-order:stroke}
.dg-about ul{padding-left:20px}
.tr-tabs:has(#tr-tab-dungeons){grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.tr-tabs:has(#tr-tab-dungeons){grid-template-columns:repeat(4,1fr)}.tr-tabs button{font-size:.84rem;padding:12px 4px}}
@media(max-width:760px){#dg-list{max-height:min(530px,62vh)}}