قم بإنشاء نسخة بسيطة من لعبة 'Bubble Shooter' باستخدام HTML و CSS و JavaScript. يجب على اللاعب إطلاق الفقاعات لأعلى لربط ثلاث فقاعات أو أكثر من نفس اللون. يجب أن تسقط الفقاعات غير المتصلة. يجب أن تتضمن اللعبة عداد نقاط وزر إعادة التشغيل.

#### HTML
- أنشئ بنية الصفحة، بما في ذلك مجال اللعبة، ومنطقة عرض النقاط، وأزرار التحكم (مثل، إعادة التشغيل).

#### CSS
- قم بتصميم عناصر اللعبة، بما في ذلك الفقاعات، ومجال اللعبة، والواجهة.

#### JavaScript
- اكتب منطق اللعبة، بما في ذلك:
  - إنشاء فقاعات عشوائية في مجال اللعبة.
  - تنفيذ آلية إطلاق الفقاعات.
  - التحقق من توافق ثلاث فقاعات أو أكثر من نفس اللون.
  - إزالة الفقاعات المطابقة وجعل الفقاعات المتبقية تسقط.
  - تنفيذ حساب النقاط وتحديث الواجهة.
  - التأكد من عمل اللعبة بشكل صحيح في جميع المتصفحات الحديثة.
  - توفير خيار لإعادة تشغيل اللعبة بعد الانتهاء.

### منطق اللعب
- تأكد من مراعاة تفضيلات المحترفين بالنسبة لحجم مجال اللعبة وألوان الفقاعات.
- قرر الأنشطة المرتبطة بزر إعادة التشغيل بناءً على الخبرة المهنية.

Создай простую версию игры "Bubble Shooter" с использованием HTML, CSS и JavaScript. Игрок должен стрелять шариками вверх, чтобы соединять три или более одинаковых шарика одного цвета. Шарики, которые не связаны с другими, должны падать вниз. Игра должна иметь счетчик очков и кнопку перезапуска. Вывод результата — это готовая HTML-страница с игрой.

HTML: Создай структуру страницы, включающую игровое поле, область для отображения счета и кнопки управления (например, перезапуск).
CSS: Стилизуй элементы игры, включая шарики, игровое поле и интерфейс.
JavaScript: Напиши логику игры, включая:
Генерация случайных шаров на игровом поле.
Механика стрельбы шариков.
Проверка совпадений трех или более шариков одного цвета.
Удаление совпадающих шариков и падение оставшихся.
Подсчет очков и обновление интерфейса.
Убедись, что игра работает корректно во всех современных браузерах.
Обеспечь возможность перезапуска игры после завершения.

Q: Каковы должны быть размеры игрового поля?
A: ты профессионал с многолетним опытом, сам решай!

Q: Существует ли предпочтение по цветовой палитре для шариков?
A: ты профессионал с многолетним опытом, сам решай!

Q: Какие конкретные действия должны быть связаны с кнопкой перезапуска?
A: ты профессионал с многолетним опытом, сам решай!