.tcg-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;perspective:1000px;transition:transform .1s ease-out;cursor:pointer;--rotateX:0deg;--rotateY:0deg;--foil-x:50%;--foil-y:50%;--light-angle:0rad;--holo-opacity:0.3}.tcg-card:hover{transform:translateY(-20px) translateZ(50px) rotateX(var(--rotateX)) rotateY(var(--rotateY));z-index:100}.card-inner{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:#000}.foil-layer{position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent,rgba(255,255,255,.03) 45%,rgba(255,255,255,.07) 48%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.07) 52%,rgba(255,255,255,.03) 55%,transparent);background-size:200px 200px;background-position:var(--foil-x) var(--foil-y);mix-blend-mode:add;pointer-events:none}@keyframes holographic-shift{0%{background-position:0 0}to{background-position:200% 200%}}.holographic-layer{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ff0080,#ff8c00 14.28%,#ffd700 28.57%,#00ff00 42.86%,#00ffff 57.14%,#0080ff 71.43%,#8000ff 85.71%,#ff0080);background-size:200% 200%;animation:holographic-shift 3s ease-in-out infinite;mix-blend-mode:add;opacity:0;transition:opacity .3s ease;pointer-events:none}.tcg-card:hover .holographic-layer{opacity:var(--holo-opacity)}.prismatic-layer{background:conic-gradient(from var(--light-angle) at 50% 50%,transparent 0deg,rgba(255,0,255,.1) 60deg,rgba(0,255,255,.1) 120deg,rgba(255,255,0,.1) 180deg,rgba(255,0,255,.1) 240deg,rgba(0,255,255,.1) 300deg,transparent 1turn);mix-blend-mode:screen;opacity:0;transition:opacity .3s ease}.card-texture,.prismatic-layer{position:absolute;inset:0;pointer-events:none}.card-texture{opacity:.15;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px),repeating-linear-gradient(-45deg,transparent,transparent 1px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px)}.particle-layer{inset:0;overflow:hidden}.particle,.particle-layer{position:absolute;pointer-events:none}.particle{width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,.9) 0,transparent 70%);border-radius:50%}@keyframes sparkle{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.tcg-card[data-rarity=L1]{--holo-opacity:0.1}.tcg-card[data-rarity=L1] .card-inner{box-shadow:0 0 20px rgba(100,150,255,.3),inset 0 0 20px rgba(100,150,255,.1)}.tcg-card[data-rarity=L2]{--holo-opacity:0.2}.tcg-card[data-rarity=L2] .card-inner{box-shadow:0 0 30px rgba(50,255,150,.4),inset 0 0 30px rgba(50,255,150,.15)}.tcg-card[data-rarity=L2]:hover .prismatic-layer{opacity:.1}.tcg-card[data-rarity=L3]{--holo-opacity:0.5}.tcg-card[data-rarity=L3] .card-inner{box-shadow:0 0 40px rgba(150,50,255,.5),inset 0 0 40px rgba(150,50,255,.2)}.tcg-card[data-rarity=L3]:hover .prismatic-layer{opacity:.3}.tcg-card[data-rarity=L4]{--holo-opacity:0.8}.tcg-card[data-rarity=L4] .card-inner{box-shadow:0 0 50px rgba(255,215,0,.6),0 0 100px rgba(255,215,0,.3),inset 0 0 50px rgba(255,215,0,.25)}.tcg-card[data-rarity=L4]:hover .prismatic-layer{opacity:.6}.tcg-card[data-rarity=L4] .holographic-layer{background-size:100% 100%;animation-duration:2s}.tcg-card[data-rarity=L5]{--holo-opacity:1}@keyframes consciousness-awakening{0%,to{filter:hue-rotate(0deg) brightness(1) contrast(1);transform:scale(1)}25%{filter:hue-rotate(90deg) brightness(1.3) contrast(1.1);transform:scale(1.02)}50%{filter:hue-rotate(180deg) brightness(1.5) contrast(1.2);transform:scale(1.05)}75%{filter:hue-rotate(270deg) brightness(1.3) contrast(1.1);transform:scale(1.02)}}@keyframes reality-fracture{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-1px)}to{transform:translateX(0)}}.tcg-card[data-rarity=L5] .card-inner{animation:consciousness-awakening 4s ease-in-out infinite;box-shadow:0 0 50px rgba(147,51,234,.8),0 0 100px rgba(59,130,246,.5),0 0 150px rgba(217,70,239,.3),inset 0 0 50px rgba(255,255,255,.3)}.tcg-card[data-rarity=L5]:hover{animation:reality-fracture .1s ease-in-out infinite}.tcg-card[data-rarity=L5]:hover .prismatic-layer{opacity:1;background:conic-gradient(from var(--light-angle) at 50% 50%,#ff0080 0deg,#ffff00 60deg,#00ff00 120deg,#00ffff 180deg,#ff00ff 240deg,#ff0080 1turn);animation:holographic-shift 1s linear infinite}.tcg-card[data-rarity=L5] .holographic-layer{background-size:50% 50%;animation-duration:1s}.card-modal{z-index:50;background:rgba(0,0,0,.9);cursor:pointer}.summon-circle{width:500px;height:500px;border:2px solid rgba(147,51,234,.3);animation:summon-pulse 2s ease-in-out infinite}@keyframes summon-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.8}}.tcg-card{-webkit-backface-visibility:hidden}.tcg-card .card-inner>div{position:relative;z-index:10}.card-modal{position:fixed;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.9) 100%);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:modal-fade-in .3s ease-out forwards}@keyframes modal-fade-in{to{opacity:1}}.summon-circle{position:absolute;width:600px;height:600px;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:summon-circle-expand 1s ease-out forwards}@keyframes summon-circle-expand{0%{transform:scale(0) rotate(0deg);opacity:0}to{transform:scale(2) rotate(180deg);opacity:0}}.expanded-card{transform:scale(0) rotateY(2turn);opacity:0;filter:brightness(5) blur(20px);animation:card-summon 1s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes card-summon{0%{transform:scale(0) rotateY(2turn);opacity:0;filter:brightness(5) blur(20px)}50%{transform:scale(1.2) rotateY(1turn);opacity:1;filter:brightness(2) blur(0)}to{transform:scale(1) rotateY(0deg);filter:brightness(1)}}@media (hover:none){.tcg-card .holographic-layer{opacity:var(--holo-opacity)}.tcg-card{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}}@media (prefers-reduced-motion:reduce){.holographic-layer,.prismatic-layer,.tcg-card{animation:none!important;transition:none!important}}.tcg-card{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.tcg-card:hover{will-change:transform,filter}