* { margin: 0; padding: 0; box-sizing: border-box; user-select: none; }
body { background-color: #050505; font-family: 'Orbitron', sans-serif; overflow: hidden; touch-action: none; }
#game-container { position: relative; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background: #000; }
canvas { display: block; width: 100%; height: 100%; object-fit: cover; }
#ui-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10; }
#scoreDisplay { position: absolute; top: 20px; right: 30px; font-size: 2rem; color: #00f3ff; text-shadow: 0 0 10px #00f3ff; font-weight: 700; letter-spacing: 2px; }
.screen { background: rgba(10, 10, 15, 0.85); backdrop-filter: blur(10px); border: 2px solid #00f3ff; border-radius: 15px; padding: 3rem; text-align: center; box-shadow: 0 0 30px rgba(0, 243, 255, 0.2), inset 0 0 20px rgba(0, 243, 255, 0.1); display: none; pointer-events: auto; transform: scale(0.9); transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.screen.active { display: flex; flex-direction: column; gap: 20px; transform: scale(1); animation: pulseGlow 2s infinite alternate; }
h1 { color: #00f3ff; text-shadow: 0 0 15px #00f3ff; font-size: 3rem; margin-bottom: 10px; }
.screen p { color: #fff; font-size: 1.2rem; letter-spacing: 1px; }
button { background: transparent; border: 2px solid #00f3ff; color: #00f3ff; padding: 15px 40px; font-size: 1.5rem; font-family: 'Orbitron', sans-serif; font-weight: bold; cursor: pointer; margin-top: 20px; border-radius: 5px; transition: all 0.3s ease; box-shadow: 0 0 15px rgba(0, 243, 255, 0.3) inset; }
button:hover { background: #00f3ff; color: #000; box-shadow: 0 0 25px #00f3ff; }
@keyframes pulseGlow { from { box-shadow: 0 0 20px rgba(0, 243, 255, 0.2), inset 0 0 10px rgba(0, 243, 255, 0.1); } to { box-shadow: 0 0 40px rgba(0, 243, 255, 0.4), inset 0 0 20px rgba(0, 243, 255, 0.2); } }
@media (max-width: 768px) { h1 { font-size: 2rem; } .screen { padding: 2rem; width: 90%; } #scoreDisplay { top: 10px; right: 15px; font-size: 1.5rem; } }