/* बेसिक रिसेट */
body { margin: 0; overflow: hidden; background-color: #87ceeb; touch-action: none; user-select: none; -webkit-user-select: none; }
canvas { display: block; }

/* स्टार्ट स्क्रीन */
#start-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #1e3c5a, #0a192f); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 100; color: white; font-family: 'Segoe UI', sans-serif; text-align: center; }
#start-screen h1 { margin-bottom: 10px; font-size: 32px; letter-spacing: 2px; }
#start-screen p { margin-bottom: 30px; font-size: 16px; color: #a8b2d1; }
#start-btn { padding: 15px 50px; font-size: 18px; font-weight: bold; color: white; background: linear-gradient(45deg, #00b09b, #96c93d); border: none; border-radius: 30px; cursor: pointer; text-transform: uppercase; }

/* गेम UI */
#info { position: absolute; top: 15px; width: 100%; text-align: center; color: white; font-family: sans-serif; pointer-events: none; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 15px; z-index: 10; display: none; }

/* टच और जॉयस्टिक ज़ोन (यह बहुत ज़रूरी है) */
#touch-zone { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none; }
#joystick-zone { position: absolute; bottom: 30px; right: 30px; width: 120px; height: 120px; z-index: 20; display: none; }