.cards-album{--cards-gold:color-mix(in oklch,gold 55%,var(--primary));--cards-ink:color-mix(in oklch,var(--background) 88%,#1a0f18);--cards-paper:color-mix(in oklch,var(--card) 92%,var(--background));--cards-line:color-mix(in oklch,var(--cards-gold) 35%,var(--border));--cards-radius:1.15rem;background:radial-gradient(1200px 480px at 12% -10%,color-mix(in oklch,var(--primary) 18%,transparent),transparent 60%),radial-gradient(900px 420px at 92% 0,color-mix(in oklch,var(--cards-gold) 16%,transparent),transparent 55%),var(--background);min-height:100vh;overflow-x:hidden}.cards-hero{position:relative;isolation:isolate;border-bottom:1px solid var(--cards-line);padding:1.25rem 0 0}@media (min-width:640px){.cards-hero{padding:1.75rem 0 0}}.cards-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,var(--background) 92%),repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in oklch,var(--cards-gold) 8%,transparent) 18px 19px);opacity:.45;z-index:-1}.cards-hero-stack{display:none}@media (min-width:768px){.cards-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 11rem;gap:1.5rem;align-items:end;max-width:80rem;margin:0 auto}.cards-hero-stack{display:block;position:relative;height:8.5rem}.cards-hero-stack span{position:absolute;width:4.4rem;height:6.4rem;border-radius:.7rem;border:1px solid var(--cards-line);background:linear-gradient(160deg,color-mix(in oklch,var(--card) 70%,var(--primary)),color-mix(in oklch,var(--cards-gold) 28%,var(--card)));box-shadow:0 10px 24px -12px rgb(0 0 0/.45)}.cards-hero-stack span:first-child{left:1.4rem;transform:rotate(-14deg);top:.6rem}.cards-hero-stack span:nth-child(2){left:3.4rem;transform:rotate(4deg);top:.1rem;z-index:1}.cards-hero-stack span:nth-child(3){left:5.6rem;transform:rotate(16deg);top:.7rem}}.cards-kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch,var(--cards-gold) 70%,var(--foreground))}.cards-title{margin:.35rem 0 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;letter-spacing:-.03em;font-weight:700}.cards-lead{margin:.5rem 0 0;max-width:36rem;font-size:.92rem;color:var(--muted-foreground)}.cards-hero-link{display:inline-flex;margin-top:.75rem;font-size:.75rem;color:var(--primary)}.cards-shell{max-width:80rem;margin:0 auto;width:100%;padding:1rem .75rem 2.5rem}@media (min-width:640px){.cards-shell{padding:1.25rem 1rem 3rem}}.cards-panel{background:var(--cards-paper);border:1px solid var(--cards-line);border-radius:var(--cards-radius);padding:1rem 1.05rem;box-shadow:0 12px 32px -22px rgb(0 0 0/.45)}.cards-panel-title{margin:0;font-size:1rem;font-weight:650}.cards-muted{color:var(--muted-foreground)}.cards-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.85rem}.cards-tab{border:0;background:transparent;color:var(--muted-foreground);font-size:.82rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;cursor:pointer}.cards-tab.is-active{background:color-mix(in oklch,var(--cards-gold) 22%,var(--card));color:var(--foreground)}.cards-btn{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid var(--cards-line);background:color-mix(in oklch,var(--card) 88%,var(--background));color:var(--foreground);font-size:.82rem;font-weight:600;padding:.45rem .9rem;cursor:pointer}.cards-btn:disabled{opacity:.55;cursor:not-allowed}.cards-btn-primary{background:color-mix(in oklch,var(--cards-gold) 55%,var(--primary));border-color:transparent;color:var(--primary-foreground)}.cards-btn-ghost{background:transparent}.cards-btn-sm{font-size:.72rem;padding:.28rem .7rem}.cards-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.68rem;background:color-mix(in oklch,var(--cards-gold) 14%,var(--secondary))}.cards-select{border:1px solid var(--cards-line);background:var(--card);border-radius:.7rem;padding:.4rem .6rem;color:var(--foreground)}.cards-empty{text-align:center;padding:1.5rem 1rem}.cards-grid{display:grid;gap:1.1rem}.cards-art,.cards-tile{position:relative;overflow:hidden}.cards-art{border-radius:.85rem;border:1px solid var(--cards-line);background:var(--muted)}.cards-stat-bar{overflow:hidden;border-radius:999px;background:var(--muted)}.cards-stat-fill{background:color-mix(in oklch,var(--cards-gold) 60%,var(--primary))}.cards-reward-chip{font-size:.72rem;border-radius:999px;padding:.2rem .6rem;background:color-mix(in oklch,var(--primary) 12%,var(--card))}.cards-gate{max-width:28rem;margin:2rem auto;text-align:center}.cards-foil-sheen{pointer-events:none;position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgb(255 255 255/.42) 38%,rgb(167 139 250/.38) 50%,rgb(34 211 238/.4) 62%,transparent 82%);background-size:220% 100%;mix-blend-mode:overlay;animation:cards-foil-sheen 3.4s linear infinite}@keyframes cards-foil-sheen{to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.cards-foil-sheen{animation:none}}.cards-browse{display:grid;gap:1.25rem}@media (min-width:1024px){.cards-browse{grid-template-columns:minmax(0,1fr) 16.5rem;align-items:start}}.cards-portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.cards-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.cards-portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1200px){.cards-portrait-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.cards-portrait{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;border-radius:.9rem;aspect-ratio:3/4.15;appearance:none;-webkit-appearance:none;background:color-mix(in oklch,var(--card) 80%,#120814);border:3px solid color-mix(in oklch,var(--cards-line) 70%,transparent);box-shadow:0 10px 22px -16px rgb(0 0 0/.7);text-align:center;color:inherit;font:inherit;cursor:default}button.cards-portrait{cursor:pointer}.cards-portrait:after{content:"";pointer-events:none;position:absolute;inset:.32rem;z-index:1;border-radius:.58rem;border:1.5px solid rgb(255 255 255/.28);box-shadow:inset 0 0 0 1px rgb(0 0 0/.28)}.cards-portrait--common{border-color:#6d8a62;box-shadow:0 0 0 1px #2f4a34,0 10px 22px -16px rgb(0 0 0/.7)}.cards-portrait--common:after{border-color:color-mix(in srgb,#b7e08d 55%,white)}.cards-portrait--rare{border-color:#6eb7e6;box-shadow:0 0 0 1px #1d4d72,0 10px 22px -16px rgb(0 0 0/.7)}.cards-portrait--rare:after{border-color:color-mix(in srgb,#8fd0ff 60%,white)}.cards-portrait--epic{border-color:#b48adf;box-shadow:0 0 0 1px #4a2c72,0 10px 22px -16px rgb(0 0 0/.7)}.cards-portrait--epic:after{border-color:color-mix(in srgb,#d7b4ff 60%,white)}.cards-portrait--legendary{border-color:#e6c15a;box-shadow:0 0 0 1px #6b4810,0 10px 22px -16px rgb(0 0 0/.7)}.cards-portrait--legendary:after{border-color:color-mix(in srgb,#ffd56a 70%,white)}.cards-portrait img{width:100%;height:100%;object-fit:cover;display:block}.cards-portrait-meta{position:absolute;inset:auto 0 0;z-index:2;padding:1.7rem .5rem .65rem;text-align:center;background:linear-gradient(180deg,transparent,rgb(8 6 10/.94) 58%)}.cards-portrait-name{margin:0 auto;max-width:92%;font-size:.82rem;font-weight:700;line-height:1.2;text-align:center}.cards-portrait-sub{margin:.2rem auto 0;max-width:92%;font-size:.68rem;color:color-mix(in oklch,var(--muted-foreground) 85%,white);text-align:center}.cards-rank{position:absolute;top:.4rem;left:.4rem;z-index:3;min-width:1.75rem;height:1.75rem;padding:0 .22rem;display:grid;place-items:center;border-radius:.38rem;border:1.5px solid rgb(255 255 255/.42);font-size:.7rem;font-weight:800;letter-spacing:.02em;line-height:1;box-shadow:0 4px 10px rgb(0 0 0/.4)}.cards-rank-common{background:#2f4a34;color:#b7e08d}.cards-rank-rare{background:#1d4d72;color:#8fd0ff}.cards-rank-epic{background:#4a2c72;color:#d7b4ff}.cards-rank-legendary{background:#6b4810;color:#ffd56a}.cards-copies{position:absolute;top:.18rem;right:.3rem;z-index:3;pointer-events:none;font-family:var(--font-comfortaa),var(--font-exo_2),sans-serif;font-size:.95rem;font-weight:700;font-style:italic;letter-spacing:.04em;line-height:1;color:rgb(255 255 255/.48);text-shadow:0 0 12px rgb(255 255 255/.38),0 1px 2px rgb(0 0 0/.7)}.cards-inspect-art .cards-copies{top:.38rem;right:.48rem;font-size:1.45rem;color:rgb(255 255 255/.52)}.cards-filters{display:flex;flex-direction:column;gap:.7rem}.cards-filters label{display:block;font-size:.72rem;color:var(--muted-foreground);margin-bottom:.28rem}.cards-forge-board{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;padding:.5rem 0 1rem}.cards-forge-slot{position:relative;width:7.2rem;aspect-ratio:3/4.1;border-radius:.85rem;border:2px dashed color-mix(in oklch,var(--cards-gold) 40%,var(--border));background:color-mix(in oklch,var(--card) 70%,#0d0a10);overflow:hidden;padding:0;cursor:pointer}.cards-forge-slot--sm{width:5.1rem}.cards-forge-slot.is-filled{border-style:solid}.cards-forge-slot img{width:100%;height:100%;object-fit:cover}.cards-forge-slot-empty{height:100%;display:grid;place-items:center;color:var(--muted-foreground);font-size:.72rem;padding:.4rem;text-align:center}.cards-deck-grid{display:grid;gap:.85rem}@media (min-width:720px){.cards-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cards-deck-tile{display:grid;grid-template-columns:4.4rem auto 4.4rem;gap:.55rem;align-items:center;border:1px solid var(--cards-line);border-radius:.95rem;padding:.7rem;background:color-mix(in oklch,var(--card) 88%,#140c12)}.cards-deck-tile img{width:4.4rem;aspect-ratio:3/4;object-fit:cover;border-radius:.55rem}.cards-owned{outline:2px solid color-mix(in oklch,var(--cards-gold) 55%,transparent);outline-offset:1px}.cards-portrait.is-missing img{filter:grayscale(1) brightness(.72)}.cards-portrait.is-missing .cards-portrait-meta{opacity:.72}.cards-subnav{display:flex;flex-wrap:wrap;gap:.15rem;max-width:80rem;margin:1.1rem auto 0;padding:0 .75rem}@media (min-width:640px){.cards-subnav{padding:0 1rem}}.cards-subnav a{padding:.55rem .85rem;font-size:.88rem;font-weight:650;color:var(--muted-foreground);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.cards-subnav a.is-active{color:var(--foreground);border-bottom-color:color-mix(in oklch,var(--cards-gold) 75%,var(--primary))}.cards-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.cards-filters-title{margin:0 0 .2rem;font-size:.92rem;font-weight:700}.cards-filters-label{display:block;font-size:.72rem;color:var(--muted-foreground);margin-bottom:.28rem}@media (min-width:1024px){.cards-filters{position:sticky;top:1rem}}.cards-rank-chips{display:flex;flex-wrap:wrap;gap:.35rem}.cards-rank-chip{min-width:2.1rem;height:2.1rem;padding:0 .45rem;border-radius:.45rem;border:1px solid var(--cards-line);background:var(--card);color:var(--foreground);font-size:.78rem;font-weight:800;cursor:pointer}.cards-rank-chip.is-active{outline:2px solid color-mix(in oklch,var(--cards-gold) 70%,var(--primary));outline-offset:1px}.cards-user-deck-grid{display:grid;gap:.9rem}@media (min-width:720px){.cards-user-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.cards-user-deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cards-user-deck{display:grid;grid-template-columns:6.6rem minmax(0,1fr);gap:.75rem;align-items:center;border:1px solid var(--cards-line);border-radius:.95rem;padding:.8rem;background:color-mix(in oklch,var(--card) 88%,#140c12)}.cards-user-deck-arts{position:relative;height:6.4rem}.cards-user-deck-cover{position:absolute;width:4.35rem;aspect-ratio:3/4;border-radius:.55rem;overflow:hidden;border:1px solid var(--cards-line);background:#120814;top:0;left:0}.cards-user-deck-cover.is-want{left:1.85rem;top:.85rem;z-index:1}.cards-user-deck-cover img{width:100%;height:100%;object-fit:cover;display:block}.cards-user-deck-body h3{margin:0;font-size:1rem;font-weight:750;line-height:1.2}.cards-user-deck-level{margin:.15rem 0 0;font-size:.75rem;color:var(--muted-foreground)}.cards-user-deck-note{margin:.35rem 0 0;font-size:.82rem;line-height:1.3}.cards-deck-ticks{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .55rem;font-size:.68rem;font-weight:700}.cards-deck-ticks span{border-radius:999px;padding:.12rem .45rem}.cards-forge-hearth{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem 1rem;margin:1rem 0;padding:1.1rem .6rem;border-radius:1rem;overflow:hidden;background:radial-gradient(70% 80% at 50% 110%,color-mix(in oklch,#c45a12 28%,transparent),transparent 70%),color-mix(in oklch,var(--card) 70%,#10080c)}.cards-forge-ray{position:absolute;left:8%;right:22%;height:3px;z-index:2;pointer-events:none;border-radius:999px;background:linear-gradient(90deg,transparent,#ffe08a 18%,#fff6c8 52%,#e6c15a);box-shadow:0 0 12px #e6c15a;transform-origin:left center;animation:cards-forge-ray-flow .55s linear infinite}.cards-forge-ray--1{top:34%;transform:rotate(11deg)}.cards-forge-ray--2{top:50%}.cards-forge-ray--3{top:66%;transform:rotate(-11deg)}.cards-forge-hearth.is-forging .cards-forge-slot.is-draining{animation:cards-forge-drain 1.15s ease-in forwards}.cards-forge-hearth.is-forging .cards-forge-result{box-shadow:0 0 28px color-mix(in oklch,#e6c15a 70%,transparent);animation:cards-forge-result-pulse .7s ease-in-out infinite}@keyframes cards-forge-ray-flow{0%{opacity:.2;filter:brightness(.7)}50%{opacity:1;filter:brightness(1.45)}to{opacity:.25;filter:brightness(.8)}}@keyframes cards-forge-drain{to{opacity:0;transform:scale(.86);filter:grayscale(.85) brightness(.7)}}@keyframes cards-forge-result-pulse{50%{box-shadow:0 0 42px #ffe08a}}.cards-inspect{display:flex;flex-direction:column;align-items:center;gap:.75rem}.cards-inspect-art{position:relative;width:min(100%,18rem);aspect-ratio:3/4.15;overflow:hidden;border-radius:.95rem;border:3px solid color-mix(in oklch,var(--cards-line) 70%,transparent);animation:cards-inspect-zoom .55s cubic-bezier(.22,1,.36,1)}.cards-inspect--common .cards-inspect-art{border-color:#6d8a62}.cards-inspect--rare .cards-inspect-art{border-color:#6eb7e6}.cards-inspect--epic .cards-inspect-art{border-color:#b48adf}.cards-inspect--legendary .cards-inspect-art{border-color:#e6c15a}.cards-inspect-art img,.cards-inspect-art-empty{width:100%;height:100%;object-fit:cover;display:block}.cards-inspect-desc{margin:0;text-align:center;font-size:.85rem;color:var(--muted-foreground)}.cards-inspect-owned{margin:0;font-size:.75rem;font-weight:650;color:color-mix(in oklch,var(--cards-gold) 70%,white)}.cards-inspect-names{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;max-width:18rem;text-align:center;font-size:.92rem;font-weight:700}.cards-inspect-names__sep{color:var(--muted-foreground);font-weight:500}.cards-inspect-owners{margin:0;font-size:.75rem;color:var(--muted-foreground)}.cards-inspect-hover{position:relative;display:inline-block;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--border) 70%,transparent);text-underline-offset:.18em}.cards-inspect-hover__pop{display:none;position:absolute;left:50%;bottom:calc(100% + .4rem);z-index:6;width:4.6rem;aspect-ratio:3/4;overflow:hidden;border-radius:.45rem;border:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:var(--card);box-shadow:0 8px 22px rgb(0 0 0/.28);transform:translateX(-50%);pointer-events:none}.cards-inspect-hover__pop img{width:100%;height:100%;object-fit:cover;display:block}.cards-inspect-hover:focus-visible .cards-inspect-hover__pop,.cards-inspect-hover:hover .cards-inspect-hover__pop{display:block}.cards-inspect-refs{display:none}.cards-inspect-ref{display:block;min-width:0;text-decoration:none;color:inherit}.cards-inspect-ref__art{position:relative;display:block;aspect-ratio:3/4.15;overflow:hidden;border-radius:.7rem;border:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:color-mix(in oklch,var(--muted) 55%,var(--card))}.cards-inspect-ref__art img,.cards-inspect-ref__empty{width:100%;height:100%;object-fit:cover;display:block}.cards-inspect-ref__empty{display:grid;place-items:center;font-size:1.1rem;font-weight:800;color:var(--muted-foreground)}.cards-inspect-ref__meta{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.12rem;padding:1.35rem .45rem .45rem;background:linear-gradient(transparent,rgb(0 0 0/.78));color:#fff}.cards-inspect-ref__kind{font-size:.55rem;letter-spacing:.05em;text-transform:uppercase;opacity:.78}.cards-inspect-ref__label{font-size:.74rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes cards-inspect-zoom{0%{transform:scale(.72);opacity:.35}to{transform:scale(1);opacity:1}}.cards-forge-arrow{font-size:1.4rem;color:color-mix(in oklch,var(--cards-gold) 70%,white)}.cards-forge-result{border-style:solid;border-color:color-mix(in oklch,var(--cards-gold) 55%,var(--border))}.cards-forge-slot .cards-rank,.cards-grid .cards-rank,.cards-user-deck-cover .cards-rank{width:1.2rem;height:1.2rem;font-size:.6rem;top:.25rem;left:.25rem}.cards-forge-slot .cards-copies{top:.1rem;right:.14rem;font-size:.72rem}