.arena-scene{isolation:isolate;position:relative;overflow:hidden}.arena-scene:before{content:"";z-index:-3;transition:background .9s;position:absolute;inset:0}.arena-scene[data-sky=day]:before{background:linear-gradient(#6fc3ff 0%,#b9e6ff 55%,#dff7e8 100%)}.arena-scene[data-sky=night]:before{background:linear-gradient(#050b1e 0%,#0b1b3f 55%,#10321e 100%)}.arena-ground{z-index:-2;transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#1f8a4c 0 7%,#24a05a 7% 14%);border-radius:50% 50% 0 0/30% 30% 0 0;height:46%;transition:filter .9s;position:absolute;bottom:-6%;left:-20%;right:-20%;transform:perspective(700px)rotateX(58deg);box-shadow:inset 0 -40px 120px #00000040}.arena-scene[data-sky=night] .arena-ground{filter:brightness(.55)saturate(.8)}.arena-pitch{transform-origin:50% 100%;z-index:-1;background:linear-gradient(#d9c48f,#c8b27a);border-radius:6px;width:9rem;height:22%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)perspective(600px)rotateX(55deg);box-shadow:0 0 30px #00000040}.arena-stumps{z-index:0;gap:5px;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.arena-stumps i{background:linear-gradient(#f6e7c1,#b48a3c);border-radius:2px;width:4px;height:34px;display:block;box-shadow:0 2px 6px #0006}.arena-sun{z-index:-2;background:radial-gradient(circle at 40% 40%,#fff7c2,#ffd23f 60%,#ffd23f00 72%);border-radius:50%;width:90px;height:90px;transition:opacity .9s,transform .9s;animation:6s ease-in-out infinite arena-pulse;position:absolute;top:9%;right:12%}.arena-moon{z-index:-2;background:radial-gradient(circle at 35% 35%,#fff,#dfe7ff 55%,#aab6d8 100%);border-radius:50%;width:70px;height:70px;transition:opacity .9s,transform .9s;position:absolute;top:8%;right:13%;box-shadow:0 0 60px 18px #c8d7ff59}.arena-scene[data-sky=night] .arena-sun,.arena-scene[data-sky=day] .arena-moon{opacity:0;transform:translateY(40px)scale(.6)}.arena-stars{z-index:-2;opacity:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 28% 32%,#fff,#0000),radial-gradient(1.5px 1.5px at 44% 12%,#fff,#0000),radial-gradient(1px 1px at 61% 26%,#fff,#0000),radial-gradient(1.5px 1.5px at 74% 9%,#fff,#0000),radial-gradient(1px 1px at 86% 30%,#fff,#0000),radial-gradient(1px 1px at 8% 44%,#fff,#0000),radial-gradient(1.5px 1.5px at 52% 40%,#fff,#0000),radial-gradient(1px 1px at 93% 46%,#fff,#0000),radial-gradient(1px 1px at 35%,#fff,#0000);transition:opacity .9s;animation:3.5s ease-in-out infinite arena-twinkle;position:absolute;inset:0}.arena-scene[data-sky=night] .arena-stars{opacity:.9}.arena-cloud{z-index:-2;filter:blur(1px);background:#ffffffd9;border-radius:999px;width:160px;height:46px;transition:opacity .9s;animation:38s linear infinite arena-drift;position:absolute}.arena-cloud:after{content:"";background:inherit;border-radius:50%;width:80px;height:60px;position:absolute;top:-22px;left:30px}.arena-scene[data-sky=night] .arena-cloud{opacity:.12}.arena-tower{z-index:-1;background:linear-gradient(#5b6470,#2b3138);border-radius:3px;width:6px;height:34%;position:absolute;bottom:20%}.arena-tower:before{content:"";background:#3a4149;border-radius:4px;width:34px;height:14px;position:absolute;top:-10px;left:-14px}.arena-tower:after{content:"";z-index:-1;opacity:0;background:conic-gradient(from 160deg at 50% 0,#fffac800 0deg,#fffac873 20deg,#fffac800 40deg);width:260px;height:320px;transition:opacity .9s;position:absolute;top:-6px;left:-110px}.arena-scene[data-sky=night] .arena-tower:after{opacity:1;animation:7s ease-in-out infinite arena-flicker}.arena-ball{z-index:1;background:radial-gradient(circle at 35% 30%,#ff6b6b,#b91c1c 55%,#6b0f0f 100%);border-radius:50%;width:34px;height:34px;animation:4.2s cubic-bezier(.4,0,.6,1) infinite arena-bounce;position:absolute;bottom:26%;left:18%;box-shadow:inset -6px -6px 12px #00000059,0 10px 18px #00000059}.arena-ball:before{content:"";border-left:2px dashed #ffffffd9;border-radius:50%;animation:1.1s linear infinite arena-spin;position:absolute;inset:0;transform:rotate(-20deg)}.arena-ball-shadow{filter:blur(2px);background:#00000059;border-radius:50%;width:34px;height:8px;animation:4.2s cubic-bezier(.4,0,.6,1) infinite arena-shadow;position:absolute;bottom:25%;left:18%}@keyframes arena-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes arena-twinkle{0%,to{opacity:.9}50%{opacity:.5}}@keyframes arena-drift{0%{transform:translate(-30vw)}to{transform:translate(110vw)}}@keyframes arena-flicker{0%,to{opacity:1}47%{opacity:.85}52%{opacity:1}80%{opacity:.9}}@keyframes arena-bounce{0%{transform:translate(0)scale(1)}25%{transform:translate(18vw,-120px)scale(.95)}50%{transform:translate(36vw)scale(1)}75%{transform:translate(54vw,-70px)scale(.97)}to{transform:translate(72vw)scale(1)}}@keyframes arena-shadow{0%{opacity:.35;transform:translate(0)scale(1)}25%{opacity:.15;transform:translate(18vw)scale(.6)}50%{opacity:.35;transform:translate(36vw)scale(1)}75%{opacity:.2;transform:translate(54vw)scale(.7)}to{opacity:.35;transform:translate(72vw)scale(1)}}@keyframes arena-spin{to{transform:rotate(340deg)}}.arena-rise{animation:.7s cubic-bezier(.2,.8,.2,1) both arena-rise}@keyframes arena-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.arena-scene *,.arena-rise{animation:none!important}}html[data-arena3d=likely] .arena-scene{min-height:560px}html[data-arena3d=likely] .arena-hero-panel{border-style:solid;border-width:1px;border-radius:1.5rem;padding:1.25rem}html[data-arena3d=likely] .arena-scene[data-3d=off] .arena-hero-panel{border-color:#0000}@media (min-width:640px){html[data-arena3d=likely] .arena-scene{min-height:640px}html[data-arena3d=likely] .arena-hero-panel{padding:1.75rem}}@media (max-width:639px){.arena-ball,.arena-ball-shadow,.arena-tower,.arena-stumps{display:none}.arena-cloud{opacity:.6}}