.rar-common{--rar:#6b7280}.rar-uncommon{--rar:#3f3}.rar-rare{--rar:#34d8ff}.rar-epic{--rar:#b062ff}.rar-legendary{--rar:#f5a00c}.rar-mythic{--rar:#ffc83d}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.inv-tile{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--rar) 42%, transparent);background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklab, var(--rar) 15%, transparent), transparent 68%), var(--bl-card,#06090b);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rar) 14%, transparent);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 10px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.inv-tile:after{content:"";background:var(--rar);opacity:.85;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:10px;right:10px}.inv-tile:hover{transform:translateY(-2px)}.inv-tile.sel{box-shadow:0 0 0 2px var(--rar), 0 0 26px -6px color-mix(in oklab, var(--rar) 80%, transparent)}.inv-tile--locked{filter:grayscale()opacity(.4);cursor:default}.inv-tile__art{width:72px;height:72px;font-family:var(--bl-font-display,monospace);color:var(--rar);text-shadow:0 0 14px color-mix(in oklab, var(--rar) 62%, transparent);place-items:center;font-size:30px;font-weight:700;display:grid}.inv-tile__name{text-align:center;color:var(--bl-text,#f0f0f0);font-size:.78rem}.inv-tile__count{color:var(--rar);font-variant-numeric:tabular-nums;font-size:.72rem;position:absolute;top:8px;right:10px}.inv-strip{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.inv-strip .inv-tile{flex:none;width:118px}.inv-owners{color:var(--bl-muted,#6b7280);font-variant-numeric:tabular-nums;font-size:.66rem}.inv-owners--unique{color:var(--rar,#ffc83d);letter-spacing:.02em;font-variant-numeric:normal;font-weight:600}.inv-modal-backdrop{z-index:60;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.inv-modal{border:1px solid color-mix(in oklab, var(--rar) 50%, transparent);background:var(--bl-bg,#0b0b0b);width:100%;max-width:820px;box-shadow:0 0 60px -20px color-mix(in oklab, var(--rar) 80%, transparent);border-radius:14px;grid-template-columns:minmax(280px,1fr) 300px;gap:18px;padding:18px;display:grid;position:relative}.inv-modal__stage{aspect-ratio:1;background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--rar) 12%, transparent), transparent 70%);border-radius:10px;min-height:320px}.inv-modal__close{color:var(--bl-text,#f0f0f0);cursor:pointer;background:0 0;border:0;font-size:1.4rem;position:absolute;top:8px;right:12px}.inv-modal__rarity{letter-spacing:.04em;font-weight:700}.inv-modal__flavor{color:var(--bl-muted,#9aa0a6);font-size:.85rem}.inv-modal__instances{max-height:160px;margin:8px 0;padding:0;font-size:.78rem;list-style:none;overflow-y:auto}.inv-beauty{place-items:center;width:100%;height:100%;display:grid}.inv-beauty__emblem{text-shadow:0 0 40px;font-size:120px}@media (max-width:640px){.inv-modal{grid-template-columns:1fr}}.inv-flame-ctl{border-top:1px solid #e0a21a2e;flex-direction:column;gap:14px;margin-top:18px;padding-top:16px;display:flex}.inv-flame-ctl__label{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-amber,#8a6a1e);margin-bottom:8px;font-size:10px;font-weight:600}.inv-swatches{flex-wrap:wrap;gap:8px;display:flex}.inv-swatch{cursor:pointer;border:1px solid #ffffff1a;border-radius:9px;width:40px;height:40px;padding:0}.inv-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #0d1013,0 0 0 4px}.inv-seg{border:1px solid #ffffff1f;border-radius:8px;display:inline-flex;overflow:hidden}.inv-seg button{font:inherit;color:var(--text-muted,#8b8578);cursor:pointer;background:0 0;border:none;padding:7px 14px;font-size:12px}.inv-seg button[aria-pressed=true]{color:#e0a21a;background:#e0a21a24}.inv-flame-ctl__err{color:#ff6b6b;margin:0;font-size:12px}.rar-locked{--rar:#33404a}.rar-locked .inv-tile__art{color:#3a444c;text-shadow:none}.inv-page{grid-template-columns:1fr 360px;align-items:start;gap:18px;display:grid}.inv-page__grid{border:1px solid var(--bl-line,#1c2228);background:var(--bl-card,#0a0d10);border-radius:14px;padding:16px}.inv-panel{border:1px solid color-mix(in oklab, var(--rar) 42%, transparent);background:var(--bl-panel,#0d1013);box-shadow:0 0 60px -26px color-mix(in oklab, var(--rar) 80%, transparent);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.inv-panel .inv-modal__stage{aspect-ratio:auto;border-radius:0;height:230px}.inv-panel .inv-modal__panel{padding:16px 18px 18px}@media (max-width:820px){.inv-page{grid-template-columns:1fr}}
