/* Custom styles to complement Tailwind */
#game {
	display: block;
	background: linear-gradient(135deg, #e0f2fe 0%, #fce7f3 100%);
}

/* Character selection buttons - kid-friendly */
.character-btn {
	transition: all 0.3s ease;
}

.character-btn:not(:disabled):hover {
	transform: scale(1.1);
}

.character-btn:not(:disabled):active {
	transform: scale(0.95);
}

/* Smooth animations */
* {
	transition: background-color 0.2s ease;
}

/* Fullscreen game styling */
#game-screen {
	z-index: 1000;
}

/* Hide scrollbars in fullscreen */
body:fullscreen,
body:-webkit-full-screen,
body:-moz-full-screen,
body:-ms-fullscreen {
	overflow: hidden;
}

/* Ensure canvas fills screen */
#game-screen canvas {
	display: block;
}