Apex-Symmetry: Strategic Logic Simulator

🎯 Objective

Apex-Symmetry is a high-fidelity implementation of the classic "Snake-Water-Gun" decision-making game. It is designed to showcase the intersection of competitive logic and modern UI/UX principles, providing a seamless, state-persistent gaming experience in the browser.

⚙️ Logic Flow

The application utilizes a Circular Predicate Logic system:

1. Normalization: User input is intercepted and normalized to a strict uppercase schema (S, W, G).
2. RNG Simulation: The CPU move is determined via a Pseudo-Random Number Generator (PRNG) mapped to a discrete choice array.
3. Conflict Resolution: A conditional matrix determines the outcome:
   • (S > W), (W > G), (G > S)
4. State Management: Real-time scoring variables (userScoreCount, cpuScoreCount) are updated in memory and instantly synchronized with the DOM.

🏗️ The Foundation

This project acts as a "Proof of Work" for essential Full-Stack concepts:

• Input Validation: Implementing strict guard clauses to prevent invalid data entry.
• Advanced CSS Architecture: Using mobile-first media queries, custom focus states, and the -webkit-fill-available property for cross-browser stability.
• Event Orchestration: Synchronizing click, keydown, and window.onload events for a zero-friction user journey.
• Visual Feedback Systems: Dynamic color shifting of DOM elements based on logic outcomes (Win/Loss/Tie).