/* Экран «🎮 Игры» (js/games.js). Крупно — аудитория в возрасте. */
.games-ov {
  background: var(--bg, #0c0c0e);
  color: var(--text, #f5f5f7);
  display: flex; flex-direction: column; overflow-y: auto;
  padding: calc(10px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));
}
.games-ov[hidden] { display: none; }
body.games-open .bottom-nav { display: none; }
.games-head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.games-back {
  border: 0; border-radius: 999px; padding: 9px 16px;
  background: rgba(255, 255, 255, .1); color: inherit; font-size: 16px; font-weight: 600;
}
.games-title { font-size: 24px; font-weight: 800; }
.games-list { display: flex; flex-direction: column; gap: 14px; }
.games-card {
  display: flex; align-items: center; gap: 16px;
  width: 100%; min-height: 108px; padding: 18px 20px;
  border-radius: 22px; border: 1px solid rgba(255, 255, 255, .12);
  color: #fff; text-align: left;
}
.games-card[hidden] { display: none; }
.games-ico { font-size: 52px; line-height: 1; flex: 0 0 auto; }
.games-txt { flex: 1; min-width: 0; }
.games-txt strong { display: block; font-size: 22px; font-weight: 800; }
.games-txt small { display: block; font-size: 15px; opacity: .85; margin-top: 4px; }
.games-wheel { background: linear-gradient(135deg, #3a1060 0%, #7c1f8f 100%); box-shadow: 0 0 22px rgba(176, 38, 255, .25); }
.games-slot { background: linear-gradient(135deg, #5a1111 0%, #b8321a 100%); box-shadow: 0 0 22px rgba(255, 90, 40, .22); }
.games-mil { background: linear-gradient(135deg, #1b1446 0%, #2a1a5e 55%, #3b2a08 100%); border-color: rgba(255, 215, 90, .55); box-shadow: 0 0 22px rgba(255, 196, 0, .2); }
.games-mil strong { color: #ffd65a; }
.games-card.is-waiting { opacity: .65; filter: saturate(.5); box-shadow: none; }