.homescreen.svelte-gn362v.svelte-gn362v{background:url(../../../images/sprite.png) no-repeat -9999px -9999px;background-size:0;max-width:100%;padding:calc(0 * var(--padding)) calc(1 * var(--padding));display:flex;flex-direction:column;justify-content:center;height:100%}.homescreen.svelte-gn362v .homeElements.svelte-gn362v{height:calc(100dvh - 8 * var(--padding));display:flex;flex-direction:column;justify-content:center;padding:calc(4 * var(--padding)) calc(4 * var(--padding))}.homescreen.svelte-gn362v .logo.svelte-gn362v{font-family:MOLIKA;color:#fff;position:absolute;left:calc(5 * var(--padding));top:calc(2 * var(--padding));font-size:2rem}.homescreen.svelte-gn362v button.svelte-gn362v{font-family:Karla;font-size:1rem;font-weight:700;border:solid 1px var(--borderColourDefault);display:block;color:var(--textColourDefault);width:max-content;padding:calc(.5 * var(--padding)) calc(1 * var(--padding));border-radius:calc(1 * var(--padding));background-color:transparent;max-width:60ch;margin-bottom:calc(1 * var(--padding));margin-top:0;max-width:80%;transition:all .3s;text-decoration:none}.homescreen.svelte-gn362v button.svelte-gn362v:hover{border:solid 1px var(--borderColourDefaulHover);background-color:var(--backgroundColourDefaultHover);color:var(--textColourDefaultHover);transform:scale(1.1);box-shadow:1px 2px 20px #0003}.homescreen.svelte-gn362v .banner.svelte-gn362v{font-family:MOLIKA;color:#fff;font-size:clamp(6rem,20vw,22vh);margin-bottom:calc(2 * var(--padding));line-height:90%}#background-video.svelte-gn362v.svelte-gn362v{width:100vw;height:100vh;position:fixed;top:0;bottom:0;z-index:-1}#background-video.svelte-gn362v video.svelte-gn362v{position:absolute;z-index:99999}#background-video.svelte-gn362v .gradient.svelte-gn362v{width:max(100vw,100vh);height:max(100vw,100dvh);background-color:#000;transform:scale(2);position:fixed;bottom:-15vh;left:0;-webkit-mask-image:linear-gradient(180deg,rgb(0,0,0) 0%,rgb(0,0,0) 60%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,rgb(0,0,0) 0%,rgb(0,0,0) 60%,rgba(0,0,0,0) 100%);z-index:-1;transition:all var(--speed)}#background-video.svelte-gn362v .background.svelte-gn362v{width:100%;height:100%;object-fit:cover;object-position:0px;position:fixed;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-5;background-image:url(/images/kraken_bg.webp)}#background-video.svelte-gn362v .background.bottom.svelte-gn362v{z-index:-5}#background-video.svelte-gn362v .background.top.svelte-gn362v{z-index:-4}#background-video.svelte-gn362v .background.hide{-webkit-mask:url(../../../images/sprite.png);mask:url(../../../images/sprite.png);-webkit-mask-size:7100% 100%;mask-size:7100% 100%;-webkit-animation:svelte-gn362v-mask-play var(--purespeed) steps(70) forwards;animation:svelte-gn362v-mask-play var(--purespeed) steps(70) forwards}#background-video.svelte-gn362v .video.hide{-webkit-mask:url(../../../images/sprite.png);mask:url(../../../images/sprite.png);-webkit-mask-size:7100% 100%;mask-size:7100% 100%;-webkit-animation:svelte-gn362v-mask-play-video calc(2 * var(--purespeed)) steps(70) alternate;animation:svelte-gn362v-mask-play-video calc(2 * var(--purespeed)) steps(70) alternate}#background-video.svelte-gn362v #character.svelte-gn362v{max-height:90%;height:80%;width:40vw;top:50%;transform:translateY(25%);right:5vw;z-index:-1;position:fixed;background-position:center;background-repeat:no-repeat;background-size:contain;transition:all var(--speed);display:flex;align-items:center;justify-content:center}#background-video.svelte-gn362v #character video.svelte-gn362v{max-width:100%;max-height:100%}@-webkit-keyframes svelte-gn362v-mask-play{0%{-webkit-mask-position:0% 0;mask-position:0% 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes svelte-gn362v-mask-play{0%{-webkit-mask-position:0% 0;mask-position:0% 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@-webkit-keyframes svelte-gn362v-mask-play-video{0%{-webkit-mask-position:0% 0;mask-position:0% 0}50%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes svelte-gn362v-mask-play-video{0%{-webkit-mask-position:0% 0;mask-position:0% 0}50%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}.homescreen.chatting.svelte-gn362v #background-video #character.svelte-gn362v{transform:translateY(-50%)}.homescreen.chatting.svelte-gn362v #background-video .gradient.svelte-gn362v{opacity:.6;background-color:var(--backgroundColour);transform:rotate(-90deg) scaleX(3) translateY(-20%)}@media only screen and (max-width: 700px){.homescreen.svelte-gn362v.svelte-gn362v{display:flex;flex-direction:column;justify-content:center;align-items:center}.homescreen.svelte-gn362v .logo.svelte-gn362v{font-family:MOLIKA;color:#fff;position:relative;left:0;top:0;margin-bottom:2rem;font-size:2rem}.homescreen.svelte-gn362v .homeElements.svelte-gn362v{padding:calc(1 * var(--padding)) calc(1 * var(--padding));display:flex;flex-direction:column;justify-content:center;align-items:center}.homescreen.svelte-gn362v .homeElements .banner.svelte-gn362v{text-align:center}.homescreen.svelte-gn362v #background-video #character.svelte-gn362v{max-height:50vh;height:50%;width:100%;top:auto;bottom:calc(1 * var(--padding));transform:translateY(70%);right:auto}.homescreen.chatting.svelte-gn362v #background-video #character.svelte-gn362v{transform:translate(0)}.homescreen.chatting.svelte-gn362v #background-video .gradient.svelte-gn362v{opacity:.65;background-color:var(--backgroundColour);transform:rotate(0) scaleX(2) translateY(-20%)}}