.gameContainer,body,html{width:100%;height:100%;margin:0;padding:0}.hide .progCellFader,.progress{opacity:0}.gameContainer{transition:background .5s}.box{position:relative;width:15vh;height:15vh;display:inline-block}.progressBar,.spinnerBox{position:absolute;left:0;right:0;overflow:hidden}.progressBar{bottom:10.5vh;height:19vh;text-align:center}.progCellFader{transition:opacity .5s ease-in-out}.spinnerBox{bottom:15vh;width:110px;height:110px;margin:auto}.errorBox{background:#000;color:#fff;font-size:25px;position:relative}.errorMsg,.progress,.progressCell{position:absolute}.errorMsg{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.progressCell{border-radius:20%;padding:30%;top:20%;left:20%}.active .progressCell{animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.progress{border-radius:20%;width:10px;height:10px;padding:0;margin:50%;top:-5px;left:-5px;transition:padding,margin,opacity;transition-duration:.5s;transition-timing-function:ease-in-out}.spinner,.spinner:after,.spinner:before,.spinnerOver{border-radius:50%}.spinner,.spinnerOver{font-size:11px;text-indent:-99999em;margin:0;position:relative;width:10em;height:10em;box-shadow:inset 0 0 0 1em}.spinnerOver{opacity:.25;z-index:100}.spinner{opacity:0;transform:translateZ(0);transition:opacity .5s ease-in-out}.spinner:after,.spinner:before{width:5.4em;height:10.4em;top:-.2em;position:absolute;content:''}.spinner:before{border-radius:10.2em 0 0 10.2em;left:-.2em;transform-origin:5.2em 5.1em;animation:spin 2s infinite ease 1.5s}.spinner:after{border-radius:0 10.2em 10.2em 0;left:5em;transform-origin:0 5.1em;animation:spin 2s infinite ease}.gameContainer.Dark .progressCell{border:5px solid rgba(255,255,255,.5)}.gameContainer.Light .progressCell{border:5px solid rgba(0,0,0,.5)}.gameContainer.Dark .progress{background:rgba(255,255,255,.5)}.gameContainer.Light .progress{background:rgba(0,0,0,.5)}.gameContainer.Dark .spinner{color:rgba(255,255,255,.5)}.gameContainer.Light .spinner{color:rgba(0,0,0,.5)}.gameContainer.Dark .spinnerOver{color:rgba(255,255,255,.5)}.gameContainer.Light .spinnerOver{color:rgba(0,0,0,.5)}.gameContainer.Dark .play-button{border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.5);color:rgba(255,255,255,1)}.gameContainer.Light .play-button{border:2px solid rgba(0,0,0,.6);background:rgba(0,0,0,.5);color:rgba(0,0,0,1)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulse{0%,35%{padding:30%;top:20%;left:20%}15%{padding:35%;top:15%;left:15%}}
