# Squad Tactics Skirmish: Breach Protocol

## Concept
A single-file tactical skirmish game using vanilla JS, HTML/CSS, and HTML5 Canvas. The player commands a 3-unit breach team navigating a dense interior map to rescue a hostage and exfiltrate while surviving enemy turns.

## Mechanics
- **Grid:** 2D top-down grid (e.g., 16x16 or 20x20).
- **Turn-Based:** Explicit player and enemy phases.
- **Action Economy:** 2 actions per unit turn (combinations of move, attack, skill).
- **Roster (Player):** 
  - **Shield:** High HP/Defense, melee attack, can provide cover to adjacent allies.
  - **Sniper:** High damage, long-range, squishy, requires clean line of sight (LOS).
  - **Hacker:** Mid-range, can disable electronic doors, moderate damage.
- **Enemies:**
  - **Guard:** Standard ranged attack.
  - **Heavy:** Suppressive fire, can enter overwatch.
  - **Drone:** Fast, high evasion, weak melee/shock.
  - **Warden (Boss):** High HP, area-of-effect attack, guards the hostage.
- **Terrain:** Walls block line of sight (LOS) and movement. Half-cover provides defense bonuses.
- **Objective:** Reach the hostage cell, hack/open it, and route at least one unit + the hostage to the exfil zone.

## AI
- Enemies highlight their intended targets or overwatch zones when selected or during their turn.
- Simple state machine: Guarding, Hunting, Attacking.
- The AI turn resolves sequentially with slight delays so the player can follow the action.

## UI/UX
- Clean, deliberate visual style (cyberpunk/tactical UI flavor, dark mode with neon accents).
- Click/tap to select unit.
- Highlight valid movement cells (blue) and attack cells (red).
- Sidebar or bottom bar showing active unit stats, HP, and available actions.
- Explicit "End Turn" button.
- Floating combat text for damage and misses.