@import "https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg:#0b0e17;--bg-surface:#121725;--bg-raised:#1a2133;--bg-hover:#222b41;--border:#2a3450;--border-strong:#3b4868;--fg:#e6e9f2;--fg-muted:#9aa3b8;--fg-faint:#7c88a3;--accent:#d9b35f;--accent-fg:#1a1406;--accent-soft:#d9b35f1f;--secondary:#a58bf0;--link:#8fb8ff;--link-hover:#b5d0ff;--ring:#d9b35f;--danger:#f07178;--success:#7fd48a;--grade-common:#cdcdcd;--grade-rare:#19e048;--grade-legend:#379aff;--grade-unique:#ffd02b;--grade-epic:#ff6c00;--grade-mythic:#ff5a69;--grade-special:#14b8ad;--font-heading:"Cormorant SC", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-xs:12px;--text-sm:14px;--text-base:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius:6px;--container:1440px;--icon-sm:32px;--icon-lg:64px;--transition:.15s ease-out;--shadow-tooltip:0 8px 24px #00000080;color-scheme:dark}:root[data-theme=light]{--bg:#f5f3ee;--bg-surface:#fff;--bg-raised:#f0ede6;--bg-hover:#e8e4da;--border:#d9d4c7;--border-strong:#bdb6a4;--fg:#1b1f2a;--fg-muted:#4f5668;--fg-faint:#6d7385;--accent:#8a6a1f;--accent-fg:#fff;--accent-soft:#8a6a1f1a;--secondary:#6a4fc4;--link:#1f5fbf;--link-hover:#174a96;--ring:#8a6a1f;--grade-common:#555b66;--grade-rare:#0f7a2a;--grade-legend:#1560c0;--grade-unique:#8a6a00;--grade-epic:#b34700;--grade-mythic:#c01f30;--grade-special:#017a74;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--transition:0s}}main{padding-bottom:var(--space-8)}.panel{padding:var(--space-2) var(--space-3);overflow:hidden}.crumbs{color:var(--fg-muted);text-shadow:0 1px 4px #000c;font-size:var(--text-sm)}.crumbs a{color:var(--fg-muted)}h1{font:700 var(--text-2xl)/1.2 var(--font-heading);margin:var(--space-2) 0 var(--space-4)}h1 .count{font:400 var(--text-base) var(--font-body);color:var(--fg-muted);margin-left:var(--space-3)}.cats{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cats button{font:500 var(--text-sm) var(--font-body);color:var(--fg-muted);backdrop-filter:blur(10px);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:#0e1426b8;border:1px solid #8fb8ff33;border-radius:999px;padding:5px 12px}.cats button:hover{color:var(--fg);border-color:var(--border-strong)}.cats button[aria-pressed=true]{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.groups{margin-bottom:var(--space-3);flex-wrap:wrap;gap:4px;display:flex}.groups button{font:600 var(--text-sm) var(--font-body);color:var(--fg);cursor:pointer;background:#0e1426b8;border:1px solid #8fb8ff33;border-radius:8px;padding:7px 14px}.groups button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#d9b35f24}.cats button small{opacity:.7}.layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:1.35}thead th{text-align:left;color:var(--fg-faint);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-strong);cursor:pointer;user-select:none;font-weight:500}thead th.num,td.num{text-align:right}thead th[aria-sort=ascending]:after{content:" ▲";color:var(--accent)}thead th[aria-sort=descending]:after{content:" ▼";color:var(--accent)}tbody tr{cursor:pointer;border-bottom:1px solid #2a345080}tbody tr:hover,tbody tr[aria-selected=true]{background:#8fb8ff1a}td{padding:var(--space-1) var(--space-3);vertical-align:middle}td.icon{width:48px;padding-right:0}.ico{width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--g) 30%, transparent), var(--bg-raised) 70%);border:1px solid color-mix(in srgb, var(--g) 55%, transparent);object-fit:contain;display:block}.name{color:var(--g);font-weight:600}.sub{color:var(--fg-faint);white-space:nowrap}.race{font-weight:400;font-size:var(--text-xs);color:var(--fg-muted);margin-left:var(--space-2)}.g-Common{--g:var(--grade-common)}.g-Rare{--g:var(--grade-rare)}.g-Legend{--g:var(--grade-legend)}.g-Unique{--g:var(--grade-unique)}.g-Epic{--g:var(--grade-epic)}.g-Mythic{--g:var(--grade-mythic)}.g-Special{--g:var(--grade-special)}.card{top:var(--space-4);background:linear-gradient(180deg, color-mix(in srgb, var(--g) 18%, #0e1426e6), #0e1426e0 140px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb, var(--g) 60%, transparent);border-radius:var(--radius);box-shadow:var(--shadow-tooltip), 0 0 0 1px #0006, 0 0 32px -8px color-mix(in srgb, var(--g) 45%, transparent);padding:var(--space-4);position:sticky}.card-head{grid-template-columns:var(--icon-lg) 1fr;gap:var(--space-3);align-items:center;display:grid}.card-head img{width:var(--icon-lg);height:var(--icon-lg);object-fit:contain;border-radius:var(--radius);background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--g) 35%, transparent), var(--bg) 75%);border:1px solid color-mix(in srgb, var(--g) 70%, transparent)}.card h2{font:600 var(--text-lg)/1.25 var(--font-body);color:var(--g);margin:0}.card .meta{color:var(--fg-muted);font-size:var(--text-sm);margin-top:2px}.card dl{gap:3px var(--space-3);margin:var(--space-3) 0 0;font-size:var(--text-sm);grid-template-columns:1fr auto;display:grid}.card dt{color:var(--fg-muted)}.card dd{text-align:right;margin:0;font-weight:500}.card h3{font:500 var(--text-sm) var(--font-body);color:var(--accent);margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border)}.card .desc{color:var(--fg-muted);font-size:var(--text-sm);margin:var(--space-3) 0 0;white-space:pre-line}.card .id{color:var(--fg-faint);font-size:var(--text-xs);margin-top:var(--space-3)}@media (width<=1024px){.layout{grid-template-columns:1fr}.card{order:-1;position:static}nav.sections{display:none}}@media (width<=640px){main{padding:var(--space-4)}.top{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.logo small,.hide-sm{display:none}tbody tr{height:44px}}