v1.0.0-beta.2 - Interface updates and instructions

Release Notes: v1.0.0-beta.2

🚀 What's New in v1.0.0-beta.2

This release brings major UX improvements to resource tracking when summoning Nether Creatures, adds a built-in instructions guide, and fixes alignment layout issues on mobile devices.

👾 Centralized Creature Summoning Controls

• Simplified Inventory Cards: Removed individual resource shortcut buttons (-3 (Demon), +X (Netherling), etc.) from the On-Hand Resources cards to keep the inventory panel clean and compact.
• Unified Summon/Undo Buttons: Added intuitive + (Summon) and - (Undo) button pairs directly under each creature card in the Creature Drop Yields section.
  • Clicking + automatically subtracts the creature's summoning cost and adds its current drop yield.
  • Clicking - refunds the summoning cost and subtracts its drop yield.
  • All resource updates are safely capped at 0 to prevent negative inventory counts.
• Dynamic Tooltips: Hovering over the + or - buttons shows the exact resource adjustments that will occur, updating in real-time as Nether Pie and Bounty modifiers scale the yields.

ℹ️ General Instructions Popup

• Added an Instructions button to the header toolbar (left of "Export") styled to match the theme.
• Opens a premium glassmorphic overlay modal containing a concise guide on modifiers, summon controls, resource tracking, and a visual explanation of the calculator's Cascade Math logic.

📱 Layout & Mobile Alignment Fixes

• Addressed an issue on mobile where the multi-word name "Nether Demon" wrapped to two lines, pushing the buttons out of alignment with the other cards.
• Moved level labels ((Lvl X)) to a new line and enforced a consistent minimum height for name labels across all three creature cards.

---

🛠️ Code Changes & Git Details

• Version Bump: Updated embedded app version to v1.0.0-beta.2.
• Git Tag: v1.0.0-beta.2
• Target Branch: main

v1.0.0-beta.1 - Initial User Testing

v1.0.0-beta.1 - Initial Beta Release (Nether Planner)

Welcome to the first beta version of the Idle Apocalypse - Nether Planner!

This is a premium, self-contained, and offline-compatible Single Page Application (SPA) companion tool designed to help players calculate, plan, and optimize their Nether resources (Orbs, Flames, Crystals, and Stars) during the game's Nether expansion.

---

🚀 Key Features

• Cascading Summon Engine: Computes how many Netherlings, Demons, and Mountains you need to summon to cover target resource deficits, factoring in nested dependencies (e.g., Orbs needed for Netherlings, who drop Flames, which are used to summon Demons, who drop Crystals, which are used to summon Mountains).
• Live Creature Drop Yields: Displays active drop rates for Netherlings, Demons, and Mountains. Sychronizes dynamically with modifier settings (Nether Pie levels 0-3, Bounty upgrade) and creature levels.
• Target Goals Checklist: Interactive checklist categorized by Creatures, Scrolls, Doomsday Device upgrades, and Lesley's trades. Mark items as Targeted to calculate resources, or Achieved to permanently upgrade levels and hide them.
• Progress Backup & Sync: Built-in Import/Export functions that save your checklist state into a lightweight .json backup file. You can easily transfer progress between your PC and mobile devices.
• Offline-First & Serverless: Saves your progress automatically to the browser's localStorage on any change. The application runs completely client-side.

---

🛠️ Latest Updates & Mobile Optimizations

Based on initial testing and feedback, we've implemented the following visual and structural improvements:

• Standalone Yields Panel: Extracted creature drop rates into a dedicated sidebar widget, styled with micro-animations and resource-coded neon glows (Orange for Flames, Cyan for Crystals, Yellow for Stars).
• Quick Action Shortcuts: Added game action shortcuts to the inventory cards (e.g., -3 Orbs for Demon summon, +7 Flames for Netherling drop, -12 Crystals for Mountain summon) to easily simulate summoning and harvesting cycles.
• Corrupted Char Fixes: Resolved character encoding rendering errors (â–² and ✓) on triggers and checkboxes by replacing them with safe HTML ASCII entities and CSS Unicode escapes (\2713 checkmark).
• Finger-Friendly Mobile UI:
  • Configured the inventory grid to collapse into a stacked single-column layout on mobile viewports for full width.
  • Enlarged the number fields to comfortably display 3+ digits on mobile.
  • Scaled up Target/Achieved checklist buttons (min-height: 40px and wider padding) for comfortable finger tapping on touch screens.

---

📦 How to Test

1. Download the attached nether_costs.html file from the assets section below.
2. Open the file in any mobile or desktop web browser (Chrome, Safari, Firefox, Edge, etc.).
3. If you make progress, click Export to save a local backup, which you can load later using Import.