/* A rising creative-power illustration, kept behind the raised BETA lettering. */
.beta-poster{--power-cycle:12s;--power-range:clamp(16px,3vw,38px);--power-dust-size:clamp(2px,.3vw,5px)}
.beta-poster .power-super-word,.beta-poster .power-beta-word{display:inline-block}
.beta-poster .power-super-word{color:#f5f2fa}
.beta-poster .poster-lines{position:relative}
.beta-poster.power-sized .poster-lines>i{--power-level:.48;position:relative;height:calc(var(--power-height)*var(--power-level));color:#d5f58a;border-color:currentColor;background:linear-gradient(180deg,#100d1855,#100d18ed),currentColor;transform-origin:bottom;box-shadow:inset 0 1px 0 #ffffff40,0 8px 18px #0008,0 0 14px #b99aff22}
.beta-poster.power-sized .poster-lines>i:nth-child(2){--power-level:.73}
.beta-poster.power-sized .poster-lines>i:nth-child(3){--power-level:1}
.beta-poster.power-sized .poster-lines>i:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:currentColor;box-shadow:0 0 8px 1px currentColor}
.beta-poster .power-completion{position:absolute;left:84%;top:calc(50px - var(--power-height,140px));width:0;height:0;transform:translateZ(18px);pointer-events:none}
.beta-poster .power-energy{position:absolute;left:0;top:0;width:clamp(48px,7vw,92px);aspect-ratio:1;border-radius:50%;opacity:0;background:radial-gradient(circle,#f3ffb899,#bbd9ff2b 40%,transparent 70%);border:1px solid #e4ffc5aa;box-shadow:0 0 28px #cfedb155;transform:translate(-50%,-50%) scale(.35)}
.beta-poster .power-dust{position:absolute;left:0;top:0;width:calc(var(--power-dust-size)*var(--dust-size));height:calc(var(--power-dust-size)*var(--dust-size));translate:-50% -50%;opacity:0;color:var(--dust-color);filter:drop-shadow(0 0 3px currentColor)}
.beta-poster .power-dust:before{content:'';position:absolute;inset:0;border-radius:50%;background:currentColor}
.beta-poster .power-dust.is-star:before{border-radius:0;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}

@media(prefers-reduced-motion:no-preference){
  html.motion-enabled .beta-poster.power-ready .poster-lines>i{animation:beta-power-rise var(--power-cycle) ease-in-out infinite;animation-delay:0s}
  html.motion-enabled .beta-poster.power-ready .poster-lines>i:nth-child(n){animation-delay:0s}
  html.motion-enabled .beta-poster.power-ready .power-super-word{animation:beta-power-word var(--power-cycle) ease-in-out infinite}
  html.motion-enabled .beta-poster.power-ready .power-energy{animation:beta-power-energy var(--power-cycle) ease-out infinite both}
  html.motion-enabled .beta-poster.power-ready .power-dust{animation:beta-power-dust var(--power-cycle) ease-out infinite both;animation-delay:var(--dust-lag,0s)}
  @keyframes beta-power-rise{
    0%,100%{transform:scaleY(.08);color:#b99aff}
    12.5%{transform:scaleY(.25);color:#8cdbf1}
    25%{transform:scaleY(.5);color:#ffc08b}
    37.5%{transform:scaleY(.78);color:#ecabc8}
    50%,80%{transform:scaleY(1);color:#d5f58a}
    96%{transform:scaleY(.08);color:#b99aff}
  }
  @keyframes beta-power-word{
    0%,100%{translate:0 0;color:#b99aff}
    12.5%{translate:0 -2px;color:#8cdbf1}
    25%{translate:0 -4px;color:#ffc08b}
    37.5%{translate:0 -6px;color:#ecabc8}
    50%,80%{translate:0 -8px;color:#d5f58a}
    96%{translate:0 0;color:#b99aff}
  }
  @keyframes beta-power-energy{
    0%,50%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
    51.5%{opacity:.8;transform:translate(-50%,-50%) scale(.65)}
    55%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}
    66%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}
  }
  @keyframes beta-power-dust{
    0%,50%{opacity:0;transform:translate3d(0,0,0) scale(.25) rotate(-15deg)}
    51.5%{opacity:.95;transform:translate3d(0,0,0) scale(1) rotate(0deg)}
    60%{opacity:.65;transform:translate3d(calc(var(--dust-x)*var(--power-range)*.5),calc(var(--dust-y)*var(--power-range)*.5),6px) scale(.85) rotate(35deg)}
    70%,100%{opacity:0;transform:translate3d(calc(var(--dust-x)*var(--power-range)),calc(var(--dust-y)*var(--power-range)),12px) scale(.15) rotate(70deg)}
  }
}
@media(prefers-reduced-motion:reduce){.beta-poster .power-completion{display:none}}