.tier-col{flex-direction:column;gap:8px;min-width:0;display:flex}.tier-col>.tier{flex:1}.tier-loot-btn{border:1px solid var(--line-2);color:#c9cfc6;width:100%;font:700 12.5px var(--font-body);cursor:pointer;background:#0d0f12;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;transition:border-color .15s,color .15s,background .15s;display:flex}.tier-loot-btn:hover{border-color:color-mix(in srgb,var(--acc,#b6f500) 60%,transparent);color:#fff}.tier-loot-btn[aria-expanded=true]{border-color:var(--acc,#b6f500);color:var(--acc,#b6f500);background:color-mix(in srgb,var(--acc,#b6f500) 8%,#0d0f12)}.tier-loot-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.tier-loot-btn .chev{transition:transform .2s;display:inline-block}.tier-loot-btn[aria-expanded=true] .chev{transform:rotate(180deg)}:is(.t-free+.tier-loot-btn,.tier-col:has(.t-free) .tier-loot-btn){--acc:#b6f500}.tier-col:has(.t-core) .tier-loot-btn{--acc:#74d8ff}.tier-col:has(.t-elite) .tier-loot-btn{--acc:#c3a0ff}.tier-col:has(.t-mythic) .tier-loot-btn{--acc:#ffd66b}.loot{border:1px solid var(--line-2);background:radial-gradient(90% 120% at 0 0,#12160d,#0a0b0d 55%);border-radius:16px;margin-top:14px;padding:16px 18px 14px;animation:.22s ease-out loot-in}@keyframes loot-in{0%{opacity:0;transform:translateY(-6px)}}.loot-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.loot-head h3{font:900 20px var(--font-display);letter-spacing:-.02em;margin-top:4px}.loot-head h3 .muted{font:600 13px var(--font-body);letter-spacing:0}.loot-actions{flex:none;align-items:center;gap:10px;display:flex}.loot-link{color:var(--lime);font-size:13px;font-weight:700}.loot-link:hover{text-decoration:underline}.loot-close{border:1px solid var(--line-2);cursor:pointer;color:#c9cfc6;border-radius:8px;width:30px;height:30px;font-size:18px;line-height:1}.loot-close:hover{color:#fff;border-color:#3a4047}.loot-rows{flex-direction:column;gap:12px;margin-top:14px;display:flex}.loot-row{border-top:1px solid var(--row);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;padding-top:12px;display:grid}.loot-rarity{color:var(--muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.loot-rarity b{font:900 15px var(--font-display);color:var(--rc);letter-spacing:.02em;text-transform:uppercase}.loot-dot{background:var(--rc);width:10px;height:10px;box-shadow:0 0 10px var(--rc);border-radius:3px;margin-bottom:4px}.loot-cards{scrollbar-width:thin;gap:12px;padding:4px 2px 6px;list-style:none;display:flex;overflow-x:auto}.loot-cards li{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.loot-meta{color:var(--muted);flex-direction:column;align-items:center;font-size:11px;line-height:1.3;display:flex}.loot-meta b{color:#fff;font-size:12.5px}.loot-note{color:var(--muted);margin-top:10px;font-size:12px}@container shelf (max-width:619.9px){.tier-col{scroll-snap-align:center;flex:0 0 min(300px,82%)}.tier-col>.tier{flex:auto}.loot{padding:14px}.loot-row{grid-template-columns:1fr;gap:8px}.loot-rarity{flex-direction:row;align-items:center;gap:8px}.loot-dot{margin:0}}@media (prefers-reduced-motion:reduce){.loot{animation:none}.tier-loot-btn .chev{transition:none}}.loot-grail{color:#e9d9a6;background:linear-gradient(100deg,#ffd66b17,#ffd66b08);border:1px solid #ffd66b42;border-radius:10px;align-items:baseline;gap:6px;margin:8px 0 2px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:flex}.loot-grail b{color:#ffe490}.loot-grail span[aria-hidden]{color:#ffd66b}