.dung-article{position:relative}.dung-article-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.dung-article-notes{margin-bottom:1rem}.dung-article-floors-bar{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem}.dung-article-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.dung-article-tab{font-family:var(--font-ui);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#0000004d;border-bottom:none;border-radius:8px 8px 0 0;padding:.4rem .9rem;font-size:.9rem;position:relative;top:1px}.dung-article-tab:hover{color:var(--text);border-color:#d4af6a73}.dung-article-tab.is-active{color:var(--gold-bright);border-color:var(--gold);background:#d4af6a1f}.dung-article-stage{border:1px solid var(--border);background:#0a0d12;border-radius:8px;width:100%;max-height:min(85vh,920px);line-height:0;position:relative;overflow:auto}.dung-article-stage.is-panning{user-select:none;cursor:grabbing!important}.dung-article-map-wrap{width:calc(var(--map-zoom,1) * 100%);max-width:none;line-height:0;display:block;position:relative}.dung-article-map-img{pointer-events:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.dung-article-overlay{position:absolute;inset:0}.dung-article-no-map{min-height:160px;color:var(--text-muted);font-family:var(--font-ui);justify-content:center;align-items:center;padding:1.5rem;line-height:1.4;display:flex}.dung-article-marker{cursor:help;z-index:2;color:#f2f4f8;filter:drop-shadow(0 1px 2px #000000d9);background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;font-size:.95rem;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.dung-article-marker svg{fill:currentColor;width:1.35rem;height:1.35rem;display:block}.dung-article-marker.kind-number,.dung-article-marker.kind-letter{font-family:var(--font-display);filter:none;text-shadow:0 1px 2px #000000e6;background:#00000080;border:2px solid #f2f4f8;border-radius:50%;font-size:1rem;box-shadow:0 2px 8px #000000a6}.dung-article-marker.kind-secret{font-family:var(--font-display);color:var(--marker-color,#f2f4f8);text-shadow:0 1px 3px #000000f2;font-size:1.15rem;font-weight:800}.dung-room-type-badge-view{color:var(--gold,#d4af6a);letter-spacing:.02em;margin:.2rem 0 0;font-size:.78rem}.dung-article-room{cursor:pointer;user-select:none;transition:border-color .15s,filter .15s}.dung-article-room:hover{filter:brightness(1.04);border-color:#d4af6a8c}.dung-article-room.is-open{border-color:var(--gold,#d4af6a);box-shadow:0 0 0 1px #d4af6a59}.dung-article-room-header{grid-template-columns:auto 1fr;align-items:start;gap:.65rem .85rem;display:grid}.dung-article-room .beat-num{font-family:var(--font-display);font-size:1.45rem;line-height:1}.dung-article-room .beat-title{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.03em}.dung-room-open-hint{color:var(--muted,#9aa6b8);margin:.35rem 0 0;font-size:.78rem}.dung-room-panel{z-index:92;background:var(--panel,#121820);border:1px solid #d4af6a80;border-radius:12px;flex-direction:column;width:min(36rem,100vw - 1.5rem);max-height:min(82vh,42rem);display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 56px #0009}.dung-room-panel[hidden]{display:none!important}.dung-room-panel-head{border-bottom:1px solid var(--border);cursor:grab;user-select:none;background:#00000047;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;display:flex}.dung-room-panel-head:active{cursor:grabbing}.dung-room-panel-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#9aa6b8);margin:0;font-size:.72rem}.dung-room-panel-title{font-family:var(--font-display);color:var(--gold,#d4af6a);margin:.15rem 0 0;font-size:1.15rem;line-height:1.25}.dung-room-panel-sub{color:var(--gold,#d4af6a);margin:.25rem 0 0;font-size:.82rem}.dung-room-panel-close{border:1px solid var(--border);width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:0 0;border-radius:6px;font-size:1.15rem;line-height:1}.dung-room-panel-close:hover{border-color:var(--gold,#d4af6a);color:var(--gold,#d4af6a)}.dung-room-panel-body{flex:1;min-height:0;padding:.85rem 1rem 1rem;overflow:auto}.dung-article-marker.has-link{cursor:pointer;box-shadow:0 0 0 2px #d4af6aa6}.dung-article-marker.kind-trap.has-link{box-shadow:0 0 0 2px #ff50508c}.dung-tip-link-hint{color:var(--gold,#d4af6a);margin:.4rem 0 0;font-size:.8rem}.dung-article-preview{z-index:90;background:var(--panel,#121820);border:1px solid #d4af6a80;border-radius:12px;flex-direction:column;width:min(44rem,100vw - 1.5rem);max-height:min(78vh,40rem);display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 56px #0009}.dung-article-preview[hidden]{display:none!important}.dung-article-preview-head{border-bottom:1px solid var(--border);cursor:grab;user-select:none;background:#00000047;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;display:flex}.dung-article-preview-head:active{cursor:grabbing}.dung-article-preview-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#9aa6b8);margin:0;font-size:.72rem}.dung-article-preview-title{font-family:var(--font-display);color:var(--gold,#d4af6a);margin:.15rem 0 0;font-size:1.15rem;line-height:1.25}.dung-article-preview-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.dung-article-preview-full{padding:.3rem .55rem!important;font-size:.8rem!important}.dung-article-preview-close{border:1px solid var(--border);width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:0 0;border-radius:6px;font-size:1.15rem;line-height:1}.dung-article-preview-close:hover{border-color:var(--gold,#d4af6a);color:var(--gold,#d4af6a)}.dung-article-preview-cols{flex:1;grid-template-columns:minmax(8rem,12rem) 1fr;gap:0;min-height:0;display:grid;overflow:hidden}@media (width<=560px){.dung-article-preview-cols{grid-template-columns:1fr}}.dung-article-preview-image{border-right:1px solid var(--border);background:#00000059;justify-content:center;align-items:center;min-height:10rem;display:flex;overflow:hidden}.dung-article-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.dung-article-preview-noimg{color:var(--muted,#9aa6b8);text-align:center;padding:1rem;font-size:.85rem;font-style:italic}.dung-article-preview-body{padding:.85rem 1rem 1rem;font-size:.92rem;line-height:1.5;overflow:auto}.dung-article-marker.kind-trap{color:#ff3b3b}.dung-article-marker.kind-lock,.dung-article-marker.kind-loot{color:#f2f4f8}.dung-article-marker.kind-monster,.dung-article-marker.kind-location{color:var(--marker-color,#f2f4f8)}.dung-article-marker.kind-lock.is-open{color:#f2f4f8}.dung-article-rooms{margin-top:1.25rem}.dung-article-tip{z-index:80;border:1px solid var(--border);pointer-events:none;background:#0c1018f5;border-radius:8px;max-width:min(360px,90vw);max-height:min(280px,50vh);padding:.65rem .8rem;line-height:1.45;position:fixed;overflow:auto;box-shadow:0 8px 28px #0000008c}.dung-article-tip-title{font-family:var(--font-display);color:var(--gold-bright);margin-bottom:.4rem;font-size:.95rem}.dung-article-tip-body{font-size:.88rem}.dung-tip-empty{color:var(--text-muted);font-style:italic}