.vanta-bg{z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:fixed;top:0;left:0}.vanta-bg.loaded{opacity:1}.mobile-container{z-index:1;background:0 0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.pm-embed-div.mobile{width:100%;margin:0;padding:0;height:100%!important}.pm-embed-div.mobile iframe{width:100%;height:100%!important}.puzzle-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative}.pm-embed-div.desktop{opacity:0;background:#fff;border-radius:8px;width:100%;max-width:1200px;transition:opacity 1s ease-in;overflow:hidden;box-shadow:0 8px 32px #0000001a;height:800px!important}.pm-embed-div.desktop.fade-in{opacity:1}.pm-embed-div.desktop iframe{border:none;width:100%;height:100%!important}.loading-container{opacity:1;justify-content:center;align-items:center;width:100%;height:700px;transition:opacity .5s ease-out;display:flex;position:relative}.loading-container-mobile{z-index:2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-container.fade-out{opacity:0;position:absolute}.loading-bubble{background-color:#f07;border-radius:50%;width:40px;height:40px;position:relative}.loading-bubble:after{content:"";background-color:inherit;border-radius:50%;animation:1.5s ease-in-out infinite pulse;position:absolute;inset:0}.mobile-container .loading-bubble{transition:transform .5s ease-out,opacity .5s ease-out;transform:translate(0)}@keyframes pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.title-background{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background-color:#ffffffd9;border-radius:8px;width:fit-content;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:1rem 2rem;box-shadow:0 2px 8px #0000001a}.title-background h1{color:#333;margin:0}.loading-wrapper{opacity:1;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-wrapper.fade-out{opacity:0}.mobile-container .loading-wrapper{z-index:2;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-container .loading-bubble,.mobile-container .loading-text{opacity:1;transition:transform .5s ease-out,opacity .5s ease-out}.mobile-container .loading-bubble.slide-right{opacity:0;transform:translate(150px)}.mobile-container .loading-text.slide-left{opacity:0;transform:translate(-150px)}.pm-embed-div{opacity:0;transition:opacity .5s ease-in .3s}.pm-embed-div.fade-in{opacity:1}.loading-bubble-container{width:50px;height:50px}.loading-bubble{background-color:#f07;border-radius:50%;width:100%;height:100%;animation:1.5s ease-in-out infinite pulse}.mobile-container .loading-wrapper.animate-out .loading-bubble-container{animation:.5s ease-out forwards slideRight}.mobile-container .loading-wrapper.animate-out .loading-text{animation:.5s ease-out forwards slideLeft}@keyframes slideRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(150px)}}@keyframes slideLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-150px)}}.error-message{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#333;background:#ffffffd9;border-radius:8px;margin:2rem;padding:2rem}.error-message h2{color:#841e10;margin-bottom:1rem}.error-message ul{text-align:left;margin:1rem 0;padding-left:2rem}.loading-text{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.02em;text-align:center;background:#0003;border-radius:9999px;min-width:160px;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}