/* Global reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
}

/* Repeating tiled GIF background */
body {
	min-height: 100dvh;
	background-color: #000;
	background-image: url('/assets/dice.gif');
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: fixed;
}

/* Center the PNG */
main {
	min-height: 100dvh;
	display: grid;
	place-items: center;
	padding: 4vmin;
}

.logo {
	width: min(45vw, 550px);
	height: auto;
	display: block;
	filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.6));
	cursor: pointer;
}

/* Respect reduced-motion preferences for animated backgrounds (keeps tile but avoids fixed parallax) */
@media (prefers-reduced-motion: reduce) {
	body { background-attachment: scroll; }
}