html,body,#root{background:transparent;border:none;margin:0;padding:0;box-sizing:border-box}.background{background-color:#000;background-image:url(/bg.jpg);background-size:cover;background-position:center top;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;width:100vw}.glitch:before,.glitch:after{content:"COMING SOON";position:absolute;left:0;width:100%;opacity:.6;clip:rect(0,900px,0,0)}.glitch:before{animation:glitchTop 2s infinite linear alternate-reverse;color:#f0f}.glitch:after{animation:glitchBottom 2s infinite linear alternate-reverse;color:#0ff}@keyframes glitchTop{0%{clip:rect(0,9999px,0,0);transform:translate(0)}5%{clip:rect(0,9999px,15px,0);transform:translate(-2px,-2px)}10%{clip:rect(0,9999px,0,0);transform:translate(2px,2px)}to{clip:rect(0,9999px,0,0);transform:translate(0)}}@keyframes glitchBottom{0%{clip:rect(0,9999px,0,0);transform:translate(0)}5%{clip:rect(10px,9999px,25px,0);transform:translate(2px,2px)}10%{clip:rect(0,9999px,0,0);transform:translate(-2px,-2px)}to{clip:rect(0,9999px,0,0);transform:translate(0)}}.loading-text{font-size:1.2rem;color:#fff;letter-spacing:.3em;font-family:Helvetica Neue,sans-serif;transition:transform .3s ease;align-items:center;display:flex;justify-content:center;position:relative;z-index:3;padding-left:1%}.loading-text-bottom{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:3;width:max-content;text-align:center}.dots{display:inline-block}.dots:after{content:"";display:inline-block;width:1em;text-align:left;animation:dots 1.2s steps(3,end) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.glitch-logo{position:fixed;height:auto;display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;position:relative;padding-right:1.5%}.glitch-logo img{position:absolute;width:100%;animation:glitchAnim 2s infinite linear alternate;opacity:1}@media (max-width: 768px){.glitch-logo{width:450px}.loading-text{font-size:1rem;letter-spacing:.2em}.content{padding:0 1rem;text-align:center}}@media (max-width: 480px){.glitch-logo{width:350px}.loading-text{font-size:.9rem}}@media (max-width: 380px){.glitch-logo{width:300px}.loading-text{font-size:.9rem}}.glitch-logo img:nth-child(1){filter:drop-shadow(-2px 0 red);animation-delay:0s;mix-blend-mode:screen}.glitch-logo img:nth-child(2){filter:drop-shadow(2px 0 lime);animation-delay:.1s;mix-blend-mode:screen}.glitch-logo img:nth-child(3){filter:drop-shadow(0 2px blue);animation-delay:.2s;mix-blend-mode:screen}@keyframes glitchAnim{0%{transform:translate(0) scale(1);opacity:1}10%{transform:translate(-1px,1px)}20%{transform:translate(2px,-1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px) scale(1.01)}50%{transform:translate(0) scale(1)}to{transform:translate(0)}}