:root { --bg: #120a08; --fg: #fff4e0; }
html, body {
	margin: 0; height: 100%; background: var(--bg); color: var(--fg);
	overflow: hidden; overscroll-behavior: none;
	-webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}
body {
	display: flex; align-items: center; justify-content: center;
	background: radial-gradient(circle at 50% 30%, #3a1a10, var(--bg) 70%);
	font-family: "Baloo 2", system-ui, sans-serif;
}
canvas { display: block; touch-action: none; border-radius: 0; box-shadow: 0 0 60px #0008; }
@media (min-width: 600px) { canvas { border-radius: 18px; } }
#rotate {
	display: none; position: fixed; inset: 0; align-items: center; justify-content: center;
	background: var(--bg); font-size: 22px; font-weight: 800; text-align: center; padding: 16px;
}
@media (orientation: landscape) and (max-height: 500px) {
	#rotate { display: flex; }
	canvas { display: none; }
}