sboku/ui/pausemenu.razor.scss
PauseMenu {
	display: flex; // 🔥 PUUTTUU
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-family: Poppins;
	color: white;
	pointer-events: all;
}

	.menu {
		display: flex; // 🔥 PUUTTUU
		width: 70%;
		height: 70%;
		background-color: rgba( #2222, 0.5 );
		backdrop-filter: blur( 16px );
		border-radius: 4px;
		padding: 20px;
		flex-direction: column;
		gap: 20px;
	}

	.textbox {
		flex-grow: 1; // täyttää vapaan tilan
		width: 100%;
		background-color: #111;
		color: white;
		font-family: monospace;
		font-size: 15px;
		padding: 10px;
		border: 1px solid #555;
	}

	> .title {
		font-size: 86px;
		font-style: italic;
	}

	> .divider {
		height: 2px;
		background-color: white;
	}

> .list {
	flex-direction: column;
	gap: 10px;
	height: 90%;
	justify-content: space-evenly;
	align-items: center;

	> .but {
		width: 40%;
		font-size: 64px;
		justify-content: center;
		gap: 20px;

		&:hover {
			background-color: #AAA5;
		}

		&:active {
			background-color: #FFF5;
		}
	}
}