:root{--color-blood-red:#C21E25;--color-tutor-gold:#D4AF37;--color-phantom-blue:#5227FF;--color-bone-white:#F0F0F0;--color-abyssal-gray:#121212;--color-surface:#1E1E1E;--color-surface-dark:#0a0a0a;--color-border:#333;--color-text-primary:var(--color-bone-white);--color-text-secondary:#A0A0A0;--mana-white:#f8f6d8;--mana-blue:#0e68ab;--mana-black:#150b00;--mana-red:#d3202a;--mana-green:#00733e;--transition-fast:150ms ease;--transition-normal:200ms ease}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-abyssal-gray)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#666}::selection{background:rgba(82,39,255,.3);color:var(--color-bone-white)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-tutor-gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.foil-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--border-color-1:rgba(128,128,128,0.3);--border-color-2:rgba(128,128,128,0.3);--glow-color:rgba(128,128,128,0.2);--card-width:223px;--card-height:311px;--card-radius:12px;position:relative;display:inline-block;perspective:1000px}.foil-card--sm{--card-width:146px;--card-height:204px;--card-radius:8px}.foil-card--md{--card-width:223px;--card-height:311px;--card-radius:12px}.foil-card--lg{--card-width:336px;--card-height:469px;--card-radius:16px}.foil-card-shell{width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.foil-card-shell.active{transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.foil-card-shell.entering{transition:transform .18s ease-out}.foil-card.reduced-motion .foil-card-shell{transform:none!important;transition:none!important}.foil-card{position:relative;width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);overflow:hidden;background:#1a1a1a;cursor:pointer;outline:none;box-shadow:0 0 0 2px var(--border-color-1),0 0 20px var(--glow-color),0 4px 12px rgba(0,0,0,.4);transition:box-shadow .3s ease,transform .2s ease}.foil-card:focus-visible{box-shadow:0 0 0 2px var(--border-color-1),0 0 0 4px rgba(82,39,255,.5),0 0 20px var(--glow-color),0 4px 12px rgba(0,0,0,.4)}.foil-card:hover{box-shadow:0 0 0 2px var(--border-color-1),0 0 30px var(--glow-color),0 8px 24px rgba(0,0,0,.5)}.foil-card[data-colors*=W]{--border-color-1:rgba(248,231,185,0.7);--glow-color:rgba(248,231,185,0.3)}.foil-card[data-colors*=U]{--border-color-1:rgba(14,104,171,0.8);--glow-color:rgba(14,104,171,0.3)}.foil-card[data-colors*=B]{--border-color-1:rgba(21,11,0,0.9);--border-color-2:rgba(75,60,50,0.8);--glow-color:rgba(100,70,50,0.2)}.foil-card[data-colors*=R]{--border-color-1:rgba(211,32,42,0.8);--glow-color:rgba(211,32,42,0.3)}.foil-card[data-colors*=G]{--border-color-1:rgba(0,115,62,0.8);--glow-color:rgba(0,115,62,0.3)}.foil-card[data-colors="B,R"],.foil-card[data-colors="R,B"]{--border-color-1:rgba(211,32,42,0.8);--border-color-2:rgba(75,60,50,0.8);--glow-color:rgba(150,50,40,0.3);background:linear-gradient(135deg,#1a0a0a,#0a0505)}.foil-card[data-colors="B,U"],.foil-card[data-colors="U,B"]{--border-color-1:rgba(14,104,171,0.8);--border-color-2:rgba(75,60,50,0.8);--glow-color:rgba(50,70,100,0.3)}.foil-card[data-colors="U,W"],.foil-card[data-colors="W,U"]{--border-color-1:rgba(248,231,185,0.7);--border-color-2:rgba(14,104,171,0.8);--glow-color:rgba(150,180,200,0.3)}.foil-card[data-multicolor=true]{--border-color-1:rgba(212,175,55,0.8);--glow-color:rgba(212,175,55,0.3)}.foil-card[data-colors=""]{--border-color-1:rgba(180,180,180,0.5);--glow-color:rgba(150,150,150,0.2)}.foil-card-image{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.foil-card-image,.foil-shine{border-radius:var(--card-radius);pointer-events:none}.foil-shine{position:absolute;inset:0;z-index:2;mix-blend-mode:color-dodge;opacity:0;transition:opacity .3s ease;background:linear-gradient(115deg,transparent 20%,rgba(255,219,112,.15) 35%,rgba(132,50,255,.15) 42%,rgba(50,200,255,.15) 50%,rgba(50,255,132,.15) 58%,rgba(255,50,112,.15) 65%,transparent 80%);background-size:300% 300%;background-position:var(--background-x) var(--background-y);filter:blur(2px)}.foil-card-shell.active .foil-shine{opacity:1;animation:foil-shimmer 3s ease infinite}@keyframes foil-shimmer{0%,to{filter:blur(2px) brightness(1)}50%{filter:blur(3px) brightness(1.2)}}.foil-card.reduced-motion .foil-shine{animation:none;opacity:.3;background-position:50% 50%}.foil-glare{position:absolute;inset:0;border-radius:var(--card-radius);pointer-events:none;z-index:3;opacity:0;transition:opacity .2s ease;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.25) 0,rgba(255,255,255,.1) 20%,transparent 60%)}.foil-card-shell.active .foil-glare{opacity:1}.foil-card.reduced-motion .foil-glare{display:none}.electric-border{position:absolute;inset:-3px;border-radius:calc(var(--card-radius) + 3px);pointer-events:none;z-index:-1;background:linear-gradient(90deg,#5227ff,#00d4ff,#5227ff,#00d4ff,#5227ff);background-size:400% 100%;animation:electric-flow 2s linear infinite;opacity:.8;filter:blur(4px)}@keyframes electric-flow{0%{background-position:0 50%}to{background-position:400% 50%}}.foil-card.reduced-motion .electric-border{animation:none;background:linear-gradient(90deg,#5227ff,#00d4ff);opacity:.6}.foil-card-skeleton{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.foil-card.reduced-motion .foil-card-skeleton{animation:none;background:#2a2a2a}.foil-card-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border-radius:var(--card-radius);color:#f0f0f0}.foil-card-fallback-name{font-size:1rem;font-weight:600;margin-bottom:.5rem}.foil-card-fallback-type{font-size:.75rem;opacity:.7}.foil-card-glow{position:absolute;inset:10%;border-radius:var(--card-radius);z-index:-2;background:var(--glow-color);filter:blur(30px);opacity:0;transition:opacity .3s ease}.foil-card-wrapper:hover .foil-card-glow{opacity:1}.foil-card.reduced-motion+.foil-card-glow{display:none}