.emblem-stage{--spin-energy:0;--spin-angle:0deg}
.ball-energy-halo,.ball-energy-orbit,.ball-particles{position:absolute;pointer-events:none;user-select:none}
.ball-energy-halo{left:5%;top:3%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 48%,#d4ab5515 60%,#d7a44b25 67%,transparent 75%);mix-blend-mode:screen;opacity:calc(var(--spin-energy) * .9);transform:scale(calc(1 + var(--spin-energy) * .06));z-index:1;will-change:opacity}
.ball-energy-orbit{left:9.5%;top:6.5%;width:81%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from var(--spin-angle),transparent 0deg,transparent 150deg,#eac67c00 185deg,#eac67c99 248deg,#fff0ba 267deg,transparent 272deg,transparent 325deg,#c69b5077 350deg,transparent 356deg);mask:radial-gradient(circle,transparent 68.5%,#000 69%,#000 70%,transparent 70.8%);-webkit-mask:radial-gradient(circle,transparent 68.5%,#000 69%,#000 70%,transparent 70.8%);opacity:calc(var(--spin-energy) * .75);z-index:3;filter:drop-shadow(0 0 4px #e2bd68)}
.ball-particles{left:0;top:-2.3%;width:100%;aspect-ratio:1;z-index:5}
.emblem-stage.ball-interacting,.emblem-stage.ball-flinging{animation-play-state:paused}
.emblem-stage.ball-interacting #eight-ball{filter:drop-shadow(0 28px 25px #0009) drop-shadow(0 0 10px #c9a05233)}
.emblem-stage .relic-frame{transition:filter .3s;filter:drop-shadow(0 4px 6px #000) brightness(calc(1 + var(--spin-energy) * .12))}
.ball-drag-hint{letter-spacing:1.2px;font-size:8px;transition:color .25s}
.ball-interacting .ball-drag-hint{color:#ebd3a0}
.ball-flinging .ball-drag-hint{color:#bfa16a}
.ball-energy-halo,.ball-energy-orbit,.ball-particles{display:none}
.webgl-ready .ball-energy-halo,.webgl-ready .ball-energy-orbit,.webgl-ready .ball-particles{display:block}
.paused .ball-energy-halo,.paused .ball-energy-orbit,.paused .ball-particles{display:none}
@media(max-width:600px){.ball-drag-hint{font-size:6px;letter-spacing:.8px}.ball-drag-hint:before,.ball-drag-hint:after{display:none}}
@media(prefers-reduced-motion:reduce){.webgl-ready .ball-energy-halo,.webgl-ready .ball-energy-orbit,.webgl-ready .ball-particles{display:none}.emblem-stage .relic-frame{transition:none}}