html,body{margin:0;padding:0;height:100%;background:transparent;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
#app{position:absolute;inset:0;overflow:visible}
#y{position:absolute}
.yk{width:100%;height:auto;overflow:visible;display:block;user-select:none;-webkit-user-select:none}
.wrapY{position:relative}
.pt{position:absolute;left:50%;top:42%;pointer-events:none;animation:fly 1.2s cubic-bezier(.2,.7,.3,1) forwards;z-index:9}
@keyframes hb{0%,60%,100%{transform:scale(1)}10%{transform:scale(1.14)}20%{transform:scale(.97)}30%{transform:scale(1.1)}42%{transform:scale(1)}}
.hb{transform-box:fill-box;transform-origin:center;animation:hb 1.15s ease-in-out infinite}
@keyframes fly{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}15%{transform:translate(-50%,-50%) scale(1) rotate(0)}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(.9);opacity:0}}
#y{width:66.666667%;left:16.666667%;top:16.666667%}