.royal-card{--rx:0deg;--ry:0deg;position:relative;isolation:isolate;width:100%;aspect-ratio:2/3;background:#080a10;container-type:inline-size;border-radius:3%;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;box-shadow:0 20px 50px #000a;overflow:hidden;color:#f7e7c9}
.royal-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.royal-copy{position:absolute;inset:60% 3% 2%;background:linear-gradient(transparent,#080a10 25%);display:flex;flex-direction:column;align-items:center;padding-top:11%;gap:3%;text-align:center}.royal-name{font:bold 7cqw Georgia,serif;line-height:1.1;max-width:96%}.royal-tier{color:var(--card-tier);font:3cqw Georgia,serif;letter-spacing:2px;margin-top:5%}.royal-form{font:italic 3cqw Georgia,serif;max-width:50%;margin-top:3%}.royal-variant{font:2.2cqw Georgia,serif;letter-spacing:1px;color:#c9bccd}.royal-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.royal-stat{position:absolute;bottom:5%;width:21%;height:16%;border:2px solid var(--card-tier);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#29405a,#10141d);z-index:3}.royal-stat b{font:10cqw Georgia,serif}.royal-stat small{font:2.8cqw Arial;color:var(--card-tier)}.royal-stat.attack{left:4%}.royal-stat.health{right:4%;background:radial-gradient(ellipse,#71303e,#23101a)}.royal-glint,.royal-motes{position:absolute;inset:0;pointer-events:none;z-index:4}.royal-glint{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#fff7d65c,transparent 48%);mix-blend-mode:screen;opacity:0;transition:opacity .3s}.royal-card:hover .royal-glint{opacity:.55}.royal-card[data-variant=Foil] .royal-glint,.royal-card[data-variant=Animated] .royal-glint{opacity:.3;background:linear-gradient(115deg,transparent 20%,#c18aff44 35%,#fff9ce77 45%,#85e1db44 55%,transparent 70%);background-size:250% 100%;animation:vitrine-sheen 7s ease-in-out infinite}.royal-card[data-variant=Animated] .royal-motes{background:radial-gradient(circle at 20% 20%,#fff5be 0 1px,transparent 2px),radial-gradient(circle at 78% 50%,#fff5be 0 1px,transparent 2px),radial-gradient(circle at 30% 68%,#fff5be 0 1px,transparent 2px);animation:vitrine-motes 5s ease-in-out infinite}
.vitrine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;padding:24px 4px 50px}.vitrine-tile{display:block;padding:0;border:0;background:none;max-width:310px;width:100%;justify-self:center}.vitrine-tile:hover{background:none;border:0}.vitrine-tile>span{display:block;font-size:11px;color:var(--gold);padding:14px}.vitrine-dialog{border:1px solid #c69b56;border-radius:16px;background:radial-gradient(ellipse at top,#372a19,#100f14 70%);color:var(--text);width:min(760px,94vw);max-height:94dvh;padding:24px;box-shadow:0 0 80px #d1a45b33}.vitrine-dialog::backdrop{background:#06040ce8;backdrop-filter:blur(8px)}.vitrine-close{float:right}.vitrine-focus{clear:both;display:grid;grid-template-columns:minmax(0,330px) 1fr;gap:30px;align-items:center;padding:18px 0}.vitrine-focus p{color:var(--muted);font-size:14px}.vitrine-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.pending-reveal{border:1px solid #8c703e;padding:22px;margin:24px 0;background:linear-gradient(110deg,#2e2316,#151019);border-radius:12px}.pending-reveal h2{color:var(--gold)}.pending-backs{display:flex;gap:8px;margin:12px 0}.pending-backs i{display:grid;place-items:center;width:44px;aspect-ratio:2/3;border:1px solid #bb9454;background:#1c1723;border-radius:4px;color:var(--gold);font-style:normal}.slot .sealed{min-height:150px;display:grid;place-items:center;border:1px solid #8c703e;color:var(--gold);font-size:12px}
@keyframes vitrine-sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes vitrine-motes{50%{opacity:.35;translate:0 -5px}}@media(max-width:600px){.vitrine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vitrine-focus{grid-template-columns:1fr;justify-items:center;gap:12px}.vitrine-focus .royal-card{max-width:260px}.vitrine-focus h2{font-size:24px}.vitrine-dialog{padding:16px}.vitrine-nav button{padding:10px}.vitrine-focus p{font-size:12px}}@media(prefers-reduced-motion:reduce){.royal-card{transform:none!important}.royal-card *{animation:none!important;transition:none!important}}

.royal-copy{inset:0;display:block;padding:0;background:linear-gradient(transparent 54%,#080a10 72%)}.royal-name{position:absolute;top:72%;left:5%;right:5%;max-width:none;font-size:6.5cqw}.royal-tier{position:absolute;top:81%;left:25%;right:25%;margin:0}.royal-form{position:absolute;top:85%;left:26%;right:26%;max-width:none;margin:0}.royal-variant{position:absolute;top:91%;left:26%;right:26%;margin:0}