#root{width:100vw;height:100vh}body{margin:0}.button{background-color:#f58c00;border:none;color:#000;font-weight:700;font-size:16px;margin:4px 2px;padding:10px;cursor:pointer;min-width:100px;border-radius:4px}.button:hover{border-color:#e78400}.loadingScreen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;transition:opacity 1s;z-index:9999;font-family:Almendra,serif;overflow:hidden}.loadingScreen__background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(5px);z-index:-1;animation:fadeInBackground 1s infinite alternate}@keyframes fadeInBackground{0%{opacity:.7}to{opacity:1}}.loadingScreen__board{padding:40px;background-color:#2229;border-radius:20px;text-align:center;border:solid 2px rgba(255,255,255,.2);transition:transform .5s,opacity .5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loadingScreen__title{font-size:3rem;color:#ffffffe6;margin-bottom:20px}.loadingScreen__button{padding:12px 36px;background-color:#222222b3;color:#fffc;border:solid 2px rgba(255,255,255,.2);font-weight:700;font-size:1.8rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.loadingScreen__button:hover{background-color:#222222e6;transform:scale(1.05)}.loadingScreen__button:disabled{opacity:.5;cursor:not-allowed}.loadingScreen__progress{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:80%;height:8px;background-color:#fff3;border-radius:4px;overflow:hidden}.loadingScreen__progress__value{height:100%;background-color:#fff9;transition:width .4s}.loadingScreen--started{opacity:0;pointer-events:none}.loadingScreen--started .loadingScreen__board{transform:translateY(-20px);opacity:0}