*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}button{cursor:pointer}.spinner{width:10rem;height:10rem;background-color:transparent}.spinner .spinner-icon{width:100%;height:100%;object-fit:contain;object-position:center;display:block}@font-face{font-family:Bungee;src:url(../fonts/Bungee-Regular.ttf) format("truetype");font-weight:400;font-style:normal}html,button,input,select,textarea{font-family:Bungee,sans-serif;font-size:1rem}h1,h2,h3,p{margin:0}#Hud #time{position:fixed;right:1rem;top:1rem;font-size:1rem;text-shadow:0 0 .25rem rgb(255,255,255)}#Hud #time p{display:flex;flex-direction:column;align-items:flex-end}#Hud #time p span{font-size:4rem;line-height:4rem}#Hud #score{position:fixed;left:1rem;top:1rem;font-size:1rem;text-shadow:0 0 .5rem rgb(255,255,255)}#Hud #score p{display:flex;flex-direction:column;align-items:flex-start}#Hud #score p span{font-size:4rem;line-height:4rem}#Hud #controls{position:fixed;left:50%;bottom:1.5rem;width:100%;transform:translate(-50%);font-size:1.25rem;line-height:1.5rem;text-shadow:0 0 .5rem rgb(255,255,255);text-align:center}#Hud #controls .spacebar{padding:.5rem 1.5rem;background-color:#ccc;text-align:center;margin:0 .35rem;box-shadow:.1rem .1rem .5rem #000;border-radius:.25rem;font-size:1.25rem;line-height:1.5rem}#Hud #controls .red-button{width:2rem;height:2rem;border-radius:100%;margin:0 .25rem;display:inline-flex;background-color:red;vertical-align:middle;border:.2rem solid #000000}#Hud #hud-loading{position:fixed;left:0;top:0;width:100%;height:100%;background-image:url(../images/start/startup.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;display:none;align-items:center;justify-content:center;padding:10%}#Hud #hud-loading.active{display:flex}#Hud #hud-loading p{font-size:4.25rem;line-height:5.5rem;color:#fff;text-shadow:0 0 .5rem rgb(0,0,0)}.Instructions{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000040;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);display:flex;justify-content:center;align-items:center}.Instructions .instructions-content{position:relative;width:30rem;max-width:80%;height:72%;background-color:#fff;padding:2rem 2rem 1rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden}.Instructions .instructions-content .close{position:absolute;right:0;top:0;width:3rem;height:3rem;background-color:transparent;border:none;padding:0}.Instructions .instructions-content .close .close-icon{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.Instructions .instructions-content .title{margin-bottom:1.5rem}.Instructions .instructions-content .slides{width:100%;display:flex;position:relative;margin:0;padding:0;list-style-type:none}.Instructions .instructions-content .slides .slide{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .5s ease,opacity .5s ease}.Instructions .instructions-content .slides .slide.inactive{position:absolute;left:0;top:0;opacity:0}.Instructions .instructions-content .slides .slide.inactive.left{transform:translate(-100%)}.Instructions .instructions-content .slides .slide.inactive.right{transform:translate(100%)}.Instructions .instructions-content .slides .slide .slide-image{width:100%;display:block;margin-bottom:1rem}.Instructions .instructions-content .slides .slide .slide-title{margin-bottom:.5rem;font-size:1.5rem}.Instructions .instructions-content .slides .slide .slide-text{font-size:1rem;line-height:150%}.Instructions .instructions-content .buttons{width:100%;display:flex;justify-content:space-between;margin-top:auto}.Instructions .instructions-content .buttons .progress{font-size:1rem}.Instructions .instructions-content .buttons .button{width:10rem;padding:.5rem 0;background-color:#000;color:#fff;border:none}.Instructions .instructions-content .buttons .button:disabled,.Instructions .instructions-content .buttons .button.disabled{pointer-events:none;opacity:.25}.Leaderboard{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000040;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.Leaderboard .leaderboard-content{position:relative;width:50rem;max-width:80%;max-height:95%;background-color:#fff;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.Leaderboard .leaderboard-content .close{position:absolute;right:0;top:0;width:3rem;height:3rem;background-color:transparent;border:none;padding:0}.Leaderboard .leaderboard-content .close .close-icon{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.Logo{display:flex;flex-direction:column;align-items:center;text-shadow:0 0 .25rem rgba(0,0,0,.9)}.Logo .line1{position:relative;display:flex;font-size:5rem;line-height:5rem;animation:line1 10s linear infinite}.Logo .line1 .static-s{animation:line1-letter-s-disappear 10s linear infinite;color:#ffb4b4}.Logo .line1 .static-k{animation:line1-letter-k-disappear 10s linear infinite;color:#adc7dc}.Logo .line1 .static-y{color:#b19bf0}.Logo .line1 .additional-s{position:absolute;left:0;top:0;animation:line1-letter-s-drop 10s linear infinite;color:#ffb4b4}.Logo .line1 .additional-k{position:absolute;left:3.25rem;top:0;animation:line1-letter-k-drop 10s linear infinite;color:#adc7dc}.Logo .line2{position:relative;display:flex;font-size:5rem;line-height:5rem}.Logo .line2 .static-s{animation:line2-letter-s-disappear 10s linear infinite;color:#ffb4b4}.Logo .line2 .static-t{color:#ca6c6c}.Logo .line2 .static-a{color:#e8ca93}.Logo .line2 .static-c{color:#b19bf0}.Logo .line2 .static-k{animation:line2-letter-k-disappear 10s linear infinite;color:#adc7dc}.Logo .line2 .static-e{color:#f2c2ef}.Logo .line2 .static-r{color:#e8ca93}.Logo .line2 .additional-s{position:absolute;left:0;top:0;animation:line2-letter-s-drop 10s linear infinite;color:#ffb4b4}.Logo .line2 .additional-k{position:absolute;left:13.325rem;top:0;animation:line2-letter-k-drop 10s linear infinite;color:#adc7dc}@keyframes line1{0%{transform:translate(3.125rem)}7.9%{transform:translate(15rem)}27.9%{transform:translate(-15rem)}33.4%{transform:translate(-6.685rem)}44.4%{transform:translate(-6.685rem)}58.9%{transform:translate(15rem)}78.9%{transform:translate(-15rem)}90%{transform:translate(3.125rem)}to{transform:translate(3.125rem)}}@keyframes line1-letter-s-disappear{0%{opacity:1}33.4%{opacity:1}33.41%{opacity:0}}@keyframes line1-letter-s-drop{0%{opacity:0;transform:translateY(-5rem)}33.4%{opacity:0;transform:translateY(-5rem)}43.4%{opacity:1;transform:translateY(0)}to{transform:translateY(0)}}@keyframes line1-letter-k-disappear{0%{opacity:1}90%{opacity:1}90.01%{opacity:0}to{opacity:0}}@keyframes line1-letter-k-drop{0%{opacity:0;transform:translateY(-5rem)}90%{opacity:0;transform:translateY(-5rem)}to{opacity:1;transform:translateY(0)}}@keyframes line2-letter-s-disappear{0%{opacity:1;transform:translateY(0)}33.4%{opacity:1;transform:translateY(0)}44.4%{opacity:0;transform:translateY(5rem)}to{opacity:0;transform:translateY(5rem)}}@keyframes line2-letter-s-drop{0%{opacity:0;transform:translateY(-5rem)}33.4%{opacity:0;transform:translateY(-5rem)}33.41%{opacity:1;transform:translateY(-5rem)}43.4%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes line2-letter-k-disappear{0%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5rem)}}@keyframes line2-letter-k-drop{0%{opacity:0;transform:translateY(-5rem)}90%{opacity:0;transform:translateY(-5rem)}90.1%{opacity:1;transform:translateY(-5rem)}to{opacity:1;transform:translateY(0)}}.Menu{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding-top:4rem;z-index:1}.Menu .attractor{position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.Menu .content{padding:4rem 10rem;background-color:#fffc;display:flex;flex-direction:column;align-items:center;border-radius:.75rem}.Menu .showname{margin-bottom:3rem}.Menu .navigation{list-style-type:none;padding:0;margin:4rem 0 0;width:50%;display:flex;flex-direction:column;align-items:center}.Menu .navigation .item{width:100%;margin-bottom:1rem;display:flex;justify-content:center}.Menu .navigation .item .button{background-color:transparent;border:none;padding:1rem 2rem;font-size:1.5rem;cursor:pointer}#Results{width:100%;height:100%;padding:0 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}#Results .background{position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}#Results .endgame{width:37rem;max-width:95%;display:flex;flex-direction:column;align-items:center;background-color:#fffc;border-radius:.75rem;padding:4rem 1rem 3rem}#Results .endgame.hide{display:none;opacity:0;pointer-events:none}#Results .endgame .title{display:flex;font-size:3rem;line-height:3.5rem;margin-bottom:2rem;text-shadow:0 0 .25rem rgba(0,0,0,.9)}#Results .endgame .title .letter-1{color:#ffb4b4}#Results .endgame .title .letter-2{color:#ca6c6c}#Results .endgame .title .letter-3{color:#e8ca93}#Results .endgame .title .letter-4{color:#b19bf0}#Results .endgame .title .letter-5{color:#adc7dc}#Results .endgame .title .letter-6{color:#f2c2ef}#Results .endgame .title .letter-7{color:#e8ca93}#Results .endgame .title .letter-8{color:#ffb4b4}#Results .endgame .title .letter-9{color:#ca6c6c}#Results .endgame .title .letter-10{color:#e8ca93}#Results .endgame .score{font-size:8rem;line-height:10rem;margin-bottom:2rem;color:#ca6c6c;animation:3s pulse infinite;text-shadow:0 0 .25rem rgba(0,0,0,.9)}#Results .endgame .score:first-letter{color:#b19bf0}#Results .endgame .form{width:90%;max-width:30rem;display:flex;flex-direction:column;align-items:center;margin-top:2rem;padding-bottom:2rem}#Results .endgame .form .subtitle{font-size:1.5rem;margin-bottom:2.5rem}#Results .endgame .form .input-container{position:relative;display:flex;align-items:center;width:100%}#Results .endgame .form .input-container .input{width:100%;height:3rem;flex:1;background-color:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.5);padding:0 1rem;font-size:1.25rem;line-height:3rem;outline:none}#Results .endgame .form .input-container .input:focus{border-color:#000}#Results .endgame .form .input-container .input:focus+.label,#Results .endgame .form .input-container .input.not-empty+.label{transform:translateY(-2rem) scale(.6)}#Results .endgame .form .input-container .label{position:absolute;left:1rem;top:calc(50% - 1rem);line-height:2rem;font-size:1.25rem;transform-origin:left center;transition:transform .25s ease}#Results .endgame .form .input-container .button{flex-shrink:0;border-radius:.5rem;padding:1rem 2rem;margin-left:1rem;color:#fff;background-color:#b19bf0;border:1px solid #b19bf0;transition:background-color .5s ease,opacity .5s ease}#Results .endgame .form .input-container .button:disabled{background-color:transparent;opacity:.3;color:#000}#Results .endgame .form .profanity-error{font-size:1rem;color:red;padding:1rem 0;opacity:0;pointer-events:none}#Results .endgame .form .profanity-error.active{opacity:1}#Results .endgame .button-secondary{background-color:transparent;border:none;padding:1rem 3rem;margin-top:2rem;font-size:.8rem}#Results .loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:4rem 3rem;display:none;flex-direction:column;align-items:center;background-color:#fffc}#Results .loading.active{display:flex}#Results .loading .text{margin-top:1.5rem;font-size:1.25rem;box-shadow:0 0 .5rem #ffffff80}#Results .leaderboard{width:50rem;max-width:95%;max-height:calc(100vh - 3rem);background-color:#fffc;display:flex;flex-direction:column;align-items:center;padding:0 3rem 2rem;overflow-y:auto}#Results .leaderboard.hide{display:none;opacity:0;pointer-events:none}#Results .leaderboard .leaderboard-table{width:100%;margin-bottom:2rem}#Results .leaderboard .leaderboard-position{font-size:1rem;margin-bottom:1.5rem;text-align:center}#Results .leaderboard .button{border-radius:.5rem;padding:1rem 4rem;color:#fff;background-color:#b19bf0;border:1px solid #b19bf0}#Results .title{margin-bottom:2rem}#Results .error{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#b19bf0;display:none;flex-direction:column;align-items:center;justify-content:center}#Results .error.active{display:flex}#Results .error .title{margin-bottom:2.5rem}#Results .error .button{border-radius:.5rem;padding:1rem 4rem;color:#000;background-color:#fff;border:1px solid #ffffff}.Start{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:7.5rem;z-index:1}.Start .background{position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;filter:brightness(70%)}.Start #loading{margin-top:12.5rem;display:flex;flex-direction:column;align-items:center}.Start #loading .text{margin-bottom:1rem;color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.75)}.Start #loading .progress{position:relative;width:25rem;max-width:100%;height:2rem;background-color:#fff;border-radius:1rem;border:2px solid #b19bf0}.Start #loading .progress #progress-bar{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#b19bf0;border-radius:1rem;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}.Start #loading .progress #progress-value{position:absolute;left:50%;top:50%;font-size:1rem;color:#000;transform:translate(-50%,-50%)}.Start #ready{margin-top:12.5rem;display:flex;flex-direction:column;align-items:center}.Start #ready.hide{display:none}.Start #ready .text{color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.75);font-size:2rem}.Table{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.Table .podium{width:100%;margin:5.75rem 0 2.5rem;padding:0;list-style-type:none;display:flex;align-items:center}.Table .podium .podium-item{width:33.3333%;display:flex;flex-direction:column;align-items:center;border-radius:.5rem}.Table .podium .podium-item.podium-item-1{order:2;background-color:#d9b65e;transform:scale(1.2);z-index:1}.Table .podium .podium-item.podium-item-2{order:1;background-color:#bababa;transform:scale(1)}.Table .podium .podium-item.podium-item-2 .score{animation-delay:1.66s}.Table .podium .podium-item.podium-item-3{order:3;background-color:#c76343;transform:scale(.9)}.Table .podium .podium-item.podium-item-3 .score{animation-delay:3.33s}.Table .podium .podium-item .medal{width:6rem;margin:-2rem 0 1rem;display:block}.Table .podium .podium-item .name{line-height:1.5rem;font-size:1.5rem;margin-bottom:.5rem}.Table .podium .podium-item .score{line-height:3.5rem;font-size:4.25rem;animation:pulse 5s ease infinite;margin-bottom:.5rem}.Table .podium .podium-item .time{font-size:1rem;line-height:1rem;color:#444;margin-bottom:1.5rem}.Table .placements{width:calc(100% - 7rem);display:flex;flex-direction:column;margin:0;padding:0;list-style-type:none;background-color:#eee;padding:0rem 1rem;border-radius:.5rem}.Table .placements .item{width:100%;display:flex;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.5)}.Table .placements .item:last-of-type{border:none}.Table .placements .item .position{width:3rem;text-align:center}.Table .placements .item .name{flex:1}.Table .placements .item .score{width:4rem}.Table .placements .item .time{color:#999;width:4rem}@keyframes pulse{0%{transform:scale(.9)}70%{transform:scale(1)}to{transform:scale(.9)}}