*{margin:0;padding:0;box-sizing:border-box}.fade-enter-active,.fade-leave-active{transition:opacity 1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.rotate{transform-box:fill-box;transform-origin:center;rotate:0}.rotate--1{animation:rotate5 60s linear infinite}.rotate--2{animation:rotate6 50s linear infinite}@keyframes rotate5{to{rotate:360deg}}@keyframes rotate6{to{rotate:-360deg}}.ban{width:50%;display:flex;justify-content:center;position:relative}.ban-name,.ban-score,.ban-round{position:absolute;text-align:center;z-index:10;width:100%;font-family:Arial,Helvetica,sans-serif;font-weight:700}.ban-name{bottom:90px;color:#000;font-size:26px}.ban-score{bottom:190px;color:#fff;font-size:40px;padding-left:40px}.ban-round{bottom:225px;color:#fff;font-size:30px;text-align:right;padding-right:152px}.ban-screen{background:#000;position:absolute;left:0;top:0;bottom:0;right:0;width:540px;height:1920px;overflow:hidden}.ban-screen video{width:100%;height:100%;object-fit:cover}.ban-images{position:relative}.ban-images>img,.ban-images .ban-images__rotate,.ban-images .ban-images__score{position:absolute;left:50%;transform:translate(-50%)}.ban-images__score{margin-top:50px;bottom:27px}.ban-images__rotate{top:1200px}.ban-images__line-or-throw{top:0}.ban-images__rotate{position:absolute;display:grid;grid-template-areas:"a"}.ban-images__rotate img{transform:rotateY(90deg);grid-area:a}#rotate-1{animation:rotate1 30s linear infinite;transform-origin:center}#rotate-2{animation:rotate2 30s linear infinite;transform-origin:center}#rotate-3{animation:rotate3 30s linear infinite;transform-origin:center}#rotate-4{animation:rotate4 30s linear infinite;transform-origin:center}@keyframes rotate1{0%{rotate:0deg}to{rotate:360deg}0%,30%{transform:rotateY(90deg)}5%,25%{transform:rotateY(0)}}@keyframes rotate2{0%{rotate:0deg}to{rotate:360deg}0%,30%,55%{transform:rotateY(90deg)}35%,50%{transform:rotateY(0)}}@keyframes rotate3{0%{rotate:0deg}to{rotate:360deg}0%,55%,80%{transform:rotateY(90deg)}60%,75%{transform:rotateY(0)}}@keyframes rotate4{0%{rotate:0deg}to{rotate:360deg}0%,80%,to{transform:rotateY(90deg)}85%,95%{transform:rotateY(0)}}body{background:#000}main{width:1920px;height:1080px;overflow:hidden}.bans{transform:rotate(90deg) translateY(-100%);transform-origin:top left;width:1080px;height:1920px;display:flex;overflow:hidden}.bans .bans__gap{position:absolute;background:#000;top:0;bottom:0;width:var(--457405b8);left:50%;transform:translate(-50%);z-index:1}