/* OXXY 2.144 — electricity stays close to the sphere, leaving the page quiet. */
.play-orb{transition:transform .55s cubic-bezier(.16,1,.3,1)}
.orb-surface{isolation:isolate;background:radial-gradient(circle at var(--light-x,33%) var(--light-y,25%),#ffffd1 0%,#ffef70 20%,#ffdb22 48%,#d4aa08 73%,#62520c 100%);box-shadow:inset 2px 3px 14px #ffffbd99,inset -13px -19px 31px #6b57072e,0 0 22px #ffde3b45,0 0 72px #f3d1342b,0 26px 45px #0004;animation:orb-charge 3.2s ease-in-out infinite;transition:filter .25s}
.orb-surface::before{content:"";position:absolute;inset:-12%;z-index:-1;pointer-events:none;border-radius:50%;background:conic-gradient(from 35deg,transparent 0deg,#ffe35050 62deg,transparent 108deg,#baf0ec35 191deg,transparent 245deg,#ffe35065 305deg,transparent 360deg);filter:blur(20px);opacity:.6;animation:orb-corona 8s linear infinite}
.orb-surface::after{content:"";position:absolute;inset:-1px;border-radius:50%;pointer-events:none;border:1px solid #fff9a84d;background:conic-gradient(transparent 8%,#ffffcbcc 17%,transparent 29%,transparent 52%,#b7ffedb3 64%,transparent 77%,#fff29c99 89%,transparent 98%);padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:orb-corona 7s linear infinite}
.orb-current{position:absolute;inset:-8%;width:116%;height:116%;overflow:visible;pointer-events:none;stroke:#fffbd0;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #fffbd0) drop-shadow(0 0 7px #ffdd35);opacity:.8;transition:opacity .25s}
.orb-current path{stroke-dasharray:28 72;animation:orb-current 3.6s linear infinite}
.orb-current path:nth-child(2){animation-delay:-1.8s;stroke:#d8fff1}.orb-current path:nth-child(3){animation-delay:-.9s}.orb-current path:nth-child(4){animation-delay:-2.7s;stroke:#fff}
.orb-bolt{position:relative;z-index:1;color:#232c20;filter:drop-shadow(1px 2px 0 #fffaca99);transition:transform .25s,filter .25s}
.play-orb:hover .orb-surface,.play-orb:focus-visible .orb-surface{filter:brightness(1.1) saturate(1.08)}
.play-orb:hover .orb-current,.play-orb:focus-visible .orb-current{opacity:1}
.play-orb:hover .orb-bolt,.play-orb:focus-visible .orb-bolt{transform:rotate(2deg) scale(1.08);filter:drop-shadow(0 0 9px #ffffb6)}
@keyframes orb-charge{0%,100%{transform:translateY(4px) scale(.985)}45%{transform:translateY(-6px) scale(1.025)}72%{transform:translateY(-2px) scale(1.012)}}
@keyframes orb-corona{to{transform:rotate(360deg)}}
@keyframes orb-current{0%{stroke-dashoffset:100;opacity:.2}35%{opacity:.85}70%{opacity:.55}100%{stroke-dashoffset:0;opacity:.2}}
@media(max-width:760px){.orb-surface::before{filter:blur(16px)}.orb-current{stroke-width:1.25}}
@media(prefers-reduced-motion:reduce){
 .play-orb,.orb-surface,.orb-surface::before,.orb-surface::after,.orb-current path{animation:none;transform:none;transition:none}
 .orb-current{opacity:.4;transition:none}.orb-current path{stroke-dasharray:12 88;opacity:.5}
 .orb-bolt{transition:none}.play-orb:hover .orb-bolt,.play-orb:focus-visible .orb-bolt{transform:rotate(-7deg)}
}