@keyframes button-shimmer-sweep {
	0% {
		transform: translate(-150%) skew(-20deg);
	}
	30%, to {
		transform: translate(250%) skew(-20deg);
	}
}

@keyframes fog-stream-left {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate(-50%);
	}
}

@keyframes fog-stream-right {
	0% {
		transform: translate(-50%);
	}
	to {
		transform: translate(0);
	}
}

@keyframes fog-float-vertical {
	0%, to {
		transform: translateY(0) scaleY(1);
	}
	50% {
		transform: translateY(-14px) scaleY(1.06);
	}
}

@keyframes fog-rise-sweep {
	0% {
		transform: translateY(100vh);
	}
	to {
		transform: translateY(-300vh);
	}
}

@keyframes fog-fade-tail {
	0%, 86% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes myth-left-flyin-rip {
	0% {
		opacity: 0;
		transform: translate(-340px,15px) rotate(-20deg);
	}
	3% {
		opacity: 1;
	}
	18%, 38% {
		opacity: 1;
		transform: translate(0) rotate(-4deg);
	}
	48% {
		opacity: 0;
		transform: translate(-110px,32px) rotate(-22deg);
	}
	to {
		opacity: 0;
		transform: translate(-110px,32px) rotate(-22deg);
	}
}

@keyframes myth-right-flyin-rip {
	0% {
		opacity: 0;
		transform: translate(-340px,15px) rotate(-20deg);
	}
	3% {
		opacity: 1;
	}
	18%, 38% {
		opacity: 1;
		transform: translate(0) rotate(-4deg);
	}
	48% {
		opacity: 0;
		transform: translate(110px,34px) rotate(22deg);
	}
	to {
		opacity: 0;
		transform: translate(110px,34px) rotate(22deg);
	}
}

@keyframes fact-right-flyin {
	0%, 25% {
		opacity: 0;
		transform: translate(340px,-10px) rotate(20deg);
	}
	27% {
		opacity: 1;
	}
	38% {
		opacity: 1;
		transform: translate(0) rotate(2deg);
	}
	39%, 78% {
		opacity: 1;
		transform: translate(0) rotate(2deg);
	}
	86% {
		opacity: 0;
		transform: translateY(10px) scale(.95) rotate(1deg);
	}
	to {
		opacity: 0;
		transform: translate(340px,-10px) rotate(20deg);
	}
}

@keyframes rip-sparks-soft {
	0%, 37% {
		opacity: 0;
		transform: scale(.6);
	}
	39% {
		opacity: .9;
		transform: scale(1.1);
	}
	45% {
		opacity: 0;
		transform: scale(1.5);
	}
	to {
		opacity: 0;
		transform: scale(1.5);
	}
}

@keyframes fact-flying-land-on-myth {
	0% {
		opacity: 0;
		transform: translate(min(280px,40vw),-14px) rotate(14deg) scale(.88);
		box-shadow: 0 28px 48px #00000073;
	}
	35% {
		opacity: 1;
	}
	78% {
		transform: translate(-2px,1px) rotate(.4deg) scale(1.01);
	}
	to {
		opacity: 1;
		transform: translate(0) rotate(0) scale(1);
		box-shadow: 0 16px 36px #0006,0 4px 10px #0003;
	}
}

@keyframes compromise-bounce-recoil {
	0% {
		transform: translate(0) scale(1);
	}
	35% {
		transform: translate(-50px,-8px) rotate(-3deg) scale(1.02);
	}
	65% {
		transform: translate(8px,2px) rotate(1deg) scale(.99);
	}
	85% {
		transform: translate(-2px) rotate(-.5deg) scale(1.005);
	}
	to {
		transform: translate(0) rotate(0) scale(1);
	}
}

@keyframes capitulation-card-enter {
	0% {
		opacity: 0;
		transform: translate(min(240px,32vw),-8px) rotate(12deg) scale(.95);
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 1;
		transform: translate(-26px) rotate(-30deg) scale(.98);
	}
}

@keyframes myth-cover-quick {
	0% {
		z-index: 10;
		transform: translate(0) rotate(-1deg) scale(1);
	}
	35% {
		z-index: 30;
		transform: translateY(-6px) rotate(0) scale(1.03);
	}
	to {
		z-index: 30;
		transform: translate(0) rotate(-1deg) scale(1.01);
	}
}

@keyframes quick-tear-left {
	0% {
		opacity: 1;
		transform: translate(-26px) rotate(-30deg) scale(.98);
	}
	to {
		opacity: 0;
		transform: translate(-110px,38px) rotate(-55deg) scale(.92);
	}
}

@keyframes quick-tear-right {
	0% {
		opacity: 1;
		transform: translate(-26px) rotate(-30deg) scale(.98);
	}
	to {
		opacity: 0;
		transform: translate(70px,30px) rotate(-10deg) scale(.92);
	}
}

@keyframes confetti-radial-burst {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate3d(var(--tx), var(--ty), 0);
	}
}

@keyframes myth-inplace-tear-left {
	0% {
		opacity: 1;
		transform: translate(0) rotate(0) scale(1);
	}
	25% {
		transform: translate(-14px,-3px) rotate(-3deg) scale(1.015);
	}
	to {
		opacity: 0;
		transform: translate(-120px,35px) rotate(-22deg) scale(.92);
	}
}

@keyframes myth-inplace-tear-right {
	0% {
		opacity: 1;
		transform: translate(0) rotate(0) scale(1);
	}
	25% {
		transform: translate(14px,3px) rotate(3deg) scale(1.015);
	}
	to {
		opacity: 0;
		transform: translate(120px,35px) rotate(22deg) scale(.92);
	}
}

@keyframes confetti-gravity-physics {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0) scale(.2);
	}
	6% {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate(calc(var(--rot) * .06)) scale(1);
	}
	50% {
		opacity: 1;
	}
	75% {
		opacity: .85;
	}
	to {
		opacity: 0;
		transform: translate3d(0, 130px, 0) rotate(var(--rot)) scale(.7);
	}
}

@keyframes bottom-sheet-slide-up {
	0% {
		transform: translateY(100%);
	}
	to {
		transform: translate(0);
	}
}

@keyframes final-modal-slide-mobile {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes content-fade-in {
	0% {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes content-bounce-in {
	0% {
		opacity: 0;
		transform: scale(.92) translateY(8px);
	}
	65% {
		opacity: 1;
		transform: scale(1.025) translateY(-1px);
	}
	to {
		opacity: 1;
		transform: scale(1) translate(0);
	}
}

@keyframes myth-card-attack {
	0% {
		opacity: 0;
		transform: translate(-150px,10px) rotate(-28deg) scale(.45);
	}
	8% {
		opacity: 1;
	}
	30%, 70% {
		opacity: 1;
		transform: translate(0) rotate(-4deg) scale(1);
	}
	76% {
		transform: translate(-6px) rotate(-6deg) scale(1.02);
	}
	82% {
		transform: translate(4px) rotate(-3deg) scale(1);
	}
	92%, to {
		opacity: 0;
		transform: translate(24px,8px) rotate(-2deg) scale(.96);
	}
}

@keyframes defog-fade {
	0% {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes defog-mist-lift {
	0% {
		opacity: .85;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(45%);
	}
}



@keyframes answer-wrong-shake {
	0%, to {
		translate: 0 0;
	}
	15% {
		translate: -6px 0;
	}
	30% {
		translate: 5px 0;
	}
	45% {
		translate: -4px 0;
	}
	60% {
		translate: 3px 0;
	}
	75% {
		translate: -1px 0;
	}
}

@keyframes boss-quote-in {
	from {
		opacity: 0;
		translate: 0 3px;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}