/* Card frames (owner's design canvas, shared 2026-09-25; public/design-v8/cards, made by scripts/design-art.mjs).
   The frame is the design's card body (300 x 410) stretched to the 3:4 card, so every slot below is a share of the
   design: badge plate 74..130 x 79..111 (74..136 for the two-letter codes SR, IR, PR and PE, whose title starts at
   x 148 instead of 142), media 74..346 x 123..369, Power plate 74..196 x 380..418, role box 308..346 x 382..420,
   stars 145..282 x 446..458 (card body from 60, 65). The frame draws the plates, the rarity glyph and the Power
   bolt; the game writes the real name, rarity code, Power, role and stars, in North Kids. Each rarity has its own
   golden frame for the Shiny finish. Older layers (refit.css, v10.css) pin the V6 slots with !important, hence the
   same weight here. The .frame-v7 and .card-fx-v7 hooks keep their first names. */
.meme-card.card-v7.card-refit.frame-v7 .card-v7-header .rarity-badge{inset:3.4% auto auto 14%!important;width:9.4%!important;height:7.8%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;border:0!important;background:none!important;text-shadow:none!important;font:400 4.5cqw/1 var(--display,'North Kids',Outfit,sans-serif)!important;letter-spacing:.02em;color:#fff!important}
.meme-card.card-v7.card-refit.frame-v7:is(.rarity-uncommon,.rarity-ultrarare) .card-v7-header .rarity-badge{width:11.4%!important}
.meme-card.card-v7.card-refit.frame-v7 .card-v7-header h3{inset:3.4% auto auto 27.4%!important;width:67.6%!important;height:7.8%!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-content:center;overflow:hidden;font:400 calc(var(--card-title-size,6.5cqw) * .92)/1.02 var(--display,'North Kids',Outfit,sans-serif)!important;letter-spacing:.02em;color:#fff!important;text-shadow:0 .3cqw .8cqw #0008!important}
.meme-card.card-v7.card-refit.frame-v7:is(.rarity-uncommon,.rarity-ultrarare) .card-v7-header h3{inset:3.4% auto auto 29.4%!important;width:65.6%!important}
.meme-card.card-v7.card-refit.frame-v7 .card-image{left:4.667%!important;top:14.15%!important;width:90.667%!important;height:60%!important;border-radius:3.33cqw!important;box-shadow:none!important}
.meme-card.card-v7.card-refit.frame-v7 .card-stats.single-power>span:first-child{position:absolute!important;inset:76.83% auto auto 14%!important;width:62%!important;height:9.27%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;transform:none!important;font-size:9.2cqw!important;line-height:1!important;color:var(--card-ink)!important}
.meme-card.card-v7.card-refit.frame-v7 .card-stats.single-power>span:first-child>.icon{display:none!important}
.meme-card.card-v7.card-refit.frame-v7 .card-stats.single-power strong{font:400 9.2cqw/1 var(--display,'North Kids',Outfit,sans-serif)!important;letter-spacing:.02em;color:var(--card-ink)!important;text-shadow:0 .3cqw .8cqw #0007!important}
.meme-card.card-v7.card-refit.frame-v7 .card-stats.single-power>.role-chip{inset:77.32% auto auto 82.67%!important;width:12.67%!important;height:9.27%!important;padding:0!important;display:grid!important;place-items:center!important;color:var(--card-ink)}
.meme-card.card-v7.card-refit.frame-v7 .role-chip>.mm-role-emblem{width:8.4cqw!important;height:8.4cqw!important;margin:0!important;color:var(--card-ink)!important}
.meme-card.card-v7.card-refit.frame-v7 .card-bottom{top:92.6%!important;height:3.8%!important}
.meme-card.card-v7.card-refit.frame-v7 .card-upgrades{gap:4.5cqw!important}
.meme-card.card-v7.card-refit.frame-v7 .gold-star{font:4.3cqw/1 Arial,sans-serif!important;color:transparent!important;-webkit-text-stroke:.22cqw color-mix(in srgb,var(--card-ink) 42%,transparent)!important;opacity:1!important}
.meme-card.card-v7.card-refit.frame-v7 .gold-star.earned{color:#ffd66b!important;-webkit-text-stroke:0!important;text-shadow:0 0 1.2cqw #ffc34d99!important}
.meme-card.card-v7.card-refit.frame-v7.variant-shiny .gold-star.earned{color:#fff3b0!important;text-shadow:0 0 1.2cqw #ffd76a!important}

/* Cards on show (openings, card details) carry the design's live effect layers: the back layer behind the frame,
   the front layer over it. The layers cover the whole 420 x 540 design canvas around the card body. */
.meme-card.card-v7.card-refit.frame-v7.has-fx{overflow:visible!important}
.meme-card.card-refit.frame-v7>.card-fx-v7{position:absolute;left:-20%;top:-15.85%;width:140%;height:131.7%;pointer-events:none;overflow:visible}
.meme-card.card-refit.frame-v7>.card-fx-v7>img{display:block;width:100%;height:100%}
.meme-card.card-refit.frame-v7>.card-fx-v7.is-back{z-index:-1}
.meme-card.card-refit.frame-v7>.card-fx-v7.is-front{z-index:6}
.meme-card.card-refit.frame-v7.has-fx>.card-aura,.meme-card.card-refit.frame-v7.has-fx>.card-twinkles{display:none}