.cyber-match-container{position:relative;overflow:hidden}.cyber-grid-bg{pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#00ffff08 1px,#0000 1px),linear-gradient(#00ffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:20s linear infinite grid-scroll;position:absolute;inset:0}@keyframes grid-scroll{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.cyber-glass{-webkit-backdrop-filter:blur(20px);background:#000000b3;border:1px solid #0ff3;box-shadow:0 0 20px #00ffff1a,inset 0 0 40px #0000004d}.cyber-glass-pink{-webkit-backdrop-filter:blur(20px);background:#000000b3;border:1px solid #ec48994d;box-shadow:0 0 20px #ec48991a,inset 0 0 40px #0000004d}.cyber-glass-purple{-webkit-backdrop-filter:blur(20px);background:#000000b3;border:1px solid #9333ea4d;box-shadow:0 0 20px #9333ea1a,inset 0 0 40px #0000004d}.cyber-title{text-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d;position:relative}.cyber-title:before,.cyber-title:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.cyber-title:before{text-shadow:-2px 0 #f06;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:2s linear infinite alternate-reverse glitch-1;left:2px}.cyber-title:after{text-shadow:2px 0 #0ff;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:3s linear infinite alternate-reverse glitch-2;left:-2px}@keyframes glitch-1{0%,to{opacity:1;transform:translate(0)}20%{opacity:.8;transform:translate(-2px,2px)}40%{opacity:.6;transform:translate(2px,-2px)}60%{opacity:.8;transform:translate(-1px,1px)}80%{opacity:1;transform:translate(1px,-1px)}}@keyframes glitch-2{0%,to{opacity:1;transform:translate(0)}25%{opacity:.8;transform:translate(2px,2px)}50%{opacity:.6;transform:translate(-2px,-2px)}75%{opacity:.8;transform:translate(1px,1px)}}.cyber-cta-primary{background:linear-gradient(135deg,#0ff3,#00ffff0d);border:2px solid #00ffff80;transition:all .3s}.cyber-cta-primary:hover{background:linear-gradient(135deg,#00ffff4d,#00ffff1a);border-color:#0ffc;transform:translateY(-2px);box-shadow:0 0 30px #00ffff4d}.cyber-cta-secondary{background:linear-gradient(135deg,#ec489933,#ec48990d);border:2px solid #ec489980;transition:all .3s}.cyber-cta-secondary:hover{background:linear-gradient(135deg,#ec48994d,#ec48991a);border-color:#ec4899cc;transform:translateY(-2px);box-shadow:0 0 30px #ec48994d}.streak-meter{background:#00000080;border-radius:4px;height:8px;position:relative;overflow:hidden}.streak-meter-fill{background:linear-gradient(90deg,#ff6b00,#f06,#ff6b00) 0 0/200% 100%;height:100%;transition:width .3s;animation:1s infinite flame-gradient}@keyframes flame-gradient{0%,to{background-position:0%}50%{background-position:100%}}.flame-icon{animation:.5s ease-in-out infinite alternate flame-flicker}@keyframes flame-flicker{0%{opacity:.9;transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1.1)translateY(-2px)}}.combo-glow{text-shadow:0 0 10px,0 0 20px,0 0 40px;animation:.5s ease-in-out infinite alternate combo-pulse}@keyframes combo-pulse{0%{filter:brightness()}to{filter:brightness(1.3)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:.3s ease-in-out shake}@keyframes match-glow{0%{box-shadow:0 0 20px #4ade8080}50%{box-shadow:0 0 40px #4ade80cc}to{box-shadow:0 0 20px #4ade8080}}.animate-match-glow{animation:.5s ease-out match-glow}@keyframes lightning-strike{0%{opacity:1;filter:brightness(2)}15%{opacity:.3;filter:brightness()}30%{opacity:1;filter:brightness(2.5)}50%{opacity:.8;filter:brightness(1.5)}70%{opacity:.2;filter:brightness()}to{opacity:0;filter:brightness()}}.animate-lightning-strike{animation:.6s ease-out forwards lightning-strike}@keyframes grid-pulse{0%,to{opacity:.15}50%{opacity:.25}}.animate-grid-pulse{animation:4s ease-in-out infinite grid-pulse}.victory-neon-pulse{animation:1s infinite neon-pulse-effect}@keyframes neon-pulse-effect{0%,to{box-shadow:0 0 20px #00ffff80,0 0 40px #00ffff4d}50%{box-shadow:0 0 40px #0ffc,0 0 80px #00ffff80}}.leaderboard-you{border-left:3px solid #0ff;background:linear-gradient(90deg,#00ffff1a,#0000)!important}.activity-ticker{white-space:nowrap;overflow:hidden}.activity-ticker-content{animation:30s linear infinite ticker-scroll;display:inline-block}@keyframes ticker-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.match-supernova-stage{z-index:2147483000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.match-supernova-canvas{pointer-events:none;z-index:2147483646;mix-blend-mode:screen;will-change:opacity;contain:strict;display:block;position:fixed}.match-supernova-fallback,.match-supernova-whiteout,.match-supernova-ring,.fixed-cosmic-ray,.fixed-explosion-shard,.fixed-explosion-spark,.fixed-cosmic-star{left:var(--boom-x);top:var(--boom-y);pointer-events:none;z-index:2147483647;mix-blend-mode:screen;will-change:transform, opacity;position:fixed}.match-supernova-whiteout{filter:blur(1px)saturate(1.6);background:radial-gradient(circle,#fff 0%,#fff478 9%,#00f5ffe6 22%,#ff2bd6c7 40%,#ff7a2b73 58%,#0000 76%);border-radius:9999px;width:min(90vw,900px);height:min(90vw,900px);animation:1.35s ease-out forwards fixed-whiteout;transform:translate(-50%,-50%)}.match-supernova-fallback{background:radial-gradient(circle,#fff 0%,#0000 9%),repeating-conic-gradient(#00f5fff2 0deg 7deg,#0000 7deg 13deg,#ff2bd6e6 13deg 20deg,#0000 20deg 29deg,#fff15ae6 29deg 34deg,#0000 34deg 45deg),radial-gradient(circle,#00f5ffb8 0%,#ff2bd68c 32%,#fff15a40 54%,#0000 74%);border-radius:9999px;width:min(120vw,1120px);height:min(120vw,1120px);animation:2.05s ease-out forwards fixed-supernova-bloom;transform:translate(-50%,-50%);box-shadow:0 0 60px #fff,0 0 150px #00f5ffe6,0 0 260px #ff2bd6a6}.match-supernova-ring{border:8px solid var(--match-ring-a,#00f5fff5);width:min(70vw,560px);height:min(70vw,560px);box-shadow:0 0 28px var(--match-ring-glow-a,#00f5ff);opacity:0;backface-visibility:hidden;border-radius:9999px;animation:1.55s ease-out forwards match-supernova-ring-burst;transform:translate(-50%,-50%)scale(.06)}.match-supernova-ring-2{border-color:var(--match-ring-b,#ff2bd6c7);border-width:6px;width:min(88vw,760px);height:min(88vw,760px);animation-delay:80ms}.fixed-cosmic-ray{transform-origin:50% 0;background:linear-gradient(to bottom, hsla(var(--ray-hue), 100%, 92%, 1) 0%, hsla(var(--ray-hue), 100%, 62%, .95) 22%, hsla(var(--ray-hue), 100%, 54%, .52) 62%, transparent 100%);width:16px;filter:blur(1px) drop-shadow(0 0 24px hsla(var(--ray-hue), 100%, 65%, 1));opacity:0;animation:fixed-ray-blast 1.45s var(--ray-delay) cubic-bezier(.12, .86, .25, 1) forwards;border-radius:9999px}.fixed-explosion-shard{opacity:0;animation:fixed-shard-fly 1.35s var(--shard-delay) cubic-bezier(.08, .82, .22, 1) forwards;background:linear-gradient(135deg,#fff 0%,#00f5ff 30%,#ff2bd6 74%,#fff15a 100%);border:1px solid #ffffffe6;border-radius:3px;box-shadow:0 0 18px #00f5ff,0 0 36px #ff2bd6e6}.fixed-explosion-spark{background:var(--spark-color,#00f5ff);box-shadow:0 0 14px var(--spark-color,#00f5ff), 0 0 34px var(--spark-color,#00f5ff), 0 0 64px var(--spark-color,#00f5ff);opacity:0;animation:fixed-spark-fly 1.25s var(--spark-delay) cubic-bezier(.05, .84, .22, 1) forwards;border-radius:9999px}.fixed-cosmic-star{opacity:0;animation:fixed-star-pop 1.8s var(--star-delay) ease-out forwards;background:#fff;border-radius:9999px;box-shadow:0 0 10px #fff,0 0 24px #00f5ffe6,0 0 46px #ff2bd6cc}.supernova-static-core,.supernova-static-ring,.supernova-static-ray,.supernova-static-shard,.supernova-static-spark,.supernova-static-star{left:var(--boom-x);top:var(--boom-y);pointer-events:none;z-index:2147483647;position:fixed;opacity:1!important;mix-blend-mode:normal!important}.supernova-static-core{background:radial-gradient(circle,#fff 0 8%,#fff15a 9% 18%,#ff2bd6 28%,#00f5ff 48%,#00f5ff4d 64%,#0000 72%);border-radius:9999px;width:min(58vw,520px);height:min(58vw,520px);transform:translate(-50%,-50%);box-shadow:0 0 80px #fff,0 0 190px #00f5ff,0 0 320px #ff2bd6}.supernova-static-ring{border:10px solid #00f5fff2;border-radius:9999px;transform:translate(-50%,-50%);box-shadow:0 0 34px #00f5ff,inset 0 0 44px #ff2bd6}.supernova-static-ring-1{width:min(72vw,660px);height:min(72vw,660px)}.supernova-static-ring-2{border-color:#ff2bd6bf;width:min(94vw,860px);height:min(94vw,860px)}.supernova-static-ray{transform-origin:50% 0;filter:drop-shadow(0 0 22px #fff)drop-shadow(0 0 48px #00f5ff);border-radius:9999px;width:22px!important}.supernova-static-shard{border:2px solid #fff;background:linear-gradient(135deg,#fff,#00f5ff,#ff2bd6,#fff15a)!important;box-shadow:0 0 24px #fff,0 0 50px #ff2bd6!important}.supernova-static-spark{border-radius:9999px}.supernova-static-star{background:#fff;border-radius:9999px;box-shadow:0 0 16px #fff,0 0 38px #00f5ff!important}@keyframes fixed-whiteout{0%{opacity:0;transform:translate(-50%,-50%)scale(.05)}8%{opacity:1;transform:translate(-50%,-50%)scale(.42)}32%{opacity:.95;transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(22px)saturate(2);transform:translate(-50%,-50%)scale(2.2)}}@keyframes fixed-supernova-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.04)rotate(0)}10%{opacity:1;transform:translate(-50%,-50%)scale(.26)rotate(18deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(.72)rotate(68deg)}62%{opacity:.82;transform:translate(-50%,-50%)scale(1.18)rotate(150deg)}to{opacity:0;filter:blur(18px);transform:translate(-50%,-50%)scale(1.85)rotate(260deg)}}@keyframes match-supernova-ring-burst{0%{opacity:0;filter:brightness(2.6);transform:translate(-50%,-50%)scale(.08)}12%{opacity:1;filter:brightness(2);transform:translate(-50%,-50%)scale(.38)}54%{opacity:.9;transform:translate(-50%,-50%)scale(.94)}to{opacity:0;filter:blur(12px);transform:translate(-50%,-50%)scale(1.45)}}@keyframes fixed-ray-blast{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--ray-angle)) scaleY(0) scaleX(.35)}12%{opacity:1;transform:translate(-50%, -50%) rotate(var(--ray-angle)) scaleY(.45) scaleX(1.5)}62%{opacity:.9;transform:translate(-50%, -50%) rotate(var(--ray-angle)) scaleY(1.12) scaleX(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--ray-angle)) scaleY(1.3) scaleX(.12)}}@keyframes fixed-shard-fly{0%{opacity:1;filter:brightness(4);transform:translate(-50%,-50%)rotate(0)scale(1.3)}22%{opacity:1;transform:translate(calc(-50% + var(--shard-mid-x)), calc(-50% + var(--shard-mid-y))) rotate(calc(var(--shard-rotation) * .32)) scale(1.65);filter:brightness(2.8)}to{opacity:0;transform:translate(calc(-50% + var(--shard-dx)), calc(-50% + var(--shard-dy) + 56px)) rotate(var(--shard-rotation)) scale(.22);filter:brightness(.4)}}@keyframes fixed-spark-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}36%{opacity:1;transform:translate(calc(-50% + var(--spark-mid-x)), calc(-50% + var(--spark-mid-y))) scale(2.35)}to{opacity:0;transform:translate(calc(-50% + var(--spark-dx)), calc(-50% + var(--spark-dy))) scale(0)}}@keyframes fixed-star-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.7)}68%{opacity:.95;transform:translate(calc(-50% + var(--star-x)), calc(-50% + var(--star-y))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--star-x)), calc(-50% + var(--star-y))) scale(.2)}}html.low-perf .match-supernova-stage,html.low-perf .match-supernova-stage *,html.low-perf .match-supernova-canvas{transition-duration:inherit!important}html.low-perf .match-supernova-fallback{animation:2.05s ease-out forwards fixed-supernova-bloom!important}html.low-perf .match-supernova-whiteout{animation:1.35s ease-out forwards fixed-whiteout!important}html.low-perf .match-supernova-ring{animation:1.55s ease-out forwards match-supernova-ring-burst!important}html.low-perf .match-supernova-ring-2{animation-delay:80ms!important}html.low-perf .fixed-cosmic-ray{animation:fixed-ray-blast 1.45s var(--ray-delay) cubic-bezier(.12, .86, .25, 1) forwards!important}html.low-perf .fixed-explosion-shard{animation:fixed-shard-fly 1.35s var(--shard-delay) cubic-bezier(.08, .82, .22, 1) forwards!important}html.low-perf .fixed-explosion-spark{animation:fixed-spark-fly 1.25s var(--spark-delay) cubic-bezier(.05, .84, .22, 1) forwards!important}html.low-perf .fixed-cosmic-star{animation:fixed-star-pop 1.8s var(--star-delay) ease-out forwards!important}html.low-perf .explosion-card-destroy{animation:.9s cubic-bezier(.34,1.56,.64,1) 50ms forwards card-destroy!important}@media (prefers-reduced-motion:reduce){.match-supernova-fallback{animation:2.05s ease-out forwards fixed-supernova-bloom!important}.match-supernova-whiteout{animation:1.35s ease-out forwards fixed-whiteout!important}.match-supernova-ring{animation:1.55s ease-out forwards match-supernova-ring-burst!important}.match-supernova-ring-2{animation-delay:80ms!important}.fixed-cosmic-ray{animation:fixed-ray-blast 1.45s var(--ray-delay) cubic-bezier(.12, .86, .25, 1) forwards!important}.fixed-explosion-shard{animation:fixed-shard-fly 1.35s var(--shard-delay) cubic-bezier(.08, .82, .22, 1) forwards!important}.fixed-explosion-spark{animation:fixed-spark-fly 1.25s var(--spark-delay) cubic-bezier(.05, .84, .22, 1) forwards!important}.fixed-cosmic-star{animation:fixed-star-pop 1.8s var(--star-delay) ease-out forwards!important}.explosion-card-destroy{animation:.9s cubic-bezier(.34,1.56,.64,1) 50ms forwards card-destroy!important}}.match-supernova-origin{pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:visible}.match-supernova-fixed-origin{left:var(--boom-x);top:var(--boom-y);width:var(--boom-size);height:var(--boom-height);inset:auto;transform:translate(-50%,-50%)}.card-charging{will-change:transform;animation:.32s ease-out forwards card-charge-up}@keyframes card-charge-up{0%{transform:rotateY(180deg)scale(1)}55%{transform:rotateY(180deg)scale(1.14)}to{transform:rotateY(180deg)scale(1.22)}}.card-charge-overlay{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:0;will-change:opacity, transform;background:radial-gradient(circle,#fffffff2 0%,#00f5ff99 35%,#ff2bd659 70%,#0000 100%);animation:.32s ease-out forwards card-charge-flash;position:absolute;inset:0}@keyframes card-charge-flash{0%{opacity:0;transform:scale(.6)}60%{opacity:.95;transform:scale(1.05)}to{opacity:1;transform:scale(1.15)}}.card-shatter-fade{will-change:opacity;animation:.22s ease-out forwards card-shatter-fade}@keyframes card-shatter-fade{0%{opacity:1}40%{opacity:.6}to{opacity:0}}.card-shard{transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;border-radius:6px;animation:1.1s cubic-bezier(.22,.61,.36,1) forwards card-shard-fly;position:absolute;inset:0}@keyframes card-shard-fly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}15%{opacity:1;transform:translate3d(calc(var(--sx) * .15), calc(var(--sy) * .1), 0) rotate(calc(var(--sr) * .2)) scale(1.06)}70%{opacity:.85;transform:translate3d(calc(var(--sx) * .85), calc(var(--sy) * .85 + 30px), 0) rotate(calc(var(--sr) * .85)) scale(.85)}to{opacity:0;transform:translate3d(var(--sx), calc(var(--sy) + 90px), 0) rotate(var(--sr)) scale(.4)}}@media (width<=640px){.card-shard{animation-duration:.9s}.card-charging,.card-charge-overlay{animation-duration:.26s}}.explosion-card-destroy{animation:.22s ease-out forwards card-shatter-fade}@keyframes card-destroy{0%{opacity:1}to{opacity:0}}.explosion-screen-flash{z-index:50;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fff 0%,#0ff 14%,#ff00ffe6 34%,#ffc80085 56%,#0000 78%);animation:1.1s ease-out forwards screen-flash;position:absolute;inset:-420%}@keyframes screen-flash{0%{opacity:0;transform:scale(.1)}8%{opacity:1;transform:scale(1.1)}20%{opacity:1;transform:scale(1.8)}to{opacity:0;transform:scale(3.4)}}.explosion-fireball{mix-blend-mode:screen;filter:blur(1px);z-index:45;background:radial-gradient(circle,#fff 0%,#ffff96f2 12%,#ffb400d9 28%,#ff3c00b3 48%,#dc008c66 68%,#0000 88%);border-radius:50%;animation:1.45s ease-out forwards fireball;position:absolute;inset:-190%}@keyframes fireball{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(.85)}30%{opacity:1;transform:scale(1.35)}55%{opacity:.85;transform:scale(1.75)}to{opacity:0;filter:blur(16px);transform:scale(2.7)}}.explosion-shockwave{z-index:55;border:7px solid #0ff;border-radius:50%;position:absolute;box-shadow:0 0 55px #00ffffe6,0 0 110px #f0f9,inset 0 0 55px #00ffff73}.explosion-shockwave-1{animation:1.3s ease-out forwards shockwave}.explosion-shockwave-2{border-color:#ff00ffd9;animation:1.45s ease-out .12s forwards shockwave;box-shadow:0 0 40px #f0f9,0 0 80px #ff780066}.explosion-shockwave-3{border-width:5px;border-color:#ffdc00bf;animation:1.35s ease-out .2s forwards shockwave;box-shadow:0 0 30px #ffc8008c}@keyframes shockwave{0%{opacity:0;transform:scale(0)}15%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(6.2)}}.cosmic-nebula{mix-blend-mode:screen;filter:blur(18px);opacity:0;z-index:30;background:radial-gradient(circle at 35% 40%,#8c3cff8c 0%,#0000 40%),radial-gradient(circle at 65% 55%,#00dcff80 0%,#0000 45%),radial-gradient(circle,#ff50c873 0%,#0000 55%),radial-gradient(circle at 45% 65%,#ffc83c59 0%,#0000 40%);border-radius:50%;animation:2.25s ease-out forwards cosmic-nebula;position:absolute;inset:-360%}@keyframes cosmic-nebula{0%{opacity:0;transform:scale(.1)rotate(0)}15%{opacity:1;transform:scale(.6)rotate(25deg)}55%{opacity:.9;transform:scale(1.3)rotate(90deg)}to{opacity:0;filter:blur(44px);transform:scale(2.9)rotate(180deg)}}.cosmic-ray{transform-origin:50% 0;width:10px;transform:translate(-50%, 0) rotate(var(--ray-angle));background:linear-gradient(to bottom, hsla(var(--ray-hue), 100%, 90%, 1) 0%, hsla(var(--ray-hue), 100%, 65%, .9) 15%, hsla(var(--ray-hue), 100%, 55%, .5) 55%, transparent 100%);filter:blur(1.5px) drop-shadow(0 0 18px hsla(var(--ray-hue), 100%, 60%, 1));mix-blend-mode:screen;animation:cosmic-ray 1.7s var(--ray-delay) cubic-bezier(.15, .85, .35, 1) forwards;opacity:0;z-index:58;border-radius:3px;position:absolute}@keyframes cosmic-ray{0%{opacity:0;transform:translate(-50%, 0) rotate(var(--ray-angle)) scaleY(0) scaleX(.4)}15%{opacity:1;transform:translate(-50%, 0) rotate(var(--ray-angle)) scaleY(.35) scaleX(1.3)}55%{opacity:.9;transform:translate(-50%, 0) rotate(var(--ray-angle)) scaleY(1) scaleX(1)}to{opacity:0;transform:translate(-50%, 0) rotate(var(--ray-angle)) scaleY(1.15) scaleX(.15)}}.cosmic-star{animation:cosmic-star 1.8s var(--star-delay) ease-out forwards;opacity:0;z-index:70;background:radial-gradient(circle,#fff 0%,#b4dcffe6 40%,#0000 100%);border-radius:50%;position:absolute;box-shadow:0 0 8px #fff,0 0 16px #a0dcffcc,0 0 24px #ffb4f080}@keyframes cosmic-star{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}70%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.3)}}.explosion-shard{animation:shard-fly 1.45s var(--shard-delay) cubic-bezier(.12, .78, .25, 1) forwards;opacity:0;z-index:90;background:linear-gradient(135deg,#0ff 0%,#0a0a2e 40%,#f0f 100%);border:1px solid #0ff9;border-radius:2px;box-shadow:0 0 14px #00ffffe6,0 0 28px #f0f9}@keyframes shard-fly{0%{opacity:1;filter:brightness(3);transform:translate(-50%,-50%)rotate(0)translate(0)scale(1)}20%{opacity:1;transform:translate(calc(-50% + var(--shard-mid-x)), calc(-50% + var(--shard-mid-y))) rotate(calc(var(--shard-rotation) * .3)) scale(1.45);filter:brightness(2)}to{opacity:0;transform:translate(calc(-50% + var(--shard-dx)), calc(-50% + var(--shard-dy) + 42px)) rotate(var(--shard-rotation)) scale(.35);filter:brightness(.5)}}.explosion-spark{background:var(--spark-color,#0ff);box-shadow:0 0 10px var(--spark-color,#0ff), 0 0 22px var(--spark-color,#0ff), 0 0 36px var(--spark-color,#0ff);animation:spark-fly 1.05s var(--spark-delay) cubic-bezier(.08, .82, .22, 1) forwards;opacity:0;z-index:100;border-radius:50%}@keyframes spark-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}40%{opacity:1;transform:translate(calc(-50% + var(--spark-mid-x)), calc(-50% + var(--spark-mid-y))) scale(1.9)}to{opacity:0;transform:translate(calc(-50% + var(--spark-dx)), calc(-50% + var(--spark-dy))) scale(0)}}.explosion-ember{animation:ember-float 1.75s var(--ember-delay) ease-out forwards;opacity:0;z-index:75;background:radial-gradient(circle,#fa0 0%,#f40 60%,#0000 100%);border-radius:50%;box-shadow:0 0 10px #f60,0 0 18px #f40}@keyframes ember-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(calc(-50% + var(--ember-mid-x)), calc(-50% + var(--ember-mid-y))) scale(1.25)}70%{opacity:.6;transform:translate(calc(-50% + var(--ember-far-x) + var(--ember-drift)), calc(-50% + var(--ember-far-y))) scale(.9)}to{opacity:0;transform:translate(calc(-50% + var(--ember-dx) + var(--ember-drift) * 2), calc(-50% + var(--ember-dy) + 30px)) scale(.25)}}.explosion-smoke{animation:smoke-puff 1.65s var(--smoke-delay) ease-out forwards;opacity:0;filter:blur(6px);z-index:20;background:radial-gradient(circle,#64507880 0%,#3c28504d 40%,#0000 70%);border-radius:50%}@keyframes smoke-puff{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}30%{opacity:.6;transform:translate(-50%,-60%)scale(.8)}to{opacity:0;filter:blur(12px);transform:translate(-50%,-100%)scale(1.5)}}.deck-plasma-bg{background:radial-gradient(#ec489926 0%,#0000 70%)}.deck-plasma-orb{filter:blur(12px);mix-blend-mode:screen;border-radius:50%}.deck-plasma-orb-1{background:radial-gradient(circle at 30% 40%,#ec489980 0%,#0000 60%);animation:3s ease-in-out infinite plasma-drift-1}.deck-plasma-orb-2{background:radial-gradient(circle at 70% 60%,#a855f766 0%,#0000 60%);animation:4s ease-in-out infinite plasma-drift-2}.deck-plasma-orb-3{background:radial-gradient(circle at 50% 30%,#fb718559 0%,#0000 50%);animation:3.5s ease-in-out infinite plasma-drift-3}.deck-plasma-pulse{animation:2s ease-in-out infinite plasma-pulse}@keyframes plasma-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15%,-10%)scale(1.2)}}@keyframes plasma-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20%,15%)scale(1.1)}}@keyframes plasma-drift-3{0%,to{transform:translate(0)scale(.9)}50%{transform:translate(10%,20%)scale(1.3)}}@keyframes plasma-pulse{0%,to{opacity:.6;transform:scale(1);box-shadow:0 0 10px #ec489966}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 25px #ec4899cc}}.deck-matrix-grid{background-color:#0000;background-image:linear-gradient(0deg,#34d3990d 1px,#0000 1px),linear-gradient(90deg,#34d3990d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.deck-matrix-drop{background:linear-gradient(#0000,#34d399cc,#0000);border-radius:1px;width:2px;height:30%;animation:1.5s linear infinite matrix-fall;top:-20%;box-shadow:0 0 4px #34d39999}.deck-matrix-glow{text-shadow:0 0 8px #34d399cc,0 0 16px #34d39966;animation:2s ease-in-out infinite matrix-text-pulse}@keyframes matrix-fall{0%{opacity:0;transform:translateY(-20%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(400%)}}@keyframes matrix-text-pulse{0%,to{opacity:.7}50%{opacity:1}}.deck-vortex-bg{background:radial-gradient(#6366f126 0%,#0000 70%)}.deck-vortex-ring{mix-blend-mode:screen;border:1px solid #818cf833;border-radius:50%}.deck-vortex-ring-1{border-width:1px 1px 0 0;border-color:#818cf840;animation:6s linear infinite vortex-spin}.deck-vortex-ring-2{border-width:0 1px 1px 0;border-color:#a855f733;animation:4s linear infinite reverse vortex-spin}.deck-vortex-ring-3{border-width:1px 0 0 1px;border-color:#6366f126;animation:8s linear infinite vortex-spin}.deck-vortex-star{background:#fff;border-radius:50%;width:2px;height:2px;animation:2s ease-in-out infinite vortex-twinkle;box-shadow:0 0 4px #c7d2fecc}@keyframes vortex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vortex-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}