:root{--cards-bronze:#cd7f32;--cards-silver:#94a3b8;--cards-gold:#f59e0b;--cards-diamond:#0ea5e9;--cards-legend:#ec4899;--cards-bronze-glow:#cd7f3259;--cards-silver-glow:#94a3b866;--cards-gold-glow:#f59e0b73;--cards-diamond-glow:#0ea5e973;--cards-legend-glow:#ec489980;--cards-bg:linear-gradient(180deg, #f8fafc 0%, #eef2f8 100%);--cards-panel:#fff;--cards-panel-border:#0f172a1a;--cards-subnav-bg:#ffffffd9;--cards-subnav-border:#0f172a14;--cards-subnav-link-color:#475569;--cards-subnav-link-hover-bg:#0f172a0d;--cards-subnav-link-active-color:#7c3aed;--cards-subnav-link-active-bg:linear-gradient(135deg, #a855f72e, #c084fc0f);--cards-subnav-link-active-border:#a855f766;--cards-text-strong:#0f172a;--cards-text-soft:#64748b;--cards-text-muted:#94a3b8}html[data-theme=dark]{--cards-bronze-glow:#cd7f3273;--cards-silver-glow:#c0c0c080;--cards-gold-glow:#fbbf2499;--cards-diamond-glow:#38bdf899;--cards-legend-glow:#f472b699;--cards-bg:radial-gradient(ellipse at 50% -10%, #1d1a3d 0%, #0a0612 60%, #060410 100%);--cards-panel:linear-gradient(180deg, #24223af2 0%, #141220f2 100%);--cards-panel-border:#ffffff14;--cards-subnav-bg:#07101ad9;--cards-subnav-border:#ffffff0f;--cards-subnav-link-color:#b6bcca;--cards-subnav-link-hover-bg:#ffffff0d;--cards-subnav-link-active-color:var(--cards-text-strong);--cards-subnav-link-active-bg:linear-gradient(135deg, #c084fc40, #c084fc14);--cards-subnav-link-active-border:#c084fc66;--cards-text-strong:#fff;--cards-text-soft:#b6bcca;--cards-text-muted:#7b8597}.card-tile{flex-direction:column;gap:6px;display:flex;position:relative}.card-tile.is-clickable{cursor:pointer}.card-tile-frame{border:1.5px solid var(--cards-panel-border);background:linear-gradient(135deg,#ffffff0a,#0000004d);border-radius:14px;padding:3px;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden}.card-tile.is-clickable:hover .card-tile-frame{transform:translateY(-3px)}.card-tile-inner{aspect-ratio:2/3;background:linear-gradient(#ffffff08,#0006);border-radius:11px;position:relative;overflow:hidden}.card-tile-inner img{object-fit:cover;width:100%;height:100%;display:block}.card-tile-placeholder{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:54px;display:flex}.card-tile-rarity-badge{color:#0e1822;letter-spacing:.5px;z-index:2;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:6px;left:6px}.card-tile-count{color:#fff;z-index:2;background:#000000b3;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:6px;right:6px}.card-tile-stars{color:#fde047;letter-spacing:1px;z-index:3;text-shadow:0 0 6px #fde04780;background:#000000a6;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1;position:absolute;bottom:6px;left:6px}.card-tile-enhance{color:#fff;z-index:3;background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid #fff3;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1;position:absolute;bottom:6px;right:6px}.card-tile-silhouette{color:#0006;-webkit-backdrop-filter:grayscale()blur(2px);backdrop-filter:grayscale()blur(2px);z-index:3;background:#000000c7;justify-content:center;align-items:center;font-size:64px;font-weight:900;display:flex;position:absolute;inset:0}.card-tile-meta{text-align:center;flex-direction:column;gap:1px;display:flex}.card-tile-name{color:var(--cards-text-strong);font-size:12.5px;line-height:1.2}.card-tile-class{color:var(--cards-text-muted,var(--muted));font-size:10.5px}.card-tile.is-unowned .card-tile-name,.card-tile.is-unowned .card-tile-class{color:var(--cards-text-muted,var(--muted))}.card-rarity-1 .card-tile-frame{border-color:var(--cards-bronze);box-shadow:0 0 10px var(--cards-bronze-glow)}.card-rarity-1 .card-tile-rarity-badge{background:var(--cards-bronze);color:var(--cards-text-strong)}.card-rarity-2 .card-tile-frame{border-color:var(--cards-silver);box-shadow:0 0 14px var(--cards-silver-glow)}.card-rarity-2 .card-tile-rarity-badge{background:var(--cards-silver)}.card-rarity-3 .card-tile-frame{border-color:var(--cards-gold);box-shadow:0 0 18px var(--cards-gold-glow);background:linear-gradient(135deg,#fbbf241f,#0000004d)}.card-rarity-3 .card-tile-rarity-badge{background:var(--cards-gold)}.card-rarity-4 .card-tile-frame{border-color:var(--cards-diamond);box-shadow:0 0 22px var(--cards-diamond-glow);background:linear-gradient(135deg,#38bdf829,#0000004d)}.card-rarity-4 .card-tile-rarity-badge{background:var(--cards-diamond)}.card-rarity-5 .card-tile-frame{box-shadow:0 0 28px var(--cards-legend-glow);background:linear-gradient(#141220b3,#00000080) padding-box padding-box,linear-gradient(135deg,#f472b6,#fbbf24,#38bdf8,#f472b6) border-box;border:1.5px solid #0000;animation:3s ease-in-out infinite cardLegendShimmer}.card-rarity-5 .card-tile-rarity-badge{color:var(--cards-text-strong);background:linear-gradient(135deg,#f472b6,#fbbf24)}@keyframes cardLegendShimmer{0%,to{box-shadow:0 0 28px var(--cards-legend-glow)}50%{box-shadow:0 0 44px var(--cards-legend-glow), 0 0 12px #fbbf2466}}.card-tile--sm .card-tile-name{font-size:11px}.card-tile--sm .card-tile-class{font-size:9.5px}.card-tile--sm .card-tile-rarity-badge{padding:2px 6px;font-size:8.5px}.card-tile--lg .card-tile-name{font-size:14px}.card-tile--lg .card-tile-class{font-size:11.5px}