/* style.css */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: #05050a; color: #e0e0ff; font-family: system-ui, -apple-system, sans-serif; overflow: hidden; user-select: none; }
#game { position: relative; width: 100%; max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
#hud { position: absolute; top: 12px; width: 100%; text-align: center; font-size: 1.1rem; font-weight: 600; letter-spacing: 2px; pointer-events: none; z-index: 5; text-shadow: 0 0 6px #0af; }
#c { width: 100%; aspect-ratio: 4/3; background: #0a0a14; border: 2px solid #222; border-radius: 8px; box-shadow: 0 0 25px rgba(0,128,255,0.12); touch-action: none; cursor: none; }
#overlay { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(5, 5, 15, 0.88); color: #f0f; font-size: 1.5rem; font-weight: 700; letter-spacing: 1px; cursor: pointer; border-radius: 8px; z-index: 10; text-shadow: 0 0 10px #f0f; transition: background 0.2s; }
#overlay:hover { background: rgba(10, 10, 25, 0.95); }
#overlay.show { display: flex; }