*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#181818;overflow:hidden}.loading-screen{opacity:1;pointer-events:none;z-index:10;background:#084157 url(/assets/ocean_background-CX6eHmRS.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading-screen--fading{opacity:0}.loading-screen__content{flex-direction:column;align-items:center;gap:24px;display:flex}.loading-screen__logo{object-fit:contain;width:220px;height:220px;animation:6s linear infinite loading-screen-spin}.loading-screen__logo-text{object-fit:contain;width:260px}.loading-screen__play{letter-spacing:.05em;text-transform:uppercase;color:#fff;cursor:pointer;pointer-events:auto;background:#ffffff1f;border:1px solid #fff9;border-radius:999px;margin-top:8px;padding:12px 40px;font-size:16px;font-weight:600;transition:background .2s,transform .2s;animation:.4s loading-screen-play-in}.loading-screen__play:hover{background:#ffffff3d;transform:scale(1.05)}@keyframes loading-screen-play-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-screen-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scene{width:100vw;height:100vh;position:relative}.vr-button{color:#fff;cursor:pointer;background:#1f5fd6;border:none;border-radius:8px;padding:.6rem 1.4rem;font-family:sans-serif;font-size:.95rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.vr-button:hover{background:#2f6fe6}