@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/shippori-mincho-latin-600-normal-6Q85HP94.woff2)format("woff2"),url(/assets/shippori-mincho-latin-600-normal-BtWD08KL.woff)format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/shippori-mincho-latin-800-normal-DrzYBqYW.woff2)format("woff2"),url(/assets/shippori-mincho-latin-800-normal-B2RKu3mb.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2)format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff)format("woff")}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0d18;--color-surface:#141b30;--color-surface-2:#1d2a5c;--color-border:#354361;--color-text:#f4efe3;--color-muted:#aeb8ca;--color-accent:#5fd0d8;--color-accent-text:#0b0d18;--color-gold:#e2b04a;--color-cover:#1d2a5c;--color-on-cover:#f4efe3;--color-ink:#05070e;--color-stamp-ink:#0b0d18;--color-seal:#c8372d;--color-danger:#ff8a8a;--color-focus:#fff;--btn-bg:#f4efe3;--btn-fg:#1d2a5c;--paper:#fbf8f0;--ink:#1d2a5c;--rarity-common:#7c83a6;--rarity-uncommon:#5fd08a;--rarity-rare:#4aa8ff;--rarity-epic:#b88bff;--rarity-legendary:#ffb62e;--rarity-mythic:#ff5c97;--foil-a:#ff6ec7;--foil-b:#ffe14d;--foil-c:#4dffd2;--foil-d:#6ea8ff;--fx-blend:plus-lighter;--fx-k:.55;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Shippori Mincho", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-impact:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--font-mono:ui-monospace, Menlo, Consolas, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--radius-xs:3px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--radius:var(--radius-lg);--shadow-card:0 8px 24px #00000040, 0 2px 4px #0006;--shadow-lift:0 24px 40px -20px #000c;--shadow-pop:0 16px 40px -12px #0009;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.2, .9, .3, 1.2);--dur-fast:.15s;--dur-base:.25s;--dur-slow:.45s;--z-card-top:3;--z-lifted:5;--z-menu:30;--z-splash:60;--z-skip:100;--page-max:1240px;--gutter:16px;--bleed-pad:max(var(--gutter), calc(50vw - (var(--page-max) / 2) + var(--gutter)))}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4efe3;--color-surface:#fbf8f0;--color-surface-2:#ece5d3;--color-border:#cec5b3;--color-text:#16213e;--color-muted:#596174;--color-accent:#1f7a8c;--color-accent-text:#fff;--color-danger:#b3261e;--color-focus:#1d2a5c;--color-gold:#926218;--btn-bg:#1d2a5c;--btn-fg:#f4efe3;--rarity-common:#6b7189;--rarity-uncommon:#2a8f56;--rarity-rare:#2b6fcf;--rarity-epic:#7d3fd0;--rarity-legendary:#b86f00;--rarity-mythic:#cc2a6c;--fx-blend:multiply;--fx-k:.6}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4efe3;--color-surface:#fbf8f0;--color-surface-2:#ece5d3;--color-border:#cec5b3;--color-text:#16213e;--color-muted:#596174;--color-accent:#1f7a8c;--color-accent-text:#fff;--color-danger:#b3261e;--color-focus:#1d2a5c;--color-gold:#926218;--btn-bg:#1d2a5c;--btn-fg:#f4efe3;--rarity-common:#6b7189;--rarity-uncommon:#2a8f56;--rarity-rare:#2b6fcf;--rarity-epic:#7d3fd0;--rarity-legendary:#b86f00;--rarity-mythic:#cc2a6c;--fx-blend:multiply;--fx-k:.6}}[data-rarity=common]{--rc:var(--rarity-common)}[data-rarity=uncommon]{--rc:var(--rarity-uncommon)}[data-rarity=rare]{--rc:var(--rarity-rare)}[data-rarity=epic]{--rc:var(--rarity-epic)}[data-rarity=legendary]{--rc:var(--rarity-legendary)}[data-rarity=mythic]{--rc:var(--rarity-mythic)}}@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font);margin:0;line-height:1.5}h1,h2,h3{line-height:1.2;font-family:var(--font-display);margin:0 0 .5em}h1,h2{letter-spacing:.01em;text-wrap:balance;font-weight:700}h1{font-size:clamp(1.6rem,5vw,2.4rem)}h2{font-size:1.3rem}p{margin:0 0 1em}a{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}select,input[type=search]{min-height:44px;font:inherit;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;padding:6px 10px}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border);padding:8px 10px}caption{text-align:left;padding:0 0 8px;font-weight:700}@media (width<=639px){th,td{padding:6px;font-size:.85rem}th{white-space:normal;vertical-align:bottom}tbody th[scope=row]{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}}@layer layout{main{max-width:var(--page-max);padding:20px var(--gutter) 48px;margin:0 auto}@media (width<=639px){main{padding:14px 12px 40px}}.bleed{padding-inline:var(--bleed-pad);margin-inline:calc(50% - 50vw)}.site-header{background:color-mix(in srgb, var(--color-bg) 90%, var(--color-surface));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.site-header__inner{max-width:var(--page-max);padding:10px var(--gutter);align-items:center;gap:8px 20px;margin:0 auto;display:flex}.site-header__end{align-items:center;gap:var(--s3);margin-left:auto;display:flex}.brand{font:800 1.6rem var(--font-display);letter-spacing:.02em;color:var(--color-text);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand:after{content:"図鑑";font:600 .66rem/1 var(--font);letter-spacing:.1em;color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-left:8px;padding:4px 6px}.nav{margin-left:var(--s5);background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-pill);flex-wrap:wrap;gap:2px;padding:3px;display:flex}.nav a{min-height:44px;color:var(--color-muted);border-radius:var(--radius-pill);align-items:center;padding:8px 16px;font-weight:500;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-surface-2) 70%, transparent)}.nav a[aria-current=page]{color:var(--color-on-cover);background:var(--color-cover);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 55%, transparent)}@media (width<=639px){.site-header__inner{flex-wrap:wrap;gap:2px 8px;padding:6px 12px}.nav{flex-basis:100%;order:3;margin-left:0}.nav a{font-size:.9rem}.site-header__end .btn--small{padding-inline:10px;font-size:.85rem}.brand:after{margin-left:0}}.settings{position:relative}.settings__toggle{width:44px;height:44px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;background:0 0;place-items:center;display:grid}.settings__toggle:hover,.settings__toggle[aria-expanded=true]{background:var(--color-surface);border-color:var(--color-accent)}.settings__panel{z-index:var(--z-menu);gap:var(--s4);width:280px;padding:var(--s4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);display:grid;position:absolute;top:calc(100% + 8px);right:0}.settings__panel fieldset{gap:var(--s2);border:0;margin:0;padding:0;display:grid}.settings__panel legend{margin-bottom:var(--s2);font:600 .72rem/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.settings__toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.status-strip{background:color-mix(in srgb, var(--color-surface) 85%, var(--color-bg));border-bottom:1px solid var(--color-border);font-size:.88rem}.status-strip__inner{max-width:var(--page-max);padding:8px var(--gutter);color:var(--color-muted);flex-wrap:wrap;gap:6px 28px;margin:0 auto;display:flex}.status-strip b{color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:700}.login-notice{max-width:var(--page-max);padding:10px var(--gutter);color:var(--color-text);background:color-mix(in srgb, var(--color-gold) 12%, transparent);border:1px solid var(--color-gold);border-radius:var(--radius-md);margin:12px auto 0}.site-footer{padding:20px var(--gutter);text-align:center;color:var(--color-muted);border-top:1px solid var(--color-border);font-size:.85rem}.skip-link{z-index:var(--z-skip);color:var(--color-accent-text);background:var(--color-accent);border-radius:var(--radius-md);padding:8px 12px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.hydrate-loader{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:36px;height:36px;margin:30vh auto 0;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{.kicker{font:600 .74rem/1 var(--font);letter-spacing:.32em;text-transform:uppercase;color:var(--color-accent);margin:0 0 16px}.lede{opacity:.86}.fineprint{margin-top:var(--s3);color:var(--color-muted);font-size:.875rem}.btn{min-height:44px;font:inherit;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:8px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--color-accent)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn--primary{color:var(--btn-fg);background:var(--btn-bg);border-color:var(--btn-bg);box-shadow:0 1px 0 color-mix(in srgb, var(--btn-bg) 55%, black), 0 8px 18px -10px #0009}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{border-color:color-mix(in srgb, var(--color-text) 55%, transparent);background:0 0}.btn--small{min-height:36px;padding:4px 12px;font-size:.9rem}.btn--lg{min-height:52px;padding:10px 26px;font-size:1.05rem}.btn--wide{flex-direction:column;gap:2px;width:100%;min-height:54px;margin-top:14px;font-size:1.05rem}.btn--wide small{opacity:.8;font-size:.78rem;font-weight:500}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.link-arrow{color:var(--color-accent);padding:12px 6px;font-weight:600;text-decoration:none}.link-arrow:after{content:" →"}.link-arrow:hover{text-decoration:underline}.chip{min-height:44px;font:inherit;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--rc,var(--color-border));border-radius:var(--radius-md);cursor:pointer;padding:4px 14px;font-size:.85rem}.chip[aria-pressed=true]{color:var(--color-on-cover);background:var(--color-cover);border-color:var(--color-accent)}.seg{background:var(--color-bg);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{min-height:36px;font:500 .88rem var(--font);color:var(--color-muted);cursor:pointer;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:7px}.seg button[aria-pressed=true]{color:var(--color-on-cover);background:var(--color-cover)}.seg button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}label.field{color:var(--color-muted);gap:4px;font-size:.9rem;display:grid}.field--grow{flex:1}.toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.panel h3{font-size:1.25rem}@media (width<=639px){.panel{padding:12px}}.note{background:var(--color-surface);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:12px 0;padding:8px 14px}.stat-row{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.stat{background:var(--color-surface-2);border-radius:var(--radius-md);padding:8px 14px}.stat strong{font-size:1.4rem;display:block}.error-notice{justify-items:start;gap:10px;display:grid}.table-wrap{overflow-x:auto}.badge{letter-spacing:.02em;text-transform:uppercase;color:var(--rc,var(--color-muted));border:1px solid var(--rc,var(--color-border));border-radius:var(--radius-pill);padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.badge--new{color:var(--color-accent-text);background:var(--rc,var(--color-accent))}@media (width<=639px){td .badge,th .badge{padding:0 5px;font-size:.65rem}}.bar{background:color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:var(--radius-pill);height:6px;overflow:hidden}.bar>span{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;display:block}.card{--mx:30%;--my:20%;--rx:0deg;--ry:0deg;isolation:isolate;aspect-ratio:5/7;background:var(--color-surface);border:3px solid var(--rc,var(--color-border));border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-card);transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;touch-action:pan-y;flex-direction:column;gap:6px;padding:8px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.card[data-rarity]{border-width:2px}.card[data-rarity=mythic]{background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(135deg, var(--foil-a), var(--foil-b), var(--foil-c), var(--foil-d)) border-box;border-color:#0000}.card--static{transform:none}.card>*{z-index:1;position:relative}.card__art{background:color-mix(in srgb, var(--color-bg) 65%, var(--color-surface));border-radius:var(--radius-xs);flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.card__art img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.card__art svg{width:70%;height:70%;color:var(--rc,var(--color-muted));opacity:.6}.card[data-rarity=legendary] .card__art,.card[data-rarity=mythic] .card__art{box-shadow:inset 0 0 0 1px #ffffff59}.card__name{z-index:var(--z-card-top);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:anywhere;font-size:.85rem;font-weight:700;overflow:hidden}.card[data-rarity=legendary] .card__name,.card[data-rarity=mythic] .card__name{text-shadow:0 1px 2px #00000080}.card__meta{z-index:var(--z-card-top);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 4px;display:flex}.card__qty{color:var(--color-muted);font-size:.75rem}.card__stamp{z-index:var(--z-card-top);width:26px;height:26px;font:800 .75rem/1 var(--font-mono);color:var(--color-stamp-ink);background:var(--rc,var(--color-border));border:2px solid var(--color-surface);border-radius:var(--radius-sm);place-items:center;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 1px 4px #00000059}.card[data-rarity=common] .card__stamp,.card[data-rarity=uncommon] .card__stamp{color:var(--rc);background:var(--color-surface-2);border-color:var(--rc)}.card__fx{z-index:2;pointer-events:none;opacity:0;border-radius:var(--radius-md);mix-blend-mode:var(--fx-blend,color-dodge);transition:opacity var(--dur-base), filter var(--dur-base);position:absolute;inset:8px 8px 52px}.card[data-rarity=rare] .card__fx{opacity:calc((.18 + var(--hover,0) * .32) * var(--fx-k,1));background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%) 0 0/250% 250%;background-position:var(--mx) var(--my)}.card[data-rarity=epic] .card__fx{opacity:calc((.25 + var(--hover,0) * .45) * var(--fx-k,1));background:linear-gradient(115deg,#0000 20%,#b88bffcc 40%,#fffc 50%,#6ea8ffcc 60%,#0000 80%) 0 0/260% 260%;background-position:var(--mx) var(--my)}.card[data-rarity=legendary] .card__fx{opacity:calc((.3 + var(--hover,0) * .45) * var(--fx-k,1));background:repeating-linear-gradient(115deg, color-mix(in srgb, var(--foil-b) 72%, transparent) 0%, color-mix(in srgb, var(--foil-a) 72%, transparent) 12%, color-mix(in srgb, var(--foil-c) 72%, transparent) 24%, color-mix(in srgb, var(--foil-d) 72%, transparent) 36%, color-mix(in srgb, var(--foil-b) 72%, transparent) 48%);background-size:300% 300%;background-position:var(--mx) var(--my)}.card[data-rarity=mythic] .card__fx{opacity:calc((.3 + var(--hover,0) * .45) * var(--fx-k,1));background:radial-gradient(circle at var(--mx) var(--my), #fffffff2, transparent 38%), repeating-linear-gradient(115deg, color-mix(in srgb, var(--foil-a) 72%, transparent) 0%, color-mix(in srgb, var(--foil-b) 72%, transparent) 10%, color-mix(in srgb, var(--foil-c) 72%, transparent) 20%, color-mix(in srgb, var(--foil-d) 72%, transparent) 30%, color-mix(in srgb, var(--foil-a) 72%, transparent) 40%);background-size:100% 100%,280% 280%;background-position:0 0, var(--mx) var(--my)}.card:hover .card__fx{filter:saturate(1.5)brightness(1.35)}.card__stars{z-index:var(--z-card-top);pointer-events:none;position:absolute;inset:0}.card__stars i{opacity:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px #fff);background:#fff;width:14px;height:14px;animation:2.4s ease-in-out infinite twinkle;position:absolute}.card__stars i:first-child{top:22%;left:14%}.card__stars i:nth-child(2){width:10px;height:10px;animation-delay:.6s;top:38%;left:78%}.card__stars i:nth-child(3){width:11px;height:11px;animation-delay:1.2s;top:62%;left:30%}.card__stars i:nth-child(4){animation-delay:1.8s;top:74%;left:66%}.card__stars i:nth-child(5){width:9px;height:9px;animation-delay:.3s;top:12%;left:48%}.card__stars i:nth-child(6){width:9px;height:9px;animation-delay:1.5s;top:60%;left:86%}.card[data-rarity=legendary] .card__stars i:nth-child(n+4){display:none}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.card.card--missing{border-style:dashed;border-color:color-mix(in srgb, var(--rc,var(--color-border)) 55%, transparent);box-shadow:none;opacity:.75;background:0 0}.card.card--missing .card__art{background:color-mix(in srgb, var(--color-bg) 70%, transparent)}.card.card--missing .card__name{color:var(--color-muted);font-weight:500}.card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.card-grid>li{min-width:0}.card-grid--collection{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card-grid--recent{grid-template-columns:repeat(4,minmax(0,1fr));max-width:880px}@media (width<=639px){.card-grid--recent{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.card{transform:none!important}.card__stars i{opacity:.9;animation:none}.card:hover .card__fx{filter:none}}.pack{text-align:center;cursor:pointer;justify-items:center;gap:6px;display:grid}.pack__name{font:700 1rem var(--font-display)}.pack__meta{color:var(--color-muted);font-size:.8rem}.pack.is-selected .pack__meta{color:var(--color-accent)}.pack__art,.pack3{transform-style:preserve-3d;animation:6s ease-in-out infinite packIdle;animation-delay:calc(var(--d,0) * -1s);position:relative}.pack:nth-child(2) .pack__art{--d:1.1}.pack:nth-child(3) .pack__art{--d:2.3}.pack:nth-child(4) .pack__art{--d:3.2}.pack:nth-child(5) .pack__art{--d:4.4}.pack:nth-child(6) .pack__art{--d:5.1}.pack__art{aspect-ratio:3/4;width:100%;max-width:200px;box-shadow:0 18px 28px -16px #000000d9, 0 0 0 1px color-mix(in srgb, var(--color-gold) 40%, transparent);border-radius:6px;overflow:hidden}.pack__art img{object-fit:cover;width:100%;height:100%;display:block}.pack__art:after{content:"";pointer-events:none;mix-blend-mode:screen;animation:5.5s ease-in-out infinite sweep;animation-delay:inherit;background:linear-gradient(115deg,#0000 38%,#ffffff38 50%,#0000 62%) 0 0/260% 100%;position:absolute;inset:0}.pack.is-selected .pack__art{box-shadow:0 18px 28px -16px #000000d9, 0 0 0 2px var(--color-accent), 0 0 22px color-mix(in srgb, var(--color-accent) 40%, transparent);transform:translateY(-4px)}.pack.is-soon .pack__art{filter:saturate(.6)brightness(.8)}.pack.is-soon:hover .pack__art{filter:none}.pack:hover .pack__art,.pack:focus-within .pack__art{box-shadow:0 30px 40px -18px #000000d9, 0 0 0 2px var(--color-accent), 0 0 34px color-mix(in srgb, var(--color-accent) 45%, transparent);transition:transform .35s var(--ease-spring), box-shadow .35s ease;animation-play-state:paused;transform:perspective(800px)rotateY(0)translateY(-12px)scale(1.04)}.pack:hover .pack__art:after{animation-duration:1.6s}.pack__art--3d{aspect-ratio:520/755;box-shadow:none;filter:drop-shadow(0 22px 22px #0009);background:0 0;border-radius:0;overflow:visible}.pack__art--3d img{object-fit:contain}.pack__art--3d:after{-webkit-mask:url(/img/pack-1-3d-left.webp) 50%/contain no-repeat;mask:url(/img/pack-1-3d-left.webp) 50%/contain no-repeat}.pack.is-selected .pack__art--3d{box-shadow:none;filter:drop-shadow(0 22px 22px #0009) drop-shadow(0 0 14px color-mix(in srgb, var(--color-accent) 60%, transparent))}.pack:hover .pack__art--3d,.pack:focus-within .pack__art--3d{box-shadow:none;filter:drop-shadow(0 30px 26px #000000b3) drop-shadow(0 0 22px color-mix(in srgb, var(--color-accent) 55%, transparent))}.pack3{align-content:center;justify-items:center;gap:var(--s3);aspect-ratio:520/755;width:min(340px,74vw);color:var(--color-on-cover);cursor:grab;touch-action:none;filter:drop-shadow(0 40px 36px #000000a6);transition:transform .3s var(--ease-spring), box-shadow .3s ease;background:0 0;border:0;border-radius:0;padding:0;display:grid;overflow:visible}.pack3:hover,.pack3:focus-visible{filter:drop-shadow(0 40px 36px #000000a6) drop-shadow(0 0 26px color-mix(in srgb, var(--color-accent) 50%, transparent));animation-play-state:paused;transform:perspective(800px)rotateY(0)translateY(-12px)scale(1.04)}.pack3:focus-visible{outline:3px solid var(--color-focus);outline-offset:6px}.pack3:active{cursor:grabbing}.pack3__art{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pack3:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#ffffff2e 48%,#0000 60%) 0 0/250% 100%;background-position:calc(100% - var(--tear,0) * 100%) 0;position:absolute;inset:0;-webkit-mask:url(/img/pack-1-3d-left.webp) 50%/contain no-repeat;mask:url(/img/pack-1-3d-left.webp) 50%/contain no-repeat}.pack3:hover:after{animation-duration:1.6s}.pack3__crimp{display:none}.pack3__tearline{z-index:1;background:#f4efe32e;height:2px;position:absolute;top:5.5%;left:6%;right:6%}.pack3__tearline>span{width:calc(var(--tear,0) * 100%);background:var(--color-gold);height:100%;box-shadow:0 0 12px var(--color-gold);display:block}.pack3.is-opening{animation:.38s cubic-bezier(.5,0,.75,0) forwards packOut}@keyframes packIdle{0%,to{transform:perspective(800px)rotateY(-5deg)rotate(-.6deg)translateY(0)}50%{transform:perspective(800px)rotateY(5deg)rotate(.6deg)translateY(-6px)}}@keyframes sweep{0%,35%{background-position:120% 0}65%,to{background-position:-20% 0}}@keyframes packOut{to{opacity:0;transform:translateY(40px)scale(.9)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.pack__art,.pack3,.pack__art:after,.pack3.is-opening{animation:none}}}@layer pages{.hero3{align-items:center;gap:var(--s6);padding-block:var(--s7) var(--s6);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.hero3 h1{max-width:13ch;margin:0 0 var(--s4);font-size:clamp(2.4rem,4.6vw,4.2rem);font-weight:800;line-height:1.05}.hero3 .lede{max-width:30rem;margin-bottom:var(--s5);font-size:1.125rem;line-height:1.6}.hero3__fan{padding:var(--s4) 0;justify-content:center;align-items:center;margin:0;list-style:none;display:flex}.hero3__card{--w:clamp(150px, 22vw, 300px);width:var(--w);margin-inline:calc(var(--w) * -.12);transition:transform var(--dur-slow) cubic-bezier(.2, .9, .3, 1.1);flex:none}.hero3__card:first-child{transform:rotate(-6deg)translateY(18px)}.hero3__card:nth-child(2){z-index:2;transform:translateY(-8px)}.hero3__card:nth-child(3){transform:rotate(6deg)translateY(18px)}.hero3__fan:hover .hero3__card:first-child{transform:rotate(-8deg)translate(-36px,22px)}.hero3__fan:hover .hero3__card:nth-child(3){transform:rotate(8deg)translate(36px,22px)}.hero3__card .card{box-shadow:var(--shadow-lift)}@media (width<=1023px){.hero3{padding-block:var(--s6) var(--s5);grid-template-columns:1fr}.hero3__card{--w:clamp(110px, 30vw, 220px)}}.block{margin-top:36px}.block__title{margin-bottom:16px;font-size:1.6rem}.showcase-strip{margin-top:var(--s6);padding-block:var(--s6);background:color-mix(in srgb, var(--color-surface) 55%, transparent);border-block:1px solid var(--color-border);margin-inline:calc(50% - 50vw);overflow:hidden}.showcase-strip__head{margin:0 auto var(--s5);padding-inline:var(--bleed-pad)}.showcase-strip__head .block__title{margin-bottom:var(--s2)}.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee__track{gap:var(--s5);width:max-content;padding:var(--s3) 0;margin:0;list-style:none;animation:60s linear infinite marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{gap:var(--s2);flex:none;width:190px;display:grid}.marquee__series{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted);font-size:.8rem;overflow:hidden}@keyframes marquee{to{transform:translateX(calc(-50% - var(--s5) / 2))}}.series-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.series-row li{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.series-row__head{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.series-row__name{min-width:0;font:700 1.15rem var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.series-row__count{white-space:nowrap;color:var(--color-muted);font-variant-numeric:tabular-nums;flex:none}.series-row__count b{color:var(--color-accent)}.series-row__missing{color:var(--color-muted);font-size:.85rem}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px;display:grid}.step{align-items:flex-start;gap:16px;padding:18px 4px;display:flex}.step__n{font:800 3rem/1 var(--font-display);color:var(--color-gold)}.step h3{margin:0 0 6px;font-size:1.15rem}.step p{color:var(--color-muted);margin:0;font-size:.95rem}@media (prefers-reduced-motion:reduce){.hero3__card{transition:none}.marquee__track{animation:none}.marquee{overflow-x:auto}}.shelf-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:24px;margin-top:18px;display:grid}.shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;margin:0;padding:0;list-style:none;display:grid}.shelf-panel h2{margin-bottom:.2em;font-size:2rem}.shelf-panel h3{margin:18px 0 10px;font-size:1.1rem}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.stat-grid>div{text-align:center;background:color-mix(in srgb, var(--color-bg) 40%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.stat-grid dd{font:700 1.6rem/1.1 var(--font-display);color:var(--color-text);margin:0}.stat-grid dt{color:var(--color-muted);margin-top:4px;font-size:.78rem}.odds-bars{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.odds-bars li{grid-template-columns:26px 88px 1fr 64px;align-items:center;gap:10px;font-size:.9rem;display:grid}.odds-bars__code{width:22px;height:22px;font:700 .72rem var(--font-mono);color:var(--rc);border:1px solid var(--rc);border-radius:var(--radius-sm);place-items:center;display:grid}.odds-bars__track{background:color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:var(--radius-pill);height:8px;overflow:hidden}.odds-bars__track>span{background:var(--rc);border-radius:var(--radius-pill);height:100%;display:block}.odds-bars__value{text-align:right;font-variant-numeric:tabular-nums}@media (width<=1023px){.shelf-layout{grid-template-columns:1fr}.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}.collection-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:18px;display:flex}.collection-head h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.collection-head__progress{gap:8px;min-width:min(100%,320px);display:grid}.collection-head__count{color:var(--color-muted);font-variant-numeric:tabular-nums}.collection-head__count b{font:800 1.6rem var(--font-display);color:var(--color-text)}.collection-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.collection-layout>*{min-width:0}.rail{gap:22px;min-width:0;display:grid;position:sticky;top:16px}.rail section{min-width:0}.rail section:first-child .rail__list{max-height:320px;padding-right:4px;overflow-y:auto}.rail__title{font:600 .72rem/1 var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);margin:0 0 8px}.rail__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rail__list li{min-width:0}.rail__list button{width:100%;min-width:0;min-height:36px;font:inherit;text-align:left;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:.9rem;display:flex}.rail__list button:hover:not(:disabled){background:var(--color-surface-2)}.rail__list button[aria-pressed=true]{color:var(--color-on-cover);background:var(--color-cover);box-shadow:inset 3px 0 0 var(--color-accent)}.rail__list button:disabled{opacity:.4;cursor:not-allowed}.rail__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rail__num{color:var(--color-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.82rem}.rail__dot{background:var(--rc);border-radius:50%;flex:none;width:9px;height:9px}.toolbar--collection{align-items:center;gap:12px;margin:0 0 8px;display:flex}@media (width<=1023px){.collection-layout{grid-template-columns:1fr}.rail{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));position:static}}.ghost{gap:var(--s6);padding-block:var(--s6);display:grid}.ghost h1{margin:0 0 var(--s3);font-size:clamp(2rem,4vw,3rem)}.ghost .lede{max-width:36rem;margin-bottom:var(--s5)}.ghost__grid{opacity:.55}.stage{align-content:start;gap:var(--s5);min-height:calc(100vh - 220px);padding-block:var(--s5) var(--s7);display:grid;overflow-x:clip}.stage__head{justify-content:space-between;align-items:end;gap:var(--s4);display:flex}.stage__title{font:800 clamp(1.6rem, 3vw, 2.2rem)/1.15 var(--font-display);margin:0}.stage__tiles{gap:6px;padding-bottom:6px;display:flex}.stage__tile{background:color-mix(in srgb, var(--color-text) 14%, transparent);border-radius:2px;width:32px;height:8px;transition:background-color .3s}.stage__tile[data-rarity]{background:var(--rc)}.stage__tile[data-rarity=mythic]{background:linear-gradient(90deg, var(--foil-a), var(--foil-c))}.stage__pack-area{justify-items:center;gap:var(--s4);padding-block:var(--s6);background:radial-gradient(ellipse 40% 60% at 50% 45%, color-mix(in srgb, var(--color-cover) 75%, transparent), transparent 75%);display:grid}.stage__hint{color:var(--color-muted);font-size:.95rem}.stage__demo{padding:10px var(--gutter);background:color-mix(in srgb, var(--color-gold) 10%, transparent);border:1px solid var(--color-gold);border-radius:var(--radius-pill);justify-self:center;font-size:.92rem}.stage__actions{justify-content:center;gap:var(--s3);flex-wrap:wrap;display:flex}.stage__hand{gap:var(--s4);width:100%;max-width:1120px;padding:var(--s5) 0 var(--s2);grid-template-columns:repeat(5,minmax(0,1fr));justify-self:center;margin:0;list-style:none;display:grid}.stage__hand li{min-width:0;animation:.5s cubic-bezier(.2,.9,.3,1.15) both deal;animation-delay:calc(var(--i) * 70ms)}.stage__hand .card__name{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;line-height:1.25;display:-webkit-box;overflow:hidden}.flip{aspect-ratio:5/7;width:100%;font:inherit;color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.flip:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;border-radius:10px}.flip__back,.flip__front{border-radius:6px;position:absolute;inset:0}.flip__back{font:800 3rem var(--font-display);color:var(--color-on-cover);background:var(--color-cover);border-radius:var(--radius-md);box-shadow:var(--shadow-card), inset 0 0 0 1px #f4efe338, inset 0 0 0 7px var(--color-cover), inset 0 0 0 8px #f4efe338;place-items:center;display:grid;transform:scaleX(1)}.flip__front{transform:scaleX(0)}.flip.is-flipped .flip__back{transition:transform .26s ease-in;transform:scaleX(0)}.flip.is-flipped .flip__front{transition:transform .3s var(--ease-spring) .26s;transform:scaleX(1)}.flip:not(.is-flipped):hover .flip__back{transform:translateY(-6px)}.flip.is-lifted{z-index:var(--z-lifted);animation:lift 1.4s var(--ease-out) both}.flip.is-lifted:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--rarity-legendary) 45%, transparent), transparent);border-radius:50%;animation:1.4s ease-out both burst;position:absolute;inset:-18%}.flip.is-lifted[data-rarity=mythic]:before{opacity:.55;filter:blur(28px);background:conic-gradient(from 0deg, var(--foil-a), var(--foil-b), var(--foil-c), var(--foil-d), var(--foil-a))}.splash2{z-index:var(--z-splash);padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#05070ed1;place-items:center;animation:.35s ease-out both splashIn;display:grid;position:fixed;inset:0}.splash2__rays{pointer-events:none;opacity:.5;background:repeating-conic-gradient(from 6deg at 66%,#0000 0deg 7deg,#f4efe329 7deg 7.8deg,#0000 7.8deg 12deg);animation:1.2s ease-out both rays;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 66%,#0000 14%,#000 40%);mask:radial-gradient(circle at 66%,#0000 14%,#000 40%)}.splash2__panel{align-items:center;gap:var(--s6);width:min(1100px,100%);padding:var(--s7) var(--s6);background:var(--color-cover);border:3px solid var(--color-ink);box-shadow:10px 10px 0 var(--color-ink);clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);background-image:radial-gradient(circle,#f4efe312 1px,#0000 1.3px);background-size:7px 7px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;position:relative}.splash2__panel:before{content:"";z-index:0;pointer-events:none;background:repeating-conic-gradient(from 4deg at 72%,#0000 0deg 6deg,#f4efe338 6deg 6.7deg,#0000 6.7deg 11deg);position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 72%,#0000 18%,#000 46%);mask:radial-gradient(circle at 72%,#0000 18%,#000 46%)}.splash2__text,.splash2__card{z-index:1;position:relative}.splash2__word{font:900 clamp(3.4rem, 9vw, 7.5rem)/.88 var(--font-impact);letter-spacing:.01em;text-transform:uppercase;color:var(--color-on-cover);animation:wordIn .5s var(--ease-spring) .1s both;margin:0}.splash2[data-rarity=legendary] .splash2__word{color:var(--rarity-legendary)}.splash2[data-rarity=mythic] .splash2__word{color:#0000;background:linear-gradient(100deg, var(--foil-a), var(--foil-b), var(--foil-c), var(--foil-d));-webkit-background-clip:text;background-clip:text}.splash2__name{margin:var(--s4) 0 var(--s2);font:800 clamp(1.8rem, 3.6vw, 2.8rem)/1.1 var(--font-display);color:var(--color-on-cover)}.splash2__line{margin-bottom:var(--s5);color:#f4efe3cc}.splash2__card{filter:drop-shadow(0 30px 30px #0009);width:min(320px,70vw);animation:cardIn .6s var(--ease-out) .15s both;justify-self:center;margin:24px 72px 0 0;transform:rotate(3deg)}.splash2__card .card{box-shadow:0 0 0 3px var(--color-ink)}.splash2__sfx{top:var(--s4);right:var(--s5);z-index:1;font:900 clamp(2.4rem, 6vw, 4.6rem)/1 var(--font-display);color:var(--color-on-cover);-webkit-text-stroke:3px var(--color-ink);paint-order:stroke fill;animation:.4s cubic-bezier(.2,.9,.3,1.3) .3s both wordIn;position:absolute;transform:rotate(-10deg)}@keyframes deal{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:none}}@keyframes lift{0%{transform:none}35%{transform:translateY(-24px)scale(1.07)}75%{transform:translateY(-24px)scale(1.07)}to{transform:none}}@keyframes burst{0%{opacity:0;transform:scale(.6)}30%{opacity:.9}to{opacity:0;transform:scale(1.15)}}@keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes rays{0%{opacity:0;transform:scale(1.15)}to{opacity:.5;transform:none}}@keyframes wordIn{0%{opacity:0;transform:translate(-24px)skew(-8deg)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)rotate(-4deg)scale(.9)}to{opacity:1;transform:rotate(3deg)}}@media (width<=639px){.stage__head{flex-direction:column;align-items:start}.stage__hand{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}.stage__hand li:last-child{width:calc(50% - var(--s3) / 2);grid-column:1/-1;justify-self:center}.stage__actions{flex-direction:column;align-items:stretch}.splash2__panel{gap:var(--s4);padding:var(--s6) var(--s4);text-align:left;grid-template-columns:1fr}.splash2__panel:before{-webkit-mask:radial-gradient(circle at 50% 30%,#0000 22%,#000 50%);mask:radial-gradient(circle at 50% 30%,#0000 22%,#000 50%)}.splash2__card{grid-row:1;width:min(220px,60vw);margin:0}.splash2__sfx{top:var(--s3);right:var(--s3)}}@media (prefers-reduced-motion:reduce){.stage__hand li,.flip.is-lifted,.flip.is-lifted:before,.splash2,.splash2__rays,.splash2__word,.splash2__card,.splash2__sfx{animation:none}.flip.is-flipped .flip__back,.flip.is-flipped .flip__front{transition:none}}td.num,th.num{text-align:right}.odds-extra{white-space:nowrap}@media (width<=639px){.odds-extra{display:none}}.showcase{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px 16px;margin:16px 0;padding:0;list-style:none;display:grid}.showcase figure{gap:8px;margin:0;display:grid}.showcase figcaption{text-align:center;color:var(--color-muted);font-size:.85rem}}@layer utilities{.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}.error{color:var(--color-danger)}.small{font-size:.85rem}.center{text-align:center}}