/* One shared, live card face for collection, packs, details, hand and replays. */
.card.premium-card{container-type:inline-size;isolation:isolate;aspect-ratio:2/3;border:0!important;border-radius:2%;background:#051322;overflow:hidden;padding:0;box-shadow:0 5px 15px #0008;color:#f5f9ff}
.card.premium-card>.art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-image:none!important;opacity:1!important;z-index:0}
.card.premium-card>.art:after{background:linear-gradient(#00102622,transparent 30%,#09203c11 54%,#061222 71%)!important}
.premium-card .fiction-portrait{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;height:auto!important;aspect-ratio:2/3;background-size:600% 400%!important;transform:none!important}
.card.premium-card>.premium-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:2;pointer-events:none}
.premium-card .card-rarity-banner{position:absolute;top:2.3%;left:25%;right:25%;padding:0;border:0;background:none;clip-path:none;font:700 4.7cqw/1.15 'Segoe UI',sans-serif;letter-spacing:.14em;color:var(--rarity);z-index:4;text-shadow:0 1px 2px #000}
.card.premium-card>.badges{position:absolute;inset:1.7% 2.9% auto;z-index:5;height:14%;display:flex!important;justify-content:space-between;pointer-events:none}
.card.premium-card .badge{width:21cqw;height:21cqw;border:0!important;background:none!important;box-shadow:none;font:900 10.4cqw/1 Arial,sans-serif;color:#f4fcff;text-shadow:0 2px 4px #001b4c;display:grid!important;place-items:center;padding:0!important}
.card.premium-card .badge.power{color:#fff7db;text-shadow:0 2px 4px #653000}
.card.premium-card .cardbody{position:absolute!important;inset:64% 7% 6% 7%!important;display:block!important;padding:0!important;background:none!important;z-index:4;overflow:visible}
.card.premium-card .cardname{position:absolute;top:0;left:0;right:0;height:22%;display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;min-height:0!important;border:0!important;background:none!important;font:900 7.3cqw/1.02 Impact,'Arial Narrow',sans-serif;color:var(--rarity);text-transform:uppercase;text-align:center;letter-spacing:.015em;text-shadow:0 1px 1px #000,0 0 6px #ffffff22}
.card.premium-card .clubline{position:absolute;top:24%;left:0;right:0;height:17%;display:flex!important;align-items:center;justify-content:center;gap:2.3cqw;min-height:0!important;padding:0;margin:0!important;font:700 3.6cqw/1.05 'Segoe UI',sans-serif;letter-spacing:.015em;color:#f1e9cc;text-align:center}
.premium-card .clubline .club-crest{width:9cqw;height:9cqw;flex:0 0 9cqw}
.card.premium-card .posteline{position:absolute;top:45%;left:0;right:0;height:9%;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;gap:2cqw;font:600 3.3cqw/1 'Segoe UI',sans-serif;color:#eff8ff;text-transform:uppercase;background:none!important;border:0!important}
.premium-card .posteline .country-flag{width:5cqw;height:3.4cqw}
.card.premium-card .abilitytitle{position:absolute;top:61%;left:0;right:0;padding:0;margin:0!important;display:block!important;font:700 4.5cqw/1.1 Impact,'Arial Narrow',sans-serif;color:var(--rarity);text-transform:uppercase;text-align:center}
.card.premium-card .abilitytext{position:absolute;top:74%;left:1%;right:1%;padding:0!important;margin:0!important;min-height:0!important;display:block!important;font:600 3.35cqw/1.18 'Segoe UI',sans-serif;text-align:center;color:#f8fbff}
.premium-card .premium-footer{position:absolute;left:15%;right:15%;bottom:2.4%;z-index:4;text-align:center;letter-spacing:.16em;color:#efebde;font:600 2.5cqw/1 'Segoe UI',sans-serif}
.card.premium-card .card-autograph{position:absolute;top:53%;left:10%;right:auto;z-index:4;color:#ffe39a;font:italic 5.8cqw/1.2 'Segoe Script',cursive;transform:rotate(-9deg);text-shadow:0 1px 3px #000;pointer-events:none}
.premium-card.r0{--rarity:#e9f2fb}.premium-card.r1{--rarity:#98d9ff}.premium-card.r2{--rarity:#edb1ff}.premium-card.r3{--rarity:#ffdf89}.premium-card.r4{--rarity:#ffd19a}.premium-card.r5>.premium-frame{filter:grayscale(1)}
.premium-support>.art{background:radial-gradient(ellipse at 50% 27%,#40746d,#051322 65%)!important}.premium-bonus-art{position:absolute;top:25%;left:12%;right:12%;font:800 13cqw/1.1 Impact,sans-serif;text-align:center;color:#deebef}
.premium-card .energy-blocked{z-index:7;top:42%;bottom:auto;left:7%;right:7%;font-size:5cqw}
.minicard.premium-mini{padding:0!important;border:0!important;border-radius:2%;background:transparent;overflow:hidden;container-type:inline-size}
.minicard.premium-mini>.premium-card{width:100%!important;height:100%!important;aspect-ratio:2/3;transform:none!important;pointer-events:none}
.premium-mini .synergy{z-index:7;bottom:38%!important;left:6%!important;font-size:7cqw!important;padding:1px 2px;background:#063a2bd9;border:1px solid #4ee5ac;border-radius:3px;color:#d5fff0}
.premium-mini .queued-note{z-index:7;bottom:1%;font-size:6cqw;left:5%;right:5%;text-align:center;background:#073e31;color:white}
body.desktop-match-fit #hand .card.premium-card .cardbody,body.desktop-match-fit #hand .card.premium-card .badges{display:block!important}
body.desktop-match-fit #hand .card.premium-card>.badges{display:flex!important}
.card.premium-card:hover{filter:brightness(1.05)}
.card.premium-card.r1 .cardbody{top:61%!important}.card.premium-card.r3 .cardbody{top:59%!important}.card.premium-card.r4 .cardbody{top:60%!important}
.card.premium-card .cardname{font-size:9.1cqw}.card.premium-card .abilitytitle{font-size:5.2cqw}.card.premium-card .abilitytext{font-size:3.9cqw}.card.premium-card .clubline{font-size:3.8cqw}
@media(prefers-reduced-motion:reduce){.premium-card{transition:none!important}}
.card.integral-card{background:none!important;aspect-ratio:2/3!important;overflow:hidden!important;padding:0!important}
.card.integral-card::before,.card.integral-card::after{display:none!important}
.card.integral-card>.integral-artwork{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;border:0!important;border-radius:0!important;pointer-events:none}
.premium-mini.has-live-power>.integral-card{height:calc(100% - 16px)!important}
.premium-mini>.live-power{position:absolute;bottom:0;left:0;right:0;min-height:16px;display:flex;align-items:center;justify-content:center;background:#092b22;color:#d8ffe9;font:700 clamp(8px,6cqw,12px)/16px 'Segoe UI',sans-serif;border-radius:3px;z-index:8;white-space:nowrap}
/* Current replay power stays outside the approved artwork. */
.analysis-card{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.analysis-card .analysis-value{position:static;align-self:flex-end;margin:0}
body.desktop-match-fit #matchView>.modebar{flex-wrap:nowrap;min-width:0;overflow:hidden}
body.desktop-match-fit .modebar .mode-status{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}