.cp{z-index:0;background:#071310;position:absolute;inset:0;overflow:hidden}.cp[data-tone=referee]{background:#070c16}.cp-felt{background:radial-gradient(90% 130% at 24% 118%,#1f5c42f2,#0000 64%),radial-gradient(70% 95% at 82% -12%,#c7a66a4d,#0000 60%),linear-gradient(158deg,#1b4632 0%,#0f2a20 46%,#071310 100%);position:absolute;inset:0}.cp[data-tone=referee] .cp-felt{background:radial-gradient(90% 130% at 24% 118%,#264270f2,#0000 64%),radial-gradient(70% 95% at 82% -12%,#8fa6c742,#0000 60%),linear-gradient(158deg,#1b3054 0%,#101c36 46%,#070c16 100%)}.cp-weave{opacity:.6;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25% 75%,#00000012 75%);background-size:4px 4px;position:absolute;inset:0}.cp-spot{inset-inline-end:26%;aspect-ratio:1;background:radial-gradient(circle,#fff4d647 0%,#fff4d60f 42%,#0000 64%);width:66%;animation:7s ease-in-out infinite cp-breathe;position:absolute;top:-58%}.cp-balls{inset-inline-end:7%;aspect-ratio:2;width:clamp(170px,30vw,340px);position:absolute;top:22%}.cp-line{opacity:.9}.cp-ball{transform-box:fill-box;transform-origin:50%}.cp-b1{animation:9s ease-in-out infinite cp-float}.cp-b2{animation:11s ease-in-out -2.5s infinite cp-float}.cp-b3{animation:13s ease-in-out -5s infinite cp-float}@keyframes cp-float{0%,to{transform:translate(0,0)}50%{transform:translate(-7px,-9px)}}@keyframes cp-breathe{0%,to{opacity:.72}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.cp-spot,.cp-ball{animation:none}}