*{margin:0;padding:0;border:0;touch-action:none;-ms-touch-action:none;tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-drag:none;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none}body,html{width:100vw;height:100vh}body{background-color:#000;background:linear-gradient(180deg,#a4a7c6 0,#a4c6a9 100%)}canvas{z-index:0;display:block;opacity:0;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out}#spinner{z-index:1;position:absolute;width:10vmin;height:10vmin;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translate(-50%,-50%);border-radius:50%;border-style:solid;border-width:2vmin;border-color:rgba(255,255,255,.2) rgba(255,255,255,.2) rgba(255,255,255,.2) #fff;animation:1s linear infinite spinner;-webkit-animation:1s linear infinite spinner;opacity:1;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out}@keyframes spinner{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@-webkit-keyframes spinner{0%{-webkit-transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg)}}@-moz-keyframes spinner{0%{-moz-transform:translate(-50%,-50%) rotate(0)}100%{-moz-transform:translate(-50%,-50%) rotate(360deg)}}@-ms-keyframes spinner{0%{-ms-transform:translateX(-50%) translateY(-50%) rotate(0)}100%{-ms-transform:translateX(-50%) translateY(-50%) rotate(360deg)}}@-o-keyframes spinner{0%{-o-transform:translate(-50%,-50%) rotate(0)}100%{-o-transform:translate(-50%,-50%) rotate(360deg)}}.bouncerHolder{position:absolute;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translate(-50%,-50%);opacity:0;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out}.bouncerHolderWithLoadingScreen{top:50%}.bouncerHolderSkipLoadingScreen{top:40%}.bouncer{display:flex;justify-content:center;align-items:flex-end;gap:1.5vmin;height:7.5vmin}.bouncer div{width:4.2vmin;height:4.2vmin;border-radius:50%;background:#fcefdb;animation:.6s ease-in-out infinite bounce}.bouncer div:nth-child(2){animation-delay:.2s;background:#4a4650}.bouncer div:nth-child(3){animation-delay:.4s;background:#f6c765}@keyframes bounce{0%,100%,80%{transform:scaleY(.8) translateY(0)}40%{transform:scaleY(1.2) translateY(-3vmin)}}.progressBarLayer{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out}.progressBar{--progress:0;--duration:400ms;--stripe-size:2vmin;--stripe-speed:1s;position:absolute;top:60vh;left:50%;transform:translateX(-50%);width:50vmin;height:3vmin;border:.75vmin solid #fcefdb;border-radius:999px;overflow:hidden;background:#fcefdb}.progressBar::before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--progress) * 100%);border-radius:inherit;background:#f6c765;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);background-size:calc(var(--stripe-size) * 2) calc(var(--stripe-size) * 2);animation:progressStripes var(--stripe-speed) linear infinite}@keyframes progressStripes{to{background-position:calc(var(--stripe-size) * 2) 0}}