.mc{aspect-ratio:63/88;perspective:1200px;position:relative;container-type:inline-size}.mc-frame{--r1:#8d8d8d;--r2:#e8e8e8;--glow:transparent;background:linear-gradient(135deg, var(--r1), var(--r2) 30%, var(--r1) 55%, var(--r2) 80%, var(--r1));box-shadow:0 6.7cqw 14.8cqw #0009, 0 0 14cqw var(--glow);will-change:transform;border-radius:5.9cqw;padding:2.6cqw;transition:transform .15s ease-out,box-shadow .3s;position:absolute;inset:0}.mc[data-rarity=comum] .mc-frame{--r1:#5d5a55;--r2:#bdb7ab}.mc[data-rarity=incomum] .mc-frame{--r1:#3e5a3a;--r2:#a8c48f;--glow:#8cbe6e26}.mc[data-rarity=rara] .mc-frame{--r1:#1d3f7a;--r2:#8fc2ff;--glow:#5a96ff47}.mc[data-rarity=epica] .mc-frame{--r1:#4a1f78;--r2:#d6a5ff;--glow:#b46eff61}.mc[data-rarity=lendaria] .mc-frame{--r1:#7a5310;--r2:#ffe29a;--glow:#ffc85a80}.mc[data-kind=spell] .mc-frame,.mc[data-kind=trap] .mc-frame,.mc[data-kind=equip] .mc-frame,.mc[data-kind=field] .mc-frame,.mc[data-kind=ritual] .mc-frame{--r1:#0f5a5a;--r2:#8ff0e0;--glow:#50e6c859}.mc[data-kind=trap] .mc-frame{--r1:#5a1030;--r2:#ff9fc2;--glow:#ff5a964d}.mc-inner{background:#000;border-radius:4.1cqw;width:100%;height:100%;position:relative;overflow:hidden}.mc-art{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.mc-ph{background:radial-gradient(70% 50% at 50% 36%, color-mix(in oklab, var(--el,#d6b25e) 42%, transparent), transparent 70%), radial-gradient(60% 40% at 50% 100%, color-mix(in oklab, var(--m1,#8a6424) 30%, transparent), transparent 70%), repeating-conic-gradient(from var(--ang,0deg) at 50% 36%, #ffffff09 0 4deg, transparent 4deg 15deg), linear-gradient(180deg, var(--m-deep,#1a140c), #050506);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.mc-ph:before{content:"";aspect-ratio:1;border:max(1px, .5cqw) solid color-mix(in oklab, var(--el,#d6b25e) 45%, transparent);width:66cqw;box-shadow:0 0 0 4cqw #0000002e, 0 0 0 calc(4cqw + max(1px, .4cqw)) color-mix(in oklab, var(--m1,#d6b25e) 30%, transparent);border-radius:50%;position:absolute;top:36%;left:50%;translate:-50% -50%}.mc-ph-glyph{width:36cqw;height:36cqw;color:color-mix(in oklab, var(--el,#d6b25e) 70%, white);filter:drop-shadow(0 0 4cqw var(--el,#d6b25e));position:absolute;top:36%;left:50%;translate:-50% -50%}.mc-ph-sigil{font-family:var(--font-display);color:var(--m1,#d6b25e);opacity:.1;font-variant-emoji:text;font-size:58cqw;line-height:1;position:absolute;bottom:18cqw;right:-8cqw}.mc-shade{background:linear-gradient(#0000008c 0%,#0000 16% 52%,#05050ae6 78%,#05050af7 100%);position:absolute;inset:0}.mc-holo{pointer-events:none;mix-blend-mode:color-dodge;opacity:0;background:linear-gradient(115deg,#0000 20%,#ff78c859 36%,#78dcff66 46%,#fff08c59 56%,#0000 72%) 0 0/250% 250%;background-position:var(--mx,50%) var(--my,50%);transition:opacity .3s;position:absolute;inset:0}.mc[data-rarity=epica] .mc-holo,.mc[data-rarity=lendaria] .mc-holo{opacity:.55}.mc[data-hover="1"] .mc-holo{opacity:.9}.mc-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:3cqw;left:3cqw;right:3cqw}.mc-sigil{color:#fff;border:max(1px, .55cqw) solid var(--r2);width:11.8cqw;height:11.8cqw;box-shadow:0 0 3.7cqw var(--glow);font-variant-emoji:text;background:#0000008c;border-radius:50%;place-items:center;font-size:6.3cqw;line-height:1;display:grid}.mc-level{flex-wrap:wrap;justify-content:flex-end;gap:1.1cqw;max-width:70%;display:flex}.mc-level i{background:linear-gradient(135deg,#fff3c4,#e0a93a);width:3.3cqw;height:3.3cqw;transform:rotate(45deg);box-shadow:0 0 2.2cqw #ffd278cc}.mc-rar{letter-spacing:.14em;text-transform:uppercase;border:max(1px, .37cqw) solid var(--r2);color:var(--r2);background:#0009;border-radius:99px;padding:.75cqw 2.6cqw;font-size:3.3cqw;line-height:1.3;position:absolute;top:17cqw;right:3cqw}.mc-bottom{color:#ece7dc;font-family:var(--font-sans);padding:0 4.4cqw 4.1cqw;position:absolute;bottom:0;left:0;right:0}.mc-name{font-family:var(--font-display);text-shadow:0 .75cqw 2.2cqw #000;color:#f4efe4;margin:0 0 1.5cqw;font-size:6.1cqw;font-weight:800;line-height:1.12}.mc-meta{color:#d7cfbf;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:2.2cqw;font-size:3.9cqw;line-height:1.35;display:flex}.mc-chip{background:#ffffff0f;border:max(1px,.37cqw) solid #ffffff40;border-radius:99px;padding:.37cqw 2.6cqw;font-size:3.5cqw}.mc-flavor{color:#bfb7a6;min-height:9.6cqw;margin:2.2cqw 0 0;font-size:3.9cqw;font-style:italic;line-height:1.3}.mc-effect{color:#eaf6ff;background:#28788c59;border:max(1px,.37cqw) solid #8ce6ff59;border-radius:3cqw;margin:2.2cqw 0 0;padding:2.2cqw 3cqw;font-size:4.1cqw;line-height:1.3}.mc-stats{justify-content:space-between;margin-top:3cqw;display:flex}.mc-gem{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#f4efe4;align-items:center;gap:2.2cqw;font-size:5.6cqw;font-weight:800;display:flex}.mc-gem b{width:9.6cqw;height:9.6cqw;font-size:4.8cqw;font-family:var(--font-sans);color:#fff;font-variant-emoji:text;border-radius:50%;place-items:center;display:grid}.mc-gem.atk b{background:radial-gradient(circle at 35% 30%,#ff9a8a,#a8142a);box-shadow:0 0 3.7cqw #ff3c3c99}.mc-gem.def b{background:radial-gradient(circle at 35% 30%,#9ad8ff,#12508f);box-shadow:0 0 3.7cqw #3ca0ff99}@container (width<=200px){.mc-flavor,.mc-effect,.mc-chip,.mc-rar{display:none}.mc-name{margin-bottom:1cqw;font-size:8.4cqw}.mc-meta{letter-spacing:.02em;font-size:5.6cqw}.mc-gem{gap:1.5cqw;font-size:7.8cqw}.mc-gem b{width:11cqw;height:11cqw;font-size:6cqw}.mc-level i{width:4.2cqw;height:4.2cqw}.mc-sigil{width:14cqw;height:14cqw;font-size:7.6cqw}.mc-bottom{padding:0 4.8cqw 4.8cqw}}@container (width<=110px){.mc-meta,.mc-level{display:none}.mc-name{font-size:9.5cqw}}.mc[data-owned="0"] .mc-inner>:not(.mc-lock){filter:grayscale(.85)brightness(.45)}.mc[data-owned="0"] .mc-frame{background:linear-gradient(135deg,#2a2723,#57524a 30%,#2a2723 55%,#57524a 80%,#2a2723);box-shadow:0 6.7cqw 14.8cqw #0009}.mc-lock{color:#efe6d28c;place-items:center;display:grid;position:absolute;inset:0}.mc-qty{z-index:2;min-width:13cqw;height:13cqw;font:700 max(11px, 5.6cqw) / 1 var(--font-sans);font-variant-numeric:tabular-nums;color:#1a1307;background:linear-gradient(#fbe7a8,#d6b25e 55%,#a57a2c);border-radius:99px;place-items:center;padding:0 3cqw;display:grid;position:absolute;top:-2.5cqw;right:-2.5cqw;box-shadow:0 0 0 max(1px,.5cqw) #4a320a,0 2cqw 5cqw #0009}.mc-new{z-index:2;font:800 max(10px, 4.4cqw) / 1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#1a1307;background:linear-gradient(#fff3c4,#f3d58a);border-radius:99px;padding:1.4cqw 3.6cqw;position:absolute;top:-2.5cqw;left:50%;translate:-50%;box-shadow:0 0 5cqw #ffd278cc}.mc-back{background:#0b1424;border-radius:5.9cqw;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 max(1px,.5cqw) #d6b25e8c,0 6.7cqw 14.8cqw #0009}.mc-back-art{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.mc-frame{transition:none}}.insp-btn{z-index:4;width:28px;height:28px;color:var(--color-gold-strong);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0a0805c7;border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #f3d58a8c,0 2px 8px #0009}.insp-btn:before{content:"";position:absolute;inset:-8px}.insp-btn:focus-visible{outline:2px solid var(--color-gold-strong);outline-offset:2px}.insp-btn:hover{color:#fff;background:#0a0805f2}.insp-btn-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;border-radius:999px;width:44px;height:36px;position:relative;top:auto;right:auto}.insp-btn-bar:before{inset:-4px -2px}.insp-btn-left{top:5px;left:5px;right:auto}.insp-btn-panel{top:8px;right:8px}.insp-btn-row{flex:none;width:36px;height:36px;position:relative;top:auto;right:auto}