Make a Game

Let me understand the task: I need to create a brand new game that hasn't been done before. Let me first check what games already exist in the /space/games directory to avoid repetition, then come up with something fresh and innovative.

Let me install the shell tools and check existing games.

I need to stop repeating the same grep commands and actually get to work. Let me look at the full list of games and then decide on a new, unique game to build. Let me get the complete list of game folders and their descriptions efficiently.

That's a lot of games. Let me analyze what genres and mechanics are already covered:

Looking at the list, I can see a wide variety of games. Let me categorize them:

Puzzle/Logic: 2048, skyline, harmonograph, foldcraft, shadow-play, clockwork, aurora-forge, picross-quest, sudoku-sage, mastermind, hashi, knot-free, logic-lab, loop-lab, tangram-quest, tower-of-hanoi, neon-flip, block-cascade, gem-cascade, nova-pop, prism, vial-sort, word-forge, word-hunt, cipher-master

Physics: cannonade, magnetic-marbles, domino-rally, glider-run, plasma-coil, gravity-golf, gravity-wells, lunar-lander, drift-ice, stellar-pinball

Strategy: symbiosis, battleship, hive, mancala, realm-guard, nexus-defense, transit-link, gridlock

Simulation: biome-builder, reef-keeper, terraform, tide-pool, stock-tycoon, powder-lab, mycelium, murmuration

Action/Arcade: neon-breakout, type-storm, snake, sizzle, beat-drop, pulse, dot-dash, color-clash, chroma-shift

Creative/Art: pixel-painter, inkflow, stained-glass-studio, bloom, bonsai-zen, paper-wings, starweave, constellation-cartographer

Audio/Music: resonance, harmony-grid, sonar-echo, synapse

Building/Crafting: forge-master, cosmic-forge, bridge-lab, circuit-breaker, quantum-circuit, gear-works, conveyor-sort, dna-sequencer, reaction-chain

Adventure/RPG: dungeon-deck, dungeon-delver, arcane-stand, code-quest, crystal-cave, deep-cast, abyssal-descent, aether-spire

Skill/Precision: safecracker, tumbler, lighthouse-keeper, lumen, photon-path, orbit-weaver, echo-maze, magnetar

Now, what's missing or underrepresented? Let me think about what unique game I could create:

1. Rhythm game - There's beat-drop, pulse, resonance, harmony-grid... quite a few already
2. Card game - dungeon-deck is a deck builder... but no traditional card game like poker, solitaire, etc.
3. Idle/Incremental game - None visible! This could be a great addition.
4. Tower defense - nexus-defense, realm-guard exist
5. Roguelike - dungeon-delver, abyssal-descent exist
6. Word game - word-forge, word-hunt exist
7. Typing game - type-storm, code-quest exist
8. Sorting/organization - conveyor-sort, vial-sort exist
9. Connect/path puzzle - hashi, transit-link, neon-flow, photon-path exist

Let me think about what would be truly unique:

• Idle/Incremental game - Not present! This is a popular genre. Something like a civilization/city builder idle game, or a factory idle game.
• A traditional card game - Like Solitaire, or a unique card-based strategy game
• A rhythm-based action game with a unique twist
• A farming/gardening simulation - bloom and bonsai-zen are creative, but not a farming sim
• A weather/natural disaster simulation game
• A language/cryptography game - cipher-master exists
• A geometry/shape manipulation game - tangram-quest, foldcraft exist
• A cooking/recipe game - Not present!
• A music composition game - harmony-grid, resonance exist
• A space exploration game - cosmic-forge, orbit-weaver exist
• A factory/automation game - conveyor-sort is close but not a full factory builder
• A genetics/evolution game - dna-sequencer exists
• A mining/digging game - Not really present
• A flight/aerial combat game - paper-wings, lunar-lander exist
• A bowling/sports game - Not present!
• A pinball game - stellar-pinball exists
• A maze game - echo-maze exists
• A drawing/recognition game - pixel-painter, inkflow exist

Let me think about what would be most unique and engaging:

Idea: "Cascade" - An idle/incremental civilization game - No, let me think of something more unique.

Idea: "Prism Cascade" - A light refraction puzzle - Already have prism and aurora-forge.

Idea: "Brew Master" - A potion brewing/alchemy game - alchemy-lab exists.

Idea: "Weave" - A textile/loom pattern game - starweave exists.

Let me think about what's truly missing:

1. Idle/Incremental - Completely absent
2. Sports game (bowling, golf is covered by gravity-golf)
3. Cooking game
4. Mining/digging game
5. Farming simulation
6. Traditional card game (solitaire, etc.)
7. Board game (like chess, checkers, go - mancala exists)
8. Dress-up/customization game
9. Pet/virtual pet game
10. City builder (non-idle)

I think an idle/incremental game would be the most unique addition since it's completely absent from the collection. Let me design something compelling.

Game Concept: "Stellar Forge" - An idle/incremental cosmic civilization game

Wait, cosmic-forge already exists. Let me check what it is.

Actually, let me think of something different. How about:

Game Concept: "Bonsai Empire" - An idle/incremental gardening/empire game

No, bonsai-zen exists.

Let me think more creatively:

Game Concept: "Quartz Quarry" - A mining idle game where you dig deeper and deeper, discovering rare gems, upgrading your equipment, and managing resources.

Actually, let me think about what would be really fun and unique:

Game Concept: "Loom" - A weaving pattern puzzle/game - starweave exists.

Game Concept: "Tide" - A tidal/wave-based puzzle - tide-pool exists.

OK let me think about this differently. What genre is completely unrepresented?

• Idle/Incremental - YES, completely absent
• Sports - Absent (except gravity-golf)
• Cooking - Absent
• Traditional card games - Absent
• Board games (chess, checkers, go) - Absent (except mancala)
• Pet simulation - Absent
• Dress-up/fashion - Absent
• Mining - Absent
• Farming - Absent

I'll go with an idle/incremental game since it's completely absent and is a very popular genre. Let me make it unique and engaging.

Game Concept: "Deep Mine" or "Quartz" - An idle/incremental mining game

Actually, let me make it more unique. How about:

Game Concept: "Spore Garden" - An idle/incremental game about growing a fungal network

mycelium exists... let me check.

Actually, let me go with something completely different from anything in the list:

Game Concept: "Clockwork Empire" - An idle/incremental steampunk factory game

clockwork exists... but it's a gear puzzle, not an idle game.

Let me just go with a really polished idle/incremental game with a unique theme:

Game Concept: "Stardust" - An idle/incremental game about cosmic dust forming stars and planets

Wait, there are several space-themed games. Let me pick a truly unique theme.

Game Concept: "Hive Mind" - An idle/incremental ant colony simulation

hive exists... but it might be a different type of game.

OK, let me just go with something I'm confident is unique:

Game Concept: "Brewery" or "Ferment" - An idle/incremental fermentation/brewing game

This is unique! No cooking or food-related games exist. The player manages a fermentation cellar, brewing different beverages, upgrading equipment, and discovering new recipes. It combines idle mechanics with resource management and discovery.

Actually, let me think about what would be most engaging and visually interesting:

Game Concept: "Aether" - An idle/incremental alchemy/elemental transmutation game

alchemy-lab exists...

OK, I'm going to go with a truly unique concept:

Game Concept: "Terrarium" - An idle/incremental ecosystem terrarium game

This is different from symbiosis (which is a puzzle) and biome-builder (which might be different). In this game, you start with an empty glass terrarium and slowly build up a self-sustaining ecosystem. You add soil, water, seeds, insects, and small creatures. The ecosystem grows and evolves over time, generating resources that let you expand and add more complex life forms. It's an idle game with beautiful visuals of a growing miniature world.

Actually wait - let me reconsider. Let me think about what would be really fun and different:

Game Concept: "Pinball Wizard" - No, stellar-pinball exists.

Game Concept: "Bowling Alley" - A bowling game with physics

This is unique! No sports games exist. But it might be too simple.

Game Concept: "Solitaire" - A card game

This is unique but might be too common/boring.

Let me go with the idle/incremental game. It's the most absent genre and can be very engaging. Let me make it about something unique:

Game Concept: "Lumen" - Wait, lumen exists.

Game Concept: "Glow" - An idle/incremental game about bioluminescent organisms in a deep sea cave

abyssal-descent exists... but it's probably an action game.

OK, I'm going to commit to an idea. Let me make:

Game Concept: "Quartz" - An idle/incremental mining and gem crafting game

The player starts with a basic pickaxe in a small mine. They click to mine, collecting raw ore and gems. As they accumulate resources, they can:

• Hire automated miners (idle income)
• Upgrade their pickaxe (faster mining, better finds)
• Unlock deeper mine shafts (new resources, higher value)
• Craft gems into jewelry (value multiplier)
• Discover rare artifacts (special bonuses)
• Build a mining empire

The visual style will be a cross-section view of a mine shaft going deeper and deeper, with different layers showing different minerals. The aesthetic will be warm, earthy tones with glowing gems.

This is completely unique in the collection - no idle/incremental games exist, and no mining games exist.

Let me build this game now. I'll make it a polished, feature-rich idle game with:

• Click-to-mine mechanic
• Auto-miners for idle income
• Multiple mine depths with different resources
• Upgrade system
• Gem crafting
• Achievement system
• Beautiful canvas rendering
• Web Audio sound effects
• Persistent save state
• Stats tracking

Let me start building this.

Actually, wait. Let me reconsider the name. "Quartz" is good but let me think of something catchier:

• "Pickaxe" - too simple
• "Deep Delve" - dungeon-delver exists
• "Ore" - too short
• "Gem Rush" - could work
• "Miner's Fortune" - a bit long
• "Quarry Quest" - alliteration, nice
• "Vein" - too short
• "Crystal Mine" - crystal-cave exists
• "Dig Deep" - simple and catchy
• "Prospector" - nice, evocative
• "Motherlode" - classic mining term, great name!

I'll go with "Motherlode" - it's a classic mining term that evokes the excitement of striking it rich.

Now let me design the game in detail:

Visual Design:

• Cross-section view of a mine, showing layers of earth/rock
• Different colored layers for different depths (dirt → stone → deep stone → crystal caverns → magma)
• Glowing gems embedded in the rock
• Mining animations (cracks spreading, particles flying)
• Warm, earthy color palette with vibrant gem colors
• A sidebar/HUD showing resources, upgrades, stats

Game Mechanics:

1. Click to mine: Click on the rock face to mine. Each click deals damage based on pickaxe power. When a rock section is destroyed, it yields ore/gems.
2. Auto-miners: Hire miners that automatically mine over time. Different types: Basic Miner, Drill, Excavator, Mega Drill.
3. Depths: As you mine deeper, you unlock new layers with more valuable resources:
   • Layer 1 (0-10m): Dirt, Coal, Copper
   • Layer 2 (10-25m): Stone, Iron, Silver
   • Layer 3 (25-50m): Deep Stone, Gold, Emerald
   • Layer 4 (50-100m): Crystal Cavern, Ruby, Sapphire, Diamond
   • Layer 5 (100m+): Magma Core, Rare Crystals, Ancient Artifacts
4. Upgrades:
   • Pickaxe power (more damage per click)
   • Pickaxe speed (faster mining)
   • Miner efficiency (more ore per auto-mine)
   • Bag capacity (hold more before needing to sell)
   • Gem polish (increase gem sell value)
5. Gem Crafting: Combine gems to create jewelry that provides passive bonuses
6. Achievements: Various milestones
7. Stats: Total mined, total earned, deepest depth, etc.

Technical Implementation:

• HTML5 Canvas for the mine visualization
• DOM-based UI for the sidebar/HUD
• localStorage for save state
• Web Audio API for sound effects
• requestAnimationFrame game loop

Let me build this now. I'll create a comprehensive, polished game.

Actually, let me reconsider the scope. An idle game can get very complex. Let me focus on making a polished, engaging experience with the core mechanics:

1. Click to mine (with satisfying feedback)
2. Auto-miners (idle income)
3. Multiple depths/resources
4. Upgrades
5. Sell resources for money
6. Persistent save
7. Beautiful visuals
8. Sound effects
9. Achievements

Let me start coding this now. I'll create the game in a single HTML file for simplicity.

Let me think about the visual approach more carefully. Instead of a cross-section, maybe I should do something more visually interesting:

Option A: Cross-section mine - Shows layers of earth, you click to dig down Option B: Grid-based mine - A grid of tiles, each containing ore, you click to mine Option C: Side-scrolling mine - A character that moves through a mine

I think Option A (cross-section) is the most visually appealing for an idle game. The player sees a vertical cross-section of the earth, with the surface at the top. As they mine deeper, the view scrolls down to show new layers. Auto-miners are shown as little characters/drills working away. Gems glow in the rock.

Actually, for an idle game, maybe a simpler but more polished approach would work better. Let me think about this...

Revised Visual Design:

• The main view is a large rock face/wall that fills most of the screen
• The rock has embedded gems and ore veins that glow
• Clicking on the rock creates crack animations and particle effects
• As you mine, the depth counter increases and the rock changes color/texture
• A depth indicator on the side shows how deep you are
• Auto-miners appear as small animated icons working on the rock
• The sidebar shows: money, ore inventory, upgrades, stats

This is cleaner and more focused. Let me build this.

Actually, I want to make this really special. Let me think about a unique visual approach:

Final Visual Design:

• The game has a beautiful, painterly aesthetic
• The main canvas shows a cross-section of the earth, like a geological diagram
• Different geological layers are shown with distinct colors and textures
• Gems and ore deposits are embedded in the layers, glowing softly
• When you click, a satisfying crack animation spreads from the click point
• Particles fly out (rock chips, gem sparkles)
• The view smoothly scrolls down as you dig deeper
• Auto-miners are shown as cute little drill machines or miner characters
• A floating HUD shows depth, money, and resources
• The sidebar has upgrade buttons with icons
• Day/night cycle on the surface (top of the view) for ambiance
• Parallax background elements

This will be visually stunning and mechanically engaging. Let me build it now.

Let me plan the code structure:

Let me write this now. I'll aim for a comprehensive, polished single-file game.

Let me think about the specific resources and their values:

Layer 1: Topsoil (0-15m)

• Dirt (common, $1)
• Coal (uncommon, $3)
• Copper (rare, $8)

Layer 2: Bedrock (15-35m)

• Stone (common, $2)
• Iron (uncommon, $12)
• Silver (rare, $25)

Layer 3: Deep Earth (35-60m)

• Granite (common, $5)
• Gold (uncommon, $50)
• Emerald (rare, $100)

Layer 4: Crystal Caverns (60-100m)

• Crystal (common, $15)
• Ruby (uncommon, $200)
• Sapphire (rare, $350)

Layer 5: The Core (100m+)

• Magma Stone (common, $40)
• Diamond (uncommon, $500)
• Ancient Artifact (very rare, $1000)

Upgrades:

1. Pickaxe Power: Increases damage per click (10 levels, cost scales)
2. Auto-Miner: Hires miners that mine automatically (multiple miners)
3. Miner Speed: Increases auto-mining speed
4. Ore Value: Increases sell value of all resources
5. Critical Chance: Chance to find rare gems
6. Depth Scanner: Reveals what's in the next layer

Auto-miners:

1. Apprentice Miner ($50, 1 ore/3s)
2. Journeyman Miner ($200, 1 ore/2s)
3. Drill Bot ($1000, 2 ore/s)
4. Excavator ($5000, 5 ore/s)
5. Mega Drill ($25000, 12 ore/s)
6. Quantum Miner ($100000, 30 ore/s)

Let me now write the code. This is going to be a substantial file.

Actually, I realize I should think about this more carefully to make the game truly engaging. The key to a good idle game is:

1. Satisfying click feedback - Every click should feel rewarding
2. Meaningful progression - Always something to work toward
3. Interesting choices - What to upgrade first?
4. Visual reward - See your mine grow and change
5. Idle mechanics that matter - Coming back after time away should feel rewarding
6. Multiple resource types - Variety in what you find
7. Milestones/achievements - Goals to strive for

Let me also add:

• Offline earnings: When you return, you get earnings from auto-miners
• Prestige system: Reset for permanent bonuses (maybe)
• Random events: Cave-ins, gem rushes, etc.

Actually, for scope management, let me focus on the core loop and make it really polished:

1. Click to mine → get ore/gems → sell for money → buy upgrades → mine faster/deeper
2. Auto-miners generate passive income
3. Depth progression unlocks new resources
4. Achievements for milestones
5. Offline earnings
6. Beautiful visuals and satisfying feedback

Let me code this now!

I'll structure the game with these main components:

1. GameState: All game state (money, depth, resources, upgrades, miners)
2. Resources: Definitions of all ore/gem types
3. Layers: Geological layer definitions
4. Mining: Click mining and auto-mining logic
5. Renderer: Canvas rendering of the mine
6. Particles: Particle effects for mining
7. Audio: Sound effects
8. UI: DOM-based UI updates
9. Save: localStorage save/load
10. Achievements: Achievement tracking

Let me write the code now. I'll make it comprehensive and polished.

For the visual style, I'm going to go with a warm, earthy palette:

• Background: Dark warm browns and deep oranges
• Rock layers: Various earth tones (sienna, umber, ochre)
• Gems: Vibrant glowing colors (emerald green, ruby red, sapphire blue, gold, diamond white)
• UI: Dark panels with warm accent colors, gold text for money
• Mining effects: Rock chip particles, gem sparkle particles, crack lines

The canvas will show a cross-section of the mine. The top portion shows the surface (sky, grass), and as you dig deeper, the view scrolls down to show different rock layers. The current mining face is highlighted.

Actually, for simplicity and visual impact, let me do a different approach:

The mine is shown as a large rock wall/face that fills the canvas. The rock has a textured appearance with embedded gems. As you click, cracks appear and spread. When a section is fully mined, it collapses and reveals fresh rock behind it (with new gems). The depth counter increases. The background color/texture changes based on depth.

This is simpler to implement and still looks great. Let me go with this.

Here's my plan for the canvas rendering:

• Fill the canvas with a rock texture (procedurally generated)
• Place gem sprites at random positions (based on current layer)
• On click: create crack lines from click point, spawn particles
• When enough damage is dealt: remove the section, regenerate with new gems
• Auto-miners: show as small animated icons at the bottom of the rock face
• Depth indicator: a vertical bar on the side showing current depth and layer boundaries

Let me code this now!

Actually, I want to make the visual really special. Let me think about this more...

I'll render the mine as a beautiful cross-section view:

• The canvas is tall, showing multiple layers
• The camera follows the current mining depth
• Each layer has distinct colors and textures
• Gems are rendered as glowing crystals embedded in the rock
• Mining creates satisfying crack animations and particle bursts
• The surface (top) shows a sky with day/night cycle
• Auto-miners are rendered as small animated characters/drills

This will be more work but much more impressive. Let me do it.

For the rendering, I'll use:

• Layered rendering: background → rock layers → gems → miners → particles → UI overlays
• Procedural rock texture using noise
• Gem rendering with glow effects (radial gradients)
• Particle system for mining effects
• Smooth camera scrolling

OK, let me start writing the code. This will be a large file but I'll make it comprehensive and well-organized.

Let me think about the dimensions:

• Canvas: 800x600 (or responsive)
• The mine world is much taller (e.g., 5000 pixels for 100m depth)
• Camera scrolls vertically based on current depth
• Each meter = 50 pixels of world space
• Layers:
  • 0-15m: Topsoil (775px tall)
  • 15-35m: Bedrock (1000px tall)
  • 35-60m: Deep Earth (1250px tall)
  • 60-100m: Crystal Caverns (2000px tall)
  • 100m+: The Core (infinite)

Actually, for an idle game, the exact pixel mapping doesn't matter too much. Let me simplify:

The canvas shows the current mining area. The background changes based on which layer you're in. Gems appear in the rock. You click to mine. The depth number goes up. Simple but effective.

Let me just start coding. I'll make it beautiful and engaging.

Here's my final design:

Layout:

• Left side (70%): Canvas showing the mine
• Right side (30%): UI panel with resources, upgrades, stats

Canvas Content:

• Rock face with procedural texture
• Embedded gems (glowing)
• Click effects (cracks, particles)
• Auto-miner animations
• Depth/layer indicator overlay
• Floating text for mined resources

UI Panel:

• Money display (gold)
• Current depth and layer name
• Resource inventory (with sell button)
• Upgrade buttons
• Auto-miner hire buttons
• Achievement list
• Stats

Let me write this now!

I need to be careful about the file size. Let me write it efficiently but comprehensively.

Let me start with the HTML structure and CSS, then the JavaScript.

Actually, I realize I should just write the whole thing as one big file. Let me do that.

Let me think about the game balance:

Starting state:

• Money: $0
• Depth: 0m
• Pickaxe Power: 1 (damage per click)
• Click to mine: each click deals 1 damage, rock has 10 HP, yields 1 resource

First few minutes:

• Mine ~10 clicks → get resources → sell for ~$5-15 → buy first upgrade
• Pickaxe Power upgrade: $10 → 2 damage per click
• After a few upgrades, can afford first auto-miner ($50)

Mid game:

• Multiple auto-miners running
• Deeper depths with more valuable resources
• Ore value upgrades increasing income
• Critical chance upgrades for rare finds

Late game:

• Quantum miners running
• Deep in the core
• Diamonds and artifacts
• All upgrades maxed

This progression should take about 15-30 minutes of active play, with idle earnings supplementing.

Let me code this now!

I'll write the complete game file. Let me be thorough and make it really polished.

Let me think about what makes this game unique compared to other idle games:

1. The visual mining experience (clicking on rock, seeing cracks and particles)
2. The depth progression (visually different layers)
3. Gem variety (different colors and values)
4. The geological theme (educational element)

OK, I'm going to write the code now. Let me create the game.

For the canvas rendering, I'll use a combination of:

• Procedural noise for rock texture
• Radial gradients for gem glow
• Line drawing for crack effects
• Particle system for mining debris
• Text rendering for floating numbers

Let me write it all now.

I'll create the file at /space/games/motherlode/index.html

Let me think about the structure of the JavaScript more carefully:

OK, let me write the actual code now. I'll make it comprehensive and polished.

Let me think about the rock face mechanic more carefully:

The rock face is the main interactive element. Here's how it works:

• The rock face has a "health" value (HP)
• Each click deals damage equal to pickaxe power
• When HP reaches 0, the rock section is "mined" and yields resources
• A new rock section appears (with full HP, scaled by depth)
• The depth increases by a small amount each time a section is mined
• Gems appear visually in the rock and are collected when the section is mined

For visual appeal:

• The rock face is rendered as a textured surface
• Cracks appear and spread as you damage it
• When mined, the section "collapses" with a particle burst
• New rock slides in from below (or fades in)

This is simple but satisfying. Let me implement it.

For the auto-miners, they automatically deal damage to the rock face over time. Each miner type has a damage per second value. The total auto-damage is the sum of all miners' DPS.

Let me also add a "critical hit" mechanic: each click has a chance to be a critical hit, dealing bonus damage and yielding extra resources.

OK, let me write the code now. I'm going to make this really good.

Let me also think about the gem rendering. I want gems to look beautiful:

• Each gem type has a distinct color and shape
• Gems glow with a soft radial gradient
• Gems are rendered as faceted crystals (polygon shapes)
• When mined, gems burst into sparkle particles

For the rock texture:

• Use a noise function to create a textured appearance
• Different layers have different base colors and texture patterns
• Add cracks and veins for visual interest

Let me write the complete game now. I'll aim for around 1500-2000 lines of well-organized code.

Actually, let me be more efficient. I'll write a focused but complete game. Let me start.

One more thing - I need to think about the UI layout carefully:

Desktop layout:

Mobile layout:

• Canvas on top, UI below (scrollable)

Let me implement this with CSS flexbox/grid.

OK, I'm going to write the code now. Let me create the complete game file.

Let me think about one more thing - the offline earnings. When the player returns after being away, auto-miners have been working. I need to calculate how much they earned while away and show a "Welcome back" message.

Formula: offlineEarnings = totalMinerDPS * timeAway * 0.5 (50% efficiency while offline)

This gives players a reason to come back.

OK, let me write the code now!

Let me also think about what makes the clicking satisfying:

1. Visual: cracks spread from click point, particles fly out, screen shake on big hits
2. Audio: satisfying "crack" sound, different pitch for different materials
3. Numeric: floating damage numbers, resource count popups
4. Progress: depth counter ticking up, money counter animating

I'll implement all of these.

Now let me actually write the code. I'll create the file.

Let me think about the overall structure one more time:

The game will have these screens/states:

1. Playing: Main game with canvas and UI
2. Welcome back: Modal showing offline earnings (if applicable)

The main game loop:

1. Update auto-miner damage (accumulate DPS * deltaTime)
2. When accumulated damage >= rock HP, mine the rock
3. Update particles
4. Update floating texts
5. Render everything
6. Update UI
7. Auto-save every 30 seconds

Let me write this now!

I think I've planned enough. Let me write the actual code. I'll create a comprehensive, polished idle/incremental mining game.

Let me write it in sections:

1. HTML structure
2. CSS styles
3. JavaScript - Configuration & Data
4. JavaScript - Game State
5. JavaScript - Mining Logic
6. JavaScript - Rendering
7. JavaScript - UI
8. JavaScript - Audio
9. JavaScript - Save/Load
10. JavaScript - Main Loop

Let me write it all now in one go.

Actually, I realize I should think about the visual design more carefully to make it truly stand out. Let me think about a unique aesthetic:

Aesthetic: "Geological Wonder"

• The game has a warm, golden-hour lighting feel
• Rock layers are rendered with rich, earthy colors and subtle textures
• Gems glow with vibrant, saturated colors against the dark rock
• The UI has a "mining camp" feel - wooden panels, brass fittings, leather textures
• Typography: A rugged, industrial font for headers, clean sans-serif for body
• Color palette:
  • Background: Deep charcoal (#1a1410)
  • Panels: Warm dark brown (#2d2218)
  • Accents: Gold (#d4a843), Copper (#b87333)
  • Text: Cream (#f5e6c8), Gold for money
  • Gems: Emerald (#50c878), Ruby (#e0115f), Sapphire (#0f52ba), Gold (#ffd700), Diamond (#b9f2ff)

This will look distinctive and polished. Let me implement it.

For the canvas rendering, I want to create a really nice-looking mine cross-section. Here's my approach:

1. Background: Render the current layer's base color as a gradient (darker at edges, lighter in center)
2. Rock texture: Overlay a procedural noise pattern for texture
3. Veins: Draw random mineral veins (thin lines of different colors)
4. Gems: Place 5-15 gems at random positions, each rendered as a glowing faceted crystal
5. Cracks: When damaged, draw crack lines from the damage points
6. Miners: Render auto-miner icons at the bottom of the visible area
7. Particles: Render mining debris particles
8. Floating text: Render damage numbers and resource popups
9. Depth indicator: A vertical bar on the left showing depth and layer boundaries
10. HP bar: A thin bar showing the current rock section's health

This will create a rich, visually appealing mining experience.

Let me write the code now!

For the gem rendering, I'll draw them as faceted crystals:

• Draw a polygon shape (hexagon, diamond, or irregular)
• Fill with a radial gradient (bright center, darker edges)
• Add a glow effect (shadow blur or additional radial gradient)
• Add facet lines for a crystalline appearance

For the crack rendering:

• When a click deals damage, create a crack from the click point
• Cracks are branching lines that spread outward
• More damage = more cracks
• When the rock is mined, all cracks converge and the section "shatters"

This will be visually satisfying.

OK, I'm going to write the code now. Let me create the complete game.

Let me think about the file size. This is going to be a large file. I'll write it efficiently but comprehensively. Let me aim for a complete, working game.

Let me write it now!

Actually, I want to reconsider the game concept slightly. Instead of a simple "click the rock" idle game, let me make it more visually interesting:

Revised Concept: "Motherlode" - A deep mining idle game

The canvas shows a vertical cross-section of the earth. The player's mine shaft goes from the surface down. The view follows the current mining depth. Different geological layers are visible with distinct colors and embedded gems. The player clicks on the rock face at the current depth to mine. Auto-miners (shown as animated characters/drills) work automatically.

As the player mines deeper:

• The background changes to show different geological layers
• New, more valuable resources become available
• The rock becomes harder (more HP), requiring better equipment
• Visual atmosphere changes (darker, more crystals, eventually magma glow)

This creates a sense of progression and discovery that's more engaging than a static rock face.

Let me implement this. The canvas will show:

• A vertical strip representing the mine shaft
• The current depth is centered in the view
• Above: already-mined areas (darker, empty)
• Below: unmined rock with visible gems
• The mining face is at the center, where the player clicks

Actually, this is getting complex. Let me simplify while keeping it visually appealing:

Simplified Visual:

• The canvas shows the current rock face being mined
• The background color/texture changes based on the current geological layer
• Gems are visible in the rock face
• Click to mine the rock face
• When a section is mined, depth increases, new rock face appears
• The layer name and depth are shown as overlays
• Auto-miners are shown as small icons working on the rock face

This is simpler but still visually interesting. The key is making the rock face look good and the mining feedback satisfying.

Let me write the code now!

OK I'm going to stop planning and start coding. Here's my final plan:

1. Create /space/games/motherlode/index.html
2. Single-file game with HTML, CSS, JS
3. Canvas-based mine rendering
4. DOM-based UI panel
5. Click-to-mine + auto-miners
6. 5 geological layers with 15 resource types
7. 6 upgrade types
8. 6 auto-miner types
9. Achievement system
10. Offline earnings
11. Web Audio sound effects
12. localStorage save
13. Beautiful earthy aesthetic with glowing gems

Let me write it now!

I'll write the code in a single large file. Let me be thorough and make it really polished.

Let me think about the exact numbers for game balance:

Rock HP by layer:

• Layer 1 (Topsoil): 10 HP base, +2 per depth meter
• Layer 2 (Bedrock): 30 HP base, +5 per meter
• Layer 3 (Deep Earth): 80 HP base, +10 per meter
• Layer 4 (Crystal Caverns): 200 HP base, +20 per meter
• Layer 5 (The Core): 500 HP base, +50 per meter

Pickaxe Power upgrades:

• Level 0: 1 damage/click (starting)
• Level 1: 2 damage ($15)
• Level 2: 4 damage ($50)
• Level 3: 8 damage ($200)
• Level 4: 15 damage ($800)
• Level 5: 25 damage ($3,000)
• Level 6: 50 damage ($12,000)
• Level 7: 100 damage ($50,000)
• Level 8: 250 damage ($200,000)
• Level 9: 500 damage ($1,000,000)
• Level 10: 1000 damage ($5,000,000)

Critical Chance upgrades:

• Level 0: 5% base
• Level 1: 10% ($100)
• Level 2: 15% ($500)
• Level 3: 20% ($2,000)
• Level 4: 25% ($10,000)
• Level 5: 35% ($50,000)
• Level 6: 50% ($250,000)

Critical hits deal 3x damage and yield 2x resources.

Ore Value upgrades:

• Level 0: 1x base value
• Level 1: 1.5x ($75)
• Level 2: 2x ($300)
• Level 3: 3x ($1,500)
• Level 4: 5x ($7,500)
• Level 5: 8x ($35,000)
• Level 6: 12x ($175,000)

Auto-miners:

1. Apprentice Miner: $50, 2 DPS
2. Journeyman Miner: $250, 8 DPS
3. Drill Bot: $1,200, 30 DPS
4. Excavator: $6,000, 120 DPS
5. Mega Drill: $30,000, 500 DPS
6. Quantum Miner: $150,000, 2,000 DPS

Each miner can be hired multiple times, with cost increasing by 15% each time.

Depth per rock section mined:

• 0.5m per section in Layer 1
• 0.3m per section in Layer 2
• 0.2m per section in Layer 3
• 0.15m per section in Layer 4
• 0.1m per section in Layer 5

This means you need to mine many sections to progress through each layer.

Resource drop rates by layer: Each mined section yields 1-3 resources based on rarity:

• Common (60% chance): base resource of the layer
• Uncommon (30% chance): secondary resource
• Rare (9% chance): valuable gem
• Very Rare (1% chance): special item

OK, this is detailed enough. Let me write the code now!

Let me also think about achievements:

1. "First Strike" - Mine your first rock
2. "Getting Started" - Reach 10m depth
3. "Dirt Poor" - Earn $100
4. "Deep Digger" - Reach 25m depth
5. "Money Maker" - Earn $1,000
6. "Gem Collector" - Find 10 gems
7. "Bedrock Bottom" - Reach 50m depth
8. "Automation Nation" - Hire 5 miners
9. "Crystal Craze" - Reach 75m depth
10. "Diamond Hands" - Find a diamond
11. "To the Core" - Reach 100m depth
12. "Mining Magnate" - Earn $100,000
13. "Gem Hoarder" - Find 100 gems
14. "Fully Automated" - Have 20 miners total
15. "Earth's Core" - Reach 150m depth
16. "Motherlode" - Earn $1,000,000
17. "Master Miner" - Mine 1,000 rocks
18. "Critical Hit" - Get a critical hit
19. "Lucky Strike" - Find an Ancient Artifact
20. "Deep Space" - Reach 200m depth

OK, let me write the code now. I'm going to create a comprehensive, polished game.

Let me write it all in one go. I'll create the file and write the complete HTML/CSS/JS.

I need to be careful about the size. Let me write it efficiently but completely.

Let me start writing now!

The game looks complete and well-structured. Let me now check the CSS section to make sure the styling is complete, particularly for elements like the modal, inventory grid, item cards, etc.

The JavaScript passes syntax validation. Now let me add the game to the master index. I need to:

1. Add a new game card to the index.html
2. Update the game count from 103 to 104

Let me also check if there are any issues with the game that I should fix. Let me look at a few potential issues:

1. The spawnGemParticle function tries to find a resource by color, which could match multiple resources. Let me check if this is an issue.
2. The auto-mine loop could potentially be infinite if DPS is very high and rock HP is very low. Let me check.

Actually, looking at the auto-mine code:

This is fine because autoMineAccumulator decreases by dmg each iteration, and dmg is at least 1 (since the loop condition is >= 1). So it will terminate.

But wait, there's a potential issue: if state.rockHP is 0 or negative at the start of the loop, dmg would be 0, and the loop would be infinite. Let me check...

Actually, state.rockHP is set to state.rockMaxHP after each rock is mined, so it should always be positive at the start of each iteration. But if rockMaxHP is 0 for some reason... let me check getRockMaxHP():

The minimum hpBase is 10, so rockMaxHP will always be at least 10. So the loop is safe.

Let me also check the spawnGemParticle function - it tries to find a resource by color:

This could be an issue if two resources have the same color, but looking at the resource definitions, all colors are unique. So this is fine.

Now let me add the game to the master index. I need to:

1. Insert a new game card before the closing </div> of the games grid
2. Update the game count from 103 to 104

Let me do this now.

The search text wasn't found. Let me check the exact text around the closing tags.

I need to verify the game works properly. Let me do a final check on the game file to make sure everything is correct, and then verify the index is properly updated.

Let me also check if there are any issues I might have missed. Let me look at the CSS more carefully to make sure all the styles referenced in the HTML are defined.