.loot-page { background: #090e10; }
.loot-page * { letter-spacing: 0; }
.loot-page button,.loot-page select { font: inherit; }
.loot-page button:focus-visible,.loot-page a:focus-visible,.loot-page select:focus-visible,.loot-page input:focus-visible,.loot-page summary:focus-visible { outline: 2px solid #6bffe0; outline-offset: 4px; }
.loot-main { width: min(1380px,calc(100% - 64px)); margin: auto; min-height: 70vh; }
.loot-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; padding:42px 0 28px; }
.loot-eyebrow { color:#9fb5b2; font-size:11px; font-weight:750; margin:0 0 10px; }
.loot-heading h1 { font-size:52px; line-height:1.1; margin:0; font-weight:900; }
.loot-heading h1 span { color:#47ebc3; }
.loot-heading-meta { text-align:right; font-size:12px; color:#a0b3af; }
.source-label { display:inline-flex; align-items:center; gap:8px; font-size:10px; font-weight:750; }
.source-label:before { content:""; width:6px; height:6px; border-radius:50%; background:#47ebc3; }
.loot-heading-meta p { margin:8px 0 0; }
.cluster-tabs { display:flex; gap:0; border-bottom:1px solid #33413f; overflow-x:auto; scrollbar-width:thin; }
.cluster-tabs button { flex:1 0 auto; display:flex; justify-content:center; gap:10px; align-items:center; padding:18px 20px; color:#aebeba; font-size:14px; font-weight:750; border:0; border-bottom:3px solid transparent; background:transparent; white-space:nowrap; }
.cluster-tabs button[aria-pressed="true"] { color:#59f0cf; border-bottom-color:#47ebc3; background:#122522; }
.cluster-tabs small { font-size:11px; color:#95aaa4; font-weight:500; }
.loot-toolbar { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:26px 0 16px; }
.loot-search { flex:1; min-width:240px; height:46px; display:flex; align-items:center; gap:12px; border:1px solid #3a4845; background:#141d20; padding:0 14px; border-radius:6px; color:#8ba29b; }
.loot-search input { width:100%; min-width:0; border:0; background:transparent; color:#eff7f3; height:100%; outline-offset:0; font-size:14px; }
.loot-select select { height:46px; border:1px solid #3a4845; border-radius:6px; background:#141d20; color:#dceae5; padding:0 34px 0 12px; font-size:13px; max-width:100%; }
.loot-check { display:flex; align-items:center; gap:7px; font-size:13px; color:#dceae5; height:44px; }
.loot-check input { accent-color:#47ebc3; width:17px; height:17px; }
.loot-results-heading { display:flex; align-items:center; justify-content:space-between; min-height:40px; margin:0 0 14px; color:#aebeba; font-size:13px; }
.loot-results-heading p { margin:0; }
.text-action { border:0; color:#5beacb; background:none; padding:8px; font-size:12px; }
.drop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.drop-card { min-width:0; border:1px solid #2b3c3b; border-top:2px solid var(--drop-color); border-radius:6px; background:#131c1e; overflow:hidden; position:relative; transition:border-color .15s,background .15s; }
.drop-card:hover { border-color:var(--drop-color); background:#1b282b; }
.drop-card button { display:flex; flex-direction:column; width:100%; height:100%; text-align:left; padding:0; border:0; color:inherit; background:none; }
.drop-visual { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; height:100px; padding:16px 22px; background:linear-gradient(110deg,color-mix(in srgb,var(--drop-color) 12%,#101618),#101618); border-bottom:1px solid #273335; }
.drop-visual img { width:66px; height:66px; object-fit:contain; filter:invert(1); mix-blend-mode:screen; }
.drop-visual .custom-icon { width:52px; height:52px; color:var(--drop-color); }
.drop-category { color:var(--drop-color); font-size:11px; font-weight:750; text-transform:uppercase; text-align:right; line-height:1.6; }
.drop-category small { display:block; color:#9eafaa; font-size:10px; font-weight:500; }
.drop-card-copy { width:100%; padding:18px 20px 12px; flex:1; }
.drop-card h2 { margin:0 0 10px; font-size:18px; line-height:1.35; overflow-wrap:anywhere; font-weight:850; }
.drop-preview { font-size:12px; line-height:1.6; color:#9eafaa; margin:0; min-height:39px; }
.drop-card-bottom { width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 20px 18px; gap:12px; }
.drop-count { font-size:12px; color:#e6f1ed; }
.drop-bp { font-size:11px; color:#94c8ff; margin-left:8px; }
.drop-card-bottom svg { color:#b2c6c0; width:19px; height:19px; }
.icon-button { width:40px; height:40px; flex:0 0 40px; border:1px solid #41504d; border-radius:6px; background:#172220; color:#deeee8; display:inline-grid; place-items:center; }
.icon-button svg,[data-icon] svg { width:19px; height:19px; vertical-align:middle; }
.icon-button:disabled { opacity:.35; cursor:default; }
.loot-pagination { display:flex; justify-content:center; gap:20px; align-items:center; padding:28px 0; font-size:13px; }
.loot-provenance { padding:20px 0 10px; border-top:1px solid #283735; color:#8fa59e; font-size:12px; line-height:1.7; }
.loot-provenance p { margin:4px 0; }
.loot-provenance a { color:#79d9c6; text-decoration:underline; }
.loot-notice { border-left:3px solid #f1be66; background:#242218; padding:14px 18px; margin-top:16px; font-size:13px; line-height:1.6; color:#f0d69f; }
.empty-state { padding:60px 20px; text-align:center; border-top:1px solid #273735; }
.empty-state h2 { font-size:22px; }
.empty-state p { color:#9eb4ad; }
.loot-primary { background:#47ebc3; color:#08251e; border:0; padding:12px 20px; border-radius:6px; font-weight:750; }
.skeleton { height:254px; border-radius:6px; background:linear-gradient(110deg,#142022,#1b2b2d,#142022); background-size:200% 100%; animation:loot-loading 1.6s ease-in-out infinite; }
@keyframes loot-loading { to { background-position:-200% 0; } }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.loot-page [hidden] { display:none !important; }
#drop-dialog { padding:0; width:min(1100px,calc(100% - 40px)); max-height:90dvh; background:#0f1719; color:#eaf6f0; border:1px solid #425751; border-top:3px solid var(--drop-color,#47ebc3); border-radius:8px; }
#drop-dialog::backdrop { background:#000c; backdrop-filter:blur(5px); }
.detail-header { position:sticky; top:0; z-index:2; background:#152022; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:22px 26px; border-bottom:1px solid #34433f; }
.detail-header h2 { font-size:24px; line-height:1.25; margin:0; overflow-wrap:anywhere; }
.detail-content { padding:22px 26px 32px; }
.detail-stats { display:flex; gap:20px 32px; flex-wrap:wrap; padding:0 0 20px; }
.detail-stats span { font-size:12px; color:#a8bcb5; display:block; margin-top:5px; }
.detail-stats strong { font-size:20px; font-weight:750; }
.detail-note { color:#aabbb7; font-size:12px; line-height:1.65; margin:0 0 18px; }
.detail-note code { color:#a4c6bc; overflow-wrap:anywhere; }
.detail-note a { color:#76e6d0; text-decoration:underline; }
.item-set { border-top:1px solid #35443f; padding:0; }
.item-set > summary { padding:18px 0; cursor:pointer; font-size:15px; font-weight:750; }
.set-rules { display:block; font-weight:500; color:#9aafa8; font-size:11px; margin:7px 0 0 18px; line-height:1.6; }
.entry-note { color:#97b1a8; font-size:11px; line-height:1.6; padding:10px 12px; background:#172622; margin:0; border-top:1px solid #2b433b; }
.loot-table-wrap { overflow-x:auto; }
.loot-table { width:100%; border-collapse:collapse; font-size:12px; }
.loot-table th { color:#91a89f; text-align:left; font-weight:650; font-size:10px; text-transform:uppercase; padding:10px 12px; background:#111d1b; }
.loot-table td { padding:12px; border-bottom:1px solid #25352f; vertical-align:top; }
.loot-table th:first-child { width:34%; }
.loot-table td:first-child { font-weight:650; }
.loot-table td:not(:first-child) { white-space:nowrap; }
.loot-table td small { display:block; font-size:10px; color:#8ca69b; font-weight:500; margin-top:4px; white-space:normal; line-height:1.5; }
.bp-yes { color:#83bfff; }
.quality-text { color:#eac985; }
.loot-match { color:#86f7dc; background:#203e34; }
.detail-filters { margin:18px 0; }
.detail-filters label { min-width:0; }
.detail-footer { margin:20px 0 0; }
@media (min-width:981px) and (max-width:1350px) { .loot-page .site-header { grid-template-columns:1fr auto; } .loot-page .header-actions { grid-column:2; grid-row:1; } .loot-page .nav { grid-column:1/-1; justify-content:start; } }
@media (max-width:1000px) { .drop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .loot-main { width:calc(100% - 40px); } .loot-toolbar { gap:10px; } .loot-search { flex-basis:100%; } }
@media (max-width:600px) {
  .loot-main { width:calc(100% - 28px); }
  .loot-heading { padding:28px 0 24px; align-items:start; flex-direction:column; gap:14px; }
  .loot-heading h1 { font-size:38px; }
  .loot-heading-meta { text-align:left; }
  .cluster-tabs button { padding:15px 17px; font-size:13px; }
  .loot-toolbar { margin-top:20px; gap:8px; }
  .loot-select { flex:1; min-width:0; }
  .loot-select select { width:100%; padding-left:8px; padding-right:20px; font-size:12px; }
  .loot-check { order:4; }
  .drop-grid { grid-template-columns:1fr; gap:12px; }
  .drop-visual { height:80px; padding:12px 18px; }
  .drop-visual img { width:52px; height:52px; }
  .drop-card-copy { padding:16px 18px 12px; }
  .drop-card h2 { font-size:18px; }
  .drop-card-bottom { padding:0 18px 16px; }
  #drop-dialog { width:calc(100% - 16px); max-height:94dvh; }
  .detail-header,.detail-content { padding:18px 14px; }
  .detail-header h2 { font-size:20px; }
  .detail-stats { gap:18px; }
  .detail-stats strong { font-size:17px; }
  .loot-table th,.loot-table td { padding:10px 8px; }
  .loot-table,.loot-table tbody { display:block; width:100%; }
  .loot-table thead { display:none; }
  .loot-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-bottom:1px solid #35483f; padding:8px 0; }
  .loot-table td { display:block; border:0; min-width:0; }
  .loot-table td:first-child { grid-column:1/-1; overflow-wrap:anywhere; }
  .loot-table td:not(:first-child) { white-space:normal; }
  .loot-table td[data-label]:before { content:attr(data-label); display:block; font-size:10px; color:#91a89f; margin-bottom:6px; text-transform:uppercase; }
}
@media (prefers-reduced-motion:reduce) { .skeleton { animation:none; } .drop-card { transition:none; } }