*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:'Fredoka',system-ui,sans-serif;background:#1E0E3E;overflow:hidden;-webkit-font-smoothing:antialiased}
input{font-family:'Fredoka',sans-serif}
input::placeholder{color:#9a8db0;opacity:1}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32)}
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
@keyframes rl-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes rl-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
@keyframes rl-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes rl-float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes rl-ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.4);opacity:0}}
@keyframes rl-wig{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes rl-shoot{0%{transform:translateY(0) scale(.4);opacity:0}3%{opacity:1}40%{transform:translateY(-84px) scale(.6);opacity:0}100%{transform:translateY(-84px) scale(.6);opacity:0}}
@keyframes rl-corepop{0%{transform:scale(.2);opacity:0}3%{opacity:1}16%{transform:scale(2.6);opacity:.95}38%{transform:scale(.5);opacity:0}100%{opacity:0}}
@keyframes rl-twinkle{0%,100%{opacity:.12;transform:scale(.6)}50%{opacity:1;transform:scale(1.35)}}
@keyframes rl-chase{0%{background-position:0 0}100%{background-position:22px 0}}
@keyframes rl-flash{0%,100%{filter:drop-shadow(0 0 6px #FFD54A) brightness(1)}50%{filter:drop-shadow(0 0 22px #FFD54A) brightness(1.14)}}
@keyframes rl-flicker{0%,100%{text-shadow:0 6px 0 #B8871A,0 0 16px #FFD54A}50%{text-shadow:0 6px 0 #B8871A,0 0 30px #FF5DA2,0 0 8px #fff}}
@keyframes rl-neon{0%{box-shadow:0 0 0 6px #1B0B39,0 18px 40px rgba(0,0,0,.5),inset 0 0 40px rgba(0,0,0,.6),0 0 32px 4px #FF5DA2}33%{box-shadow:0 0 0 6px #1B0B39,0 18px 40px rgba(0,0,0,.5),inset 0 0 40px rgba(0,0,0,.6),0 0 32px 4px #3AA0FF}66%{box-shadow:0 0 0 6px #1B0B39,0 18px 40px rgba(0,0,0,.5),inset 0 0 40px rgba(0,0,0,.6),0 0 32px 4px #5BE0A8}100%{box-shadow:0 0 0 6px #1B0B39,0 18px 40px rgba(0,0,0,.5),inset 0 0 40px rgba(0,0,0,.6),0 0 32px 4px #FFD54A}}
@keyframes rl-border{0%{border-color:#FFD54A}25%{border-color:#FF5DA2}50%{border-color:#3AA0FF}75%{border-color:#5BE0A8}100%{border-color:#FFD54A}}
@keyframes rl-shred{0%{transform:translateY(0);opacity:1}18%{transform:translateY(8px)}100%{transform:translateY(150px);opacity:0}}
@keyframes rl-shake{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}
@keyframes rl-peel{0%{transform:perspective(520px) rotateY(0deg);opacity:1}10%{transform:perspective(520px) rotateY(-10deg)}70%{opacity:1}100%{transform:perspective(520px) rotateY(-128deg) translateX(-8px);opacity:0}}
@keyframes rl-fwlaunch{0%{transform:translateY(150px) scaleY(2);opacity:0}2%{opacity:1}6%{transform:translateY(20px) scaleY(1.2)}9.5%{transform:translateY(3px) scaleY(.7);opacity:1}12%{transform:translateY(0) scaleY(.2);opacity:0}100%{opacity:0}}
@keyframes rl-fwexplode{0%,9%{transform:translate(0,0);opacity:0}11%{opacity:1}55%{transform:translate(var(--tx),var(--ty))}82%{transform:translate(var(--tx),var(--ty));opacity:.9}100%{transform:translate(var(--tx),var(--ty));opacity:0}}
@keyframes rl-fwgravity{0%,40%{transform:translateY(0) scale(1.15)}100%{transform:translateY(var(--g)) scale(.24)}}
@keyframes rl-fwlum{0%,10%{filter:brightness(1.7)}16%{filter:brightness(2.9)}24%{filter:brightness(3.3)}60%{filter:brightness(1.5)}100%{filter:brightness(1)}}
@keyframes rl-cssfw{0%{transform:translate(-50%,-50%);width:0.5vmin;opacity:1}50%{width:0.5vmin;opacity:1}100%{width:45vmin;opacity:0}}
.rl-cssfw,.rl-cssfw::before,.rl-cssfw::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0.5vmin;aspect-ratio:1;background:
  radial-gradient(circle, var(--c,#ff0) 0.2vmin, #0000 0) 50% 00%,
  radial-gradient(circle, var(--c,#ff0) 0.3vmin, #0000 0) 00% 50%,
  radial-gradient(circle, var(--c,#ff0) 0.5vmin, #0000 0) 50% 99%,
  radial-gradient(circle, var(--c,#ff0) 0.2vmin, #0000 0) 99% 50%,
  radial-gradient(circle, var(--c,#ff0) 0.3vmin, #0000 0) 80% 90%,
  radial-gradient(circle, var(--c,#ff0) 0.5vmin, #0000 0) 95% 90%,
  radial-gradient(circle, var(--c,#ff0) 0.5vmin, #0000 0) 10% 60%,
  radial-gradient(circle, var(--c,#ff0) 0.2vmin, #0000 0) 31% 80%,
  radial-gradient(circle, var(--c,#ff0) 0.3vmin, #0000 0) 80% 10%,
  radial-gradient(circle, var(--c,#ff0) 0.2vmin, #0000 0) 90% 23%,
  radial-gradient(circle, var(--c,#ff0) 0.3vmin, #0000 0) 45% 20%,
  radial-gradient(circle, var(--c,#ff0) 0.5vmin, #0000 0) 13% 24%;
  background-size:0.5vmin 0.5vmin;background-repeat:no-repeat;animation:rl-cssfw 2s infinite;}
.rl-cssfw::before{transform:translate(-50%,-50%) rotate(25deg) !important;}
.rl-cssfw::after{transform:translate(-50%,-50%) rotate(-37deg) !important;}
@keyframes rl-flip{0%{transform:rotateX(88deg)}58%{transform:rotateX(-14deg)}100%{transform:rotateX(0)}}
@keyframes rl-crossin{0%{transform:translate(-50%,-50%) scale(0) rotate(-18deg);opacity:0}16%{transform:translate(-50%,-50%) scale(1.18) rotate(0);opacity:1}52%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}100%{transform:translate(-50%,120%) scale(.1) rotate(0);opacity:0}}