:root{--cards-bronze:#cd7f32;--cards-silver:#94a3b8;--cards-gold:#f59e0b;--cards-diamond:#0ea5e9;--cards-legend:#ec4899;--cards-bronze-glow:#cd7f3259;--cards-silver-glow:#94a3b866;--cards-gold-glow:#f59e0b73;--cards-diamond-glow:#0ea5e973;--cards-legend-glow:#ec489980;--cards-bg:linear-gradient(180deg, #f8fafc 0%, #eef2f8 100%);--cards-panel:#fff;--cards-panel-border:#0f172a1a;--cards-subnav-bg:#ffffffd9;--cards-subnav-border:#0f172a14;--cards-subnav-link-color:#475569;--cards-subnav-link-hover-bg:#0f172a0d;--cards-subnav-link-active-color:#7c3aed;--cards-subnav-link-active-bg:linear-gradient(135deg, #a855f72e, #c084fc0f);--cards-subnav-link-active-border:#a855f766;--cards-text-strong:#0f172a;--cards-text-soft:#64748b;--cards-text-muted:#94a3b8}html[data-theme=dark]{--cards-bronze-glow:#cd7f3273;--cards-silver-glow:#c0c0c080;--cards-gold-glow:#fbbf2499;--cards-diamond-glow:#38bdf899;--cards-legend-glow:#f472b699;--cards-bg:radial-gradient(ellipse at 50% -10%, #1d1a3d 0%, #0a0612 60%, #060410 100%);--cards-panel:linear-gradient(180deg, #24223af2 0%, #141220f2 100%);--cards-panel-border:#ffffff14;--cards-subnav-bg:#07101ad9;--cards-subnav-border:#ffffff0f;--cards-subnav-link-color:#b6bcca;--cards-subnav-link-hover-bg:#ffffff0d;--cards-subnav-link-active-color:var(--cards-text-strong);--cards-subnav-link-active-bg:linear-gradient(135deg, #c084fc40, #c084fc14);--cards-subnav-link-active-border:#c084fc66;--cards-text-strong:#fff;--cards-text-soft:#b6bcca;--cards-text-muted:#7b8597}.card-tile{flex-direction:column;gap:6px;display:flex;position:relative}.card-tile.is-clickable{cursor:pointer}.card-tile-frame{border:1.5px solid var(--cards-panel-border);background:linear-gradient(135deg,#ffffff0a,#0000004d);border-radius:14px;padding:3px;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden}.card-tile.is-clickable:hover .card-tile-frame{transform:translateY(-3px)}.card-tile-inner{aspect-ratio:2/3;background:linear-gradient(#ffffff08,#0006);border-radius:11px;position:relative;overflow:hidden}.card-tile-inner img{object-fit:cover;width:100%;height:100%;display:block}.card-tile-placeholder{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:54px;display:flex}.card-tile-rarity-badge{color:#0e1822;letter-spacing:.5px;z-index:2;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:6px;left:6px}.card-tile-count{color:#fff;z-index:2;background:#000000b3;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:6px;right:6px}.card-tile-stars{color:#fde047;letter-spacing:1px;z-index:3;text-shadow:0 0 6px #fde04780;background:#000000a6;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1;position:absolute;bottom:6px;left:6px}.card-tile-enhance{color:#fff;z-index:3;background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid #fff3;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1;position:absolute;bottom:6px;right:6px}.card-tile-silhouette{color:#0006;-webkit-backdrop-filter:grayscale()blur(2px);backdrop-filter:grayscale()blur(2px);z-index:3;background:#000000c7;justify-content:center;align-items:center;font-size:64px;font-weight:900;display:flex;position:absolute;inset:0}.card-tile-meta{text-align:center;flex-direction:column;gap:1px;display:flex}.card-tile-name{color:var(--cards-text-strong);font-size:12.5px;line-height:1.2}.card-tile-class{color:var(--cards-text-muted,var(--muted));font-size:10.5px}.card-tile.is-unowned .card-tile-name,.card-tile.is-unowned .card-tile-class{color:var(--cards-text-muted,var(--muted))}.card-rarity-1 .card-tile-frame{border-color:var(--cards-bronze);box-shadow:0 0 10px var(--cards-bronze-glow)}.card-rarity-1 .card-tile-rarity-badge{background:var(--cards-bronze);color:var(--cards-text-strong)}.card-rarity-2 .card-tile-frame{border-color:var(--cards-silver);box-shadow:0 0 14px var(--cards-silver-glow)}.card-rarity-2 .card-tile-rarity-badge{background:var(--cards-silver)}.card-rarity-3 .card-tile-frame{border-color:var(--cards-gold);box-shadow:0 0 18px var(--cards-gold-glow);background:linear-gradient(135deg,#fbbf241f,#0000004d)}.card-rarity-3 .card-tile-rarity-badge{background:var(--cards-gold)}.card-rarity-4 .card-tile-frame{border-color:var(--cards-diamond);box-shadow:0 0 22px var(--cards-diamond-glow);background:linear-gradient(135deg,#38bdf829,#0000004d)}.card-rarity-4 .card-tile-rarity-badge{background:var(--cards-diamond)}.card-rarity-5 .card-tile-frame{box-shadow:0 0 28px var(--cards-legend-glow);background:linear-gradient(#141220b3,#00000080) padding-box padding-box,linear-gradient(135deg,#f472b6,#fbbf24,#38bdf8,#f472b6) border-box;border:1.5px solid #0000;animation:3s ease-in-out infinite cardLegendShimmer}.card-rarity-5 .card-tile-rarity-badge{color:var(--cards-text-strong);background:linear-gradient(135deg,#f472b6,#fbbf24)}@keyframes cardLegendShimmer{0%,to{box-shadow:0 0 28px var(--cards-legend-glow)}50%{box-shadow:0 0 44px var(--cards-legend-glow), 0 0 12px #fbbf2466}}.card-tile--sm .card-tile-name{font-size:11px}.card-tile--sm .card-tile-class{font-size:9.5px}.card-tile--sm .card-tile-rarity-badge{padding:2px 6px;font-size:8.5px}.card-tile--lg .card-tile-name{font-size:14px}.card-tile--lg .card-tile-class{font-size:11.5px}:root{--cards-mythic:#c4a7ff;--cards-mythic-glow:#996dff6b}.card-rarity-6{perspective:1000px}.card-rarity-6 .card-tile-frame{box-shadow:1px 1px 0 #d4bfe9,2px 2px 0 #77638f,3px 3px 0 #b8aacb,4px 4px 0 #4d3d67,0 12px 25px #1a0c3259,0 0 22px var(--cards-mythic-glow);background:linear-gradient(135deg,#fff4cf,#c4a7ff 22%,#95edff 48%,#f3c5e6 72%,#fff4cf);border:1px solid #eee0ff;padding:3px;transition:transform .3s,box-shadow .3s;position:relative}.card-rarity-6 .card-tile-frame:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#b2ebff21 41%,#ffffff59 49%,#f4c4ff1f 57%,#0000 67%) 100% 0/300% 100%;transition:background-position .7s;position:absolute;inset:0}.card-rarity-6 .card-tile-rarity-badge{color:#241637;background:linear-gradient(120deg,#fff1be,#dbc7ff,#a5efff);border:1px solid #fffc;font-weight:900}.card-rarity-6 .card-tile-name{color:var(--cards-text-strong);text-shadow:0 0 12px var(--cards-mythic-glow)}@media (hover:hover) and (pointer:fine){.card-rarity-6:hover .card-tile-frame,.card-rarity-6.is-clickable:hover .card-tile-frame{box-shadow:2px 2px 0 #d4bfe9,4px 4px 0 #77638f,6px 6px 0 #b8aacb,8px 8px 0 #4d3d67,0 18px 34px #1a0c3273,0 0 32px var(--cards-mythic-glow);transform:rotateY(-9deg)rotateX(4deg)translateY(-4px)}.card-rarity-6:hover .card-tile-frame:after{background-position:0 0}}.mythic-guide{border:1px solid var(--cards-mythic);background:var(--cards-panel);color:var(--cards-text-strong);border-radius:14px;margin:18px 0 24px;padding:18px}.mythic-guide strong{font-size:18px}.mythic-guide p{color:var(--cards-text-soft);margin:8px 0;line-height:1.65}.mythic-guide a{color:var(--cards-subnav-link-active-color);margin-top:4px;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){.card-rarity-6 .card-tile-frame,.card-rarity-6 .card-tile-frame:after{transition:none}.card-rarity-6:hover .card-tile-frame{transform:none}}.card-tile.is-mythic3d .card-tile-frame,.card-tile.is-mythic3d:hover .card-tile-frame{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible;transform:none}.card-tile.is-mythic3d .card-tile-frame:after{content:none}.card-tile.is-mythic3d .card-tile-inner{background:0 0;overflow:visible}.m3d{--rx:0deg;--ry:0deg;--mx:50%;--my:40%;--act:0;aspect-ratio:2/3;perspective:1000px;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:82%;position:absolute;bottom:0;left:9%;container-type:inline-size}.m3d-sway{transform-style:preserve-3d;animation:m3dSway 8s ease-in-out var(--sway-delay,0s) infinite;position:absolute;inset:0}.m3d.is-tilting .m3d-sway{animation-play-state:paused}@keyframes m3dSway{0%,to{transform:rotateY(-8deg)rotateX(3deg)}50%{transform:rotateY(8deg)rotateX(-2deg)}}.m3d-card{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));border-radius:6.5%/4.4%;position:absolute;inset:0}.m3d-card>*{pointer-events:none;position:absolute}.m3d-slab{border-radius:inherit;box-shadow:0 22px 40px -12px #000000b3,0 0 40px -6px var(--glow);background:linear-gradient(160deg,#2a2440,#0b0912 60%,#1d1830);inset:0}.m3d-bg{background:#000;border-radius:5%/3.4%;inset:3.6% 4.4%;overflow:hidden;transform:translateZ(2px)}.m3d-bg img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.08)}.m3d-bg:after{content:"";background:radial-gradient(120% 70% at 50% 42%,#0000 45%,#04030a9e 100%),linear-gradient(#0000 62%,#05040cd9);position:absolute;inset:0}.m3d-holo{mix-blend-mode:color-dodge;opacity:calc(.18 + var(--act) * .32);background:repeating-linear-gradient(118deg,#ff5cbe00 0%,#ff5cbe8c 6%,#ffec8c8c 12%,#78ffd68c 18%,#6eaaff8c 24%,#d678ff8c 30%,#ff5cbe00 36%) 0 0/220% 220%;background-position:var(--mx) var(--my);border-radius:5%/3.4%;inset:3.6% 4.4%;transform:translateZ(3px)}.m3d-dust{inset:6% 8% 22%;transform:translateZ(30px)}.m3d-dust i{width:3px;height:3px;box-shadow:0 0 6px 2px var(--glow);opacity:0;background:#fff;border-radius:50%;animation:5.5s ease-in-out infinite m3dDust;position:absolute}.m3d-dust i:first-child{top:62%;left:8%}.m3d-dust i:nth-child(2){animation-delay:.9s;top:30%;left:30%}.m3d-dust i:nth-child(3){animation-delay:1.8s;top:72%;left:52%}.m3d-dust i:nth-child(4){animation-delay:2.7s;top:40%;left:74%}.m3d-dust i:nth-child(5){animation-delay:3.6s;top:66%;left:90%}.m3d-dust i:nth-child(6){animation-delay:4.5s;top:84%;left:20%}@keyframes m3dDust{0%{opacity:0;transform:translateY(10px)scale(.6)}30%{opacity:.95}to{opacity:0;transform:translateY(-60px)scale(1.1)}}.m3d-rim{border-radius:inherit;background:linear-gradient(115deg,#fff0 30%,#ffffffbf 45%,#fff0 60%) var(--mx) 0/260% 100% no-repeat, conic-gradient(from var(--m3d-ang,0deg),#f8f5ff,#ffd1ea,#fff1bd,#c6fff0,#c2d2ff,#efcbff,#f8f5ff);-webkit-mask-composite:xor;padding:4.4%;inset:0;transform:translateZ(22px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.m3d.is-tilting .m3d-rim{animation:6s linear infinite m3dPrism}@property --m3d-ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes m3dPrism{to{--m3d-ang:360deg}}.m3d-rim-line{box-shadow:0 0 0 1px #ffffffb3,inset 0 0 22px -4px var(--glow),inset 0 0 0 1px #ffffff1f;border:1.5px solid #120a28e6;border-radius:5%/3.4%;inset:3.6% 4.4%;transform:translateZ(22.5px)}.m3d-edge{border-radius:inherit;inset:0;transform:translateZ(22.5px);box-shadow:inset 0 0 0 1px #ffffffd9,inset 0 0 0 2.5px #281a46b3}.m3d .m3d-corner{object-fit:fill;width:27%;height:auto;display:block;transform:translateZ(26px)}.m3d .m3d-corner.tl{top:-1%;left:-1.5%}.m3d .m3d-corner.tr{top:-1%;right:-1.5%;transform:translateZ(26px)scaleX(-1)}.m3d .m3d-corner.bl{bottom:-1%;left:-1.5%;transform:translateZ(26px)scaleY(-1)}.m3d .m3d-corner.br{bottom:-1%;right:-1.5%;transform:translateZ(26px)scale(-1)}.m3d .m3d-crest{object-fit:fill;width:96%;height:auto;display:block;top:-9%;left:2%;transform:translateZ(30px)}.m3d-char{inset:-22% 0 27%;transform:translateZ(66px)}.m3d-char img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;filter:drop-shadow(0 18px 14px #0009) drop-shadow(0 0 16px var(--glow));display:block}.m3d .m3d-plate{object-fit:fill;width:102%;height:auto;display:block;bottom:9.5%;left:-1%;transform:translateZ(72px)}.m3d-desc{text-align:center;color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000f2,0 0 8px var(--glow);background:linear-gradient(90deg,#0c081c00,#0c081cd1 14% 86%,#0c081c00);border-top:1px solid #ffffff47;border-bottom:1px solid #ffffff2e;padding:.32em 0;font-size:max(9.5px,4.6cqi);font-weight:700;line-height:1.25;bottom:3.4%;left:5%;right:5%;overflow:hidden;transform:translateZ(74px)}.m3d-badge{color:#22143a;background:linear-gradient(120deg,#fff4cc,#ffd0ec 35%,#c9f6ff 70%,#e3d4ff);border:1px solid #ffffffe6;border-radius:6px;padding:.28em .7em;font-size:max(8px,3.8cqi);font-weight:800;top:5.4%;left:7%;transform:translateZ(76px);box-shadow:0 2px 8px #00000073}.m3d-glare{border-radius:inherit;mix-blend-mode:soft-light;opacity:var(--act);background:radial-gradient(circle at var(--mx) var(--my),#ffffffbf,#fff0 46%);inset:0;transform:translateZ(80px)}@media (prefers-reduced-motion:reduce){.m3d-sway,.m3d-dust i,.m3d.is-tilting .m3d-rim{animation:none}}