.loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.main{position:relative}.dragon{width:200px;height:140px;transform-origin:50% 80%;animation:zoomIn .5s cubic-bezier(.47,0,.75,.72) infinite alternate}.dragon .body{position:absolute;top:0;right:0;width:180px;height:128px;background:url(/dragon/body.png) no-repeat 50%;background-size:contain;z-index:10}.dragon .horn-left{top:-17px;left:32px;width:31px;background:url(/dragon/horn-left.png) no-repeat;background-size:contain;transform-origin:150% 200%;transform:rotate(-5deg);animation:swingRight .5s cubic-bezier(.47,0,.75,.72) infinite alternate}.dragon .horn-left,.dragon .horn-right{position:absolute;height:31px;z-index:9}.dragon .horn-right{top:-16px;left:110px;width:34px;background:url(/dragon/horn-right.png) no-repeat;background-size:contain;transform-origin:-50% 200%;transform:rotate(5deg);animation:swingLeft .5s cubic-bezier(.47,0,.75,.72) infinite alternate}.dragon .eye{position:absolute;top:39px;width:11px;height:11px;background:url(/dragon/eye.png) no-repeat;background-size:contain;z-index:12}.dragon .eye.left{left:49px}.dragon .eye.right{left:118px;transform-origin:50% 50%;transform:rotate(180deg)}.dragon .blush{position:absolute;top:46px;width:15px;height:9px;background:url(/dragon/blush.png) no-repeat;background-size:100% 100%;z-index:11;animation:blush .5s ease infinite alternate}.dragon .blush.left{left:43px}.dragon .blush.right{left:120px}.dragon .mouth{position:absolute;top:52px;left:49px;width:78px;height:56px;background:url(/dragon/mouth.png) no-repeat;background-size:100%;z-index:11;animation:openMouth 1s ease infinite}.dragon .tail-sting{position:absolute;top:67px;left:139px;width:40px;height:38px;background:url(/dragon/tail-sting.png) no-repeat;background-size:contain;z-index:9;transform-origin:0 100%;animation:tailUp .5s cubic-bezier(.47,0,.75,.72) infinite alternate}.shadow-wrapper{position:absolute;top:110px;width:100%}.shadow{margin:0 auto;width:110px;height:30px;background:rgba(0,0,0,.15);border-radius:50%;z-index:0;animation:zoomIn .5s cubic-bezier(.47,0,.75,.72) infinite alternate}.fire-wrapper{position:absolute;width:40px;top:60px;left:88px;transform:translate(-50%,-50%);transform-origin:50% 100%;animation:fireUp 1s ease-in infinite}.fire{padding-bottom:135%;width:100%;height:100%;background:url(/dragon/fire.png) no-repeat;background-size:contain;animation:fire 1s ease-out infinite}.progress{margin-top:30px;width:100%}.progress .outer{width:100%;height:14px;border-radius:7px;background:rgba(0,0,0,.1);overflow:hidden}.progress .inner{width:0;height:100%;background:#ffcd33;animation:loading 2s linear infinite}@keyframes zoomIn{to{transform:scale(1.16)}}@keyframes swingRight{to{transform:rotate(5deg)}}@keyframes swingLeft{to{transform:rotate(-5deg)}}@keyframes blush{0%{opacity:0}to{opacity:1}}@keyframes openMouth{0%{clip-path:ellipse(20% 0 at 50% 0)}50%{clip-path:ellipse(100% 100% at 50% 0)}70%{clip-path:ellipse(100% 100% at 50% 0)}to{clip-path:ellipse(20% 0 at 50% 0)}}@keyframes tailUp{0%{transform:scaleY(.9)}to{transform:scaleY(1.06)}}@keyframes loading{to{width:100%}}@keyframes fireUp{0%{top:70px}20%{top:70px}to{top:-80px}}@keyframes fire{0%{transform:scale(0);opacity:.8}20%{transform:scale(0);opacity:.8}50%{opacity:.8}to{transform:scale(1);opacity:0}}