@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}}*{box-sizing:border-box}body{min-height:100vh;color:var(--fg);font:var(--text-base)/1.5 var(--font-body);font-variant-numeric:tabular-nums;background:var(--bg);margin:0}body:before{content:"";z-index:-1;background:linear-gradient(#080c180d 0%,#080c1859 50%,#080c18b3 100%);position:fixed;inset:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.glass{backdrop-filter:blur(14px)saturate(1.2);background:#0e1426b8;border:1px solid #8fb8ff2e;border-radius:14px;box-shadow:0 10px 40px #00000059}.wrap{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.brand{text-align:center;padding:var(--space-6) 0 var(--space-3);font:700 34px/1 var(--font-heading);color:#fff;letter-spacing:.03em;text-shadow:0 2px 18px #379aff99,0 1px 2px #000c}.brand a{color:inherit}.brand small{font:500 var(--text-sm) var(--font-body);color:#e6e9f2d9;letter-spacing:0;margin-top:6px;display:block}.menu{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:6px;display:flex}.menu a{color:var(--fg);transition:background var(--transition);border-radius:10px;padding:8px 14px;font-weight:500}.menu a:hover{color:#fff;background:#8fb8ff1f}.menu a[aria-current]{color:var(--accent);background:#d9b35f2e}.menu .lang{gap:4px;margin-left:auto;display:flex}.menu .lang a{font-size:var(--text-sm);color:var(--fg-muted);border:1px solid var(--border);padding:6px 10px}.menu .lang a[aria-current]{color:var(--fg);border-color:var(--accent);background:0 0}.search{gap:var(--space-2);margin-bottom:var(--space-6);padding:6px;display:flex}.search input{height:44px;padding:0 var(--space-4);color:var(--fg);font:inherit;background:0 0;border:0;flex:1;font-size:16px}.search input:focus{outline:none}.search:focus-within{border-color:var(--accent)}.search input::placeholder{color:var(--fg-faint)}.search button{height:44px;padding:0 var(--space-6);cursor:pointer;background:var(--accent);color:var(--accent-fg);font:600 var(--text-base) var(--font-body);border:0;border-radius:10px}h1,h2.section{font:700 var(--text-2xl)/1.2 var(--font-heading);color:#fff;margin:0 0 var(--space-4);text-shadow:0 1px 12px #0009}@media (width<=760px){.menu{overflow-x:auto}.menu .lang{display:none}.brand{font-size:28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.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)}.menu .find{margin-left:auto}.menu .find input{border:1px solid var(--border);background:var(--bg-surface);width:200px;height:36px;color:var(--fg);font:inherit;border-radius:8px;padding:0 10px}@media (width<=900px){.menu{flex-wrap:wrap}.menu .find{flex:100%;margin-left:0}.menu .find input{width:100%}}.menu{z-index:50;position:relative}.nav{flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav>li{position:relative}.nav>li>a{white-space:nowrap;align-items:center;gap:6px;display:flex}.nav .caret{opacity:.8;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;transition:transform .15s}.nav .pop,.nav .pop2{visibility:hidden;opacity:0;z-index:1;background:#f7f8fb;border-radius:12px;min-width:220px;margin:0;padding:4px 0;list-style:none;transition:opacity .12s,visibility 0s linear .35s;position:absolute;box-shadow:0 12px 32px #00000059,0 0 0 1px #0000000f}.nav .pop{top:calc(100% + 6px);left:0}.nav .pop:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.nav .pop2{max-height:70vh;margin-left:0;top:-4px;left:100%;overflow-y:auto}.nav .pop li{position:relative}.nav .pop li+li{border-top:1px solid #e3e6ee}.nav .pop a{color:#2a3140;font-weight:500;font-size:var(--text-sm);white-space:nowrap;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;display:flex}.nav .pop a:hover,.nav .pop a:focus-visible{color:#1d3f8f;background:#e9eefa}.nav .pop .tri{color:#7a8295;font-size:11px}.nav .dd.open>.pop,.nav .dd2.open>.pop2,.nav .dd:has(:focus-visible)>.pop,.nav .dd2:has(:focus-visible)>.pop2{visibility:visible;opacity:1;transition-delay:0s}.nav .dd.open,.nav .dd:hover{z-index:2}.nav .dd.open>a .caret{transform:rotate(90deg)}@media (hover:hover){.nav .dd:hover>.pop,.nav .dd2:hover>.pop2{visibility:visible;opacity:1;transition-delay:0s}.nav .dd:hover>a .caret{transform:rotate(90deg)}.nav .dd:hover>a{background:#8fb8ff1f}.nav .dd2:hover>a{color:#1d3f8f;background:#e9eefa}}@media (width<=760px){.menu{overflow:visible}.nav>li>a{font-size:var(--text-sm);padding:7px 10px}.nav .pop{min-width:0;max-height:70vh;position:fixed;top:auto;left:12px;right:12px;overflow-y:auto}.nav .pop2{box-shadow:none;background:#eef1f7;border-radius:0;max-height:none;margin:0;display:none;position:static}.nav .dd2.open>.pop2{display:block}.nav .pop2 a{padding-left:32px}}.nav>li>a{padding:8px 10px;font-size:15px}.menu .find input{width:170px}@media (width<=1240px){.nav>li>a{padding:7px 8px;font-size:14px}.menu .find input{width:140px}}.page-bg{z-index:-2;background-color:var(--bg);pointer-events:none;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.legal{margin:var(--space-8) 0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--fg-faint);font-size:var(--text-xs);max-width:80ch;line-height:1.5}.legal p{margin:0 0 6px}.find{position:relative}.hsug{z-index:60;border:1px solid var(--border-strong);background:var(--bg-raised);width:max(100%,320px);max-height:420px;box-shadow:var(--shadow-tooltip);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.hsug a{font-size:var(--text-sm);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;text-decoration:none;display:flex}.hsug a:hover,.hsug li.act a{background:var(--bg-hover)}.hsug img{border-radius:4px;flex:none}html[data-style=premium]{--bg:#07090f;--bg-surface:#0d111b;--bg-raised:#141a28;--bg-hover:#1b2335;--border:#262e42;--border-strong:#3a4459;--accent:#d9b35f;--accent-fg:#1a1406;--link:#e3c47d;--link-hover:#f3dca2}html[data-style=premium] body:before{background:linear-gradient(#04060c59 0%,#04060cb3 45%,#04060ceb 100%)}html[data-style=premium] .glass{background:#090c14d6;border-color:#d9b35f33;border-radius:12px;box-shadow:0 14px 40px #00000080}html[data-style=premium] .brand a{background:linear-gradient(#fff3cf,#d9b35f 60%,#9c7a33);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}html[data-style=premium] .bt:hover{border-color:#d9b35f99}html[data-style=premium] .bt img{filter:drop-shadow(0 0 8px #d9b35f73)}html[data-style=glass]{--bg:#0b1a33;--bg-surface:#1428508c;--bg-raised:#28467873;--bg-hover:#466eaa66;--border:#bedcff47;--border-strong:#c8e4ff73;--fg:#f2f7ff;--fg-muted:#c4d4ee;--fg-faint:#a5b8d8;--accent:#5ab8ff;--accent-fg:#03121f;--link:#9fd6ff;--link-hover:#d4edff}html[data-style=glass] .glass{-webkit-backdrop-filter:blur(22px)saturate(1.6);background:linear-gradient(145deg,#a0c8ff33,#5a8cdc1a);border:1px solid #d2e8ff66;border-radius:20px;box-shadow:inset 0 1px #ffffff59,0 12px 40px #00143c59}html[data-style=glass] .brand{text-shadow:0 0 24px #5ab8ffe6,0 1px 2px #0009}html[data-style=glass] .bt img{filter:drop-shadow(0 0 10px #5ab8ffcc);background:#ffffff1f;border-radius:50%;padding:6px}html[data-style=glass] .bsearch input{background:#ffffff24;border-color:#dceeff80;border-radius:999px}html[data-style=glass] .bsearch button{border-radius:999px;box-shadow:0 0 18px #5ab8ffb3}html[data-style=bento]{--bg:#0a0d18;--bg-surface:#111628;--bg-raised:#171d33;--bg-hover:#1f2742;--border:#242c47;--border-strong:#333d60;--accent:#8b7bff;--accent-fg:#0b0820;--link:#a99cff;--link-hover:#cfc6ff}html[data-style=bento] body:before{background:#080a14db}html[data-style=bento] .glass{backdrop-filter:none;background:#10152a;border:1px solid #232b48;border-radius:16px;box-shadow:0 6px 20px #00000059}html[data-style=bento] .brand{text-align:left;text-shadow:none;font-size:28px}html[data-style=bento] .bt{background:linear-gradient(140deg, color-mix(in srgb, var(--tc) 38%, #10152a) 0%, #10152a 80%);border-color:color-mix(in srgb, var(--tc) 40%, #232b48)}html[data-style=bento] .bt img{background:color-mix(in srgb, var(--tc) 30%, transparent);filter:none;border-radius:12px;padding:6px}html[data-style=bento] .bhero{background:linear-gradient(#10152a33 30%,#10152a 92%),url(/media/art/a01_card.webp) 50%/cover}html[data-style=fantasy]{--bg:#120d08;--bg-surface:#1c150e;--bg-raised:#251c12;--bg-hover:#30251a;--border:#3d3020;--border-strong:#5a4630;--fg:#f1e6d0;--fg-muted:#c2b192;--fg-faint:#9c8b6e;--accent:#c9a25e;--accent-fg:#1a1208;--link:#e0bd7a;--link-hover:#f5dcaa}html[data-style=fantasy] body{font-family:IBM Plex Sans,system-ui,sans-serif}html[data-style=fantasy] body:before{background:linear-gradient(#1e120640 0%,#180f06a6 50%,#100a04e6 100%)}html[data-style=fantasy] .glass{background:#1a130bd6;border:1px solid #c9a25e52;border-radius:3px;box-shadow:0 10px 34px #0000008c}html[data-style=fantasy] .brand{letter-spacing:.12em;color:#f1dca8;text-shadow:0 2px 20px #c9a25e80,0 1px 2px #000;font-size:40px}html[data-style=fantasy] .nav>li>a{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;font-size:15px}html[data-style=fantasy] h1,html[data-style=fantasy] h2.section,html[data-style=fantasy] .bnh h2{font-family:var(--font-heading);letter-spacing:.06em;color:#f1dca8}html[data-style=fantasy] .bhero h1{color:#f1dca8;font-size:54px}html[data-style=fantasy] .bt{text-align:center;grid-template-columns:1fr;justify-items:center}html[data-style=fantasy] .bt img{filter:sepia(.6)drop-shadow(0 0 6px #c9a25e80);grid-row:auto}html[data-style=fantasy] .bt small{grid-column:auto}html[data-style=fantasy] .bt b{color:#f1dca8}html[data-style=fantasy] .chips a,html[data-style=fantasy] .bsearch input,html[data-style=fantasy] .bsearch button{border-radius:2px}.nav .style-dd .sw{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:8px;display:inline-block;box-shadow:0 0 0 1px #0003}.nav .style-dd .pop a[aria-current=true]{color:#1d3f8f;font-weight:700}.nav .style-dd .pop a[aria-current=true]:after{content:"✓"}html[data-style=glass] .bgvideo,html[data-style=glass] .vtoggle{display:none}html[data-style=glass] body:before{background:linear-gradient(#78b4ff14 0%,#285aaa2e 60%,#0a1e4673 100%)}html[data-style=glass] .glass{background:linear-gradient(145deg,#aad2ff4d,#6ea0eb29)}html[data-style=glass]{--fg-muted:#e3ecfb;--fg-faint:#d2def3}html[data-style=glass] .glass{text-shadow:0 1px 3px #001432bf}html[data-style=glass] .glass input::placeholder{color:#dbe7fa}