body { margin: 0; background: #0f1117; color: #e2e8f0; font-family: 'Segoe UI', sans-serif; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; }
        #game-container { position: relative; border: 2px solid #3b82f6; box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); cursor: crosshair; }
        #ui-layer { position: absolute; top: 10px; left: 10px; pointer-events: none; width: calc(100% - 20px); display: flex; justify-content: space-between; z-index: 10; }
        .stats { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #60a5fa; }
        .instructions { position: absolute; bottom: 10px; width: 100%; text-align: center; color: #94a3b8; font-size: 12px; }
        #editor-ui { margin-top: 15px; display: flex; gap: 10px; }
        .goal-msg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; font-weight: bold; color: #10b981; text-shadow: 0 0 10px #10b981; display: none; background: rgba(15, 17, 23, 0.9); padding: 20px; border-radius: 10px; border: 2px solid #10b981; z-index: 100; }
        button { background: #1e293b; border: 1px solid #3b82f6; color: #e2e8f0; padding: 10px 20px; cursor: pointer; transition: 0.3s; font-size: 12px; }
        button:hover { background: #3b82f6; color: white; }
        button.active { background: #3b82f6; border-color: #fff; }
        .hazard-label { color: #ef4444; font-weight: bold; }
        .editor-badge { background: #eab308; color: #000; padding: 2px 6px; font-size: 10px; font-weight: bold; border-radius: 4px; margin-left: 10px; display: none; }