.card-pair{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}.card-pair[data-rarity=bronze],.flip[data-rarity=bronze]{--card-border: linear-gradient(160deg, #FCD9A0 0%, #B45309 60%, #FCD9A0 120%);--frame-bg: #FFF8EC;--art-bg: radial-gradient(ellipse 70% 70% at 50% 40%, #FEF3C7 0%, transparent 70%), linear-gradient(160deg, #FFFBEB 0%, #FED7AA 100%);--gem-bg: radial-gradient(circle at 35% 30%, #FED7AA 0%, #C2410C 70%);--gem-ring: rgba(180, 83, 9, .25);--text-strong: #5B3608;--text-soft: #92400E;--rule: rgba(146, 64, 14, .25);--bar-track: rgba(146, 64, 14, .12);--bar-fill: linear-gradient(90deg, #FBBF24, #F59E0B);--pill-bg: linear-gradient(135deg, rgba(252, 211, 77, .6), rgba(245, 158, 11, .4));--pill-border: rgba(245, 158, 11, .5);--name-bg: linear-gradient(180deg, #FBBF24 0%, #F59E0B 100%);--quote-color: #B45309}.card-pair[data-rarity=silver],.flip[data-rarity=silver]{--card-border: linear-gradient(160deg, #FFFFFF 0%, #DCE3EC 22%, #8FA1B5 50%, #DCE3EC 78%, #FFFFFF 100%);--frame-bg: #FBFCFD;--art-bg: radial-gradient(circle at 50% 38%, #DBEAFE 0%, transparent 62%), linear-gradient(160deg, #F1F5F9 0%, #BFD3EA 100%);--gem-bg: radial-gradient(circle at 35% 30%, #FFFFFF 0%, #94A3B8 60%, #475569 100%);--gem-ring: rgba(100, 116, 139, .3);--text-strong: #0F172A;--text-soft: #475569;--rule: rgba(100, 116, 139, .22);--bar-track: rgba(100, 116, 139, .14);--bar-fill: linear-gradient(90deg, #CBD5E1, #64748B);--pill-bg: linear-gradient(135deg, rgba(219, 234, 254, .85), rgba(191, 219, 254, .6));--pill-border: rgba(96, 125, 159, .45);--name-bg: linear-gradient(180deg, #FFFFFF 0%, #CBD5E1 45%, #64748B 100%);--quote-color: #1E40AF}.card-pair[data-rarity=gold],.flip[data-rarity=gold]{--card-border: linear-gradient(160deg, #FFFBEB 0%, #FCD34D 22%, #F59E0B 50%, #FCD34D 78%, #FFFBEB 100%);--frame-bg: #FFFDF5;--art-bg: radial-gradient(circle at 50% 38%, #FEF9C3 0%, transparent 62%), linear-gradient(160deg, #FEF3C7 0%, #FBBF24 100%);--gem-bg: radial-gradient(circle at 35% 30%, #FFFBEB 0%, #FBBF24 55%, #B45309 100%);--gem-ring: rgba(180, 83, 9, .3);--text-strong: #5B3608;--text-soft: #92400E;--rule: rgba(146, 64, 14, .22);--bar-track: rgba(146, 64, 14, .14);--bar-fill: linear-gradient(90deg, #FCD34D, #F59E0B);--pill-bg: linear-gradient(135deg, rgba(254, 240, 138, .85), rgba(252, 211, 77, .6));--pill-border: rgba(202, 138, 4, .5);--name-bg: linear-gradient(180deg, #FEF08A 0%, #FBBF24 50%, #D97706 100%);--quote-color: #B45309}.card-pair[data-rarity=mythic],.flip[data-rarity=mythic]{--card-border: conic-gradient(from 0deg at 50% 50%, #F472B6, #A78BFA, #38BDF8, #34D399, #FBBF24, #F472B6);--frame-bg: #FDFCFF;--art-bg: radial-gradient(circle at 50% 38%, #FBE9FF 0%, rgba(245, 208, 254, 0) 55%), linear-gradient(160deg, #FAE8FF 0%, #C4B5FD 60%, #A78BFA 100%);--gem-bg: conic-gradient(from 0deg, #F472B6, #A78BFA, #38BDF8, #34D399, #FBBF24, #F472B6);--gem-ring: rgba(167, 139, 250, .4);--text-strong: #4C1D95;--text-soft: #6D28D9;--rule: rgba(109, 40, 217, .22);--bar-track: rgba(109, 40, 217, .14);--bar-fill: linear-gradient(90deg, #A78BFA, #EC4899, #F59E0B);--pill-bg: linear-gradient(135deg, rgba(245, 208, 254, .6), rgba(167, 139, 250, .4));--pill-border: rgba(167, 139, 250, .5);--name-bg: linear-gradient(110deg, #F472B6 0%, #A78BFA 30%, #38BDF8 55%, #34D399 78%, #FBBF24 100%);--quote-color: #6D28D9}.flip,.card-pair{--card-w: 280px}.card{--card-h: calc(var(--card-w) * 7 / 5);--radius: 20px;--frame-pad: 12px;--frame-inset: 5px;position:relative;width:var(--card-w);height:var(--card-h);border-radius:var(--radius);background:var(--card-border);box-shadow:0 24px 48px -16px #00000080,0 12px 24px -12px #0000004d,inset 0 0 0 1px #ffffff73}.card-frame{position:absolute;inset:var(--frame-inset);background:var(--frame-bg);border-radius:calc(var(--radius) - var(--frame-inset));padding:var(--frame-pad);display:flex;flex-direction:column;overflow:hidden}.rarity-gem{width:16px;height:16px;border-radius:50%;background:var(--gem-bg);box-shadow:0 0 0 2px var(--gem-ring),0 2px 3px #00000040,inset 1px 1px 2px #ffffffb3;flex-shrink:0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card-number{font-size:10px;font-weight:800;color:var(--text-soft);letter-spacing:.04em}.card-number b{font-size:13px;font-weight:900;color:var(--text-strong)}.card-art{position:relative;flex:1;margin:4px 0 6px;border-radius:12px;background:var(--art-bg);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;overflow:hidden}.art-pad{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.art-pad img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.art-deco{position:absolute;color:var(--text-soft);opacity:.4}.art-deco-1{top:8%;left:6%;font-size:12px}.art-deco-2{top:14%;right:8%;font-size:9px}.art-deco-3{bottom:10%;left:12%;font-size:10px}.card-name{background:var(--name-bg);border-radius:8px;padding:7px 10px;margin:0 -2px 4px;text-align:center;box-shadow:inset 0 1px #ffffff80,0 2px 4px #0003}.card-name-text{font-family:Nunito,sans-serif;font-size:24px;font-weight:900;color:var(--text-strong);letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.35)}.card-type{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800;color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;padding:3px 0 6px}.type-icon{font-size:8px;opacity:.6}.card-foot{display:flex;justify-content:space-between;font-size:8px;font-weight:700;color:var(--text-soft);opacity:.7;text-transform:uppercase;letter-spacing:.08em;padding-top:5px;border-top:1px dashed var(--rule)}.card-back .card-frame{gap:7px}.back-head{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px dashed var(--rule)}.back-mini{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.back-head-text{flex:1;min-width:0;display:flex;flex-direction:column}.back-name{font-size:14px;font-weight:900;color:var(--text-strong);line-height:1.05}.back-meta{font-size:8.5px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.back-bio{font-size:10.5px;line-height:1.45;color:var(--text-strong);margin:0;font-weight:500}.back-origin{display:flex;gap:6px;align-items:baseline;margin:0;font-size:10px;color:var(--text-soft);font-style:italic;line-height:1.35}.origin-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);font-style:normal;background:var(--bar-track);padding:1px 5px;border-radius:3px;flex-shrink:0}.back-stats{display:flex;flex-direction:column;gap:3px;padding:4px 0}.stat{display:grid;grid-template-columns:56px 1fr 22px;align-items:center;gap:6px}.stat-label{font-size:9px;font-weight:800;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em}.stat-bar{height:5px;background:var(--bar-track);border-radius:999px;overflow:hidden}.stat-fill{height:100%;background:var(--bar-fill);border-radius:999px}.stat-value{font-size:9px;font-weight:900;color:var(--text-strong);text-align:right}.back-unlock{display:flex;align-items:center;gap:7px;padding:5px 9px;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:7px}.unlock-text{font-size:10px;font-weight:700;color:var(--text-strong)}.unlock-text b{font-weight:900;font-size:12px}.back-quote{font-family:Caveat,cursive;font-size:16px;font-weight:700;color:var(--quote-color);margin:4px 0 0;text-align:center;line-height:1.1}.back-fact{font-size:9px;color:var(--text-soft);opacity:.75;text-align:center;margin:0;font-style:italic;line-height:1.4}.back-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:5px;border-top:1px dashed var(--rule)}.back-foot img{height:12px;opacity:.55;filter:brightness(0)}.back-foot span{font-size:8px;font-weight:800;color:var(--text-soft);opacity:.7;text-transform:uppercase;letter-spacing:.08em}.flip{width:var(--card-w);height:calc(var(--card-w) * 7 / 5);perspective:1500px;cursor:pointer;outline:none}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.45,.64,1);will-change:transform;transform:rotateY(0) rotate(0)}.flip:hover .flip-inner,.flip:focus-visible .flip-inner{transform:rotateY(var(--flip-spin, 180deg)) rotate(var(--flip-tilt, -4deg));transition-delay:.18s}.flip-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;margin:0}.flip-face-back{transform:rotateY(180deg)}.flip{transition:transform .4s cubic-bezier(.4,.2,.2,1)}.flip:hover{transform:translateY(-6px) scale(1.02);transition-delay:.18s}@media(prefers-reduced-motion:reduce){.flip-inner,.flip{transition:none}.flip:hover,.flip:focus-visible{transform:none}.flip:hover .flip-inner,.flip:focus-visible .flip-inner{transform:rotateY(180deg)}}