/* Loot guide: actual option combinations and a separate base-material catalogue. */
.loot-guide-body {
  --text:#eee8dd; --muted:#bdb5a8; --ash:#aaa294;
  --gold:#bc9c67; --gold-soft:#dfc390; --line:rgba(207,184,144,.22);
  --loot-strong:rgba(207,184,144,.36); --loot-soft:rgba(238,232,221,.08);
  color:var(--text); background:#141310;
}
.loot-guide-page [hidden] { display:none !important; }
.loot-guide-page > .loot-guide-hero { --subpage-hero-image:url("../assets/hero/header-lootcollection.webp"); }
.loot-guide-page > .loot-guide-hero::before { opacity:.48; }
.loot-content { width:min(var(--content-max),calc(100% - 48px)); margin:0 auto; padding-bottom:32px; }
.loot-content :is(h2,h3,p,dl) { margin-top:0; }
.loot-content :is(a,button,summary,input):focus-visible { outline:2px solid var(--gold-soft); outline-offset:4px; }
.loot-content a { color:var(--gold-soft); text-underline-offset:4px; }
.loot-content button { font:inherit; cursor:pointer; }
.loot-mode-nav { display:flex; align-items:stretch; gap:32px; border-bottom:1px solid var(--loot-strong); }
.loot-mode-nav > a { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px; padding:14px 0; border-bottom:2px solid transparent; color:var(--muted); text-decoration:none; font-size:17px; font-weight:500; }
.loot-mode-nav > a small { font-size:12px; font-weight:400; color:var(--ash); }
.loot-mode-nav > a[aria-current] { color:var(--text); border-bottom-color:var(--gold-soft); }
.loot-mode-nav > a[aria-current] small { color:var(--gold-soft); }
.loot-browse { padding-top:14px; }
.loot-browse-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:2px; }
.loot-scroll-hint { display:none; }
.loot-browse-heading p { margin:0; color:var(--ash); font-size:12px; }
.loot-browse-heading > a { padding:5px 0; font-size:12px; color:var(--muted); text-decoration:none; }
.loot-browse-heading > a[aria-current] { color:var(--gold-soft); text-decoration:underline; }
.loot-category-nav { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); column-gap:14px; padding-bottom:8px; border-bottom:1px solid var(--loot-strong); }
.loot-category-link { position:relative; display:flex; align-items:center; gap:8px; min-width:0; min-height:68px; padding:4px 2px; border-bottom:2px solid transparent; color:var(--muted) !important; text-decoration:none; font-size:13px; line-height:1.5; }
.loot-category-link__art { display:grid; place-items:center; width:44px; height:50px; flex:0 0 44px; }
.loot-category-link img { width:40px; height:44px; object-fit:contain; transition:transform .18s ease,filter .18s ease; transform-origin:center; pointer-events:none; }
.loot-category-link[aria-current] { color:var(--gold-soft) !important; border-bottom-color:var(--gold); background:linear-gradient(0deg,rgba(188,156,103,.07),transparent 65%); }
.loot-category-link:focus-visible { z-index:3; }
.loot-category-link:focus-visible img { transform:translateY(-3px) scale(1.55); filter:drop-shadow(0 3px 5px #000); }
@media (hover:hover) {
  .loot-category-link:hover { z-index:3; color:var(--text) !important; }
  .loot-category-link:hover img { transform:translateY(-3px) scale(1.55); filter:drop-shadow(0 3px 5px #000); }
}
.loot-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; padding:16px 0 8px; }
.loot-context-controls { min-width:0; }
.loot-quality, .loot-size-nav { display:flex; flex-wrap:wrap; gap:4px; align-items:center; }
.loot-quality button, .loot-size-nav a { min-height:36px; padding:7px 12px; border:1px solid transparent; border-radius:3px; color:var(--muted); background:transparent; font-size:13px; line-height:1.5; text-decoration:none; }
.loot-quality button:hover, .loot-size-nav a:hover { border-color:var(--line); color:var(--text); }
.loot-quality button[aria-pressed="true"], .loot-size-nav a[aria-current] { background:var(--gold-soft); color:#211c14; }
.loot-search { flex:1 1 240px; max-width:350px; margin-left:auto; }
.loot-search input { width:100%; min-height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:3px; color:var(--text); background:#1c1a16; font:400 13px/1.5 var(--font-body); }
.loot-search input::placeholder { color:var(--ash); opacity:1; }
.loot-results-summary { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 16px; padding:2px 0 10px; color:var(--ash); font-size:12px; }
.loot-results-summary p { margin:0; }
.loot-results-summary button, .loot-empty button { padding:3px 0; border:0; border-bottom:1px solid var(--line); color:var(--gold-soft); background:transparent; font-size:12px; }
.loot-reading-note { display:flex; flex-wrap:wrap; gap:4px 8px; margin:0 0 18px; color:var(--ash); font-size:12px; line-height:1.7; }
.loot-reading-note strong { font-weight:500; color:var(--muted); }
.loot-category { scroll-margin-top:16px; }
.loot-category:not([hidden]) ~ .loot-category:not([hidden]) { margin-top:28px; }
.loot-section-heading { display:flex; flex-wrap:wrap; gap:6px 18px; align-items:baseline; padding:0 0 12px; border-bottom:1px solid var(--loot-strong); }
.loot-section-heading h2 { margin:0; font:600 20px/1.5 var(--font-display); color:var(--text); letter-spacing:-.025em; }
.loot-section-heading p { flex:1 1 380px; margin:0; color:var(--muted); font-size:12px; line-height:1.7; word-break:keep-all; overflow-wrap:anywhere; }
.loot-combo { display:grid; grid-template-columns:176px minmax(0,1fr); align-items:start; gap:12px 28px; padding:20px 0; border-bottom:1px solid var(--loot-soft); scroll-margin-top:20px; }
.loot-combo-heading { min-width:0; }
.loot-quality-label { font-size:11px; color:var(--ash); }
.loot-quality-label[data-quality="magic"] { color:#a5b9ee; }
.loot-quality-label[data-quality="rare"] { color:#ddcb8a; }
.loot-combo h3 { margin:3px 0 4px; color:var(--text); font-size:14px; font-weight:500; line-height:1.65; word-break:keep-all; overflow-wrap:anywhere; }
.loot-standard { font-size:11px; color:var(--ash); }
.loot-options { display:flex; flex-wrap:wrap; gap:10px 28px; margin:1px 0 12px; }
.loot-options > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 7px; max-width:100%; }
.loot-options dt { color:var(--text); font-size:15px; font-weight:500; line-height:1.65; word-break:keep-all; overflow-wrap:anywhere; }
.loot-options dd { margin:0; color:#b8caff; font-size:19px; font-weight:600; line-height:1.4; font-variant-numeric:tabular-nums; word-break:keep-all; overflow-wrap:anywhere; }
.loot-combo[data-quality="rare"] .loot-options dd { color:#e4d293; }
.loot-combo-footer { display:flex; flex-wrap:wrap; gap:4px 16px; align-items:baseline; }
.loot-verdict { flex:1 1 300px; margin:0; color:var(--muted); font-size:12px; line-height:1.75; word-break:keep-all; overflow-wrap:anywhere; }
.loot-entry-detail { min-width:0; font-size:12px; color:var(--ash); line-height:1.75; }
.loot-entry-detail summary { width:fit-content; cursor:pointer; white-space:nowrap; }
.loot-entry-detail[open] { flex-basis:100%; }
.loot-entry-detail[open] > div { padding:8px 0 0; }
.loot-entry-detail p { margin:0 0 6px; }
.loot-entry-detail a { color:var(--ash); }
.loot-citations { display:inline-flex; flex-wrap:wrap; gap:8px; }
.loot-size-heading { margin:18px 0 0; color:var(--muted); font-size:14px; font-weight:500; }
.loot-charm-group { scroll-margin-top:20px; }
.loot-base-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.loot-base-table .base-col-name { width:23%; }
.loot-base-table .base-col-socket { width:8%; }
.loot-base-table .base-col-quality { width:15%; }
.loot-base-table .base-col-conditions { width:35%; }
.loot-base-table .base-col-use { width:19%; }
.loot-base-table--craft .base-col-name { width:25%; }
.loot-base-table--craft .base-col-quality { width:10%; }
.loot-base-table--craft .base-col-conditions { width:45%; }
.loot-base-table--craft .base-col-use { width:20%; }
.loot-base-table thead th { padding:10px 12px 10px 0; border-bottom:1px solid var(--line); color:var(--ash); font-size:12px; font-weight:400; text-align:left; }
.loot-base-table tbody :is(th,td) { vertical-align:top; padding:15px 16px 15px 0; border-bottom:1px solid var(--loot-soft); text-align:left; overflow-wrap:anywhere; word-break:keep-all; font-weight:400; }
.loot-base-table tbody td:last-child { padding-right:0; }
.loot-base-name a { color:var(--text); text-decoration:none; font-size:15px; font-weight:500; line-height:1.7; }
.loot-base-name a:hover { color:var(--gold-soft); text-decoration:underline; }
.loot-name-separator { color:var(--ash); font-size:12px; }
.loot-sockets strong { color:var(--gold-soft); font-size:19px; font-weight:600; line-height:1.5; font-variant-numeric:tabular-nums; }
.loot-base-quality span { display:block; color:var(--ash); font-size:11px; line-height:1.6; margin-bottom:4px; }
.loot-base-quality strong { display:block; color:var(--text); font-weight:500; font-size:13px; line-height:1.65; }
.loot-base-conditions { color:var(--text); font-size:13px; line-height:1.75; }
.loot-base-conditions ul { padding:0; margin:0; list-style:none; }
.loot-base-conditions li + li { margin-top:3px; }
.loot-base-note { margin:5px 0 0; color:var(--ash); font-size:12px; line-height:1.65; }
.loot-base-conditions .loot-entry-detail { margin-top:5px; font-size:11px; }
.loot-base-uses span { display:block; color:var(--gold-soft); font-size:13px; line-height:1.75; }
.loot-empty { padding:26px 0; border-top:1px solid var(--line); }
.loot-empty h2 { margin-bottom:8px; font-size:17px; font-weight:500; }
.loot-empty p { color:var(--muted); font-size:13px; }
.loot-basics, .loot-sources { margin-top:24px; padding-top:14px; border-top:1px solid var(--line); }
.loot-basics > summary, .loot-sources > summary { color:var(--muted); cursor:pointer; font-size:13px; line-height:1.75; }
.loot-basics-body { padding-top:14px; }
.loot-basics-body dl { display:grid; grid-template-columns:1fr 1fr; gap:18px 30px; margin-bottom:16px; }
.loot-basics-body dt { margin-bottom:5px; color:var(--text); font-size:13px; font-weight:500; }
.loot-basics-body dd, .loot-basics-body p, .loot-sources p { margin:0; color:var(--muted); font-size:12px; line-height:1.9; }
.loot-basics-body p + p { margin-top:8px; }
.loot-sources p { margin-top:10px; color:var(--ash); }
.loot-sources ol { columns:2; column-gap:36px; padding-left:20px; margin-block:14px; }
.loot-sources li { break-inside:avoid; padding:5px 0; color:var(--ash); font-size:12px; line-height:1.7; scroll-margin-top:24px; }
.loot-guide-body > .site-footer { width:min(var(--content-max),calc(100% - 48px)); margin:0 auto; padding:22px 0; border-top:1px solid var(--line); color:var(--ash); }
.loot-guide-body > .site-footer a { color:var(--muted); }
@media (max-width:1050px) {
  .loot-category-nav { gap:0 10px; }
  .loot-category-link { flex-direction:column; justify-content:center; gap:1px; text-align:center; min-height:74px; }
  .loot-category-link__art { height:43px; flex-basis:43px; }
}
@media (max-width:760px) {
  .loot-content, .loot-guide-body > .site-footer { width:calc(100% - 40px); }
  .loot-mode-nav { gap:28px; }
  .loot-mode-nav > a { font-size:15px; }
  .loot-mode-nav > a small { width:100%; font-size:11px; }
  .loot-category-nav { column-gap:6px; }
  .loot-category-link { font-size:12px; }
  .loot-category-link img { width:34px; height:40px; }
  .loot-combo { grid-template-columns:145px minmax(0,1fr); gap:12px 20px; padding-block:18px; }
  .loot-options { gap:8px 20px; }
  .loot-options dt { font-size:14px; }
  .loot-options dd { font-size:18px; }
  .loot-base-table :is(thead,colgroup) { display:none; }
  .loot-base-table, .loot-base-table tbody { display:block; }
  .loot-base-table tbody tr { display:grid; grid-template-columns:1fr 1.5fr; gap:10px 20px; padding:17px 0; border-bottom:1px solid var(--loot-soft); }
  .loot-base-table tbody :is(th,td) { display:block; padding:0; border:0; }
  .loot-base-table tbody th { grid-column:1 / -1; padding-bottom:2px; }
  .loot-base-table td::before { content:attr(data-label); display:block; color:var(--ash); font-size:11px; font-weight:400; line-height:1.5; margin-bottom:4px; }
  .loot-base-table .loot-base-conditions { grid-column:2; grid-row:2 / 4; }
  .loot-base-table .loot-base-uses { grid-column:1 / -1; }
  .loot-base-uses span { display:inline-block; margin-right:12px; }
  .loot-base-quality span { margin-bottom:0; }
  .loot-guide-body > .page-jump { position:static; display:flex; justify-content:flex-end; width:calc(100% - 40px); margin:0 auto; padding:0 0 20px; gap:8px; }
  .loot-guide-body > .page-jump .page-jump__button { min-width:52px; min-height:36px; border-radius:4px; opacity:1; color:var(--muted); border-color:var(--line); background:#1c1a16; box-shadow:none; }
}
@media (max-width:520px) {
  .loot-content, .loot-guide-body > .site-footer, .loot-guide-body > .page-jump { width:calc(100% - 32px); }
  .loot-mode-nav { gap:24px; }
  .loot-mode-nav > a { flex:1; padding-block:12px; font-size:14px; }
  .loot-browse { padding-top:10px; }
  .loot-browse-heading { gap:8px; }
  .loot-browse.is-overflowing .loot-scroll-hint { display:block; margin-left:auto; font-size:10px; color:var(--ash); }
  .loot-category-nav { grid-template-columns:none; grid-template-rows:repeat(2,64px); grid-auto-flow:column; grid-auto-columns:76px; gap:8px 8px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:var(--line) transparent; padding:10px 2px; scroll-padding-inline:4px; }
  .loot-category-link { min-height:64px; gap:0; }
  .loot-category-link__art { height:38px; flex-basis:38px; }
  .loot-category-link img { width:32px; height:36px; }
  .loot-tools { gap:10px; padding-top:12px; }
  .loot-search { flex-basis:100%; max-width:none; }
  .loot-context-controls:empty { display:none; }
  .loot-results-summary { padding-top:3px; }
  .loot-reading-note { margin-bottom:14px; }
  .loot-section-heading { gap:4px; padding-bottom:10px; }
  .loot-section-heading h2 { font-size:18px; }
  .loot-section-heading p { flex-basis:100%; }
  .loot-combo { grid-template-columns:1fr; gap:10px; padding-block:16px; }
  .loot-combo-heading { display:flex; flex-wrap:wrap; gap:4px 9px; align-items:baseline; }
  .loot-combo h3 { order:1; margin:0; font-size:13px; }
  .loot-combo .loot-quality-label { order:0; }
  .loot-standard { order:2; margin-left:auto; }
  .loot-options { gap:7px 18px; margin-bottom:9px; }
  .loot-options dt { font-size:14px; }
  .loot-options dd { font-size:18px; }
  .loot-combo-footer { gap:4px 12px; }
  .loot-verdict { flex-basis:100%; }
  .loot-base-table tbody tr { grid-template-columns:minmax(90px,.8fr) minmax(0,1.5fr); column-gap:18px; }
  .loot-base-name a { font-size:15px; }
  .loot-basics-body dl { grid-template-columns:1fr; gap:14px; }
  .loot-sources ol { columns:1; }
}
@media (prefers-reduced-motion:reduce) { .loot-category-link img { transition:none; } }