:root{--cards-bronze:#cd7f32;--cards-silver:#94a3b8;--cards-gold:#f59e0b;--cards-diamond:#0ea5e9;--cards-legend:#ec4899;--cards-bronze-glow:rgba(205,127,50,.35);--cards-silver-glow:rgba(148,163,184,.4);--cards-gold-glow:rgba(245,158,11,.45);--cards-diamond-glow:rgba(14,165,233,.45);--cards-legend-glow:rgba(236,72,153,.5);--cards-bg:linear-gradient(180deg,#f8fafc,#eef2f8);--cards-panel:#ffffff;--cards-panel-border:rgba(15,23,42,.1);--cards-subnav-bg:rgba(255,255,255,.85);--cards-subnav-border:rgba(15,23,42,.08);--cards-subnav-link-color:#475569;--cards-subnav-link-hover-bg:rgba(15,23,42,.05);--cards-subnav-link-active-color:#7c3aed;--cards-subnav-link-active-bg:linear-gradient(135deg,rgba(168,85,247,.18),rgba(192,132,252,.06));--cards-subnav-link-active-border:rgba(168,85,247,.4);--cards-text-strong:#0f172a;--cards-text-soft:#64748b;--cards-text-muted:#94a3b8}html[data-theme=dark]{--cards-bronze-glow:rgba(205,127,50,.45);--cards-silver-glow:rgba(192,192,192,.5);--cards-gold-glow:rgba(251,191,36,.6);--cards-diamond-glow:rgba(56,189,248,.6);--cards-legend-glow:rgba(244,114,182,.6);--cards-bg:radial-gradient(ellipse at 50% -10%,#1d1a3d 0%,#0a0612 60%,#060410 100%);--cards-panel:linear-gradient(180deg,rgba(36,34,58,.95),rgba(20,18,32,.95));--cards-panel-border:rgba(255,255,255,.08);--cards-subnav-bg:rgba(7,16,26,.85);--cards-subnav-border:rgba(255,255,255,.06);--cards-subnav-link-color:#b6bcca;--cards-subnav-link-hover-bg:rgba(255,255,255,.05);--cards-subnav-link-active-color:var(--cards-text-strong);--cards-subnav-link-active-bg:linear-gradient(135deg,rgba(192,132,252,.25),rgba(192,132,252,.08));--cards-subnav-link-active-border:rgba(192,132,252,.4);--cards-text-strong:#ffffff;--cards-text-soft:#b6bcca;--cards-text-muted:#7b8597}.card-tile{display:flex;flex-direction:column;gap:6px;position:relative}.card-tile.is-clickable{cursor:pointer}.card-tile-frame{position:relative;border-radius:14px;padding:3px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.3));border:1.5px solid var(--cards-panel-border);transition:transform .15s ease,box-shadow .2s ease;overflow:hidden}.card-tile.is-clickable:hover .card-tile-frame{transform:translateY(-3px)}.card-tile-inner{position:relative;border-radius:11px;overflow:hidden;aspect-ratio:2/3;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.4))}.card-tile-inner img{display:block;width:100%;height:100%;object-fit:cover}.card-tile-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:54px;opacity:.5}.card-tile-rarity-badge{left:6px;font-size:10px;color:#0e1822;letter-spacing:.5px}.card-tile-count,.card-tile-rarity-badge{position:absolute;top:6px;font-weight:800;padding:3px 8px;border-radius:6px;z-index:2}.card-tile-count{right:6px;font-size:11px;background:rgba(0,0,0,.7);color:#fff;border:1px solid rgba(255,255,255,.15)}.card-tile-stars{left:6px;background:rgba(0,0,0,.65);color:#fde047;letter-spacing:1px;text-shadow:0 0 6px rgba(253,224,71,.5)}.card-tile-enhance,.card-tile-stars{position:absolute;bottom:6px;font-size:11px;font-weight:800;padding:2px 6px;border-radius:5px;line-height:1;z-index:3}.card-tile-enhance{right:6px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:1px solid rgba(255,255,255,.2)}.card-tile-silhouette{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:900;color:rgba(0,0,0,.4);background:rgba(0,0,0,.78);backdrop-filter:grayscale(1) blur(2px);z-index:3}.card-tile-meta{display:flex;flex-direction:column;gap:1px;text-align:center}.card-tile-name{font-size:12.5px;color:var(--cards-text-strong);line-height:1.2}.card-tile-class{font-size:10.5px}.card-tile-class,.card-tile.is-unowned .card-tile-class,.card-tile.is-unowned .card-tile-name{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,rgba(251,191,36,.12),rgba(0,0,0,.3))}.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,rgba(56,189,248,.16),rgba(0,0,0,.3))}.card-rarity-4 .card-tile-rarity-badge{background:var(--cards-diamond)}.card-rarity-5 .card-tile-frame{border:1.5px solid transparent;background:linear-gradient(rgba(20,18,32,.7),rgba(0,0,0,.5)) padding-box,linear-gradient(135deg,#f472b6,#fbbf24,#38bdf8,#f472b6) border-box;box-shadow:0 0 28px var(--cards-legend-glow);animation:cardLegendShimmer 3s ease-in-out infinite}.card-rarity-5 .card-tile-rarity-badge{background:linear-gradient(135deg,#f472b6,#fbbf24);color:var(--cards-text-strong)}@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 rgba(251,191,36,.4)}}.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{font-size:8.5px;padding:2px 6px}.card-tile--lg .card-tile-name{font-size:14px}.card-tile--lg .card-tile-class{font-size:11.5px}