.mk-card{--card-color:var(--mk-rarity-common);--card-metal:linear-gradient(145deg, #e9edf3 0%, #8d95a3 30%, #d5dae2 55%, #6b7280 80%, #c9ced8 100%);--card-bg:#0a0e1a;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;aspect-ratio:5/7;perspective:800px;width:100%;position:relative;container-type:inline-size}.mk-card[data-size=sm]{max-width:140px}.mk-card[data-size=md]{max-width:200px}.mk-card[data-size=lg]{max-width:300px}.mk-card[data-rarity=rare]{--card-color:var(--mk-rarity-rare);--card-metal:linear-gradient(145deg, #d8f3e3 0%, #4e9c74 32%, #a7dcbf 55%, #2f6e4f 80%, #9fd2b6 100%)}.mk-card[data-rarity=super_rare]{--card-color:var(--mk-rarity-super_rare);--card-metal:linear-gradient(145deg, #dbe9ff 0%, #3f74c4 32%, #a9c9f7 55%, #24508f 80%, #9cc0f2 100%)}.mk-card[data-rarity=ultra_rare]{--card-color:var(--mk-rarity-ultra_rare);--card-metal:linear-gradient(145deg, #efe3ff 0%, #7d55c7 32%, #cdb4f6 55%, #563092 80%, #c2a6f0 100%)}.mk-card[data-rarity=epic]{--card-color:var(--mk-rarity-epic);--card-metal:linear-gradient(145deg, #ffe0f1 0%, #c24f8e 32%, #f5a8d3 55%, #8e2f62 80%, #f0a0cc 100%)}.mk-card[data-rarity=legendary],.mk-card[data-variant=gold]{--card-metal:linear-gradient(145deg, #fff4d6 0%, #b8862f 30%, #f1d79b 52%, #8a6424 78%, #e8c98a 100%)}.mk-card[data-rarity=legendary]{--card-color:var(--mk-rarity-legendary)}.mk-card[data-rarity=mythic]{--card-color:var(--mk-rarity-mythic);--card-metal:linear-gradient(145deg, #ffd8cf 0%, #c4402f 30%, #f59a8a 52%, #8a2418 78%, #f08a7a 100%)}.mk-card[data-rarity=prestige]{--card-color:var(--mk-rarity-prestige);--card-metal:linear-gradient(135deg, #fff4d6, #ffd1f0, #b4f0ff, #ffe08a, #f7b3ff, #fff4d6)}.mk-card__frame{background:var(--card-metal);height:100%;transform:rotateX(var(--ry)) rotateY(var(--rx));transform-style:preserve-3d;will-change:transform;background-size:100% 100%;border-radius:clamp(10px,6cqi,18px);padding:clamp(3px,2.4cqi,7px);transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;position:relative;box-shadow:0 0 0 1px #00000080,0 18px 30px -18px #000000f2}.mk-card[data-tilting] .mk-card__frame{transition-duration:60ms}.mk-card[data-rarity=epic] .mk-card__frame,.mk-card[data-rarity=legendary] .mk-card__frame,.mk-card[data-rarity=mythic] .mk-card__frame,.mk-card[data-variant=gold] .mk-card__frame{box-shadow:0 0 0 1px #00000080, 0 0 28px -8px var(--card-color), 0 18px 30px -18px #000000f2}.mk-card[data-rarity=prestige] .mk-card__frame{background-size:300% 300%;animation:5s ease-in-out infinite mk-card-iridescent;box-shadow:0 0 0 1px #00000080,0 0 40px -4px #ffe08abf,0 18px 30px -18px #000000f2}@keyframes mk-card-iridescent{0%,to{background-position:0%}50%{background-position:100%}}@media (hover:hover){button:hover>.mk-card:not([data-tilting]) .mk-card__frame,a:hover>.mk-card:not([data-tilting]) .mk-card__frame,button:hover .mk-card:not([data-tilting]) .mk-card__frame{transform:translateY(-4px)}}.mk-card__inner{background:var(--card-bg);border-radius:clamp(7px,4.5cqi,13px);height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009}.mk-card__art{background:radial-gradient(circle at 50% 30%, #1d2640, var(--card-bg));position:absolute;inset:0}.mk-card__art img{object-fit:cover;object-position:top center;width:100%;height:100%}.mk-card__ornament{border:1px solid color-mix(in srgb, var(--card-color) 55%, #fff4d680);pointer-events:none;z-index:3;border-radius:clamp(5px,3cqi,9px);position:absolute;inset:clamp(3px,2.6cqi,8px)}.mk-card__ornament:before,.mk-card__ornament:after{content:"";aspect-ratio:1;background:var(--card-metal);border:1px solid #00000073;width:clamp(5px,4cqi,10px);position:absolute;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.mk-card__ornament:before{top:0}.mk-card__ornament:after{top:100%}.mk-card[data-size=sm] .mk-card__ornament:before{display:none}.mk-card__plate{z-index:2;text-align:center;background:linear-gradient(#0000 0%,#080b14b8 42%,#080b14f5 100%);flex-direction:column;align-items:center;gap:clamp(1px,1.2cqi,4px);padding:26% clamp(6px,6cqi,14px) clamp(8px,7cqi,16px);display:flex;position:absolute;inset:auto 0 0}.mk-card__stars{color:var(--card-color);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--card-color) 70%, transparent));gap:clamp(0px,.6cqi,2px);display:flex}.mk-card[data-rarity=prestige] .mk-card__stars{color:#ffe08a}.mk-card__stars .mk-card__crown{width:clamp(12px,9cqi,22px);height:clamp(12px,9cqi,22px)}.mk-card__stars svg{fill:currentColor;stroke:#0006;stroke-width:1px;width:clamp(8px,6.5cqi,16px);height:clamp(8px,6.5cqi,16px)}.mk-card__name{max-width:100%;color:var(--mk-ink);font-family:var(--font-card);letter-spacing:.02em;text-shadow:0 1px 2px #000000e6;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(11px,8cqi,20px);font-weight:700;line-height:1.15;overflow:hidden}.mk-card__rule{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--card-color) 70%, #f1d79b), transparent);width:62%;height:1px}.mk-card__series{max-width:100%;color:var(--mk-ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(10px,4.6cqi,13px);overflow:hidden}.mk-card__badges{z-index:4;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:clamp(6px,5cqi,14px);right:clamp(6px,5cqi,14px)}.mk-card[data-size=sm] .mk-card__badges>*{padding:1px 6px;font-size:11px}.mk-card__shine{z-index:5;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my), #fff4d652, transparent 48%);mix-blend-mode:overlay;opacity:0;transition:opacity .26s;position:absolute;inset:0}.mk-card[data-tilting] .mk-card__shine{opacity:1}.mk-card[data-variant=holo] .mk-card__shine{opacity:.55;background:radial-gradient(circle at var(--mx) var(--my), #fff6, transparent 45%), repeating-linear-gradient(115deg, #ff78a080 0%, #ffd67880 8%, #78f0c880 16%, #78aaff80 24%, #c88cff80 32%, #ff78a080 40%);background-size:100% 100%,250% 250%;background-position:center, var(--mx) var(--my);mix-blend-mode:color-dodge}.mk-card[data-variant=holo][data-tilting] .mk-card__shine{opacity:.85}.mk-card__placeholder{width:100%;height:100%;font-family:var(--font-card);color:var(--mk-ink-soft);place-items:center;font-size:clamp(24px,30cqi,72px);display:grid}.mk-card--withdrawn .mk-card__frame{filter:grayscale();opacity:.7}@media (prefers-reduced-motion:reduce){.mk-card__frame{transition:none;transform:none!important}.mk-card[data-rarity=prestige] .mk-card__frame{animation:none}}