html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{margin:0;padding:0}body{background-color:#000}.stage>img{position:fixed;top:0;right:0;left:0;bottom:0;display:block;width:100%;height:100%}.stage--loading>img{opacity:0}.stage--loaded>img{opacity:1}.stage--loading:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;content:'●';color:#fff;-webkit-font-smoothing:antialiased;font-family:sans-serif;font-size:18px;letter-spacing:2px}@-webkit-keyframes fade{0%{opacity:1}100%{opacity:0}}@keyframes fade{0%{opacity:1}100%{opacity:0}}.sound{position:fixed;z-index:2;top:1em;left:1em;font-size:50px;-webkit-animation:fade 3s;animation:fade 3s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.sound--mobile{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:none;animation:none}