/* TopSpeedBoost — стили страницы игры */

/* Хедер игры */
.game-header { padding: 48px 0; background: radial-gradient(1200px 400px at 10% -10%, rgba(255,214,0,.06), transparent 60%), #0b0c0e; border-bottom: 1px solid rgba(255,255,255,0.08); }
.game-header h1 { color: var(--primary); font-weight: 700; }
.game-header p { color: #cfd7e3; max-width: 820px; }

/* Кнопка CTA */
.btn-yellow, .btn.btn-yellow { background-color: #ffd600 !important; color: #000 !important; border: none !important; font-weight: 700; }
.btn-yellow:hover, .btn.btn-yellow:hover { filter: brightness(.93); color: #000 !important; }

/* Карточки категорий */
.category-card { background: #0f1115; border: 1px solid rgba(255,255,255,0.12); border-radius: .5rem; padding: 16px; height: 100%; box-shadow: 0 10px 28px rgba(0,0,0,.25); }
.category-card .card-title { color: #e8ebf0; font-size: 1.1rem; }
.category-card .category-thumb { height: 220px; background:#0b0c0e; overflow:hidden; border-radius:.5rem }
.category-card .category-thumb img { width:100%; height:100%; object-fit:cover; display:block }
@media (max-width: 576px){ .category-card .category-thumb{height:180px} }

/* Блок преимуществ */
.game-benefits .benefit-icon { color: var(--primary); }
.game-benefits h4 { color: #e8ebf0; }
.game-benefits p { color: #c9d3dd; }

/* Фон секции преимуществ (соответствует общему фону сайта) */
.game-benefits { background-color: var(--dark-bg) !important; }

/* Фокус для доступности */
.btn:focus { outline: none; box-shadow: 0 0 0 .25rem rgba(255,214,0,.25); }