html,body,#root{position:fixed;inset:0;width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;background-color:#000;color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#overlay{position:fixed;display:block;width:100%;height:100%;inset:0;background-color:#000;z-index:2;cursor:pointer}.header{margin-top:20px}.apparitions{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.app-mote{position:absolute;bottom:-10px;width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 6px 1px #fffc;opacity:0;animation:app-mote linear infinite}@keyframes app-mote{0%{transform:translate(0);opacity:0}10%{opacity:.7}90%{opacity:.5}to{transform:translate(var(--drift),-105vh);opacity:0}}.app-orbit{position:absolute;left:50%;top:100px;width:0;height:0;transform-style:preserve-3d;animation:app-orbit linear infinite}@keyframes app-orbit{0%{transform:rotateX(var(--tilt)) rotateY(0)}to{transform:rotateX(var(--tilt)) rotateY(360deg)}}.app-mini{position:absolute;width:50px;height:50px;margin:-25px 0 0 -25px;transform-style:preserve-3d;transform:translateZ(var(--radius));animation:app-mini-spin 4s linear infinite}.app-mini i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-family:Times New Roman,Times,serif;font-size:20px;color:#ffffffd9;background:linear-gradient(135deg,#ffffff1a,#000000bf),#000000b3;outline:1px solid rgba(0,0,0,.95);backface-visibility:visible}.app-mini i:nth-child(1){transform:translateZ(25px)}.app-mini i:nth-child(2){transform:rotateY(180deg) translateZ(25px)}.app-mini i:nth-child(3){transform:rotateY(90deg) translateZ(25px)}.app-mini i:nth-child(4){transform:rotateY(-90deg) translateZ(25px)}.app-mini i:nth-child(5){transform:rotateX(90deg) translateZ(25px)}.app-mini i:nth-child(6){transform:rotateX(-90deg) translateZ(25px)}@keyframes app-mini-spin{0%{transform:translateZ(var(--radius)) rotateX(0) rotateY(0)}to{transform:translateZ(var(--radius)) rotateX(360deg) rotateY(720deg)}}.app-eyes{position:absolute;display:flex;gap:14px;transform:scale(var(--scale));animation:app-eyes-open .5s ease-out both}.app-eyes .eye{width:26px;height:13px;border-radius:50%/60%;background:radial-gradient(circle at 50% 50%,#fff6d8,#ffd27a 45%,#a85a00);box-shadow:0 0 14px 3px #ffbe508c;display:grid;place-items:center;overflow:hidden;animation:app-blink 3.4s infinite}.app-eyes b{width:7px;height:11px;border-radius:50%;background:#000;transition:transform .12s}.app-eyes.closing .eye{animation:app-eyes-close .6s forwards}@keyframes app-eyes-open{0%{opacity:0}to{opacity:.9}}@keyframes app-blink{0%,44%,50%,to{transform:scaleY(1)}47%{transform:scaleY(.05)}}@keyframes app-eyes-close{to{transform:scaleY(.02);opacity:0}}.app-figure{position:absolute;top:50%;width:46px;transform-origin:bottom center;transform:translate(-50%,-100%) scale(var(--scale));filter:blur(1px) drop-shadow(0 0 10px rgba(0,0,0,.9));opacity:0;animation:app-figure 6s ease-in-out forwards}.app-figure svg{display:block;width:100%}@keyframes app-figure{0%{opacity:0}20%,70%{opacity:.75}72%{opacity:.1}74%{opacity:.75}to{opacity:0}}.app-logo{position:absolute;left:-40vw;width:clamp(120px,26vw,260px);opacity:0;filter:blur(.5px) drop-shadow(0 0 14px rgba(255,255,255,.5));animation:app-logo 16s ease-in-out forwards}@keyframes app-logo{0%{transform:translate(0) rotate(var(--rot));opacity:0}15%{opacity:.4}85%{opacity:.4}to{transform:translate(150vw) rotate(calc(var(--rot) * -1));opacity:0}}#shakeCube{position:relative;z-index:2}.mystery-layer{position:fixed;inset:0;z-index:900;pointer-events:none;overflow:hidden}.mystery-black{position:fixed;inset:0;z-index:950;background:#000;opacity:0;pointer-events:none;transition:opacity .05s}.mystery-whisper{position:absolute;font-family:Times New Roman,Times,serif;font-style:italic;font-size:clamp(14px,2.4vw,22px);letter-spacing:2px;text-transform:lowercase;color:#fff;white-space:nowrap;text-shadow:0 0 8px rgba(255,255,255,.8),0 0 2px #000;opacity:0;animation:mystery-whisper 4.2s ease-in-out forwards}@keyframes mystery-whisper{0%{opacity:0;filter:blur(6px)}20%{opacity:.9;filter:blur(0)}70%{opacity:.75}to{opacity:0;filter:blur(4px)}}.mystery-digit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Times New Roman,Times,serif;font-size:min(70vw,70vh);line-height:1;color:#fff;mix-blend-mode:difference;opacity:0;animation:mystery-digit 1.6s ease-out forwards}@keyframes mystery-digit{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}12%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.mystery-shake{animation:mystery-shake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes mystery-shake{10%,90%{transform:translate(-2px,1px) rotate(-1deg)}20%,80%{transform:translate(4px,-2px) rotate(2deg)}30%,50%,70%{transform:translate(-8px,3px) rotate(-3deg)}40%,60%{transform:translate(8px,-3px) rotate(3deg)}}#wallpaper.mystery-reverse .pattern .face{animation-direction:reverse}#wallpaper.mystery-invert .pattern .face{filter:invert(1)}#wallpaper .pattern .face{transition:filter .6s}body.mystery-glitch #wrapper{animation:mystery-glitch .12s steps(2) infinite;filter:invert(1) hue-rotate(110deg) contrast(1.6)}@keyframes mystery-glitch{0%{transform:translate(0);clip-path:inset(0 0 0 0)}33%{transform:translate(-6px,2px);clip-path:inset(12% 0 30% 0)}66%{transform:translate(5px,-3px);clip-path:inset(40% 0 8% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}.fogwrapper{transition:opacity 1.8s}.fogwrapper.mystery-fog{opacity:1;filter:blur(1px) brightness(1.8) saturate(.4)}.fogwrapper.mystery-fog #foglayer_01,.fogwrapper.mystery-fog #foglayer_02,.fogwrapper.mystery-fog #foglayer_03{opacity:.85!important;animation-play-state:paused}body.gate-glitch #wrapper{animation:gate-glitch .1s steps(2) infinite;filter:contrast(1.7) saturate(.2) brightness(1.2)}@keyframes gate-glitch{0%{transform:translate(0);clip-path:inset(0 0 0 0)}33%{transform:translate(-10px,4px);clip-path:inset(18% 0 34% 0)}66%{transform:translate(8px,-5px);clip-path:inset(46% 0 6% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}#shakeCube.gate-rush{animation:gate-rush 2.4s cubic-bezier(.5,0,.9,.4) .4s forwards}@keyframes gate-rush{0%{transform:scale(1) rotate(0);filter:none}60%{transform:scale(3.2) rotate(25deg);filter:brightness(1.6)}to{transform:scale(14) rotate(70deg);filter:brightness(4) blur(6px);opacity:0}}.gate-tear{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;pointer-events:none}.gate-tear .gate-light{position:absolute;left:50%;top:50%;width:4px;height:0;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 40px 18px #fffaebe6,0 0 140px 60px #fff0d299;animation:gate-tear 3s ease-in .6s forwards}.gate-tear img{position:relative;width:min(60vw,60vh,420px);opacity:0;filter:drop-shadow(0 0 30px #fff) brightness(1.5);animation:gate-logo 2.6s ease-out 1.1s forwards}@keyframes gate-tear{0%{height:0;width:4px}35%{height:110vh;width:6px}70%{height:110vh;width:40vw}to{height:140vh;width:160vw;background:#fff}}@keyframes gate-logo{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}45%{opacity:.3}55%{opacity:1}to{opacity:1;transform:scale(1.6);filter:drop-shadow(0 0 60px #fff) brightness(3)}}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.welcome-form-container{text-align:center}.welcome-form-container p{line-height:20px;color:#767676}.welcome-form-container h2,.welcome-form-container h3,.welcome-form-container h4{color:#7c7c7c}.welcome-form-container h4{margin-top:30px;color:#7c7c7c}.welcome-form-container #signup-form,.welcome-form-container .top-space{margin-top:20px}.welcome-form-container label{color:#ddd}.welcome-form-container button{color:#ddd;border:1px;padding:10px;background-color:#252525}.welcome-form-container a{color:#00ffa6f3;transition:all .5s;font-size:1.35em;font-weight:700;text-shadow:3px 3px 5px rgba(0,0,0,.5),5px 5px 7px rgba(0,0,0,.237),7px 7px 9px rgba(0,0,0,.245),9px 9px 11px rgba(243,5,5,.473),11px 11px 13px rgba(245,3,3,.54),13px 13px 15px rgba(206,2,2,.5),15px 15px 17px rgba(6,165,40,.5),17px 17px 19px rgba(86,245,12,.884),19px 19px 21px rgba(13,204,61,.527),21px 21px 23px rgba(15,104,221,.121),23px 23px 25px rgba(13,27,218,.678),25px 25px 27px rgba(6,23,180,.5),27px 27px 29px rgba(0,0,0,.5),29px 29px 31px rgba(0,0,0,.192),31px 31px 33px rgba(0,0,0,.5)}.welcome-form-container h1{font-size:2.8375rem;color:red;text-shadow:-20px -9px 2px rgba(0,0,0,.5),5px 5px 7px rgba(0,0,0,.5),7px 7px 9px rgba(0,0,0,.5),9px 9px 11px rgba(243,5,5,.473),11px 11px 13px rgba(245,3,3,.551),13px 13px 15px rgba(206,2,2,.5),15px 15px 17px rgba(6,165,40,.5),-20px -17px 19px rgba(86,245,12,.884),19px 19px 21px rgba(13,204,61,.527),21px 21px 23px rgba(15,104,221,.425),23px 23px 25px rgba(13,27,218,.678),25px 25px 27px rgba(6,23,180,.5),27px 27px 29px rgba(0,0,0,.5),-17px -20px 9px rgba(0,0,0,.5),5px -12px 33px rgba(0,0,0,.5)}.welcome-form .loyalty{margin-top:10px;margin-bottom:10px;color:#ddd;text-decoration:underline}#wrapper{overflow:hidden;position:fixed;display:block;width:100%;height:100%;inset:0;background-color:#0000002f;z-index:2}@media screen and (min-width:601px){#wrapper{padding-top:22%}}@media screen and (min-width:0px)and (max-width:600px){#wrapper{padding-top:70%}}.viewport{-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;-o-perspective:800px;perspective:800px;-webkit-perspective-origin:50% 200px;-moz-perspective-origin:50% 200px;-ms-perspective-origin:50% 200px;-o-perspective-origin:50% 200px;perspective-origin:50% 200px;-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8);-webkit-box-reflect:below 170px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0%,transparent),to(rgba(250,250,250,.1)))}.cube{position:relative;height:200px;width:200px;z-index:2678;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(136deg) rotateY(1122deg);-moz-transform:rotateX(136deg) rotateY(1122deg);-ms-transform:rotateX(136deg) rotateY(1122deg);-o-transform:rotateX(136deg) rotateY(1122deg);transform:rotateX(136deg) rotateY(1122deg)}.cube>div{overflow:hidden;position:absolute;height:200px;width:200px;outline:1px solid rgba(0,0,0,.95);background-image:linear-gradient(135deg,#ffffff17,#ffffff05 38%,#00000059 62%,#0009);box-shadow:inset 0 0 0 1px #000000e6,inset 0 0 28px #000000bf,inset 1px 1px #ffffff14;-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.cube>div>div.cube-image{width:200px;height:200px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);line-height:200px;font-size:80px;text-align:center;color:#ffffffd2;-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s;font-size:4em}.cube>div>div.cube-image.active{color:#0f2}.cube-active-side{color:#0f2}.cube>div:hover{cursor:pointer}.cube>div:active{cursor:pointer}.cube>div:first-child{-webkit-transform:rotateX(90deg) translateZ(100px);-moz-transform:rotateX(90deg) translateZ(100px);-ms-transform:rotateX(90deg) translateZ(100px);-o-transform:rotateX(90deg) translateZ(100px);transform:rotateX(90deg) translateZ(100px)}.cube>div:nth-child(2){-webkit-transform:translateZ(100px);-moz-transform:translateZ(100px);-ms-transform:translateZ(100px);-o-transform:translateZ(100px);transform:translateZ(100px)}.cube>div:nth-child(3){-webkit-transform:rotateY(90deg) translateZ(100px);-moz-transform:rotateY(90deg) translateZ(100px);-ms-transform:rotateY(90deg) translateZ(100px);-o-transform:rotateY(90deg) translateZ(100px);transform:rotateY(90deg) translateZ(100px)}.cube>div:nth-child(4){-webkit-transform:rotateY(180deg) translateZ(100px);-moz-transform:rotateY(180deg) translateZ(100px);-ms-transform:rotateY(180deg) translateZ(100px);-o-transform:rotateY(180deg) translateZ(100px);transform:rotateY(180deg) translateZ(100px)}.cube>div:nth-child(5){-webkit-transform:rotateY(-90deg) translateZ(100px);-moz-transform:rotateY(-90deg) translateZ(100px);-ms-transform:rotateY(-90deg) translateZ(100px);-o-transform:rotateY(-90deg) translateZ(100px);transform:rotateY(-90deg) translateZ(100px)}.cube>div:nth-child(6){-webkit-transform:rotateX(-90deg) rotate(180deg) translateZ(100px);-moz-transform:rotateX(-90deg) rotate(180deg) translateZ(100px);-ms-transform:rotateX(-90deg) rotate(180deg) translateZ(100px);-o-transform:rotateX(-90deg) rotate(180deg) translateZ(100px);transform:rotateX(-90deg) rotate(180deg) translateZ(100px)}object{opacity:.5}object:hover{opacity:1}@media(max-width:640px){.viewport{-webkit-transform:scale(.6,.6);-moz-transform:scale(.6,.6);-ms-transform:scale(.6,.6);-o-transform:scale(.6,.6);transform:scale(.6)}}#blinking-text{position:fixed;margin:auto;left:50%;transform:translate(-50%);bottom:0;width:100%;padding-top:100px}@media screen and (min-width:601px){#blinking-text{height:200px}}@media screen and (min-width:0px)and (max-width:600px){#blinking-text{height:200px}}p{text-align:center;margin:0}a{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}p .title{color:#228dff;font-family:Mukta;line-height:1}@media screen and (min-width:801px){p .title{font-size:6em}}@media screen and (min-width:601px)and (max-width:801px){p .title{font-size:70px}}@media screen and (min-width:0px)and (max-width:600px){.p .title{font-size:50px}}.blink{text-shadow:rgba(255,255,255,.3137254902);-webkit-animation:neon5 1s ease-in-out infinite;animation:neon5 1s ease-in-out infinite}@-webkit-keyframes neon5{0%{text-shadow:0 0 5px rgba(255,255,255,.3137254902),0 0 4px rgba(255,255,255,.3137254902),0 0 5px rgba(255,255,255,.3137254902),0 0 6px #8074b9,0 0 7px #8074b9,0 0 8px #8074b9,0 0 10px #8074b9,0 0 20px #8074b9;opacity:1}to{text-shadow:0 0 1px rgba(255,255,255,.3137254902),0 0 1px rgba(255,255,255,.3137254902),0 0 2px rgba(255,255,255,.3137254902),0 0 3px rgba(128,116,185,.3137254902),0 0 7px rgba(128,116,185,.3137254902),0 0 10px rgba(128,116,185,.3137254902),0 0 15px rgba(128,116,185,.3137254902),0 0 17px rgba(128,116,185,.3137254902);color:#228dff;opacity:.34}}@-moz-keyframes neon5{0%{text-shadow:0 0 5px rgba(255,255,255,.3137254902),0 0 4px rgba(255,255,255,.3137254902),0 0 5px rgba(255,255,255,.3137254902),0 0 6px #8074b9,0 0 7px #8074b9,0 0 8px #8074b9,0 0 10px #8074b9,0 0 20px #8074b9;color:#228dff;opacity:1}to{text-shadow:0 0 1px rgba(255,255,255,.3137254902),0 0 1px rgba(255,255,255,.3137254902),0 0 2px rgba(255,255,255,.3137254902),0 0 3px rgba(128,116,185,.3137254902),0 0 7px rgba(128,116,185,.3137254902),0 0 10px rgba(128,116,185,.3137254902),0 0 15px rgba(128,116,185,.3137254902),0 0 17px rgba(128,116,185,.3137254902);opacity:.34}}@keyframes neon5{0%{text-shadow:0 0 2px rgba(255,255,255,.3137254902),0 0 4px rgba(255,255,255,.3137254902),0 0 5px rgba(255,255,255,.3137254902),0 0 6px #8074b9,0 0 7px #8074b9,0 0 8px #8074b9,0 0 10px #8074b9,0 0 20px #8074b9;color:#fff}to{text-shadow:0 0 1px rgba(255,255,255,.3137254902),0 0 1px rgba(255,255,255,.3137254902),0 0 2px rgba(255,255,255,.3137254902),0 0 3px rgba(128,116,185,.3137254902),0 0 7px rgba(128,116,185,.3137254902),0 0 10px rgba(128,116,185,.3137254902),0 0 15px rgba(128,116,185,.3137254902),0 0 17px rgba(128,116,185,.3137254902)}}@media(max-width:650px){#container{width:100%}p{font-size:3.5em}}:root{--glitter: url(https://assets.codepen.io/13471/silver-glitter-background.png)}.fire:before,.fire:after{content:"";position:absolute;inset:0}.fire:before{content:"";background-image:var(--glitter),var(--glitter),linear-gradient(0deg,white 0px,#ff8951 5px,rgba(220,188,22,.6117647059) 30%,transparent 70%),radial-gradient(ellipse at bottom,transparent 30%,black 60%);background-size:350px 500px,400px 650px,100% 100%,100% 100%;background-blend-mode:hard-light,color-dodge,multiply;background-position:0px 0px,0px 0px,var(--gradientPos);background-repeat:repeat,repeat,repeat,no-repeat;mix-blend-mode:color-dodge;filter:brightness(3.7) blur(7px) contrast(6);animation:fire 1.75s linear infinite;box-shadow:inset 0 -40px 50px -60px #63bbc5}@keyframes fire{0%{background-position:center 0px,center 0px,50% 100%,center center}to{background-position:center -500px,center -650px,50% 100%,center center}}#cubeFireVideo{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover}.video-container-fullscreen{object-fit:cover}*{margin:0;padding:0}section{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;overflow:hidden;perspective:1168px}.pattern{position:relative;transform-style:preserve-3d}.pattern .face1{position:relative;width:100%;height:50vh;height:50dvh;background-image:url(/imgs/seeface-chess-mixed.png),url(https://picsum.photos/600?tip=0);background-size:var(--chess-size) var(--chess-size),40px 40px;animation:pan var(--pan-speed) linear infinite;opacity:.9}.pattern .face2{position:relative;width:100%;height:50vh;height:50dvh;background-image:url(/imgs/seeface-chess-mixed.png),url(https://picsum.photos/600?tip=1);background-size:var(--chess-size) var(--chess-size),40px 40px;animation:pan var(--pan-speed) linear infinite;opacity:.8}:root{--chess-size: 160px;--pan-speed: 8s}@keyframes pan{0%{background-position:0 0}to{background-position:var(--chess-size) 0}}.pattern .face.face2{height:100vh;height:100dvh;transform-origin:top;transform-style:preserve-3d;transform:rotateX(70deg)}.pattern .face1:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:180px;background-image:linear-gradient(0deg,rgba(0,0,0,.583),transparent)}.pattern .face2:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}canvas{position:aboslute;top:0;left:0}.fogwrapper{position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden;pointer-events:none;perspective:none;z-index:343;-webkit-filter:blur(1px) grayscale(.2) saturate(1.2) sepia(.2);filter:blur(1px) grayscale(.2) saturate(1.2) sepia(.2)}#foglayer_01,#foglayer_02,#foglayer_03{position:absolute;top:0;left:0;height:100%;width:200%;will-change:transform,opacity}#foglayer_01 .image01,#foglayer_01 .image02,#foglayer_02 .image01,#foglayer_02 .image02,#foglayer_03 .image01,#foglayer_03 .image02{float:left;height:100%;width:50%}#foglayer_01{-webkit-animation:foglayer_01_opacity 10s linear infinite,foglayer_moveme 15s linear infinite;-moz-animation:foglayer_01_opacity 10s linear infinite,foglayer_moveme 15s linear infinite;animation:foglayer_01_opacity 10s linear infinite,foglayer_moveme 15s linear infinite}#foglayer_02,#foglayer_03{-webkit-animation:foglayer_02_opacity 21s linear infinite,foglayer_moveme 13s linear infinite;-moz-animation:foglayer_02_opacity 21s linear infinite,foglayer_moveme 13s linear infinite;animation:foglayer_02_opacity 21s linear infinite,foglayer_moveme 13s linear infinite}#foglayer_01 .image01,#foglayer_01 .image02{background:url(/imgs/fog1.png) center center/100% 100% no-repeat transparent}#foglayer_02 .image01,#foglayer_02 .image02,#foglayer_03 .image01,#foglayer_03 .image02{background:url(/imgs/fog2.png) center center/100% 100% no-repeat transparent}@-webkit-keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@-moz-keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@-o-keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@keyframes foglayer_01_opacity{0%{opacity:.1}22%{opacity:.5}40%{opacity:.28}58%{opacity:.4}80%{opacity:.16}to{opacity:.1}}@-webkit-keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@-moz-keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@-o-keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@keyframes foglayer_02_opacity{0%{opacity:.5}25%{opacity:.2}50%{opacity:.1}80%{opacity:.3}to{opacity:.5}}@-webkit-keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@-moz-keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@-o-keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@keyframes foglayer_03_opacity{0%{opacity:.8}27%{opacity:.2}52%{opacity:.6}68%{opacity:.3}to{opacity:.8}}@-webkit-keyframes foglayer_moveme{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@-moz-keyframes foglayer_moveme{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@-o-keyframes foglayer_moveme{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes foglayer_moveme{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.music-box{position:fixed;top:12px;left:12px;z-index:1000;width:168px;padding:6px 8px 7px;font-family:Times New Roman,Times,serif;font-size:11px;font-style:italic;letter-spacing:.5px;text-transform:lowercase;color:#cfcfcf;background:#000000e0;border:1px dotted #6d6d6d;cursor:default;-webkit-user-select:none;user-select:none;opacity:.72;transition:opacity .4s}.music-box:hover,.music-box.is-playing{opacity:.95}.music-head{display:flex;align-items:center;gap:6px}.music-disc{flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff 0 2px,transparent 2.5px),conic-gradient(#111,#555,#111,#555,#111);box-shadow:0 0 0 1px #777}.is-playing .music-disc{animation:music-spin 2.2s linear infinite}.music-marquee{overflow:hidden;white-space:nowrap;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.music-marquee span{display:inline-block;padding-left:100%;animation:music-marquee 16s linear infinite}.music-switch{margin-top:4px;display:flex;align-items:baseline;gap:4px}.music-switch button{all:unset;cursor:pointer;padding:0 2px;color:#7a7a7a;font:inherit;border-bottom:1px dotted transparent}.music-switch button:hover{color:#fff}.music-switch button.active{color:#fff;border-bottom-color:#fff;text-shadow:0 0 6px rgba(255,255,255,.7)}.music-label{color:#8d8d8d}.music-sep{color:#555}@keyframes music-spin{to{transform:rotate(360deg)}}@keyframes music-marquee{to{transform:translate(-100%)}}.online-counter{position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;z-index:1000;display:flex;align-items:center;gap:7px;font:italic 15px Times New Roman,Times,serif;color:#e9e4da;text-shadow:0 0 8px rgba(0,0,0,.95);pointer-events:none;padding:5px 10px;background:#000000d1;border:1px dotted #6d6d6d}.online-counter .dot{width:7px;height:7px;border-radius:50%;background:#ffe6b8;box-shadow:0 0 10px 3px #ffe6b8a6;animation:online-breathe 2.6s ease-in-out infinite}.online-counter.joined .dot{background:#fff;box-shadow:0 0 20px 8px #fff5dcf2}@keyframes online-breathe{50%{opacity:.4}}