.battle-scene{z-index:0;background-color:#050308;background-image:var(--battle-bg,url(/art/arena-background1.webp));background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;overflow:hidden}.battle-scene--pve{--battle-bg:url(/backgrounds/pve-arena-mobile.webp)}.battle-scene--pvp{--battle-bg:url(/backgrounds/pvp-arena-mobile.webp)}@media (min-width:640px){.battle-scene--pve{--battle-bg:url(/backgrounds/pve-arena-desktop.webp)}.battle-scene--pvp{--battle-bg:url(/backgrounds/pvp-arena-desktop.webp)}}.battle-scene:before{content:"";background:radial-gradient(38% 38% at 18% 12%,#b6ff1b0f,#0000 60%),radial-gradient(42% 42% at 82% 16%,#ff2bd612,#0000 62%),radial-gradient(50% 50% at 50% 108%,#7850ff1a,#0000 60%);animation:26s ease-in-out infinite alternate battleDrift;position:absolute;inset:-25%}@keyframes battleDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-2%,2%)scale(1.08)}}.battle-vignette{z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,#0000 40%,#0201058c 100%);position:fixed;inset:0}.battle-floor-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(50% 50%,#ff2bd61f,#0000 70%);width:130%;height:60%;position:absolute;bottom:-18%;left:50%;transform:translate(-50%)}@keyframes emberRise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}12%{opacity:var(--ember-opacity,.5)}to{transform:translateY(-120px) translateX(var(--ember-x,8px)) scale(.4);opacity:0}}.battle-ember{background:var(--ember-color,#b6ff1bcc);width:3px;height:3px;box-shadow:0 0 8px 1px var(--ember-color,#b6ff1bb3);animation:emberRise var(--ember-dur,6s) linear infinite;animation-delay:var(--ember-delay,0s);border-radius:999px;position:absolute;bottom:-10px}.snap-loc{transform-style:preserve-3d;transition:transform .25s,box-shadow .25s,filter .25s;position:relative}.snap-loc-diamond{clip-path:polygon(50% 0%,100% 14%,100% 86%,50% 100%,0% 86%,0% 14%);min-height:150px}.snap-loc-card{transition:transform .25s,filter .25s}.snap-loc-score-socket-top{z-index:20;pointer-events:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:6.6%;left:50%;transform:translate(-50%,-50%)}.snap-loc-score-socket-bottom{z-index:20;pointer-events:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;bottom:6.05%;left:50%;transform:translate(-50%,50%)}.snap-loc-score-num{font-family:var(--font-score), var(--font-display), sans-serif;font-variant-numeric:tabular-nums;color:#fff;text-align:center;filter:drop-shadow(0 1px 4px #000000f2);font-size:16px;font-weight:700;line-height:1}.snap-loc-score-num--leading{color:var(--lime);filter:drop-shadow(0 0 10px #b6ff1ba6)}.snap-loc-drop-hot{filter:brightness(1.14)drop-shadow(0 0 14px #b6ff1bb3);transform:translateY(-6px)scale(1.04)}.snap-loc-selectable{cursor:pointer;animation:1.6s ease-in-out infinite locArm}@keyframes locArm{0%,to{filter:drop-shadow(0 0 3px #b6ff1b40)}50%{filter:drop-shadow(0 0 12px #b6ff1b99)}}.snap-loc-art{filter:brightness(.82)saturate(1.05)}.snap-loc-bevel{box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff29,0 18px 50px -12px #000c}.snap-loc-selectable:hover{filter:brightness(1.06);transform:translateY(-4px)}.snap-aura-win{filter:drop-shadow(0 0 14px #b6ff1b73)}.snap-aura-lose{filter:drop-shadow(0 0 13px #ff2b5a66)}.snap-aura-tie{filter:drop-shadow(0 0 11px #a082ff52)}.snap-tutorial-dim{opacity:.32;filter:grayscale(.55)brightness(.7);transition:opacity .4s,filter .4s}.snap-tutorial-spot{transition:filter .4s;animation:1.5s ease-in-out infinite tutorialSpot}@keyframes tutorialSpot{0%,to{filter:drop-shadow(0 0 6px #38bdf866)}50%{filter:drop-shadow(0 0 18px #38bdf8d9)}}@keyframes mysteryPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}.snap-mystery-glow{animation:2.6s ease-in-out infinite mysteryPulse}@keyframes mysterySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snap-mystery-ring{animation:18s linear infinite mysterySpin}@keyframes locFlash{0%{box-shadow:inset 0 0 0 2px #ffd24a00}30%{box-shadow:inset 0 0 0 2px #ffd24ae6,0 0 30px #ffd24a66}to{box-shadow:inset 0 0 0 2px #ffd24a00}}.snap-loc-flash{animation:.9s ease-out locFlash}.snap-hex{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.snap-card-frame{box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff38,0 8px 22px -6px #000000b3}.snap-card-gloss{background:linear-gradient(150deg,#ffffff38 0%,#ffffff0a 30%,#0000 55%)}.snap-card-playable{box-shadow:inset 0 0 0 1px #b6ff1b99,0 0 16px 1px #b6ff1b59,0 8px 22px -6px #000000b3}.snap-art-playable{filter:drop-shadow(0 0 6px #b6ff1b8c)}.snap-art-selected{filter:drop-shadow(0 0 9px #b6ff1be6)brightness(1.05)}.snap-art-staged{filter:drop-shadow(0 0 7px #b6ff1bbf)}@keyframes cardShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-1.5deg)}40%{transform:translate(7px)rotate(1.5deg)}60%{transform:translate(-5px)rotate(-1deg)}80%{transform:translate(5px)rotate(1deg)}}.snap-card-shake{animation:.42s cardShake}@keyframes orbPulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.snap-orb-pulse{animation:.6s cubic-bezier(.34,1.56,.64,1) orbPulse}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snap-orb-ring{animation:9s linear infinite orbSpin}.snap-btn-angled{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.snap-btn-angled-l{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%)}.snap-tally-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}@keyframes tallyBurst{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.snap-tally-burst{animation:.7s cubic-bezier(.16,1,.3,1) forwards tallyBurst}@keyframes tallySlam{0%{filter:blur(6px);opacity:0;transform:scale(2.4)}55%{filter:blur();opacity:1;transform:scale(.92)}75%{transform:scale(1.08)}to{transform:scale(1)}}.snap-tally-slam{animation:.5s cubic-bezier(.22,1,.36,1) forwards tallySlam}@keyframes tallyFade{0%{opacity:1;transform:scale(1)}to{opacity:.35;filter:grayscale(.7);transform:scale(.82)}}.snap-tally-fade{animation:.5s forwards tallyFade}@keyframes pointFly{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:1;transform:translate(0)scale(1.15)}to{transform:translate(var(--fly-x), var(--fly-y)) scale(.7);opacity:0}}.snap-point-fly{animation:.8s cubic-bezier(.5,0,.2,1) forwards pointFly}@keyframes pipLand{0%{opacity:0;transform:scale(2.2)}60%{opacity:1;transform:scale(.9)}to{transform:scale(1)}}.snap-pip-land{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards pipLand}@keyframes verdictShock{0%{opacity:0;transform:scale(.2)}30%{opacity:.9}to{opacity:0;transform:scale(3.2)}}.snap-verdict-shock{animation:.9s cubic-bezier(.16,1,.3,1) forwards verdictShock}@keyframes verdictSlam{0%{opacity:0;letter-spacing:.3em;transform:translateY(-60px)scale(1.8)}45%{opacity:1;letter-spacing:normal;transform:translateY(0)scale(1)}55%{transform:translateY(0)scale(1.04)}to{transform:translateY(0)scale(1)}}.snap-verdict-slam{animation:.7s cubic-bezier(.22,1,.36,1) forwards verdictSlam}@keyframes stageShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}.snap-stage-shake{animation:.4s stageShake}@keyframes tallySweep{0%{opacity:0;transform:translate(-120%)skew(-18deg)}35%{opacity:.7}to{opacity:0;transform:translate(120%)skew(-18deg)}}.snap-tally-sweep{animation:.85s ease-out forwards tallySweep}@media (prefers-reduced-motion:reduce){.snap-tally-burst,.snap-tally-slam,.snap-tally-fade,.snap-point-fly,.snap-pip-land,.snap-verdict-shock,.snap-verdict-slam,.snap-stage-shake,.snap-tally-sweep{animation-duration:.01ms!important}.battle-ember,.snap-mystery-glow,.snap-mystery-ring,.snap-orb-ring,.snap-loc-selectable,.snap-tutorial-spot,.battle-scene:before{animation:none}}