#hub{width:100vw;height:100dvh;min-height:0;overflow:hidden;background:#8ecaf3}#hub .stage{flex-shrink:0;max-width:none;min-height:0;width:max(100vw,150dvh);height:max(100dvh,66.666667vw);aspect-ratio:3/2}#hub .art{object-fit:contain}
@media(orientation:portrait){#hub .stage{width:max(100vw,66.666667dvh);height:max(100dvh,150vw);aspect-ratio:2/3}}
@media(max-aspect-ratio:3/5){#hub .stage{width:max(100vw,44.973262dvh);height:max(100dvh,222.35434vw);aspect-ratio:841/1870}.yi{left:20%;top:19%;width:28%;height:13%}.xiao{left:52%;top:19%;width:27%;height:13%}.parent{left:3%;top:4%;width:14%;height:6.5%}.sound{left:83%;top:4%;width:14%;height:6.5%}.start{left:19%;top:57%;width:62%;height:10.5%}.warmup{left:8%;top:68%;width:24%;height:12%}.jump{left:36%;top:68%;width:27%;height:12%}.reward{left:68%;top:68%;width:25%;height:12%}.medal-hit{top:86%;height:7%;width:14%}.medal-hit:nth-child(1){left:25%}.medal-hit:nth-child(2){left:39%}.medal-hit:nth-child(3){left:53%}.medal-hit:nth-child(4){left:66%}.medal-hit:nth-child(5){left:80%}}
@media(min-aspect-ratio:33/20){#hub .stage{width:max(100vw,177.683315dvh);height:max(100dvh,56.279904vw);aspect-ratio:1672/941}.yi{left:3.3%;top:3.5%;width:10%;height:19%}.xiao{left:15%;top:5%;width:10%;height:18%}.parent{left:81.3%;top:2.5%;width:7.5%;height:13%}.sound{left:91%;top:3%;width:6%;height:11%}.start{left:37.5%;top:45%;width:24%;height:14%}.warmup{left:20%;top:56%;width:13%;height:19%}.jump{left:43%;top:56%;width:13%;height:19%}.reward{left:67%;top:56%;width:13%;height:19%}.medal-hit{top:80%;height:15.5%;width:10.5%}.medal-hit:nth-child(1){left:25.5%}.medal-hit:nth-child(2){left:38.5%}.medal-hit:nth-child(3){left:51.5%}.medal-hit:nth-child(4){left:65%}.medal-hit:nth-child(5){left:78%}}