/* Card back, simplified (owner request, 2026-09-24): a calm dark face, one inset frame, the monogram in a
   ring and the wordmark. The rank colour tints the frame and ring of rank packs. */
.mm-card-back{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 50% 42%,#2a2340 0%,#171524 58%,#110f1a 100%);color:var(--card-back-color,#aa94f2);box-sizing:border-box;border:2px solid color-mix(in srgb,currentColor 55%,#17121f);box-shadow:inset 0 0 24px #0007}
.mm-card-back:before{content:"";position:absolute;inset:-20%;z-index:-1;background:url('/public/textures/foil-current.png') center/140% 140%;opacity:.08;mix-blend-mode:screen;animation:mm-back-flow 24s ease-in-out infinite alternate;pointer-events:none}
.mm-card-back:after{content:"";position:absolute;inset:6%;border:1.5px solid color-mix(in srgb,currentColor 42%,transparent);border-radius:clamp(5px,4%,12px);pointer-events:none}
.mm-card-back-seal{position:relative;display:grid;place-items:center;width:54%;aspect-ratio:1;border-radius:50%;border:1.5px solid color-mix(in srgb,currentColor 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,currentColor 12%,transparent),transparent 70%);box-shadow:0 0 0 7px color-mix(in srgb,currentColor 7%,transparent)}
.mm-card-back-monogram{width:64%;height:auto;aspect-ratio:1;filter:drop-shadow(0 3px 2px #0006)}
.mm-card-back-rank{position:absolute;top:11%;left:50%;transform:translateX(-50%);display:grid;place-items:center}
.mm-card-back-rank>.mm-emblem{width:clamp(20px,3.6vw,34px);height:auto;aspect-ratio:1}
.mm-card-back-brand{position:absolute;bottom:12%;left:0;right:0;text-align:center;font-family:Inter,sans-serif;font-size:clamp(6px,.7vw,10px);font-weight:800;letter-spacing:.24em;color:#e9e1f3;opacity:.9}
@keyframes mm-back-flow{from{transform:translate(-2%,-2%) rotate(-4deg)}to{transform:translate(3%,3%) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.mm-card-back:before{animation:none}}
.reduce-motion .mm-card-back:before{animation:none}