/* Game single page – refined */

.rai-game-page { margin-top: 20px; }

/* HERO */
.rai-hero {
  margin: 0 0 14px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
.rai-hero img { width: 100%; height: 420px; object-fit: cover; display: block; }

/* Title + Quick facts */
.rai-game-title { margin: 0 0 8px; line-height: 1.2; }
.rai-quick-facts {
  display:grid; gap:10px;
  grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
  background: #f8fafc; border:1px solid #e2e8f0; border-radius: 12px;
  padding: 12px 14px; margin: 6px 0 12px;
}
.rai-quick-facts div { display:flex; flex-direction:column; gap:2px; }
.rai-quick-facts span { font-size:.75rem; color:#64748b; }
.rai-quick-facts strong { font-size:.95rem; color:#0f172a; }

.rai-game-platforms { display:flex; gap:8px; margin: 6px 0 10px; }
.rai-plat {
  padding:4px 10px; border-radius:999px; font-size:.8rem; font-weight:700;
  border:1px solid transparent; background:#f1f5f9; color:#0f172a;
}
.rai-plat--pc     { color:#1d4ed8; border-color:#bfdbfe; background:#eff6ff; }
.rai-plat--ps     { color:#2563eb; border-color:#c7d2fe; background:#eef2ff; }
.rai-plat--xbox   { color:#15803d; border-color:#bbf7d0; background:#ecfdf5; }
.rai-plat--switch { color:#b91c1c; border-color:#fecaca; background:#fef2f2; }
.rai-plat--mobile { color:#7c3aed; border-color:#e9d5ff; background:#faf5ff; }

/* Anchors: one color for all */
.rai-game-anchors { display:flex; gap:10px; flex-wrap:wrap; margin: 10px 0 16px; }
.rai-game-anchors a {
  font-size:.85rem; text-decoration:none; background:#1d4ed8; color:#fff;
  border:1px solid #1d4ed8; padding:6px 10px; border-radius:999px;
}
.rai-game-anchors a:hover { background:#1e40af; border-color:#1e40af; color:#fff; }

/* Key Takeaway (show only in header) */
.rai-takeaway {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 8px 0 14px;
}
.rai-takeaway strong { display:block; margin-bottom:6px; color:#0f172a; }
.rai-takeaway p { margin:0; color:#1f2937; }
/* Скрыть возможную вставку блока Takeaway внутри контента (если осталась от старых версий) */
.rai-game-content .rai-takeaway { display:none !important; }

/* TOC + content */
.rai-game-desc h2, .rai-game-desc h3, .rai-game-desc h4 { margin-top:1.2em; }
.rai-toc {
  border: 1px dashed #cbd5e1;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  margin: 10px 0 16px;
}
.rai-toc strong { display:block; margin-bottom:6px; color:#0f172a; }
.rai-toc ul { list-style: none; padding-left: 0; margin: 0; }
.rai-toc li { margin: 4px 0; }
.rai-toc li.toc-h3 { margin-left: 16px; font-size: .95em; color:#475569; }

/* Gallery */
.rai-game-gallery { margin-top: 28px; }
.rai-game-grid { display:grid; gap:14px; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
.rai-game-shot { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; }
.rai-game-shot img { width:100%; height:auto; display:block; }
.rai-game-shot figcaption { font-size:.8rem; color:#475569; padding:8px 10px; }

/* Verdict */
.rai-verdict {
  border: 1px solid #e2e8f0; background:#fff; border-radius:12px; padding:12px 14px; margin:16px 0;
}
.rai-verdict__cols { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:12px; }
.rai-verdict h4 { margin: 0 0 6px; font-size: 1rem; }
.rai-pros ul, .rai-cons ul { margin: 0; padding-left: 1.1em; }
.rai-pros { background:#ecfdf5; border:1px solid #bbf7d0; border-radius:10px; padding:10px; }
.rai-cons { background:#fef2f2; border:1px solid #fecaca; border-radius:10px; padding:10px; }
.rai-rating { margin-top: 10px; display:flex; align-items:center; gap:10px; }
.rai-rating__score { display:inline-block; font-weight:800; font-size:1.2rem; background:#0ea5e9; color:#fff; padding:4px 10px; border-radius:999px; }

/* Stores */
.rai-game-stores { margin-top:28px; }
.rai-store-row { display:flex; flex-wrap:wrap; gap:10px; }
.rai-store-btn {
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px;
  color:#fff; font-weight:700; text-decoration:none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.rai-store-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px -6px rgba(0,0,0,.2); }
.rai-store-steam { background:#171a21; }
.rai-store-gog   { background:#863aeb; }
.rai-store-epic  { background:#000; }
.rai-store-playstation { background:#006fcd; }
.rai-store-xbox  { background:#107c10; }
.rai-store-nintendo { background:#e60012; }
.rai-store-app-store { background:#1f6feb; }
.rai-store-google-play { background:#34a853; }

/* Similar */
.rai-related { margin-top:28px; }
.rai-related-grid { display:grid; gap:14px; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); }
.rai-rel-item { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; }
.rai-rel-thumb img { width:100%; height:auto; display:block; }
.rai-rel-body { padding:10px 12px; }
.rai-rel-title { margin:0 0 6px; font-size:1.05rem; line-height:1.2; }
.rai-rel-meta { list-style:none; padding:0; margin:0; font-size:.9rem; color:#334155; }
.rai-rel-meta li strong { color:#0f172a; margin-right:4px; }

/* Dark mode polish */
@media (prefers-color-scheme: dark) {
  .rai-game-page, .rai-rel-meta { color:#cbd5e1; }
  .rai-hero { border-color: rgba(255,255,255,.15); }
  .rai-quick-facts { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.15); }
  .rai-game-anchors a { background:#1d4ed8; border-color:#1d4ed8; color:#fff; }
  .rai-game-shot, .rai-rel-item, .rai-verdict { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.15); }
  .rai-plat { background: rgba(255,255,255,.05); }
  .rai-pros { background: rgba(16,185,129,.15); border-color: rgba(187,247,208,.25); }
  .rai-cons { background: rgba(239,68,68,.15); border-color: rgba(254,202,202,.25); }
}