PauseMenu {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(black, 0.9);
	pointer-events: all;
	color: white;
	font-family: GrotesqueNo9T;
	font-size: 64px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	transition: opacity .5s ease;

	> h2 {
		font-size: 128px;
		font-weight: bolder;
		text-stroke: 16px black;
		text-decoration: underline;
	}

	> .options {
		flex-direction: column;
		align-items: center;
		gap: 16px;

		> .button {
			background-color: white;
			color: black;
			padding: 8px;
			border-radius: 32px;
			transition: all 0.1s ease;

			&:hover {
				sound-in: ui.button.over;
				background-color: #808080;
				transform: scale(1.1);
			}
		}
	}

	> .totalWM {
		position: absolute;
		bottom: 32px;
		left: 32px;
		font-size: 72px;
		font-weight: bold;
		text-stroke: 10px black;
		color: white;
	}

	> .totaltofu {
		position: absolute;
		bottom: 124px;
		left: 32px;
		font-size: 72px;
		font-weight: bold;
		text-stroke: 10px black;
		color: white;
	}

	> .highscore {
		position: absolute;
		bottom: 32px;
		right: 32px;
		font-size: 72px;
		font-weight: bold;
		text-stroke: 10px black;
		color: white;
	}

	> .besttime {
		position: absolute;
		bottom: 96px;
		right: 32px;
		font-size: 72px;
		font-weight: bold;
		text-stroke: 10px black;
		color: white;
	}

	> .howtoplay {
		position: absolute;
		bottom: 32px;
		flex-direction: column;
		font-size: 32px;
		font-weight: bold;
		text-stroke: 10px black;
		color: white;
	}

	&.hide {
		opacity: 0;
	}
}