:root{view-transition-name:none}#level-up{view-transition-name:level-up}::view-transition{animation-name:shake;animation-duration:.5s;animation-delay:.75s}::view-transition-old(level-up){animation-name:level-up-exit}::view-transition-new(level-up){animation-name:level-up-entry}@keyframes level-up-exit{50%,to{transform:translate(-100vw) scale(.2)}}@keyframes level-up-entry{0%,50%{transform:translate(-100vw) scale(.2)}}#back{view-transition-name:back}::view-transition-new(back){animation-name:back-entry,-ua-view-transition-fade-in}::view-transition-old(back){animation-name:back-entry,-ua-view-transition-fade-out;animation-direction:reverse,normal}@keyframes back-entry{0%{transform:translate(100vw,60vh) scale(.2)}50%{transform:translateY(60vh) scale(.5)}}#rocket{view-transition-name:rocket}::view-transition-group(rocket){z-index:1}[data-title=page1]::view-transition-image-pair(rocket){animation-name:rocket-flight-to-page-1}[data-title=page2]::view-transition-image-pair(rocket){animation-name:rocket-flight-to-page-2}@keyframes rocket-flight-to-page-2{25%{transform:rotate(90deg) translate(-20vw,-20vh)}75%{transform:translateY(10vh)}}@keyframes rocket-flight-to-page-1{0%{transform:translateY(0)}15%{transform:translateY(40vh) rotate(135deg)}30%{transform:translateY(20vh) rotate(0)}75%{transform:translate(20vw,-10vh) rotate(-60deg)}to{transform:rotate(0)}}@keyframes shake{25%,75%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}}:active-view-transition-type(false-start){&::view-transition-group(*){animation-duration:.3s}&::view-transition-old(level-up),&::view-transition-new(level-up){animation-name:shake;transform-origin:30%;animation-iteration-count:2}&::view-transition-image-pair(back){animation-name:shake;transform-origin:80%;animation-iteration-count:2}&::view-transition-old(back),&::view-transition-new(back),&::view-transition-image-pair(rocket){animation-name:none}&::view-transition{animation:none}&::view-transition-group(rocket){z-index:initial}}:root:where(.vtbag-vtt-false-start){&::view-transition-group(*){animation-duration:.3s}&::view-transition-old(level-up),&::view-transition-new(level-up){animation-name:shake;transform-origin:30%;animation-iteration-count:2}&::view-transition-image-pair(back){animation-name:shake;transform-origin:80%;animation-iteration-count:2}&::view-transition-old(back),&::view-transition-new(back),&::view-transition-image-pair(rocket){animation-name:none}&::view-transition{animation:none}&::view-transition-group(rocket){z-index:initial}}a{view-transition-class:starter}#rocket{view-transition-class:initial}::view-transition-new(.starter),::view-transition-old(.starter){box-shadow:0 0 16px 8px #ff8080}