/* V7 card face. Load last. Combat cards use a separate layout and are untouched. */
.meme-card.card-v7{--card-frame:var(--rarity,#b99ae2);--card-ink:#f5f3fb;--card-base:#191621;--card-texture:url('/public/textures/silver-flow.png');--texture-opacity:.11;display:grid;grid-template-rows:15% 57% 18% 10%;gap:0;position:relative;isolation:isolate;container-type:inline-size;box-sizing:border-box;width:100%;aspect-ratio:2/3;min-height:0;padding:5px;overflow:hidden;border:3px solid var(--card-frame);border-radius:14px;background:var(--card-base);color:var(--card-ink);text-align:left;box-shadow:inset 0 0 0 1px #ffffff16,0 4px 12px #0004;transition:transform .18s ease,box-shadow .18s ease}
.meme-card.card-v7:before{content:"";position:absolute;inset:-15%;z-index:0;background-image:var(--card-texture);background-size:135% 135%;background-position:50% 50%;opacity:var(--texture-opacity)!important;mix-blend-mode:overlay;pointer-events:none;animation:card-v7-flow 24s ease-in-out infinite alternate}
.meme-card.card-v7:after{content:"";position:absolute;inset:2px;z-index:5;border:1px solid color-mix(in srgb,var(--card-frame),white 25%);border-radius:6px;pointer-events:none;background:none;opacity:.6;font-size:0}
.meme-card.card-v7>.card-v7-header{position:relative;z-index:2;min-height:0;display:grid;grid-template-columns:minmax(22px,17%) minmax(0,1fr) minmax(20px,14%);grid-template-rows:1fr;align-items:center;gap:4px;padding:0 1px 4px;color:var(--card-ink)}
.card-v7-header>.card-v7-meta{display:contents}
.meme-card.card-v7 .card-v7-header>h3{grid-column:2;grid-row:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;padding:0;font-family:var(--display,'North Kids',Outfit,sans-serif)!important;font-size:clamp(12px,9cqw,29px)!important;font-weight:400!important;line-height:.96!important;height:auto!important;min-height:0!important;max-height:2em;text-align:center;text-transform:uppercase;letter-spacing:.15px;color:var(--card-ink);text-wrap:balance}
.meme-card.card-v7 .card-v7-header .rarity-badge{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:2px;position:relative;inset:auto;max-width:100%;padding:7px 4px;border:0;border-radius:3px 3px 9px 3px;font:900 clamp(10px,6cqw,18px)/1 var(--display,'North Kids',Inter,sans-serif);letter-spacing:.2px;background:var(--card-frame);color:#171222;box-shadow:none}
.meme-card.card-v7 .rarity-badge>.icon{width:clamp(6px,4cqw,12px);height:auto;flex:none;stroke-width:2.4}
.meme-card.card-v7 .card-v7-header .card-fav{grid-column:3;grid-row:1;display:grid;place-items:center;width:100%;aspect-ratio:1;min-width:0;position:relative;inset:auto;padding:3px;color:#eeeaf4;background:#17141ed9;border:1px solid var(--card-frame);border-radius:6px;font-size:10px}
.meme-card.card-v7 .card-fav>.icon{width:100%;height:100%;max-width:25px;max-height:25px;fill:none}
.meme-card.card-v7 .card-fav.on{color:#ffe085;background:#3d2b31}
.meme-card.card-v7>.card-image{position:relative;z-index:2;display:block;flex:none;height:100%;min-height:0;aspect-ratio:auto;margin:0;padding:2px;background:var(--card-frame);border-radius:11px;overflow:hidden}
.meme-card.card-v7 .card-image>picture{display:block;width:100%;height:100%;border:0;border-radius:9px;overflow:hidden;background:#15151e}
.meme-card.card-v7 .card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;mix-blend-mode:normal!important;opacity:1}
.meme-card.card-v7 .card-placeholder{height:100%;background:#25212f}
.meme-card.card-v7 .card-placeholder>img{object-fit:contain;width:46%;height:46%;margin:auto}
.meme-card.card-v7 .card-top{display:none}
.meme-card.card-v7 .card-count{position:absolute;right:5%;bottom:3%;z-index:3;padding:3px 6px;border:1.5px solid #fff;border-radius:5px;background:#15121ddd;color:#fff;font:850 clamp(8px,5.2cqw,15px)/1.1 Inter,sans-serif;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}
.meme-card.card-v7:hover .card-count,.meme-card.card-v7:focus-visible .card-count{opacity:1;transform:none}
.meme-card.card-v7 .animated-badge{top:4%;left:5%;right:auto;bottom:auto;width:auto;height:auto;font-size:clamp(5px,3cqw,8px);padding:2px 3px;background:#14121acb;color:#fff;z-index:3}
.meme-card.card-v7>.card-body{position:relative;z-index:2;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:3% 3% 2%;gap:2px;overflow:visible;background:transparent;color:var(--card-ink)}
.meme-card.card-v7 .card-body:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--card-texture);background-size:180% 260%;background-position:45% 55%;opacity:calc(var(--texture-opacity) + .08);mix-blend-mode:overlay;transform:none;animation:card-v7-body-flow 20s ease-in-out infinite alternate;pointer-events:none}
.meme-card.card-v7 .card-body:after{content:none}
.meme-card.card-v7 .card-era{display:none}
.meme-card.card-v7 .card-stats.single-power{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex:1;min-height:0;margin:0;padding:0;border:0;gap:5px;color:var(--card-ink)}
.meme-card.card-v7 .single-power>span:first-child{display:flex;align-items:center;gap:3px;min-width:0;font-size:clamp(17px,15cqw,42px)!important;line-height:1;white-space:nowrap;color:var(--card-ink)}
.meme-card.card-v7 .single-power strong{font-family:var(--display,'North Kids',Outfit,sans-serif)!important;font-weight:400;line-height:1;letter-spacing:.2px}
.meme-card.card-v7 .single-power>span:first-child>.icon{width:clamp(13px,10cqw,27px);height:auto;flex:none;color:var(--card-frame)}
.meme-card.card-v7 .single-power>span:first-child>small{display:none}
.meme-card.card-v7 .single-power>.role-chip{display:grid!important;place-items:center;position:relative;flex:none;width:clamp(30px,24cqw,62px);height:auto;aspect-ratio:1;max-width:none;min-width:0;padding:4px!important;background:#171422!important;border:1.5px solid var(--card-frame);border-radius:7px;color:var(--card-frame);overflow:visible}
.meme-card.card-v7 .role-chip>.mm-emblem{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:1;filter:none;overflow:visible}
.meme-card.card-v7 .card-role-tooltip{color:#eee7f6;background:#30203d;border-color:#b794d2;bottom:calc(100% + 8px);font-size:clamp(8px,5cqw,12px)}
.meme-card.card-v7>.card-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:4px;min-height:0;padding:1px 3%;border-top:1px solid var(--card-frame);background:#08091138;color:color-mix(in srgb,var(--card-frame),white 48%);font:800 clamp(5px,3.65cqw,11px)/1.2 Inter,sans-serif;letter-spacing:.1px;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.meme-card.card-v7 .card-bottom>span:first-child{color:#eeeaf7}
.meme-card.card-v7 .card-upgrades{display:flex;align-items:center;justify-content:center;gap:clamp(3px,2cqw,7px);flex:none;min-height:0;height:100%;margin:0;line-height:1;position:relative;z-index:3}
.meme-card.card-v7 .gold-star{display:grid;place-items:center;width:clamp(12px,8cqw,23px);height:100%;color:#8e8064;font-size:clamp(12px,8cqw,23px);opacity:.48;filter:none}
.meme-card.card-v7 .gold-star>.icon{width:100%;height:100%;fill:transparent;stroke:currentColor;stroke-width:1.6}
.meme-card.card-v7 .gold-star.earned{color:#ffdc72;opacity:1;text-shadow:0 0 5px #ffca64;filter:drop-shadow(0 0 2px #eba52a88)}
.meme-card.card-v7 .gold-star.earned>.icon{fill:#ffda72;stroke:#fff0b4}
.meme-card.card-v7 .finish-badge{position:absolute!important;top:auto!important;right:auto!important;bottom:1.5%!important;left:50%!important;transform:translateX(-50%);z-index:6;display:flex;gap:2px;width:auto!important;min-height:0;height:auto;margin:0;padding:1px 3px!important;background:#fff2bc!important;color:#71521b!important;border:1px solid #deb55e;border-radius:3px;font:850 clamp(4px,2.6cqw,7px)/1.2 Inter,sans-serif;letter-spacing:.2px}
.meme-card.card-v7 .finish-badge>.icon{width:clamp(5px,3cqw,8px);height:auto}
.meme-card.card-v7>.card-shine{display:block;position:absolute;inset:auto 0 6%;height:21%;z-index:4;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff3 48%,transparent 60%);background-size:240% 100%;opacity:.12;animation:card-v7-gleam 9s ease-in-out infinite}

/* The texture lives below the opaque meme window; each rare frame has a palette. */
.meme-card.card-v7.rarity-uncommon{--card-base:#14221b;--texture-opacity:.1}
.meme-card.card-v7.rarity-rare{--card-base:#172139;--texture-opacity:.11}
.meme-card.card-v7.rarity-rare:not(.variant-shiny) .card-v7-header .rarity-badge{color:#fff}
.meme-card.card-v7.rarity-superrare{--card-base:#123037;--texture-opacity:.12}
.meme-card.card-v7.rarity-epic{--card-base:#261b39;--card-texture:url('/public/textures/foil-current.png');--texture-opacity:.14;box-shadow:0 0 3px #d4b2ff88,0 0 14px #9f71dd50,inset 0 0 10px #bc91e523}
.meme-card.card-v7.rarity-legendary{--card-frame:#f6cc61;--card-base:#2d2214;--card-texture:url('/public/textures/silver-flow.png');--texture-opacity:.18;border-color:#ffe297;background:linear-gradient(135deg,#614725,#251b13 48%,#4b3420);box-shadow:0 0 2px 1px #fff3bf,0 0 16px #e9b44888,0 0 26px #d2982c38,inset 0 0 0 1px #a77522}
.meme-card.card-v7.rarity-mythic{--card-frame:#ff8e8e;--card-base:#421e35;--card-texture:url('/public/textures/foil-current.png');--texture-opacity:.2;background:linear-gradient(135deg,#602f45,#301528 65%,#4f2548);box-shadow:0 0 3px #ffb4ae,0 0 19px #e864925d,inset 0 0 0 1px #ffd3bf44}
.meme-card.card-v7.rarity-iridescent{--card-frame:#df97ff;--card-base:#29183e;--card-texture:url('/public/textures/foil-current.png');--texture-opacity:.23;border-color:#ebb5ff;background:linear-gradient(130deg,#3b1b53,#261736 42%,#4b1c50);box-shadow:0 0 2px 1px #fff0ff,0 0 14px #ea86ff99,0 0 30px #b355d756,inset 0 0 0 1px #e8b1ff}
.meme-card.card-v7.rarity-secret{--card-frame:#61e9ff;--card-base:#081d36;--card-texture:url('/public/textures/electric-grain.png');--texture-opacity:.24;border-color:#a5f5ff;background:linear-gradient(125deg,#124669,#081830 42%,#123d65);box-shadow:0 0 2px 1px #f2ffff,0 0 13px #62eaffbb,0 0 28px #1599fb88,inset 0 0 0 1px #8ceaff;outline:1px solid #287cdf;outline-offset:1px}
.meme-card.card-v7.rarity-secret .rarity-badge{background:linear-gradient(125deg,#e8ffff,#5ee9ff 60%,#6c9eff);color:#092140}
.meme-card.card-v7.rarity-secret>.card-bottom{color:#aeefff;background:#0a223f;border-color:#73e8ff;text-shadow:none}
.meme-card.card-v7:is(.rarity-legendary,.rarity-mythic,.rarity-iridescent,.rarity-secret):after{opacity:1;background:radial-gradient(circle at 0% 16%,#fff 0 1px,transparent 3px),radial-gradient(circle at 100% 48%,#fff 0 1px,transparent 3px),radial-gradient(circle at 4% 96%,#fff 0 1px,transparent 2px),radial-gradient(circle at 96% 4%,#fff 0 1px,transparent 3px),radial-gradient(circle at 0% 76%,var(--card-frame) 0 2px,transparent 5px);box-shadow:inset 0 0 8px color-mix(in srgb,var(--card-frame),transparent 42%);animation:card-v7-sparkle 3.6s ease-in-out infinite alternate}
.meme-card.card-v7:is(.rarity-legendary,.rarity-mythic,.rarity-iridescent,.rarity-secret):before{mix-blend-mode:overlay;opacity:calc(var(--texture-opacity) + .16)!important}

/* Shiny changes the physical body, never the photograph or GIF. */
.meme-card.card-v7.variant-shiny{--card-ink:#3d2a12;--card-base:#f6d777;--card-frame:#ffd76b;--texture-opacity:.18;background:linear-gradient(125deg,#fff6bd 0%,#d79a21 24%,#fff4ae 46%,#c07b16 68%,#ffe690 100%)!important;color:#3d2a12;border:3px solid #fff0a8!important;outline:2px solid #e8ae32;outline-offset:1px;box-shadow:0 0 3px 2px #fffbd0,0 0 18px #f0c344cc,0 0 34px #c78f3080,inset 0 0 0 1px #fff}
.meme-card.card-v7.variant-shiny:before{mix-blend-mode:overlay;opacity:.25!important;background-image:url('/public/textures/foil-current.png'),radial-gradient(circle,#fff7ae 0 1px,transparent 2px)}
.meme-card.card-v7.variant-shiny .card-image img{filter:sepia(1) saturate(4) hue-rotate(350deg) brightness(1.12) contrast(1.08)!important;mix-blend-mode:screen!important}
.meme-card.card-v7.variant-shiny>.card-body{background:linear-gradient(120deg,#fff7c2 0%,#e0a62d 42%,#fff5ba 70%,#b87516 100%);color:#3d2a12}
.meme-card.card-v7.variant-shiny .card-body:before{mix-blend-mode:overlay;opacity:.2}
.meme-card.card-v7.variant-shiny .card-body:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 6% 35%,#b98415 0 1px,transparent 2px),radial-gradient(circle at 68% 80%,#e6b247 0 1px,transparent 3px),radial-gradient(circle at 95% 18%,#ac7915 0 1px,transparent 2px);animation:card-v7-sparkle 4s ease-in-out infinite alternate}
.meme-card.card-v7.variant-shiny .card-v7-header .card-fav{background:#fff5dc;color:#8b6120;border-color:#dbb05a}
.meme-card.card-v7.variant-shiny .card-v7-header .card-fav.on{color:#a77814;background:#ffedb5}
.meme-card.card-v7.variant-shiny .single-power>.role-chip{background:#4a2c0b!important;border-color:#ffe083;filter:drop-shadow(0 1px 2px #6b3d0c)}
.meme-card.card-v7.variant-shiny>.card-bottom{color:#7d5a20;background:#f7e8c0;border-color:#d7b364;text-shadow:none}
.meme-card.card-v7.variant-shiny .card-bottom>span:first-child{color:#5e4321}
.meme-card.card-v7.variant-shiny .gold-star{color:#b6a67f}
.meme-card.card-v7.variant-shiny .gold-star.earned{color:#bd8615;filter:drop-shadow(0 0 2px #ecc26088)}
.meme-card.card-v7.variant-shiny .gold-star.earned>.icon{fill:#deb040;stroke:#a8771c}
.meme-card.card-v7.variant-shiny>.card-shine{display:block;background:linear-gradient(110deg,transparent 24%,#fff9bc 43%,#d99320 49%,#fff9bc 55%,transparent 73%);background-size:240% 100%;opacity:.8;animation:card-v7-gold-sweep 3.6s ease-in-out infinite}
[data-theme="light"] .meme-card.card-v7:not(.variant-shiny){color:var(--card-ink)}
[data-theme="light"] .meme-card.card-v7.variant-shiny{color:#30243c}
[data-theme="light"] .meme-card.card-v7 .card-role-tooltip{color:#fff;background:#352443}

/* Original glyphs keep their proportions, without a generic outside frame. */
.mm-emblem{display:inline-block;flex:none;aspect-ratio:1;object-fit:contain;filter:none;overflow:visible}
.mm-conqueror-emblem{filter:drop-shadow(0 1px 1px #1c23364d)}
.meme-card.card-v7 .mm-emblem{background:none;border:0;border-radius:0}
.meme-card.card-v7:hover{transform:translateY(-3px)}
article.meme-card.card-v7:hover{transform:none}
.meme-card.card-v7:focus-visible{outline:3px solid #fff0c4;outline-offset:3px}
@keyframes card-v7-flow{from{transform:translate(-2%,-2%) rotate(-4deg)}to{transform:translate(3%,4%) rotate(3deg)}}
@keyframes card-v7-body-flow{from{background-position:35% 35%}to{background-position:65% 68%}}
@keyframes card-v7-gleam{0%,35%{background-position:150% 0}80%,100%{background-position:-90% 0}}
@keyframes card-v7-sparkle{from{opacity:.45}to{opacity:1}}
@keyframes card-v7-gold-sweep{from{background-position:150% 0}to{background-position:-90% 0}}
/* Tiny simultaneous reels are thumbnails. Keep their picture/title readable. */
.case-v6 .multi-reel .meme-card.card-v7{grid-template-rows:18% 64% 18%;padding:2px;border-width:2px;border-radius:5px}
.case-v6 .multi-reel .meme-card.card-v7 .card-v7-header{grid-template-columns:1fr;padding:0 1px 2px}
.case-v6 .multi-reel .meme-card.card-v7 .card-v7-header>h3{grid-column:1;font-size:clamp(5px,10cqw,10px)!important;line-height:1!important;-webkit-line-clamp:1;max-height:1em;color:var(--card-ink);text-shadow:none}
.case-v6 .multi-reel .meme-card.card-v7 .card-v7-meta,.case-v6 .multi-reel .meme-card.card-v7 .rarity-badge,.case-v6 .multi-reel .meme-card.card-v7 .card-fav,.case-v6 .multi-reel .meme-card.card-v7 .card-upgrades,.case-v6 .multi-reel .meme-card.card-v7 .finish-badge{display:none}
.case-v6 .multi-reel .meme-card.card-v7>.card-body{position:relative;inset:auto;display:block;padding:1px;background:transparent}
.case-v6 .multi-reel .meme-card.card-v7 .card-stats.single-power{display:flex;min-height:0;height:100%;justify-content:center}
.case-v6 .multi-reel .meme-card.card-v7 .single-power>span:first-child{font-size:clamp(7px,13cqw,14px)!important}
.case-v6 .multi-reel .meme-card.card-v7 .single-power>span:first-child>.icon{width:9px}
.case-v6 .multi-reel .meme-card.card-v7 .role-chip,.case-v6 .multi-reel .meme-card.card-v7>.card-bottom{display:none!important}
.case-v6 .dense-reels .meme-card.card-v7{display:block;aspect-ratio:auto}
.case-v6 .dense-reels .meme-card.card-v7>.card-v7-header{position:absolute;top:0;left:2px;right:2px;height:25%;z-index:4;background:#171221ce;color:#fff;padding:2px}
.case-v6 .dense-reels .meme-card.card-v7 .card-v7-header>h3{color:#fff;font-size:8px!important}
.case-v6 .dense-reels .meme-card.card-v7>.card-image{height:100%;padding:1px}
.case-v6 .dense-reels .meme-card.card-v7>.card-body{display:none}
@media(prefers-reduced-motion:reduce){.meme-card.card-v7,.meme-card.card-v7:before,.meme-card.card-v7:after,.meme-card.card-v7 .card-body:before,.meme-card.card-v7 .card-body:after,.meme-card.card-v7>.card-shine{animation:none!important;transition:none!important}.meme-card.card-v7:hover{transform:none}}
.reduce-motion .meme-card.card-v7,.reduce-motion .meme-card.card-v7:before,.reduce-motion .meme-card.card-v7:after,.reduce-motion .meme-card.card-v7 .card-body:before,.reduce-motion .meme-card.card-v7 .card-body:after,.reduce-motion .meme-card.card-v7>.card-shine{animation:none!important;transition:none!important}
.reduce-motion .meme-card.card-v7:hover{transform:none}