.galleryMain{flex-direction:column;align-items:center;min-height:100dvh;padding:clamp(32px,6vh,72px) 24px 56px;display:flex;position:relative;overflow:hidden}.backdrop{z-index:-1;background:var(--ground);position:fixed;inset:0}.backdrop:before{content:"";filter:brightness(.42)saturate(.85);background:url(/board/glasswake.jpg) 50% 30%/cover no-repeat;position:absolute;inset:0}.backdrop:after{content:"";background:radial-gradient(120% 90% at 50% 110%,#131017f2 30%,#13101759 70%),linear-gradient(#131017d9 0%,#13101740 40%,#131017e6 100%);position:absolute;inset:0}.galleryHeader{text-align:center;max-width:64ch}.eyebrow{font-family:var(--font-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:.72rem}.galleryHeader h1{font-family:var(--font-display), Palatino, Georgia, serif;text-wrap:balance;text-shadow:0 2px 24px #0009;margin:10px 0 8px;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:600}.galleryHeader p{color:var(--muted);margin:0;line-height:1.55}.cardRow{perspective:1600px;flex-wrap:wrap;justify-content:center;gap:clamp(24px,4vw,56px);margin-top:clamp(36px,6vh,64px);display:flex}.stage{animation:.8s cubic-bezier(.2,.7,.2,1) both cardRise;animation-delay:var(--delay,0s);flex-direction:column;align-items:center;gap:14px;display:flex}@keyframes cardRise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.tilt{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s ease-out}.card3d{aspect-ratio:3/4;width:clamp(270px,27vw,350px);transform-style:preserve-3d;cursor:pointer;outline:none;transition:transform .75s cubic-bezier(.32,.8,.28,1);position:relative;container-type:inline-size}.card3d.flipped{transform:rotateY(180deg)}.card3d:focus-visible .face{box-shadow:0 0 0 3px var(--accent), 0 24px 60px #0000008c}.face{backface-visibility:hidden;background:#0b0910;border-radius:3.2cqw;transition:box-shadow .3s;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 50px #0000008c}.face.back{transform:rotateY(180deg)}.tilt:hover .face{box-shadow:0 26px 70px #0009, 0 0 90px var(--glow)}.art{object-fit:cover;-webkit-user-select:none;user-select:none;position:absolute}.frame{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.backArt{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.plate{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.plate.name span{font-family:var(--font-display), Palatino, Georgia, serif;letter-spacing:.02em;color:#f3ead9;text-shadow:0 1px 2px #000000e6,0 0 14px #000000a6;text-wrap:balance;font-weight:700;line-height:1.1}.plate.rules{justify-content:flex-start;gap:1.6cqw;padding:1.6cqw 1.5cqw 0}.plate.subtitle span{font-family:var(--font-display), Palatino, Georgia, serif;letter-spacing:.08em;text-transform:uppercase;color:#f0e7d6d9;text-shadow:0 1px 2px #000000e6;font-size:2.6cqw;font-weight:600}.rulesText{color:#efe8da;text-shadow:0 1px 2px #000000e6,0 0 10px #0009;margin:0;font-size:3.4cqw;font-weight:600;line-height:1.3}.flavorText{font-family:var(--font-display), Palatino, Georgia, serif;color:#e9e0cfb8;text-shadow:0 1px 2px #000000e6;margin:0;padding:0 1.5cqw;font-size:2.6cqw;font-style:italic;line-height:1.28}.gem{width:11.5cqw;height:11.5cqw;font-family:var(--font-display), Palatino, Georgia, serif;color:#fff8ec;text-shadow:0 1px 3px #000000f2;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:6.4cqw;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.gem.mana{background:radial-gradient(circle at 32% 28%,#9ecbff 0%,#2f6fd0 45%,#123a7a 100%);box-shadow:0 0 12px #4e8ee9bf,inset 0 -2px 6px #00001e99}.gem.attack{background:radial-gradient(circle at 32% 28%,#ffd27a 0%,#d97b1f 45%,#7a3a0a 100%);box-shadow:0 0 12px #e9963cb3,inset 0 -2px 6px #280a0099}.gem.health{background:radial-gradient(circle at 32% 28%,#ff9d8a 0%,#d03a2f 45%,#6f120d 100%);box-shadow:0 0 12px #e04637b3,inset 0 -2px 6px #28000099}.gem.rarity{background:radial-gradient(circle at 32% 28%,#ffe9b0 0%,#e3a44a 45%,#7a4c10 100%);width:9.5cqw;height:9.5cqw;box-shadow:0 0 12px #e3a44ab3,inset 0 -2px 6px #32190099}.sheen{pointer-events:none;opacity:0;background:radial-gradient(58cqw circle at var(--mx,50%) var(--my,50%), #fff4d624 0%, #fff4d60d 35%, transparent 70%);mix-blend-mode:screen;transition:opacity .3s;position:absolute;inset:0}.tilt:hover .sheen{opacity:1}.caption{flex-direction:column;align-items:center;gap:2px;display:flex}.captionFaction{font-family:var(--font-display), Palatino, Georgia, serif;color:var(--accent);font-size:.95rem}.captionMeta{font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.hint{color:var(--muted);margin-top:clamp(28px,5vh,44px);font-size:.88rem}.hint b{color:var(--gold);font-weight:600}.galleryFooter{color:#9c93a8bf;font-size:.75rem;font-family:var(--font-mono,monospace);letter-spacing:.06em;text-align:center;margin-top:auto;padding-top:48px}@media (prefers-reduced-motion:reduce){.stage{animation:none}.tilt{transition:none;transform:none!important}.card3d{transition-duration:.25s}.sheen{display:none}}@container (max-width:240px){.framedCard .rulesText{font-size:5.2cqw;line-height:1.28}.framedCard .flavorText{display:none}.framedCard .plate.name span{font-size:4.6cqw!important}}@container (min-width:241px) and (max-width:380px){.framedCard .rulesText{font-size:4.3cqw;line-height:1.3}.framedCard .flavorText{font-size:3.2cqw}}.framedCard[data-rarity=rare] .plate.name span{color:#9ec3ff}.framedCard[data-rarity=epic] .plate.name span{color:#d0a2f5}.framedCard[data-rarity=legendary] .plate.name span{color:#ffd98a}.framedCard[data-rarity=mythic] .plate.name span{color:#ff9ab8;text-shadow:0 0 10px #ff5c8a99,0 1px 2px #000000e6}.framedCard[data-rarity=rare]{box-shadow:0 10px 30px #0009,0 0 16px #4e8ee947}.framedCard[data-rarity=epic]{box-shadow:0 10px 30px #0009,0 0 20px #a45ae057}.framedCard[data-rarity=legendary]{box-shadow:0 10px 30px #0009,0 0 24px #e3a44a66}.framedCard[data-rarity=mythic]{box-shadow:0 10px 30px #000000a6,0 0 32px #ff5c8a8c}