/* Small in-game cards in the Sealed Frames frame style: metal ring by rarity, cost block, square Power box. */
.mc { --metal: linear-gradient(135deg, #2b343d, #8a98a4 16%, #2a333c 32%, #b4c0c9 50%, #313b45 68%, #7d8b97 84%, #2b343d);
  --block: linear-gradient(180deg, #46525d, #262e36);
  border: 0 !important; border-radius: 9px; background: var(--metal); box-shadow: 0 6px 14px -8px #000, inset 0 0 0 1px rgba(0,0,0,.5); }
.mc.t-relay { --metal: linear-gradient(135deg, #24384a, #9cc2d8 16%, #253a4c 32%, #d6ecf7 50%, #2a4256 68%, #8fb4ca 84%, #24384a); --block: linear-gradient(180deg, #33536a, #1d3243); }
.mc.t-sigil { --metal: linear-gradient(135deg, #6e4f17, #f3d27a 16%, #8a6420 32%, #ffeab0 50%, #6e4f17 68%, #e5c060 84%, #7a5a1c); --block: linear-gradient(180deg, #6d4c26, #3d2915); }
.mc.t-prime { --metal: linear-gradient(135deg, #6b3a3a, #f7c9a8 14%, #9a5b4c 28%, #fff1dd 44%, #c9a2ff 56%, #7a4c3c 70%, #f3c7a0 86%, #6b3a3a); --block: linear-gradient(180deg, #6a3c3c, #3a2020); }
.mc.t-sable { --metal: linear-gradient(135deg, #07090c, #3a4450 14%, #0b0e12 28%, #9fb3c4 44%, #0b0e12 58%, #4a5664 74%, #07090c); --block: linear-gradient(180deg, #12161b, #05070A); }
.mc .art { inset: 4.5cqw !important; border-radius: 3.5cqw; }
.mc::after { inset: 4.5cqw; border-radius: 3.5cqw; }
.mc .sheen { inset: 4.5cqw; border-radius: 3.5cqw; }
.mc .c { clip-path: none !important; top: 2.5cqw !important; left: 2.5cqw !important; width: 30cqw !important; aspect-ratio: auto !important; height: 34cqw; border-radius: 6cqw 2cqw 2cqw 2cqw;
  background: var(--block) !important; color: #f4ede2 !important; font: 700 22cqw/1 var(--sans) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 2px 6px rgba(0,0,0,.5); }
.mc .c.hot { background: linear-gradient(180deg, #c2502f, #7a2a14) !important; }
.mc .c.cool { background: linear-gradient(180deg, #3f8f6f, #1f5240) !important; }
.mc .p { border-radius: 2.5cqw !important; min-width: 0 !important; width: 30cqw; aspect-ratio: auto !important; height: 34cqw; right: 3cqw !important; bottom: 3cqw !important;
  background: linear-gradient(180deg, #4a525a, #2c3238) !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25), 0 2px 6px rgba(0,0,0,.6); font: 700 22cqw/1 var(--sans) !important; color: #fff; }
.mc .p.up { color: #8FD0B8 !important; } .mc .p.down { color: #FF7A59 !important; }
.mc .nm { font: 700 12cqw/1.05 var(--sans) !important; left: 7cqw !important; right: 36cqw !important; bottom: 7cqw !important;
  background: linear-gradient(90deg, #fff 50%, var(--fc)); -webkit-background-clip: text; background-clip: text; color: transparent !important; filter: drop-shadow(0 1px 3px #000); text-shadow: none !important; }
.mc.back { background: radial-gradient(70% 55% at 50% 45%, #10314a, #060a10 75%), var(--metal) !important; }
@container (max-width: 72px) { .mc .c { width: 40cqw !important; height: 44cqw; font-size: 30cqw !important; } .mc .p { width: 40cqw; height: 44cqw; font-size: 30cqw !important; } }
.mc.t-vault { --metal: linear-gradient(135deg, #020304, #161b20 18%, #050708 34%, #2a333b 50%, #050708 66%, #020304); --block: linear-gradient(180deg, #071018, #010203); border-color: #18BFFF; box-shadow: 0 0 14px -2px #18BFFF, inset 0 0 0 1px rgba(159,239,255,.4); }
/* foils on the small match cards */
.mc.foil-prism { border-color: transparent; background: linear-gradient(var(--ink, #0a1118), var(--ink, #0a1118)) padding-box, linear-gradient(135deg, #ff6b9a, #ffd36b, #7dff9a, #6bd9ff, #a86bff, #ff6b9a) border-box; }
.mc.foil-gold { border-color: #ffd56a; box-shadow: 0 0 10px -2px #ffd56a; }
.mc.foil-obsidian { border-color: #18BFFF; box-shadow: 0 0 10px -2px #18BFFF, inset 0 0 0 1px #000; }
.mc.foil-aurora { border-color: #3dffb0; box-shadow: 0 0 12px -2px #b06bff; }
.mc.foil-mist { border-color: #9fe6ff; box-shadow: 0 0 12px -2px #9fe6ff, 0 -4px 14px -6px rgba(232,248,255,.8); animation: mcMist 5s ease-in-out infinite alternate; }
@keyframes mcMist { to { box-shadow: 0 0 16px 0 rgba(159,230,255,.7), 0 -8px 18px -6px rgba(232,248,255,.9); } }
.mc.foil-shield { border-color: #5FD3A8; box-shadow: 0 0 0 1px #0b2a20, 0 0 0 2px rgba(143,240,200,.7), 0 0 12px -2px #5FD3A8; }
.mc.foil-ribbon { border-color: #ffd56a; box-shadow: 0 0 0 1px #fff4c9, 0 0 12px -2px #ffd56a; }
.mc.foil-glitch { border-color: #FF7A59; box-shadow: 0 0 12px -2px #FF7A59; animation: mcGlitch 3.2s steps(1) infinite; }
@keyframes mcGlitch { 0%, 100% { box-shadow: 0 0 12px -2px #FF7A59; } 70% { box-shadow: -2px 0 0 0 rgba(255,60,90,.9), 2px 0 0 0 rgba(60,220,255,.9), 0 0 14px -2px #FF7A59; } 73% { box-shadow: 0 0 12px -2px #FF7A59; } }
.mc.foil-mooncrown { border-color: #cfe8ff; box-shadow: 0 -6px 14px -6px #e8f2f8, 0 0 12px -3px #18BFFF; }
.mc.foil-panther { border-color: #000; box-shadow: 0 0 0 1px rgba(114,220,255,.45), 0 0 14px -2px #000, 0 0 10px -4px #72DCFF; }
@media (prefers-reduced-motion: reduce) { .mc.foil-mist, .mc.foil-glitch { animation: none; } }