.dr{padding:calc(var(--nav-h) + 40px) 0 90px}.dr-head{margin-bottom:26px}.dr-counters{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.dr-counter{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:8px 14px;font-size:.86rem;color:var(--text-muted)}.dr-counter b{color:var(--accent);font-size:1.05rem;margin-right:5px;font-variant-numeric:tabular-nums}.dr-controls{padding:14px;margin-bottom:26px}.dr-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dr-tabs{display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.dr-tab{font-family:var(--font-display);font-weight:600;font-size:.84rem;letter-spacing:.04em;background:none;border:0;color:var(--text-muted);padding:7px 15px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.dr-tab:hover{color:var(--text)}.dr-tab[aria-selected=true]{background:var(--accent);color:var(--btn-fg)}.dr-search{flex:1 1 210px;min-width:170px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:.9rem;padding:9px 13px}.dr-search::placeholder{color:var(--text-dim)}.dr-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dr-zones{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.dr-zone{font-size:.78rem;font-weight:500;background:var(--bg-2);border:1px solid var(--border);color:var(--text-muted);padding:5px 11px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.dr-zone:hover{border-color:var(--accent);color:var(--text)}.dr-zone[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--btn-fg)}.dr-zone-head{display:flex;align-items:center;gap:14px;margin:38px 0 16px}.dr-zone-head h2{font-family:var(--font-display);font-size:1.4rem;margin:0;white-space:nowrap}.dr-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent)}.dr-count{font-size:.8rem;color:var(--text-dim);white-space:nowrap}.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.dr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dr-card.is-boss{border-color:var(--gold-soft)}.dr-card.is-elite{border-color:#a78bfa4d}.dr-card-head{padding:14px 16px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.dr-card.is-boss .dr-card-head{background:linear-gradient(180deg,var(--gold-soft),transparent)}.dr-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.dr-card-title h3{font-family:var(--font-display);font-size:1.15rem;margin:0}.dr-tag{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:4px;border:1px solid}.dr-tag.boss{color:var(--gold);border-color:var(--gold-soft);background:var(--gold-soft)}.dr-tag.elite{color:#a78bfa;border-color:#a78bfa66;background:#a78bfa1a}.dr-tag.zone{color:var(--text-dim);border-color:var(--border)}.dr-stats{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:.78rem;color:var(--text-muted)}.dr-stats i{font-style:normal;color:var(--text-dim);margin-right:4px}.dr-stats b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.dr-note{margin:9px 0 0;font-size:.78rem;line-height:1.45;color:var(--text-muted);border-left:2px solid var(--accent);padding-left:9px}.dr-always{padding:9px 16px;background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:.78rem;color:var(--text-muted)}.dr-always b{color:var(--accent);font-weight:500}.dr-drops{padding:4px 0 8px}.dr-drop{padding:8px 16px 9px;border-bottom:1px solid var(--border)}.dr-drop:last-child{border-bottom:0}.dr-drop-top{display:flex;align-items:baseline;gap:10px;justify-content:space-between}.dr-drop-name{font-size:.88rem;color:var(--text);flex:1;min-width:0}.dr-qty{color:var(--text-dim);font-size:.76rem;margin-left:6px;font-variant-numeric:tabular-nums}.dr-pct{font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.dr-bar{height:3px;background:var(--border);border-radius:2px;margin-top:6px;overflow:hidden}.dr-bar i{display:block;height:100%;border-radius:2px}.t-common .dr-pct{color:#4ade80}.t-common .dr-bar i{background:#4ade80}.t-uncommon .dr-pct{color:var(--accent)}.t-uncommon .dr-bar i{background:var(--accent)}.t-rare .dr-pct{color:var(--gold)}.t-rare .dr-bar i{background:var(--gold)}.t-epic .dr-pct{color:#a78bfa}.t-epic .dr-bar i{background:#a78bfa}.dr-pool{margin-top:7px}.dr-pool summary{cursor:pointer;font-size:.76rem;color:var(--text-dim);list-style:none}.dr-pool summary::-webkit-details-marker{display:none}.dr-pool summary:before{content:"▸";font-size:.6rem;margin-right:5px;display:inline-block;transition:transform .15s}.dr-pool[open] summary:before{transform:rotate(90deg)}.dr-pool summary:hover{color:var(--text-muted)}.dr-pool-list{margin:7px 0 2px;padding:8px 11px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:.78rem}.dr-pool-list span{color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-pool-list em,.dr-weight{font-style:normal;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.dr-item{margin-bottom:12px;overflow:hidden;padding:0}.dr-item-head{padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.dr-item-head h3{font-family:var(--font-display);font-size:1.05rem;margin:0}.dr-best{font-size:.8rem;color:var(--text-muted)}.dr-best b{color:var(--accent);font-weight:500}.dr-src{width:100%;border-collapse:collapse;font-size:.85rem}.dr-src td{padding:7px 16px;border-bottom:1px solid var(--border)}.dr-src tr:last-child td{border-bottom:0}.dr-where{color:var(--text-dim);font-size:.76rem}.dr-val{text-align:right;white-space:nowrap}.dr-empty{padding:50px 20px;text-align:center;color:var(--text-dim)}.dr-foot{margin-top:44px;padding-top:20px;border-top:1px solid var(--border);color:var(--text-dim);font-size:.8rem}@media(max-width:640px){.dr{padding-top:calc(var(--nav-h) + 22px)}.dr-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
