/* ===== Games grid ===== */
.games-section{ background: var(--ar-bg-0) !important; }
.section-heading__desc{ color: var(--ar-ink-2) !important; }
.games-section-wrapper{ display:flex; flex-wrap:wrap; gap:18px; }
.game-item{
  background: var(--ar-card);
  border: 1px solid var(--ar-line);
  border-radius: 16px;
  overflow:hidden;
  transition: transform .25s, box-shadow .25s, border-color .25s;
  width: calc(20% - 15px);
  min-width: 150px;
}
.game-item:hover{
  transform: translateY(-6px);
  border-color: var(--ar-purple);
  box-shadow: 0 18px 34px rgba(139,92,246,.30);
}
.game-item__image{ position:relative; display:block; }
.game-item__image img{ width:100%; display:block; }
.game-item__play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(180deg, rgba(139,92,246,0), rgba(20,10,35,.75));
  opacity:0; transition:.25s;
}
.game-item:hover .game-item__play{ opacity:1; }
.game-item__play .icon{
  width:46px; height:46px; border-radius:50%;
  background: linear-gradient(135deg,var(--ar-purple),var(--ar-pink));
  display:flex; align-items:center; justify-content:center; color:#fff;
  box-shadow: 0 10px 24px rgba(236,72,153,.5);
}
.game-item__title{
  padding: 12px 14px; font-size:14px; font-weight:700; color: var(--ar-ink-0) !important;
}

/* ===== Winners / transactions ===== */
.winner-section{ background: var(--ar-bg-1) !important; }
.latest-winner, .latest-transection{
  background: linear-gradient(165deg, var(--ar-card-2), var(--ar-card));
  border: 1px solid var(--ar-line);
  border-radius: 18px;
  padding: 22px;
}
.latest-winner__heading{ color: var(--ar-ink-0) !important; font-weight:700; margin-bottom:14px; }
.latest-winner-item__title{ color: var(--ar-ink-0) !important; }
.latest-winner-item__name{ color: var(--ar-ink-2) !important; font-size:13px; }
.latest-winner-item__amount{ color: var(--ar-good) !important; font-weight:800; }
.transection-table{ color: var(--ar-ink-1) !important; }
.transection-table thead th{ color: var(--ar-ink-2) !important; border-color: var(--ar-line) !important; text-transform:uppercase; font-size:12px; letter-spacing:.04em; }
.transection-table tbody td{ border-color: var(--ar-line) !important; }

/* ===== About / choose-us ===== */
.about-section, .choose-us{ background: var(--ar-bg-0) !important; }
.about-card, .stat-card{
  background: linear-gradient(165deg, var(--ar-card-2), var(--ar-card));
  border: 1px solid var(--ar-line);
  border-radius: 16px;
}
.about-card{ padding: 20px; }
.about-card__icon{ color: var(--ar-cyan) !important; font-size:26px; margin-bottom:8px; }
.about-card__title{ color: var(--ar-ink-0) !important; font-weight:700; }
.achievement-wrapper .numbers, .achievement-wrapper h1, .achievement-wrapper h2{
  background: linear-gradient(120deg,var(--ar-gold),var(--ar-pink));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}

/* ===== Testimonials ===== */
.testimonials{ background: var(--ar-bg-1) !important; }
.card-item{
  background: linear-gradient(165deg, var(--ar-card-2), var(--ar-card));
  border: 1px solid var(--ar-line);
  border-radius: 18px;
  padding: 24px;
}
.card-item__title{ color: var(--ar-ink-0) !important; }
.card-item__desc{ color: var(--ar-ink-2) !important; }

/* ===== Footer ===== */
.footer-area{ background: var(--ar-bg-0) !important; border-top: 1px solid var(--ar-line); }
.payment-item__image{
  background: var(--ar-card); border: 1px solid var(--ar-line); border-radius: 12px; padding: 10px;
}
.newsletter__input, .form--control{
  background: var(--ar-card) !important; border: 1px solid var(--ar-line) !important; color: var(--ar-ink-0) !important;
}
.newsletter__btn.subscribe-btn{
  background: linear-gradient(135deg,var(--ar-purple),var(--ar-pink)) !important;
  border:none !important; color:#fff !important; font-weight:700 !important;
}
.social-list__link{
  background: var(--ar-card) !important; border: 1px solid var(--ar-line) !important; color: var(--ar-ink-1) !important;
}
.social-list__link:hover{ color: var(--ar-cyan) !important; border-color: var(--ar-cyan) !important; }
.socket-area{ border-top: 1px solid var(--ar-line); }
.socket-area__text, .socket-nav__link{ color: var(--ar-ink-2) !important; }

@media (max-width: 991px){
  .game-item{ width: calc(33.333% - 12px); }
}
@media (max-width: 575px){
  .game-item{ width: calc(50% - 9px); }
}

.transection-table thead{
  background: linear-gradient(135deg,var(--ar-purple),var(--ar-pink)) !important;
}
.transection-table thead th{
  color:#fff !important;
}