.card-grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media(max-width:720px){.card-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.card-item{align-items:center;display:flex;flex-direction:column;gap:8px;padding-top:6px;padding-left:6px}.card-item .card-composite{transform-origin:center top;transition:transform .18s ease,filter .18s ease}.card-item:hover .card-composite{filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));transform:translateY(-4px) scale(1.012)}.card-composite{aspect-ratio:598 / 844;container-type:inline-size;isolation:isolate;overflow:visible;position:relative;width:100%;--frame-hue: 0deg;--accent-hue: 0deg;--is-desat: 1;--brightness: 1}.pool-ironclad{--frame-hue: 9deg;--accent-hue: 180deg}.pool-silent{--frame-hue: 115deg;--accent-hue: -65deg}.pool-defect{--frame-hue: 198deg;--accent-hue: 18deg}.pool-necrobinder{--frame-hue: 347deg;--accent-hue: 167deg}.pool-regent{--frame-hue: 43deg;--accent-hue: 223deg}.pool-colorless,.pool-event,.pool-status,.pool-token{--frame-hue: 0deg;--accent-hue: 0deg;--is-desat: 0}.pool-curse{--frame-hue: 306deg;--accent-hue: 75deg;--is-desat: .05;--brightness: .55}.card-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;user-select:none;width:100%}.card-frame{filter:hue-rotate(var(--frame-hue)) saturate(var(--is-desat)) brightness(var(--brightness));z-index:1}.card-art{height:42%;left:10%;object-fit:cover;object-position:center top;pointer-events:none;position:absolute;top:12%;width:80%;z-index:0}.is-ancient .card-art{border-radius:7%;height:97%;left:1.5%;top:1.5%;width:97%}.card-border{height:49.8%;left:3.9%;object-fit:contain;top:12%;width:92.1%;z-index:3}.card-ancient-border{height:100%;object-fit:contain;width:100%;z-index:3}.card-ancient-textbg{height:42%;left:7.5%;object-fit:contain;top:58%;width:85%;z-index:0}.type-attack .card-ancient-textbg,.type-power .card-ancient-textbg{height:50%;left:5%;top:50%;width:90%}.card-orb{left:-5%;top:-5%;width:20%;height:auto;object-fit:contain;z-index:6}.card-banner{left:50%;top:4%;transform:translate(-50%);width:110%;height:auto;object-fit:contain;z-index:5}.is-ancient .card-banner{top:.5%}.rarity-basic .card-banner,.rarity-basic .card-border,.rarity-basic .card-type-plaque,.rarity-common .card-banner,.rarity-common .card-border,.rarity-common .card-type-plaque{filter:saturate(0) brightness(.85)}.rarity-rare .card-banner,.rarity-rare .card-border,.rarity-rare .card-type-plaque{filter:hue-rotate(210deg) saturate(1.7) brightness(1.1)}.rarity-curse .card-banner,.rarity-curse .card-border,.rarity-curse .card-type-plaque{filter:hue-rotate(var(--accent-hue)) saturate(1.2) brightness(.85)}.rarity-status .card-banner,.rarity-status .card-border,.rarity-status .card-type-plaque{filter:hue-rotate(-110deg) saturate(.4) brightness(.8)}.rarity-token .card-banner,.rarity-token .card-border,.rarity-token .card-type-plaque{filter:saturate(0) brightness(.8)}.card-cost{aspect-ratio:1;color:#f5ead8;font-family:Kreon,serif;font-size:10cqw;font-weight:700;left:-5%;position:absolute;top:-5%;width:20%;z-index:10;-webkit-text-stroke:2px #2a1a08;align-items:center;display:flex;justify-content:center;line-height:1;paint-order:stroke fill;text-shadow:0 1px 3px rgba(0,0,0,.6)}.card-name-overlay{left:50%;position:absolute;text-align:center;top:5.5%;transform:translate(-50%);width:70%;z-index:10}.is-ancient .card-name-overlay{top:2.2%}.card-name-text{color:#fff6e2;font-family:Kreon,serif;font-size:8cqw;-webkit-text-stroke:2.5px #6b4b00;display:block;font-weight:300;letter-spacing:.3cqw;line-height:1.15;overflow:hidden;paint-order:stroke fill;text-overflow:ellipsis;white-space:nowrap}.card-type-wrap{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%);width:25%;z-index:10}.card-type-plaque{height:auto;pointer-events:none;user-select:none;width:100%}.card-type-text{color:#1a1008;font-family:Kreon,serif;font-size:7.5cqw;position:absolute;text-shadow:0 0 2px hsla(0,0%,100%,.2);top:12%;white-space:nowrap}.card-desc-overlay{align-items:center;display:flex;height:34%;justify-content:center;left:50%;overflow:hidden;position:absolute;text-align:center;top:58%;transform:translate(-50%);width:85%;z-index:10}.card-desc-text{border:none;color:#fff6e2;font-family:Kreon,serif;font-size:6.8cqw;font-weight:300;letter-spacing:.3cqw;margin:0;padding:0;text-shadow:1px 1px 0 #000,2px 2px 8px rgba(0,0,0,.5);width:95%}.card-desc-text p{margin:0}.txt-gold{color:#efc851}.txt-purple{color:#c084fc}.txt-red{color:#f87171}.txt-blue{color:#74b9ff}.txt-green{color:#4ade80}.txt-keyword{color:#f8c440}.txt-upgraded{color:#7fff00}.inline-icon-group{align-items:center;display:inline-flex;gap:.5cqw;vertical-align:baseline}.inline-energy-icon,.inline-star-icon{display:inline-block;height:1.1em;vertical-align:-.15em;width:auto}.cards-seo-copy{color:var(--color-text-muted);font-size:.82rem;margin-top:.45rem}.cards-quick-links{color:var(--color-text-muted);font-size:.8rem;margin-top:.35rem}.cards-quick-links a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.char-quick-answer{margin-bottom:2rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(124,58,237,.25);background:#7c3aed0d}.char-quick-answer__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a78bfacc;margin-bottom:.5rem}.char-quick-answer__text{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.char-cards-identity{color:var(--color-text-muted);font-size:.85rem;margin-top:.5rem;line-height:1.5}.char-cards-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.char-cards-stat{padding:.4rem .8rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border);text-align:center}.char-cards-stat__val{display:block;font-size:1.1rem;font-weight:700}.char-cards-stat__label{font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.char-cards-links{color:var(--color-text-muted);font-size:.8rem;margin-top:.5rem;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.char-cards-links a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.char-archetypes{margin-bottom:2rem}.char-archetypes__title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;margin-bottom:.75rem}.char-archetypes__bar{width:3px;height:1.15rem;border-radius:2px}.char-archetypes__grid{display:flex;flex-wrap:wrap;gap:.5rem}.char-archetype-tag{padding:.35rem .85rem;border-radius:2rem;border:1px solid;font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.char-rarity-breakdown{margin-bottom:2rem}.char-rarity-breakdown__title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;margin-bottom:.75rem}.char-rarity-breakdown__bar{width:3px;height:1.15rem;border-radius:2px}.char-rarity-grid{display:flex;flex-wrap:wrap;gap:.5rem}.char-rarity-card{padding:.5rem 1rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border);text-align:center;min-width:80px}.char-rarity-card__count{display:block;font-size:1.25rem;font-weight:700;color:var(--color-text)}.char-rarity-card__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.rarity-basic .char-rarity-card__count{color:#ffffff80}.rarity-common .char-rarity-card__count{color:#ffffffb3}.rarity-uncommon .char-rarity-card__count{color:#4ade80}.rarity-rare .char-rarity-card__count{color:#60a5fa}.rarity-ancient .char-rarity-card__count{color:#c084fc}.char-cards-nav{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.char-cards-nav__title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.75rem}.char-cards-nav__grid{display:flex;flex-wrap:wrap;gap:.5rem}.char-cards-nav__link{display:flex;flex-direction:column;gap:.15rem;padding:.5rem 1rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border);transition:all .15s;text-decoration:none}.char-cards-nav__link:hover{border-color:var(--link-color, var(--color-accent));background:#ffffff08;transform:translateY(-1px)}.char-cards-nav__name{font-weight:600;font-size:.85rem;color:var(--link-color, var(--color-text))}.char-cards-nav__count{font-size:.65rem;color:var(--color-text-muted)}.char-cards-nav__link--all{border-style:dashed}
