ПРОМПТ ДЛЯ ИИ-ГЕНЕРАТОРА САЙТА - "VLAD-ARCHITECT: REALITY OS"

```
СОЗДАЙ ПОЛНОФУНКЦИОНАЛЬНУЮ ВЕБ-ИГРУ НА ОСНОВЕ СЛЕДУЮЩИХ ТОЧНЫХ ТРЕБОВАНИЙ:

## 🎯 КОНЦЕПЦИЯ И ЦЕЛЬ
Персонализированная RPG-система, где я - главный герой, а моя реальная жизнь - игровой мир.
Каждое реальное действие влияет на игровой прогресс. Система должна стать операционной средой для управления моей жизнью через игровые механики.

## 👤 ПЕРСОНАЖ (МОИ РЕАЛЬНЫЕ ДАННЫЕ)
```

ИМЯ: Влад
ВОЗРАСТ: 20 лет
ПРОФЕССИЯ: Системный инженер АПС и СОУЭ
ЛОКАЦИЯ: Москва, Дорогобужская 9
ФИНАНСОВАЯ ЦЕЛЬ: 1,000,000 ₽ в ВДО
ТЕКУЩИЙ ПОРТФЕЛЬ: 4,726 ₽
ТЕКУЩИЙ ДОХОД: 165,000 ₽/месяц
КРЕДИТЫ: 300,000 ₽

```

## 📊 СИСТЕМА ХАРАКТЕРИСТИК (0-1000)
```

💪 СИЛА ВОЛИ (SW) - сопротивление импульсам, контроль над зависимостями
🔋 ЭНЕРГИЯ (HP) - ментальный заряд, психологическая выносливость
🎯 ДИСЦИПЛИНА (DISC) - следование системам, тайм-менеджмент
💰 ФИНАНСОВАЯ ГРАМОТНОСТЬ (FG) - понимание инвестиций, управление рисками
⚙️ ТЕХНИЧЕСКАЯ ЭКСПЕРТИЗА (TECH) - глубина инженерных знаний
📊 СИСТЕМНОЕ МЫШЛЕНИЕ (SYS) - видение взаимосвязей, архитектурный подход
👥 ЛИДЕРСТВО (LDR) - управление командами, мотивация
🛡️ СТРЕССОУСТОЙЧИВОСТЬ (STR) - устойчивость к давлению, выгоранию

```

## 🏗️ ДЕТАЛИЗИРОВАННЫЕ ВЕТКИ РАЗВИТИЯ

### 1. ИНЖЕНЕРНАЯ ВЕТКА (15 УРОВНЕЙ)
```

УРОВЕНЬ 1: Монтажник-стажер [0-100,000 EXP]

· Требуемые навыки: базовый монтаж, чтение простых схем
· Доход: 85,000 ₽ (ввод пользователя)
· Обязанности: помощь в монтаже, подготовка материалов

УРОВЕНЬ 2: Монтажник [100,000-250,000 EXP]

· Требуемые навыки: самостоятельный монтаж, знание СНИПов
· Доход: 95,000 ₽ (ввод пользователя)
· Обязанности: монтаж средней сложности, диагностика

УРОВЕНЬ 3: Старший монтажник [250,000-500,000 EXP]

· Требуемые навыки: контроль качества, обучение новичков
· Доход: 110,000 ₽ (ввод пользователя)
· Обязанности: контроль работ, mentoring

УРОВЕНЬ 4: Бригадир монтажников [500,000-1,000,000 EXP]

· Требуемые навыки: управление бригадой, планирование работ
· Доход: 130,000 ₽ (ввод пользователя)
· Обязанности: руководство командой, распределение задач

УРОВЕНЬ 5: Младший наладчик [1,000,000-2,000,000 EXP]

· Требуемые навыки: пусконаладка, базовое программирование
· Доход: 145,000 ₽ (ввод пользователя)
· Обязанности: наладка оборудования, тестирование

УРОВЕНЬ 6: Наладчик [2,000,000-4,000,000 EXP]

· Требуемые навыки: диагностика систем, оптимизация
· Доход: 160,000 ₽ (ввод пользователя)
· Обязанности: сложная наладка, troubleshooting

УРОВЕНЬ 7: Старший наладчик [4,000,000-8,000,000 EXP]

· Требуемые навыки: разработка методик, обучение
· Доход: 180,000 ₽ (ввод пользователя)
· Обязанности: разработка процессов, training

УРОВЕНЬ 8: Инженер-проектировщик [8,000,000-15,000,000 EXP]

· Требуемые навыки: проектирование систем, расчет нагрузок
· Доход: 220,000 ₽ (ввод пользователя)
· Обязанности: создание проектов, расчеты

УРОВЕНЬ 9: Старший инженер-проектировщик [15,000,000-25,000,000 EXP]

· Требуемые навыки: ведение проекта, координация
· Доход: 260,000 ₽ (ввод пользователя)
· Обязанности: управление проектами, координация

УРОВЕНЬ 10: Lead инженер [25,000,000-40,000,000 EXP]

· Требуемые навыки: техническое лидерство, архитектура
· Доход: 300,000 ₽ (ввод пользователя)
· Обязанности: техническая стратегия, архитектура

УРОВЕНЬ 11: Руководитель проектов [40,000,000-60,000,000 EXP]

· Требуемые навыки: управление портфелем проектов
· Доход: 350,000 ₽ (ввод пользователя)
· Обязанности: управление multiple projects

УРОВЕНЬ 12: Начальник отдела [60,000,000-90,000,000 EXP]

· Требуемые навыки: управление отделом, бюджетирование
· Доход: 420,000 ₽ (ввод пользователя)
· Обязанности: руководство отделом, бюджеты

УРОВЕНЬ 13: Технический директор [90,000,000-130,000,000 EXP]

· Требуемые навыки: техническая стратегия компании
· Доход: 500,000 ₽ (ввод пользователя)
· Обязанности: стратегия развития, инновации

УРОВЕНЬ 14: Директор по развитию [130,000,000-180,000,000 EXP]

· Требуемые навыки: бизнес-стратегия, масштабирование
· Доход: 600,000 ₽ (ввод пользователя)
· Обязанности: развитие бизнеса, экспансия

УРОВЕНЬ 15: Основатель технологической компании [180,000,000+ EXP]

· Требуемые навыки: создание компании, стратегическое видение
· Доход: 1,000,000+ ₽ (ввод пользователя)
· Обязанности: создание и развитие компании

```

### 2. ИНВЕСТОРСКАЯ ВЕТКА (12 УРОВНЕЙ)
```

УРОВЕНЬ 1: Финансовый новичок [0-150,000 EXP]

· Навыки: открытие счета, базовые операции
· Доходность: 5-10% (ввод пользователя)

УРОВЕНЬ 2: Начинающий инвестор [150,000-400,000 EXP]

· Навыки: анализ отчетностей, базовый анализ
· Доходность: 10-15% (ввод пользователя)

УРОВЕНЬ 3: Активный инвестор [400,000-900,000 EXP]

· Навыки: технический анализ, фундаментальный анализ
· Доходность: 15-18% (ввод пользователя)

УРОВЕНЬ 4: Опытный инвестор [900,000-1,800,000 EXP]

· Навыки: портфельное инвестирование, диверсификация
· Доходность: 18-20% (ввод пользователя)

УРОВЕНЬ 5: Специалист по ВДО [1,800,000-3,500,000 EXP]

· Навыки: глубокий анализ эмитентов, ВДО-стратегии
· Доходность: 20-22% (ввод пользователя)

УРОВЕНЬ 6: Портфельный менеджер [3,500,000-6,500,000 EXP]

· Навыки: управление портфелем, ребалансировка
· Доходность: 22-24% (ввод пользователя)

УРОВЕНЬ 7: Профессиональный инвестор [6,500,000-11,000,000 EXP]

· Навыки: стратегическое распределение, хеджирование
· Доходность: 24-26% (ввод пользователя)

УРОВЕНЬ 8: Инвестиционный аналитик [11,000,000-17,000,000 EXP]

· Навыки: макроанализ, отраслевой анализ
· Доходность: 26-28% (ввод пользователя)

УРОВЕНЬ 9: Старший инвестор [17,000,000-25,000,000 EXP]

· Навыки: создание стратегий, риск-менеджмент
· Доходность: 28-30% (ввод пользователя)

УРОВЕНЬ 10: Инвестиционный стратег [25,000,000-35,000,000 EXP]

· Навыки: разработка инвестиционных стратегий
· Доходность: 30-32% (ввод пользователя)

УРОВЕНЬ 11: Управляющий активами [35,000,000-50,000,000 EXP]

· Навыки: управление крупными капиталами
· Доходность: 32-35% (ввод пользователя)

УРОВЕНЬ 12: Капитан рынка [50,000,000+ EXP]

· Навыки: создание финансовых систем, алготрейдинг
· Доходность: 35%+ (ввод пользователя)

```

### 3. ЛИЧНОСТНАЯ ВЕТКА (10 УРОВНЕЙ)
```

УРО

index.html

@@ -1,3 +1,225 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>VLAD-ARCHITECT: REALITY OS</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>VLAD-ARCHITECT: REALITY OS</h1>
+            <p>Персонализированная RPG-система для управления реальностью</p>
+        </header>
 
-
-<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+        <main>
+            <!-- Дашборд -->
+            <section class="dashboard">
+                <h2>📊 Дашборд</h2>
+                
+                <!-- Характеристики -->
+                <div class="characteristics">
+                    <h3>Характеристики</h3>
+                    <div class="stats-grid">
+                        <div class="stat-card">
+                            <span class="stat-name">💪 Сила воли (SW)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 45%"></div>
+                            </div>
+                            <span class="stat-value">450/1000</span>
+                        </div>
+                        
+                        <div class="stat-card">
+                            <span class="stat-name">🔋 Энергия (HP)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 75%"></div>
+                            </div>
+                            <span class="stat-value">750/1000</span>
+                        </div>
+                        
+                        <div class="stat-card">
+                            <span class="stat-name">🎯 Дисциплина (DISC)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 60%"></div>
+                            </div>
+                            <span class="stat-value">600/1000</span>
+                        </div>
+                        
+                        <div class="stat-card">
+                            <span class="stat-name">💰 Финансовая грамотность (FG)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 35%"></div>
+                            </div>
+                            <span class="stat-value">350/1000</span>
+                        </div>
+                        
+                        <div class="stat-card">
+                            <span class="stat-name">⚙️ Техническая экспертиза (TECH)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 55%"></div>
+                            </div>
+                            <span class="stat-value">550/1000</span>
+                        </div>
+                        
+                        <div class="stat-card">
+                            <span class="stat-name">📊 Системное мышление (SYS)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 50%"></div>
+                            </div>
+                            <span class="stat-value">500/1000</span>
+                        </div>
+                        
+                        <div class="stat-card">
+                            <span class="stat-name">👥 Лидерство (LDR)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 25%"></div>
+                            </div>
+                            <span class="stat-value">250/1000</span>
+                        </div>
+                        
+                        <div class="stat-card">
+                            <span class="stat-name">🛡️ Стрессоустойчивость (STR)</span>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 40%"></div>
+                            </div>
+                            <span class="stat-value">400/1000</span>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Прогресс к цели -->
+                <div class="financial-goal">
+                    <h3>Прогресс к 1,000,000 ₽</h3>
+                    <div class="progress-bar large">
+                        <div class="progress-fill" style="width: 0.47%"></div>
+                    </div>
+                    <div class="financial-stats">
+                        <span>Текущий портфель: 4,726 ₽</span>
+                        <span>Цель: 1,000,000 ₽</span>
+                    </div>
+                </div>
+                
+                <!-- Активные уровни -->
+                <div class="active-levels">
+                    <h3>Активные уровни</h3>
+                    <div class="levels-grid">
+                        <div class="level-card">
+                            <h4>Инженерная ветка</h4>
+                            <p>Уровень 4: Бригадир монтажников</p>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 65%"></div>
+                            </div>
+                            <span>650,000/1,000,000 EXP</span>
+                        </div>
+                        
+                        <div class="level-card">
+                            <h4>Инвесторская ветка</h4>
+                            <p>Уровень 1: Финансовый новичок</p>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 3%"></div>
+                            </div>
+                            <span>4,726/150,000 EXP</span>
+                        </div>
+                        
+                        <div class="level-card">
+                            <h4>Личностная ветка</h4>
+                            <p>Уровень 2: Самопознающий</p>
+                            <div class="progress-bar">
+                                <div class="progress-fill" style="width: 45%"></div>
+                            </div>
+                            <span>112,500/250,000 EXP</span>
+                        </div>
+                    </div>
+                </div>
+                
+                <!-- Ближайшие цели -->
+                <div class="upcoming-goals">
+                    <h3>Ближайшие цели</h3>
+                    <ul>
+                        <li>📈 Повысить финансовую грамотность до 400</li>
+                        <li>💪 Достичь 500 силы воли</li>
+                        <li>💰 Инвестировать 100,000 ₽ в ВДО</li>
+                        <li>⚙️ Пройти курс по системному мышлению</li>
+                    </ul>
+                </div>
+            </section>
+            
+            <!-- Быстрый ввод данных -->
+            <section class="quick-input">
+                <h2>🎯 Быстрый ввод данных</h2>
+                <div class="input-grid">
+                    <button class="action-btn">💼 Работа</button>
+                    <button class="action-btn">💰 Инвестиции</button>
+                    <button class="action-btn">🧘 Тренировка</button>
+                    <button class="action-btn">📚 Обучение</button>
+                    <button class="action-btn">📝 Медитация</button>
+                    <button class="action-btn">🏖️ Отдых</button>
+                </div>
+                
+                <form class="manual-input">
+                    <h3>Ручной ввод показателей</h3>
+                    <div class="form-group">
+                        <label for="activity-type">Тип активности:</label>
+                        <select id="activity-type">
+                            <option value="career">Карьера</option>
+                            <option value="finance">Финансы</option>
+                            <option value="personal">Личное развитие</option>
+                        </select>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="activity-description">Описание:</label>
+                        <input type="text" id="activity-description" placeholder="Что было сделано?">
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="exp-amount">Количество EXP:</label>
+                        <input type="number" id="exp-amount" placeholder="Сколько EXP получено?">
+                    </div>
+                    
+                    <button type="submit" class="submit-btn">Добавить</button>
+                </form>
+            </section>
+            
+            <!-- Детализированные отчеты -->
+            <section class="detailed-reports">
+                <h2>📈 Детализированные отчеты</h2>
+                
+                <div class="report-tabs">
+                    <button class="tab-btn active">Ежедневно</button>
+                    <button class="tab-btn">Еженедельно</button>
+                    <button class="tab-btn">Ежемесячно</button>
+                    <button class="tab-btn">Годовые цели</button>
+                </div>
+                
+                <div class="chart-container">
+                    <canvas id="progressChart"></canvas>
+                </div>
+                
+                <div class="report-content">
+                    <h3>Ежедневная статистика</h3>
+                    <ul>
+                        <li>💼 Работа: 8 часов</li>
+                        <li>💰 Инвестиции: 30 минут</li>
+                        <li>🧘 Тренировка: 1 час</li>
+                        <li>📚 Обучение: 2 часа</li>
+                    </ul>
+                </div>
+            </section>
+        </main>
+        
+        <footer>
+            <p>VLAD-ARCHITECT: REALITY OS v1.0 | Московское время (MSK)</p>
+            <div class="footer-actions">
+                <button class="footer-btn">💾 Сохранить</button>
+                <button class="footer-btn">📤 Экспорт данных</button>
+                <button class="footer-btn">📥 Импорт данных</button>
+            </div>
+        </footer>
+    </div>
+    
+    <script src="script.js"></script>
+</body>
+</html>

script.js

@@ -0,0 +1,507 @@
+// Инициализация игры
+class RealityOS {
+    constructor() {
+        this.player = {
+            name: "Влад",
+            age: 20,
+            profession: "Системный инженер АПС и СОУЭ",
+            location: "Москва, Дорогобужская 9",
+            financialGoal: 1000000,
+            currentPortfolio: 4726,
+            currentIncome: 165000,
+            credits: 300000,
+            characteristics: {
+                sw: 450, // Сила воли
+                hp: 750, // Энергия
+                disc: 600, // Дисциплина
+                fg: 350, // Финансовая грамотность
+                tech: 550, // Техническая экспертиза
+                sys: 500, // Системное мышление
+                ldr: 250, // Лидерство
+                str: 400  // Стрессоустойчивость
+            },
+            levels: {
+                engineering: {
+                    level: 4,
+                    exp: 650000,
+                    maxExp: 1000000,
+                    title: "Бригадир монтажников"
+                },
+                investing: {
+                    level: 1,
+                    exp: 4726,
+                    maxExp: 150000,
+                    title: "Финансовый новичок"
+                },
+                personal: {
+                    level: 2,
+                    exp: 112500,
+                    maxExp: 250000,
+                    title: "Самопознающий"
+                }
+            }
+        };
+        
+        this.init();
+    }
+    
+    init() {
+        this.renderStats();
+        this.renderLevels();
+        this.initCharts();
+        this.setupEventListeners();
+    }
+    
+    renderStats() {
+        // Обновляем характеристики
+        const stats = this.player.characteristics;
+        document.querySelector('.stat-value:nth-child(1)').textContent = `${stats.sw}/1000`;
+        document.querySelector('.progress-fill:nth-child(1)').style.width = `${stats.sw/10}%`;
+        
+        document.querySelector('.stat-value:nth-child(2)').textContent = `${stats.hp}/1000`;
+        document.querySelector('.progress-fill:nth-child(2)').style.width = `${stats.hp/10}%`;
+        
+        document.querySelector('.stat-value:nth-child(3)').textContent = `${stats.disc}/1000`;
+        document.querySelector('.progress-fill:nth-child(3)').style.width = `${stats.disc/10}%`;
+        
+        document.querySelector('.stat-value:nth-child(4)').textContent = `${stats.fg}/1000`;
+        document.querySelector('.progress-fill:nth-child(4)').style.width = `${stats.fg/10}%`;
+        
+        document.querySelector('.stat-value:nth-child(5)').textContent = `${stats.tech}/1000`;
+        document.querySelector('.progress-fill:nth-child(5)').style.width = `${stats.tech/10}%`;
+        
+        document.querySelector('.stat-value:nth-child(6)').textContent = `${stats.sys}/1000`;
+        document.querySelector('.progress-fill:nth-child(6)').style.width = `${stats.sys/10}%`;
+        
+        document.querySelector('.stat-value:nth-child(7)').textContent = `${stats.ldr}/1000`;
+        document.querySelector('.progress-fill:nth-child(7)').style.width = `${stats.ldr/10}%`;
+        
+        document.querySelector('.stat-value:nth-child(8)').textContent = `${stats.str}/1000`;
+        document.querySelector('.progress-fill:nth-child(8)').style.width = `${stats.str/10}%`;
+        
+        // Обновляем финансовый прогресс
+        const progressPercent = (this.player.currentPortfolio / this.player.financialGoal) * 100;
+        document.querySelector('.financial-stats span:first-child').textContent = `Текущий портфель: ${this.player.currentPortfolio.toLocaleString()} ₽`;
+        document.querySelector('.financial-stats span:last-child').textContent = `Цель: ${this.player.financialGoal.toLocaleString()} ₽`;
+        document.querySelector('.financial-goal .progress-fill').style.width = `${progressPercent}%`;
+    }
+    
+    renderLevels() {
+        // Обновляем уровни
+        const engLevel = this.player.levels.engineering;
+        const invLevel = this.player.levels.investing;
+        const perLevel = this.player.levels.personal;
+        
+        document.querySelectorAll('.level-card')[0].innerHTML = `
+            <h4>Инженерная ветка</h4>
+            <p>Уровень ${engLevel.level}: ${engLevel.title}</p>
+            <div class="progress-bar">
+                <div class="progress-fill" style="width: ${(engLevel.exp/engLevel.maxExp)*100}%"></div>
+            </div>
+            <span>${engLevel.exp.toLocaleString()}/${engLevel.maxExp.toLocaleString()} EXP</span>
+        `;
+        
+        document.querySelectorAll('.level-card')[1].innerHTML = `
+            <h4>Инвесторская ветка</h4>
+            <p>Уровень ${invLevel.level}: ${invLevel.title}</p>
+            <div class="progress-bar">
+                <div class="progress-fill" style="width: ${(invLevel.exp/invLevel.maxExp)*100}%"></div>
+            </div>
+            <span>${invLevel.exp.toLocaleString()}/${invLevel.maxExp.toLocaleString()} EXP</span>
+        `;
+        
+        document.querySelectorAll('.level-card')[2].innerHTML = `
+            <h4>Личностная ветка</h4>
+            <p>Уровень ${perLevel.level}: ${perLevel.title}</p>
+            <div class="progress-bar">
+                <div class="progress-fill" style="width: ${(perLevel.exp/perLevel.maxExp)*100}%"></div>
+            </div>
+            <span>${perLevel.exp.toLocaleString()}/${perLevel.maxExp.toLocaleString()} EXP</span>
+        `;
+    }
+    
+    initCharts() {
+        const ctx = document.getElementById('progressChart').getContext('2d');
+        this.chart = new Chart(ctx, {
+            type: 'line',
+            data: {
+                labels: ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'],
+                datasets: [{
+                    label: 'Прогресс по характеристикам',
+                    data: [
+                        this.player.characteristics.sw,
+                        this.player.characteristics.hp,
+                        this.player.characteristics.disc,
+                        this.player.characteristics.fg,
+                        this.player.characteristics.tech,
+                        this.player.characteristics.sys,
+                        this.player.characteristics.ldr
+                    ],
+                    borderColor: '#3498db',
+                    backgroundColor: 'rgba(52, 152, 219, 0.1)',
+                    tension: 0.4,
+                    fill: true
+                }]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                scales: {
+                    y: {
+                        beginAtZero: true,
+                        max: 1000
+                    }
+                }
+            }
+        });
+    }
+    
+    setupEventListeners() {
+        // Кнопки быстрого ввода
+        document.querySelectorAll('.action-btn').forEach(button => {
+            button.addEventListener('click', (e) => {
+                const action = e.target.textContent;
+                this.handleQuickAction(action);
+            });
+        });
+        
+        // Форма ручного ввода
+        document.querySelector('.manual-input').addEventListener('submit', (e) => {
+            e.preventDefault();
+            this.handleManualInput();
+        });
+        
+        // Вкладки отчетов
+        document.querySelectorAll('.tab-btn').forEach(button => {
+            button.addEventListener('click', (e) => {
+                document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+                e.target.classList.add('active');
+                this.updateReportContent(e.target.textContent);
+            });
+        });
+        
+        // Кнопки футера
+        document.querySelectorAll('.footer-btn').forEach(button => {
+            button.addEventListener('click', (e) => {
+                const action = e.target.textContent.trim();
+                this.handleFooterAction(action);
+            });
+        });
+    }
+    
+    handleQuickAction(action) {
+        let expGain = 0;
+        let characteristic = '';
+        
+        switch(action) {
+            case '💼 Работа':
+                expGain = 50;
+                characteristic = 'tech';
+                break;
+            case '💰 Инвестиции':
+                expGain = 30;
+                characteristic = 'fg';
+                break;
+            case '🧘 Тренировка':
+                expGain = 40;
+                characteristic = 'hp';
+                break;
+            case '📚 Обучение':
+                expGain = 35;
+                characteristic = 'sys';
+                break;
+            case '📝 Медитация':
+                expGain = 25;
+                characteristic = 'sw';
+                break;
+            case '🏖️ Отдых':
+                expGain = 20;
+                characteristic = 'hp';
+                break;
+        }
+        
+        if (characteristic) {
+            this.player.characteristics[characteristic] += expGain;
+            if (this.player.characteristics[characteristic] > 1000) {
+                this.player.characteristics[characteristic] = 1000;
+            }
+            
+            // Также добавляем EXP в соответствующую ветку
+            if (characteristic === 'tech') {
+                this.player.levels.engineering.exp += expGain * 100;
+                if (this.player.levels.engineering.exp >= this.player.levels.engineering.maxExp) {
+                    this.levelUp('engineering');
+                }
+            } else if (characteristic === 'fg') {
+                this.player.levels.investing.exp += expGain * 100;
+                if (this.player.levels.investing.exp >= this.player.levels.investing.maxExp) {
+                    this.levelUp('investing');
+                }
+            } else {
+                this.player.levels.personal.exp += expGain * 100;
+                if (this.player.levels.personal.exp >= this.player.levels.personal.maxExp) {
+                    this.levelUp('personal');
+                }
+            }
+            
+            this.renderStats();
+            this.renderLevels();
+            this.showNotification(`Получено ${expGain} EXP за ${action}`);
+        }
+    }
+    
+    handleManualInput() {
+        const activityType = document.getElementById('activity-type').value;
+        const description = document.getElementById('activity-description').value;
+        const expAmount = parseInt(document.getElementById('exp-amount').value) || 0;
+        
+        if (!description || expAmount <= 0) {
+            this.showNotification('Пожалуйста, заполните все поля корректно', 'error');
+            return;
+        }
+        
+        // Добавляем EXP в зависимости от типа активности
+        switch(activityType) {
+            case 'career':
+                this.player.levels.engineering.exp += expAmount;
+                if (this.player.levels.engineering.exp >= this.player.levels.engineering.maxExp) {
+                    this.levelUp('engineering');
+                }
+                break;
+            case 'finance':
+                this.player.levels.investing.exp += expAmount;
+                if (this.player.levels.investing.exp >= this.player.levels.investing.maxExp) {
+                    this.levelUp('investing');
+                }
+                this.player.currentPortfolio += expAmount; // Упрощение для демонстрации
+                break;
+            case 'personal':
+                this.player.levels.personal.exp += expAmount;
+                if (this.player.levels.personal.exp >= this.player.levels.personal.maxExp) {
+                    this.levelUp('personal');
+                }
+                break;
+        }
+        
+        this.renderStats();
+        this.renderLevels();
+        this.showNotification(`Добавлено ${expAmount} EXP: ${description}`);
+        
+        // Очищаем форму
+        document.getElementById('activity-description').value = '';
+        document.getElementById('exp-amount').value = '';
+    }
+    
+    levelUp(branch) {
+        this.player.levels[branch].level++;
+        this.player.levels[branch].exp = 0;
+        
+        // Увеличиваем максимальный EXP для следующего уровня
+        const nextLevel = this.player.levels[branch].level;
+        switch(branch) {
+            case 'engineering':
+                this.player.levels[branch].maxExp = nextLevel < 15 ? Math.pow(2, nextLevel) * 50000 : 180000000;
+                this.player.levels[branch].title = this.getEngineeringTitle(nextLevel);
+                break;
+            case 'investing':
+                this.player.levels[branch].maxExp = nextLevel < 12 ? nextLevel * 150000 : 50000000;
+                this.player.levels[branch].title = this.getInvestingTitle(nextLevel);
+                break;
+            case 'personal':
+                this.player.levels[branch].maxExp = nextLevel < 10 ? nextLevel * 100000 : 16000000;
+                this.player.levels[branch].title = this.getPersonalTitle(nextLevel);
+                break;
+        }
+        
+        this.showNotification(`🎉 Повышение уровня! Теперь вы: ${this.player.levels[branch].title}`, 'success');
+    }
+    
+    getEngineeringTitle(level) {
+        const titles = [
+            "", "Монтажник-стажер", "Монтажник", "Старший монтажник", 
+            "Бригадир монтажников", "Младший наладчик", "Наладчик",
+            "Старший наладчик", "Инженер-проектировщик", "Старший инженер-проектировщик",
+            "Lead инженер", "Руководитель проектов", "Начальник отдела",
+            "Технический директор", "Директор по развитию", "Основатель технологической компании"
+        ];
+        return titles[level] || "Неизвестный уровень";
+    }
+    
+    getInvestingTitle(level) {
+        const titles = [
+            "", "Финансовый новичок", "Начинающий инвестор", "Активный инвестор",
+            "Опытный инвестор", "Специалист по ВДО", "Портфельный менеджер",
+            "Профессиональный инвестор", "Инвестиционный аналитик", "Старший инвестор",
+            "Инвестиционный стратег", "Управляющий активами", "Капитан рынка"
+        ];
+        return titles[level] || "Неизвестный уровень";
+    }
+    
+    getPersonalTitle(level) {
+        const titles = [
+            "", "Искатель", "Самопознающий", "Практик", "Осознанный",
+            "Дисциплинированный", "Сбалансированный", "Мастер привычек",
+            "Лидер", "Мудрец", "Просветленный"
+        ];
+        return titles[level] || "Неизвестный уровень";
+    }
+    
+    updateReportContent(period) {
+        const reportContent = document.querySelector('.report-content');
+        switch(period) {
+            case 'Ежедневно':
+                reportContent.innerHTML = `
+                    <h3>Ежедневная статистика</h3>
+                    <ul>
+                        <li>💼 Работа: 8 часов</li>
+                        <li>💰 Инвестиции: 30 минут</li>
+                        <li>🧘 Тренировка: 1 час</li>
+                        <li>📚 Обучение: 2 часа</li>
+                    </ul>
+                `;
+                break;
+            case 'Еженедельно':
+                reportContent.innerHTML = `
+                    <h3>Еженедельный аудит</h3>
+                    <ul>
+                        <li>📈 Прогресс по всем веткам: +2.5%</li>
+                        <li>💰 Финансовый портфель: +1,200 ₽</li>
+                        <li>🎯 Выполнено 4 из 5 недельных квестов</li>
+                        <li>🏆 Получено 2 достижения</li>
+                    </ul>
+                `;
+                break;
+            case 'Ежемесячно':
+                reportContent.innerHTML = `
+                    <h3>Ежемесячный отчет</h3>
+                    <ul>
+                        <li>📊 Общий прогресс: +12%</li>
+                        <li>💰 Доход: 165,000 ₽</li>
+                        <li>📈 Инвестиционная доходность: 1.8%</li>
+                        <li>🎯 Достигнуты 2 цели из 5</li>
+                    </ul>
+                `;
+                break;
+            case 'Годовые цели':
+                reportContent.innerHTML = `
+                    <h3>Годовые цели</h3>
+                    <ul>
+                        <li>🚀 Достичь уровня 6 в инженерной ветке</li>
+                        <li>💰 Накопить 150,000 ₽ в портфеле</li>
+                        <li>🧠 Повысить все характеристики до 600+</li>
+                        <li>🏆 Получить 10 достижений</li>
+                    </ul>
+                `;
+                break;
+        }
+    }
+    
+    handleFooterAction(action) {
+        switch(action) {
+            case '💾 Сохранить':
+                this.saveGame();
+                break;
+            case '📤 Экспорт данных':
+                this.exportData();
+                break;
+            case '📥 Импорт данных':
+                this.importData();
+                break;
+        }
+    }
+    
+    saveGame() {
+        localStorage.setItem('realityOS_save', JSON.stringify(this.player));
+        this.showNotification('Игра сохранена успешно!', 'success');
+    }
+    
+    exportData() {
+        const dataStr = JSON.stringify(this.player);
+        const dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(dataStr);
+        
+        const exportFileDefaultName = 'reality_os_save.json';
+        
+        const linkElement = document.createElement('a');
+        linkElement.setAttribute('href', dataUri);
+        linkElement.setAttribute('download', exportFileDefaultName);
+        linkElement.click();
+        
+        this.showNotification('Данные экспортированы!', 'success');
+    }
+    
+    importData() {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = '.json';
+        
+        input.onchange = e => {
+            const file = e.target.files[0];
+            const reader = new FileReader();
+            reader.onload = event => {
+                try {
+                    const data = JSON.parse(event.target.result);
+                    this.player = data;
+                    this.renderStats();
+                    this.renderLevels();
+                    this.showNotification('Данные импортированы успешно!', 'success');
+                } catch (error) {
+                    this.showNotification('Ошибка при импорте данных', 'error');
+                }
+            };
+            reader.readAsText(file);
+        };
+        
+        input.click();
+    }
+    
+    showNotification(message, type = 'info') {
+        // Создаем элемент уведомления
+        const notification = document.createElement('div');
+        notification.className = `notification ${type}`;
+        notification.textContent = message;
+        
+        // Стили для уведомления
+        Object.assign(notification.style, {
+            position: 'fixed',
+            top: '20px',
+            right: '20px',
+            padding: '15px 25px',
+            borderRadius: '8px',
+            color: 'white',
+            fontWeight: 'bold',
+            zIndex: '1000',
+            boxShadow: '0 5px 15px rgba(0,0,0,0.3)',
+            transform: 'translateX(100%)',
+            transition: 'transform 0.3s ease'
+        });
+        
+        // Цвета для разных типов уведомлений
+        if (type === 'success') {
+            notification.style.background = 'linear-gradient(135deg, #2ecc71, #27ae60)';
+        } else if (type === 'error') {
+            notification.style.background = 'linear-gradient(135deg, #e74c3c, #c0392b)';
+        } else {
+            notification.style.background = 'linear-gradient(135deg, #3498db, #2980b9)';
+        }
+        
+        document.body.appendChild(notification);
+        
+        // Анимация появления
+        setTimeout(() => {
+            notification.style.transform = 'translateX(0)';
+        }, 100);
+        
+        // Удаление через 3 секунды
+        setTimeout(() => {
+            notification.style.transform = 'translateX(100%)';
+            setTimeout(() => {
+                document.body.removeChild(notification);
+            }, 300);
+        }, 3000);
+    }
+}
+
+// Инициализация игры при загрузке страницы
+document.addEventListener('DOMContentLoaded', () => {
+    window.game = new RealityOS();
+});

style.css

@@ -1,28 +1,374 @@
+/* Общие стили */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: #333;
+    line-height: 1.6;
+    padding: 20px;
+}
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+    overflow: hidden;
+}
+
+header {
+    background: linear-gradient(135deg, #2c3e50, #3498db);
+    color: white;
+    padding: 30px;
+    text-align: center;
+}
+
+header h1 {
+    font-size: 2.5rem;
+    margin-bottom: 10px;
+}
+
+header p {
+    font-size: 1.2rem;
+    opacity: 0.9;
+}
+
+main {
+    padding: 30px;
 }
 
-h1 {
-	font-size: 16px;
-	margin-top: 0;
+section {
+    margin-bottom: 40px;
 }
 
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
+h2 {
+    color: #2c3e50;
+    margin-bottom: 20px;
+    font-size: 1.8rem;
+    border-bottom: 3px solid #3498db;
+    padding-bottom: 10px;
 }
 
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
+h3 {
+    color: #34495e;
+    margin-bottom: 15px;
+    font-size: 1.4rem;
 }
 
-.card p:last-child {
-	margin-bottom: 0;
+/* Стили для характеристик */
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    margin-bottom: 30px;
 }
+
+.stat-card {
+    background: white;
+    border-radius: 10px;
+    padding: 20px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease;
+}
+
+.stat-card:hover {
+    transform: translateY(-5px);
+}
+
+.stat-name {
+    font-weight: bold;
+    display: block;
+    margin-bottom: 10px;
+    color: #2c3e50;
+}
+
+.progress-bar {
+    height: 12px;
+    background: #ecf0f1;
+    border-radius: 6px;
+    overflow: hidden;
+    margin-bottom: 10px;
+}
+
+.progress-fill {
+    height: 100%;
+    background: linear-gradient(90deg, #3498db, #2ecc71);
+    border-radius: 6px;
+    transition: width 0.5s ease;
+}
+
+.stat-value {
+    font-size: 0.9rem;
+    color: #7f8c8d;
+}
+
+/* Финансовая цель */
+.financial-goal {
+    background: white;
+    border-radius: 10px;
+    padding: 25px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+    margin-bottom: 30px;
+}
+
+.financial-stats {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 15px;
+    font-weight: bold;
+    color: #2c3e50;
+}
+
+.progress-bar.large .progress-fill {
+    background: linear-gradient(90deg, #f39c12, #e74c3c);
+}
+
+/* Активные уровни */
+.levels-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 20px;
+}
+
+.level-card {
+    background: white;
+    border-radius: 10px;
+    padding: 20px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+}
+
+.level-card h4 {
+    color: #2c3e50;
+    margin-bottom: 10px;
+}
+
+.level-card p {
+    color: #7f8c8d;
+    margin-bottom: 15px;
+}
+
+/* Ближайшие цели */
+.upcoming-goals ul {
+    list-style-type: none;
+}
+
+.upcoming-goals li {
+    padding: 15px;
+    background: white;
+    border-radius: 8px;
+    margin-bottom: 10px;
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
+    display: flex;
+    align-items: center;
+}
+
+.upcoming-goals li:before {
+    content: "→";
+    margin-right: 10px;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Быстрый ввод данных */
+.input-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+    gap: 15px;
+    margin-bottom: 30px;
+}
+
+.action-btn {
+    background: linear-gradient(135deg, #3498db, #2ecc71);
+    color: white;
+    border: none;
+    padding: 15px;
+    border-radius: 8px;
+    cursor: pointer;
+    font-weight: bold;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.action-btn:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
+}
+
+.manual-input {
+    background: white;
+    padding: 25px;
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+}
+
+.form-group {
+    margin-bottom: 20px;
+}
+
+.form-group label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: bold;
+    color: #2c3e50;
+}
+
+.form-group input,
+.form-group select {
+    width: 100%;
+    padding: 12px;
+    border: 2px solid #bdc3c7;
+    border-radius: 6px;
+    font-size: 1rem;
+}
+
+.form-group input:focus,
+.form-group select:focus {
+    border-color: #3498db;
+    outline: none;
+}
+
+.submit-btn {
+    background: linear-gradient(135deg, #9b59b6, #3498db);
+    color: white;
+    border: none;
+    padding: 15px 30px;
+    border-radius: 8px;
+    cursor: pointer;
+    font-weight: bold;
+    font-size: 1.1rem;
+    transition: all 0.3s ease;
+}
+
+.submit-btn:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
+}
+
+/* Детализированные отчеты */
+.report-tabs {
+    display: flex;
+    gap: 10px;
+    margin-bottom: 25px;
+    flex-wrap: wrap;
+}
+
+.tab-btn {
+    background: #ecf0f1;
+    border: none;
+    padding: 12px 20px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-weight: bold;
+    transition: all 0.3s ease;
+}
+
+.tab-btn.active,
+.tab-btn:hover {
+    background: #3498db;
+    color: white;
+}
+
+.chart-container {
+    background: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+    margin-bottom: 25px;
+    height: 400px;
+}
+
+.report-content {
+    background: white;
+    padding: 25px;
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+}
+
+.report-content ul {
+    list-style-type: none;
+}
+
+.report-content li {
+    padding: 12px;
+    border-bottom: 1px solid #ecf0f1;
+}
+
+.report-content li:last-child {
+    border-bottom: none;
+}
+
+/* Футер */
+footer {
+    background: #2c3e50;
+    color: white;
+    padding: 25px;
+    text-align: center;
+}
+
+.footer-actions {
+    display: flex;
+    justify-content: center;
+    gap: 15px;
+    margin-top: 20px;
+    flex-wrap: wrap;
+}
+
+.footer-btn {
+    background: rgba(255, 255, 255, 0.2);
+    color: white;
+    border: 2px solid rgba(255, 255, 255, 0.3);
+    padding: 12px 20px;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.footer-btn:hover {
+    background: rgba(255, 255, 255, 0.3);
+    transform: translateY(-2px);
+}
+
+/* Адаптивность */
+@media (max-width: 768px) {
+    body {
+        padding: 10px;
+    }
+    
+    header {
+        padding: 20px;
+    }
+    
+    header h1 {
+        font-size: 2rem;
+    }
+    
+    main {
+        padding: 20px;
+    }
+    
+    .stats-grid,
+    .levels-grid,
+    .input-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .financial-stats {
+        flex-direction: column;
+        gap: 10px;
+    }
+    
+    .report-tabs {
+        flex-direction: column;
+    }
+    
+    .footer-actions {
+        flex-direction: column;
+        align-items: center;
+    }
+}