@import "https://fonts.googleapis.com/css2?family=Metamorphous&display=swap";@import "https://fonts.googleapis.com/css2?family=Almendra+SC&display=swap";*{--bg-color-300:#659fdd;--bg-color-800:#161a38;--text-color:#fff;--primary-font:"Metamorphous", cursive;--secondary-font:"Almendra SC", serif}*,:before,:after{box-sizing:border-box}*{margin:0}img,svg{max-width:100%;display:block}button{-webkit-appearance:none;text-align:inherit;box-shadow:none;cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;padding:0}#root{isolation:isolate}html,body,#root{background:linear-gradient(180deg, var(--bg-color-300) 0%, var(--bg-color-800) 100%);width:100%;min-width:320px;height:100dvh;color:var(--text-color);font-family:var(--primary-font), cursive;-webkit-font-smoothing:antialiased;touch-action:none;background-color:#000;line-height:1.5;position:fixed;top:0;left:0}.container{z-index:2;place-content:center;padding:clamp(1rem,10vw,10rem);display:grid;position:fixed;inset:0;overflow:hidden}.loader{font-size:clamp(4rem,8vh,9rem);font-family:var(--secondary-font), serif;pointer-events:none}.start-experience{opacity:0;font-size:clamp(2rem,4.5vh,7rem);transition:transform .5s;animation:1s cubic-bezier(.08,.82,.17,1) forwards fadeIn}.start-experience:is(:hover,:focus){outline:none;transform:scale(1.05)}.volume-controller{z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.9;width:clamp(4rem,5vw,5rem);transition:opacity .3s;position:fixed}.joystick{z-index:10;width:var(--joystick-size);height:var(--joystick-size);touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;background:#fff;border-radius:50%;transition:opacity .25s;position:fixed;transform:translate(-50%,50%)}.joystick.is-visible{opacity:.5;pointer-events:auto;animation:1s joystickFadeIn}.joystick.is-active{opacity:1}.joystick-knob{opacity:.5;background:#fff;border-radius:50%;transition:transform .1s;position:absolute;inset:25%}@media (orientation:portrait){.volume-controller{top:5vw;right:5vw}.joystick{--joystick-size:20vw;bottom:10%;left:50%}}@media (orientation:landscape){.volume-controller{top:5vh;right:5vh}.joystick{--joystick-size:30vh;bottom:10vw;left:10vw}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes joystickFadeIn{0%{opacity:0}}