/* The expedition guide's boss chests and gear by slot. */
#spoils { --j-panel:#20314b; --j-raised:#273b57; --j-line:#9fb9da35; --j-text:#edf4ff; --j-muted:#c1d1e5; --j-faint:#a6bbd5; }
.rarity-common { color:#e8eef7; }
.rarity-uncommon { color:#6fe88a; }
.rarity-rare { color:#7dbdff; }
.rarity-epic { color:#d09bff; }
.rarity-legendary { color:#ffb163; }
.rarity-mythic,.rarity-relic { color:#ff9ae0; }

.spoils-odds { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr)); gap:1px; margin:0 0 1.5rem; border:1px solid var(--j-line); border-radius:12px; overflow:hidden; background:var(--j-line); }
.spoils-odds > div { min-width:0; padding:1rem 1.2rem; background:var(--j-panel); }
.spoils-odds dt { color:var(--j-faint); font-size:.78rem; font-weight:700; margin-bottom:.25rem; }
.spoils-odds dd { margin:0; font:800 1.4rem/1.3 var(--body); color:var(--gold); }
.spoils-odds small { display:block; margin-top:.25rem; color:var(--j-muted); font:400 .75rem/1.5 var(--body); }

.spoils-bosses { display:grid; gap:.75rem; }
.spoils-boss > summary { align-items:center; }
.spoils-boss[open] > summary { background:var(--j-raised); border-bottom:1px solid var(--j-line); }
.spoils-items { list-style:none; margin:0; padding:0; display:grid; }
.spoils-item { padding:.85rem 0; border-bottom:1px solid var(--j-line); }
.spoils-item:first-child { padding-top:0; }
.spoils-item:last-child { padding-bottom:0; border-bottom:0; }
.spoils-item-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:.15rem 1rem; }
.spoils-item-head strong { font-size:1rem; }
.spoils-item-head span { color:var(--j-faint); font-size:.75rem; }
.spoils-stats { margin:.3rem 0 0; color:var(--j-text); font-size:.82rem; line-height:1.6; }
.spoils-ability { margin:.3rem 0 0; color:var(--j-muted); font-size:.82rem; line-height:1.6; }
.spoils-ability b { color:var(--gold); font-weight:700; }

.journal-main h3.spoils-slot-heading { margin-top:2rem; }
.spoils-slots { margin:1rem 0 0; display:grid; }
.spoils-slots > div { display:grid; grid-template-columns:7rem minmax(0,1fr); gap:1rem; padding:.7rem 0; border-top:1px solid var(--j-line); }
.spoils-slots dt { color:var(--j-faint); font-size:.8rem; font-weight:700; padding-top:.25rem; }
.spoils-slots dd { margin:0; display:flex; flex-wrap:wrap; gap:.4rem; min-width:0; }
.spoils-chip { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:.1rem .45rem; padding:.3rem .6rem; border-radius:6px; background:#9fb9da14; font-size:.82rem; font-weight:700; }
.spoils-chip small { color:var(--j-faint); font-size:.7rem; font-weight:400; }

@media(max-width:580px) {
  .spoils-slots > div { grid-template-columns:minmax(0,1fr); gap:.4rem; }
  .spoils-slots dt { padding-top:0; }
}