/* Shared card material and anatomy, used by the website and playable collection. */
.premium-card{--metal:#d6bba0;--shade:#514439;--wash:#d6bba020;--mx:50%;--my:25%;container-type:inline-size;position:relative!important;display:block!important;width:100%;aspect-ratio:63/88;height:auto!important;min-height:0!important;padding:6px!important;border:1px solid #f4e4c6!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(125deg,#fff1cf 0%,var(--shade) 15%,var(--metal) 30%,#f7edda 44%,var(--shade) 63%,var(--metal) 87%,#fff1d6)!important;color:#fbf4e7!important;text-align:left;box-shadow:0 2px 0 #fff3 inset,0 0 0 1px #000,0 3px 0 #1e1829,0 5px 0 #090b13,0 18px 28px #0006!important;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease,box-shadow .25s;isolation:isolate;font-family:Arial,sans-serif!important}
.premium-card.Uncommon{--metal:#a2dfbb;--shade:#31594a;--wash:#82deab20}.premium-card.Rare{--metal:#a4d3fa;--shade:#344b80;--wash:#66aaff24}.premium-card.Legendary{--metal:#f8d381;--shade:#82632b;--wash:#ffc75624}.premium-card.Godlike{--metal:#e4b9ff;--shade:#69428b;--wash:#dd94ff2b}
.premium-card:before,.premium-card:after{display:none!important}.pc-face{height:100%;position:absolute;inset:5px;border:1px solid #100f16;border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--wash),transparent 80%),#10131f;display:grid;grid-template-rows:6% 46% 9% 4% 11% 17% 7%}
.pc-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:2.3cqw;letter-spacing:.1em;color:var(--metal);white-space:nowrap;border-bottom:1px solid var(--metal);background:linear-gradient(90deg,#fff1,transparent)}.pc-heading i{padding:0 4px;font-style:normal}.pc-heading b{font-size:2.5cqw;border-left:1px solid #fff3;padding-left:5%}
.pc-art{position:relative;margin:2% 2% 0;border:1px solid var(--metal);clip-path:polygon(4% 0,96% 0,100% 5%,100% 95%,96% 100%,4% 100%,0 95%,0 5%);overflow:hidden;background:#172032}.pc-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 37%!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;display:block}.pc-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 18px #0007;background:linear-gradient(transparent 75%,#0b0d17b8)}.pc-tier{position:absolute;left:0;top:4%;padding:2% 6%;background:#111522eb;border-block:1px solid var(--metal);color:var(--metal);font-size:2.7cqw;text-transform:uppercase;font-weight:bold;letter-spacing:.14em;z-index:1}.pc-crest{position:absolute;bottom:3%;right:3%;font-size:7cqw;color:var(--metal);text-shadow:0 0 10px var(--metal);z-index:1}
.pc-name{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff4da;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:6.9cqw;line-height:1;letter-spacing:.015em;font-weight:800;padding:0 3%;background:linear-gradient(90deg,transparent,var(--wash),transparent);text-shadow:0 2px 2px #000;border-bottom:1px solid #ffffff1a;white-space:nowrap}.pc-role{text-align:center;font-size:2.45cqw;color:var(--metal);text-transform:uppercase;letter-spacing:.1em;padding-top:1%;white-space:nowrap}.pc-role span{color:#bbb8c5}
.pc-stats{display:flex;align-items:center;justify-content:center;gap:6%;margin:1% 5%;border-bottom:1px solid #ffffff20}.pc-stats>span{display:flex;align-items:center;gap:9%;min-width:23%;justify-content:center}.pc-stats b{display:grid;place-items:center;background:linear-gradient(135deg,var(--shade),#10121d);border:1px solid var(--metal);border-radius:5px;transform:rotate(3deg);width:8cqw;height:8cqw;font-size:5.5cqw;color:#fff5e2;text-shadow:0 1px 2px #000}.pc-stats small{font-size:2.5cqw;letter-spacing:.05em;color:#cfced7}
.pc-rules{margin:0 5%;padding:3% 4%;background:linear-gradient(110deg,#fff1,#fff03);border:1px solid #ffffff16;border-radius:3px;line-height:1.3;overflow:hidden}.pc-rules>b{font-size:3.5cqw;display:block;color:#fff0d6;line-height:1.15}.pc-rules i{font-size:2.5cqw;color:var(--metal);font-style:normal}.pc-rules p{font-size:3cqw!important;margin:3% 0 0!important;color:#d7d6e1!important;line-height:1.3!important}.pc-footer{display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:2cqw;letter-spacing:.06em;color:var(--metal);white-space:nowrap}.pc-footer b{font-weight:400}
.pc-foil{pointer-events:none;position:absolute;inset:0;border-radius:inherit;opacity:.17;background:linear-gradient(120deg,transparent 15%,#c4b3ff30 30%,#ffd6a34a 42%,#98f3ff3b 52%,transparent 62%),radial-gradient(ellipse at var(--mx) var(--my),#fff8,transparent 55%);mix-blend-mode:screen;transition:opacity .25s}.premium-card:hover .pc-foil{opacity:.47}.premium-card.Godlike .pc-foil,.premium-card.Legendary .pc-foil{background:repeating-linear-gradient(120deg,#dfb7ff22 0%,#abf4ff30 10%,#ffe9a430 20%,#ffa2da22 30%,#dfb7ff22 40%),radial-gradient(ellipse at var(--mx) var(--my),#fff9,transparent 50%);background-size:200% 200%,100% 100%;background-position:var(--mx) var(--my);opacity:.3}
.pc-inspector{width:100%;max-width:355px;margin:auto;text-align:center}.pc-turntable{perspective:1200px;aspect-ratio:63/88}.pc-flipper{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.is-flipped .pc-flipper{transform:rotateY(180deg)}.pc-front,.pc-reverse{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pc-reverse{transform:rotateY(180deg);container-type:inline-size}.pc-front .premium-card{height:100%!important;transform:none!important}.pc-flip-button{border:1px solid #cfb68070!important;background:#222433!important;color:#f5dfb1!important;border-radius:30px!important;padding:11px 22px!important;font-size:12px!important;margin:22px auto 0!important;cursor:pointer}.pc-hint{font-size:10px!important;color:#a6a3b4!important;margin:9px 0 0!important;letter-spacing:.06em}
.pc-back-face{container-type:inline-size;display:flex;position:relative;width:100%;height:100%;min-height:100%;flex-direction:column;justify-content:center;align-items:center;border:5px solid #cdb985;border-radius:13px;color:#ebd6a4;background:repeating-linear-gradient(45deg,transparent 0 10px,#bc9b5720 10px 11px),radial-gradient(ellipse at 50% 45%,#47435e,#121524 65%);box-shadow:inset 0 0 0 3px #111420,inset 0 0 0 4px #cdb98588,inset 0 0 45px #0009;overflow:hidden;text-align:center}.pc-back-face:before{content:'';position:absolute;inset:8%;border:1px solid #cfb87980;border-radius:44% 44% 8px 8px;pointer-events:none}.pc-back-face:after{content:'';position:absolute;inset:5%;border:1px solid #d6bc8040;clip-path:polygon(0 0,25% 0,25% 100%,75% 100%,75% 0,100% 0,100% 100%,0 100%);pointer-events:none}.pc-back-top,.pc-back-bottom{position:absolute!important;left:9%!important;right:9%!important;font:600 2.5cqw Arial!important;letter-spacing:.19em!important;color:#d1c1a2!important;background:none!important;padding:0!important;line-height:1.7!important}.pc-back-top{top:10%!important;bottom:auto!important}.pc-back-bottom{bottom:9%!important;top:auto!important}.pc-back-bottom i{display:block;font-size:4cqw;font-style:normal;margin:6%}.pc-back-seal{position:relative!important;display:flex!important;align-items:center;justify-content:center;gap:10%;width:74%;height:30%;padding:0!important;background:none!important;color:#f4dc9f!important}.pc-back-seal:before{content:'';position:absolute;inset:0 24%;border:2px solid #ceb37b;transform:rotate(45deg);border-radius:25%}.pc-back-seal b{font-family:Georgia,serif!important;font-size:26cqw!important;position:relative;text-shadow:0 2px #171624}.pc-back-seal i{font-size:8cqw;font-style:normal}.pc-back-face>strong{font:900 16cqw/.83 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.02em;margin-top:13%;text-shadow:0 3px #151522}
@media screen{body[data-app] .card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:28px 22px}body[data-app] .detail-layout{grid-template-columns:minmax(260px,355px) 1fr;gap:40px;align-items:center}body[data-app] #details{background:radial-gradient(ellipse at 0 0,#35304a,#131622 70%);border:1px solid #bfa47366;width:min(980px,94vw);padding:35px;color:#eee8dc}body[data-app] .card-back{padding:0!important;aspect-ratio:63/88;height:auto!important;min-height:0!important;border:0!important;border-radius:13px!important;container-type:inline-size;box-shadow:0 18px 35px #0007!important;background:#151625!important}body[data-app] .card-back:before,body[data-app] .card-back:after{display:none!important}body[data-app] .card-back .pc-back-face{aspect-ratio:63/88}body[data-app] .card-back>small{position:absolute;bottom:3%;left:10%;right:10%;font-size:9px!important;color:#fff3d8!important}body[data-app] .next-reveal{outline:2px solid #ffe5a8;outline-offset:5px}body[data-app] .premium-back .pc-back-face{border-color:#d2aff4;background:repeating-linear-gradient(45deg,transparent 0 10px,#e0baff20 10px 11px),radial-gradient(ellipse,#524366,#171524 65%)}body[data-app] .pack-wrapper{border:1px solid #f4d891!important;border-radius:7px!important;background:linear-gradient(120deg,#141526 15%,#756447 27%,#e4c485 29%,#302b38 31%,#181827 65%,#56486d 85%,#e3cef1 87%,#272335 89%)!important;box-shadow:0 25px 40px #0008,0 0 0 5px #bca37825!important;position:relative;overflow:hidden;color:#ffe8b2!important}.pack-wrapper:after{content:'';position:absolute;inset:0;pointer-events:none;border-block:12px solid #cab783;background:repeating-linear-gradient(90deg,#ffffff20 0 2px,transparent 2px 5px);mask-image:linear-gradient(#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))}.pack-wrapper .pack-wheel{border-color:#f7d995!important;box-shadow:0 0 0 5px #111424,0 0 0 6px #c4aa75}.revealed-card>.premium-card{animation:pc-settle .6s ease-out}.revealed-card>span{letter-spacing:.08em}.owned-card .ownership{color:#dfc99f}.card-wrap>.premium-card{margin-bottom:13px}}
@keyframes pc-settle{from{filter:brightness(1.6)}to{filter:brightness(1)}}
@media(max-width:700px){body[data-app] .detail-layout{grid-template-columns:1fr}body[data-app] #details{padding:35px 22px}body[data-app] .card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:22px 13px}.pc-inspector{max-width:310px}}
@media(prefers-reduced-motion:reduce){.premium-card,.pc-flipper,.pc-foil{transition:none!important;animation:none!important;transform:none!important}.is-flipped .pc-flipper{transform:rotateY(180deg)!important}.revealed-card>.premium-card{animation:none!important}}
html[data-motion=quick] .premium-card,html[data-motion=quick] .pc-flipper{transition:none!important;animation:none!important}
.pc-face{height:auto;grid-template-rows:5% 53% 9% 4% 10% 14% 5%}.pc-art img{object-position:50% 18%!important}.pc-rules{padding:2% 3%}.pc-rules p{margin-top:2%!important}
.pc-back-bottom{font-size:2.2cqw!important;bottom:8%!important;white-space:nowrap}.pc-back-bottom i{display:inline;margin:0 4%;font-size:2.5cqw}.pc-back-face>strong{margin-top:8%}
@media screen{body[data-app][data-view=garage],body[data-app][data-view=vault],body[data-app][data-view=families]{background:radial-gradient(ellipse at 80% 0,#3c2e4666,transparent 60%),#11131f}body[data-app] .pack-opening{background:radial-gradient(ellipse at 50% 0,#38314688,transparent 75%),#151724;border-color:#cdb58255}body[data-app] .game-hud{background:#121421e8}body[data-app] .binder .filters{border-color:#c9b38633}}