body{margin:0;padding:0;background:#000;overflow:hidden}#phaser-container{width:100vw;height:100vh;overflow:hidden}canvas{background:transparent!important}.splash{height:100vh;width:100vw;background:url(/public/assets/images/WelcomeScreen/Splat.png) no-repeat center;background-size:cover}.splash .logo{cursor:pointer}.welcome-container{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.video-gradient{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to bottom,#408df3,#40372c);z-index:1;object-fit:cover;transition:opacity 1s ease}.video-gradient.hide{opacity:0}.welcome-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;animation:videoFade 1.5s ease forwards}@keyframes videoFade{0%{opacity:0}to{opacity:1}}.game-logo,.loader-section{position:relative;z-index:2}.game-logo{width:70%;object-fit:contain;margin-top:10vh;opacity:1;transition:opacity .8s ease}.game-logo.hide{opacity:0}.loader-section{position:relative;top:85vh;width:60%;display:flex;flex-direction:column;align-items:center;opacity:1;transition:opacity .8s ease}.loader-section.hide{opacity:0}.loader{height:8px;width:100%;background:#915b2b;border-radius:10px;overflow:hidden}.loader:after{content:"";display:block;width:40%;height:100%;background:#fff;animation:animloader 2s linear infinite}@keyframes animloader{0%{transform:translate(-100%)}to{transform:translate(300%)}}.fade-element{opacity:1;transition:opacity .8s ease}.fade-hidden{opacity:0;pointer-events:none}.ui-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1000}.ui-container{position:relative;width:100%;height:100%}.ui-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px}.frame-bg{width:100%;height:auto;display:block}.frame-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Ubuntu;font-size:32px;font-weight:700;color:#fff;text-align:center;white-space:nowrap;z-index:5}.frame-amount-wrapper{position:absolute;bottom:23%;left:50%;transform:translate(-50%)}.frame-amount{font-family:Ubuntu;font-size:clamp(32px,10vmin,90px);font-weight:700;color:#fff;-webkit-text-stroke:1.5px #ff8800;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;animation:growIn .3s ease-out forwards}.win-banner-wrapper{position:absolute;top:35%;left:50%;transform:translate(-50%);width:auto;height:clamp(60px,4vw,140px);display:flex;align-items:center;justify-content:center;animation:bannerPop .5s ease-out forwards,bannerBreath 1.2s ease-in-out .5s infinite}.win-banner{height:80%;width:auto;object-fit:cover;object-position:center}.frame-mystery-img{width:80%;height:auto;transform:translateY(60px);object-fit:contain;animation:mysteryDrop .3s ease-out forwards}@keyframes growIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes mysteryDrop{0%{transform:translateY(-30px);opacity:0}60%{transform:translateY(10px);opacity:1}80%{transform:translateY(-5px)}to{transform:translateY(3px)}}@keyframes bannerPop{0%{transform:translate(-50%) scale(0)}50%{transform:translate(-50%) scale(1.4)}to{transform:translate(-50%) scale(1)}}@keyframes bannerBreath{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}