body { margin: 0; background: #0f1117; color: #e2e8f0; font-family: 'Courier New', Courier, monospace; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; transition: background 1.5s ease; }
        #ui { position: absolute; top: 20px; pointer-events: none; text-align: center; width: 100%; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); z-index: 200; }
        h1 { margin: 0; color: #f472b6; font-size: 24px; letter-spacing: 2px; }
        .stats { display: flex; justify-content: center; gap: 20px; font-size: 18px; margin-top: 5px; background: rgba(0,0,0,0.3); padding: 5px 20px; border-radius: 20px; width: fit-content; margin-left: auto; margin-right: auto; }
        #canvas-container { border: 4px solid #1e293b; border-radius: 8px; box-shadow: 0 0 50px rgba(0,0,0,0.8); overflow: hidden; position: relative; z-index: 10; }
        
        .theme-ground { background: linear-gradient(to bottom, #87ceeb 0%, #4ade80 80%, #713f12 100%); }
        .theme-sky { background: #60a5fa; }
        .theme-atmosphere { background: linear-gradient(to top, #1e3a8a, #000); }
        .theme-space { background: #000; }

        .star { position: absolute; background: white; border-radius: 50%; box-shadow: 0 0 5px #fff; pointer-events: none; opacity: 0.5; }
        #goal-moon { position: absolute; top: 100px; right: 50px; width: 100px; height: 100px; background: #e2e8f0; border-radius: 50%; box-shadow: 0 0 40px #fff; opacity: 0; transition: opacity 2s; z-index: 1; }