docs: overwrite README with project description and centered preview image

README.md

@@ -1,31 +1,21 @@
-# Vue 3 + Vite
+# Rubik's Cube Logic Engine & Simulator
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+<div align="center">
+  <img src="./public/preview.png" alt="Cube Preview" width="600" />
+</div>
 
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+## Overview
 
-## Uruchamianie (Automatyczne - CI/CD)
+This application is a 3D animated, Interactive Rubik's Cube simulator and mathematical solver built from scratch using Vue.js. It aims to provide seamless mechanical interactions and mathematically perfectly rigorous tracking of a classic 3x3 Rubik's Cube state. 
 
-Projekt wykorzystuje **Gitea Actions** z runnerem **self-hosted** na serwerze produkcyjnym.
-Każdy push do gałęzi `main` automatycznie:
-1. Pobiera kod na serwerze.
-2. Zatrzymuje i usuwa stare kontenery.
-3. Buduje i uruchamia nową wersję aplikacji przy użyciu `docker compose up -d --build`.
+The software operates entirely in the browser using a custom Group Theory mathematical engine (`DeepCube.js`), which separates the heavy analytical permutation tracking from the 3D CSS visual layer using Web Workers.
 
-### Konfiguracja Sieci i Bezpieczeństwa (Izolacja)
+## Features
 
-Aplikacja wykorzystuje dwie sieci dockerowe dla zapewnienia izolacji:
-1.  `npm_public` (zewnętrzna): Sieć, w której znajduje się Nginx Proxy Manager. Tylko kontener `rubic-cube` jest do niej podłączony, aby NPM mógł przekierować ruch.
-2.  `rubic-net` (wewnętrzna): Prywatna sieć aplikacji. Wszelkie inne serwisy (np. baza danych, redis - jeśli dodasz w przyszłości) powinny być tylko w tej sieci, niewidoczne dla NPM ani innych aplikacji.
-
-**Wymagania:**
-Przed uruchomieniem upewnij się, że na serwerze istnieje sieć publiczna dla proxy:
-```bash
-docker network create npm_public
-```
-(Jeśli Twój Nginx Proxy Manager używa innej sieci, zaktualizuj nazwę w `docker-compose.yml`).
-
-W panelu Nginx Proxy Manager skonfiguruj:
-*   **Network:** `npm_public` (lub odpowiednia sieć proxy).
-*   **Forward Hostname:** `rubic-cube`
-*   **Forward Port:** `80`
+- **Mechanical Realism:** 3D CSS rendering precisely models physical cube mechanics. Dragging edge and corner pieces rotates the specific mechanical layer dynamically, while dragging the center elements pivots the entire camera view.
+- **Reactive Algorithm Queue:** Execute complex algorithms fluidly. The dynamic queue evaluates incoming inputs and instantly intercepts redundances (e.g. evaluating `U U` into a single `U2` animation, or cancelling out `F` into `F'` on the fly).
+- **Deep Mathematical Engine:** Based entirely on Group Theory. It stores corner and edge permutation arrays combined with spatial orientation parities to guarantee that only physically legal mechanical states exist or can be scrambled.
+- **Intelligent Solvers:** 
+    - **Beginner Method (Human):** Constructs the solution layer-by-layer simulating human heuristics natively with instantaneous $O(1)$ algorithmic macros.
+    - **Kociemba's Algorithm (Optimal):** Offloads pruning tables and recursive heuristic searches to Web Workers to instantly calculate and stream back the objectively shortest path solution (typically <20 moves).
+- **High Performance:** Decoupling the single-threaded UI rendering stack from mathematical validations ensures 60 FPS 3D animations, even while executing computationally expensive analytical algorithms in the background.