:root{--ec-light-blue:#e5eff7;--ec-dark-blue:#002c5a;--ec-main-blue:#0066b3}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{height:100%}canvas{display:block}body{background:var(--ec-light-blue);margin:0}.game{display:flex;justify-content:center}#unity-container{background:var(--ec-dark-blue);height:100%;width:clamp(36vh,100%,50vh)}#loading-cover,#unity-canvas{height:100%;width:100%}#loading-cover{background:var(--ec-dark-blue);left:0;position:absolute;top:0}#loading-cover,#unity-loading-bar{align-items:center;display:flex;justify-content:center}#unity-loading-bar{flex:1 1 auto;flex-direction:column}#ec-logo{text-align:center}#ec-logo img{max-width:80%}#unity-progress-bar-empty{background-color:var(--ec-light-blue);border-radius:10em;height:24px;margin:4em 20px 20px 10px;padding:2px;text-align:left;width:clamp(20vh,100%,40vh)}#unity-progress-bar-full{animation:pulse .8s ease infinite;background:var(--ec-main-blue);border-radius:10em;height:100%;width:0}#unity-fullscreen-button{background:url(fullscreen-button.png) no-repeat 50%;background-size:contain;border-radius:100%;bottom:10px;height:38px;position:absolute;right:10px;width:38px}.spinner,.spinner:after{border-radius:50%;height:5em;width:5em}.spinner{animation:spinner-spin 1.1s linear infinite;border:1.1em solid hsla(0,0%,100%,.2);border-left-color:#fff;font-size:10px;margin:10px;position:relative;text-indent:-9999em;transform:translateZ(0)}@keyframes spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:100%}50%{opacity:70%}to{opacity:100%}}