* { margin: 0; padding: 0; box-sizing: border-box; user-select: none; -webkit-user-select: none; touch-action: none; }
body { background-color: #000; font-family: 'Fredoka One', cursive, sans-serif; overflow: hidden; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; }
#game-container { position: relative; width: 100%; height: 100%; background: #000; overflow: hidden; border: 10px solid #00f3ff; box-shadow: inset 0 0 50px #00f3ff; }
canvas { display: block; width: 100%; height: 100%; }
#ui-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

#score-board { position: absolute; top: 20px; left: 0; width: 100%; display: flex; justify-content: center; gap: 20px; font-size: 60px; color: #fff; text-shadow: 0 0 20px #00f3ff; pointer-events: none; z-index: 10; opacity: 0.5; }

.screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); display: flex; flex-direction: column; justify-content: center; align-items: center; pointer-events: auto; z-index: 100; }
.hidden { display: none !important; }
.logo-box { font-size: 100px; margin-bottom: 20px; filter: drop-shadow(0 0 20px #ff0055); animation: float 2s infinite alternate; }
@keyframes float { 0% { transform: translateY(0); } 100% { transform: translateY(-15px); } }
h1 { font-size: 80px; color: #fff; text-shadow: 0 0 20px #ff0055, 0 0 40px #00f3ff; margin-bottom: 10px; text-align: center; }
p { color: #fff; font-size: 32px; margin-bottom: 40px; text-shadow: 0 0 10px #00f3ff; }
.ui-button { font-family: 'Fredoka One', cursive; background: transparent; color: white; padding: 20px 70px; font-size: 48px; border-radius: 50px; border: 4px solid #00f3ff; cursor: pointer; box-shadow: 0 0 20px #00f3ff, inset 0 0 20px #00f3ff; transition: all 0.1s; text-shadow: 0 0 10px #fff; }
.ui-button:active { transform: scale(0.95); box-shadow: 0 0 10px #00f3ff, inset 0 0 10px #00f3ff; }

@media (max-width: 768px) { h1 { font-size: 56px; } #score-board { font-size: 40px; } }
/* CG-batch-overlay-fix */
#game-canvas, canvas#game-canvas { touch-action: none; }
#game-ui.screen,
#game-ui.screen.active { pointer-events: none !important; }