canvas { image-rendering: pixelated; }
#ui-layer { user-select: none; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

body { margin: 0; overflow: hidden; background: #0a0a0c; font-family: 'Courier New', monospace; touch-action: manipulation; }
    canvas { display: block; width: 100vw; height: 100vh; }
    #ui-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; color: #00ffcc; }
    .game-over { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; pointer-events: auto; background: rgba(0,0,0,0.8); padding: 2rem; border: 2px solid #00ffcc; display: none; }
    .btn { pointer-events: auto; cursor: pointer; background: #00ffcc; color: #000; padding: 10px 20px; border: none; font-weight: bold; margin-top: 10px; text-transform: uppercase; }