/* ===== Structural additions to match approved mockup layout ===== */

/* Hero kicker badge */
.ar-kicker{
  display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:999px;
  background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.35);
  color:var(--ar-gold); font-weight:700; font-size:13px; letter-spacing:.04em; margin-bottom:18px;
}
.ar-kicker-dot{ width:6px; height:6px; border-radius:50%; background:var(--ar-gold); box-shadow:0 0 8px var(--ar-gold); display:inline-block; }

.banner-content__button{ display:flex; gap:14px; flex-wrap:wrap; }
.btn.ar-btn-ghost{
  background:rgba(255,255,255,.06) !important; color:var(--ar-ink-0) !important;
  border:1px solid var(--ar-line) !important; font-weight:700 !important; border-radius:12px !important;
}

.ar-trust-row{ display:flex; gap:28px; margin-top:26px; flex-wrap:wrap; }
.ar-trust-item { font-family:'Space Grotesk',sans-serif; }
.ar-trust-item b{ font-family:'Space Grotesk',sans-serif; font-size:22px; display:block; color:var(--ar-ink-0); }
.ar-trust-item span{ font-size:12.5px; color:var(--ar-ink-2); text-transform:uppercase; letter-spacing:.05em; font-weight:600; }

/* Hero art ring behind character image */
.banner-thumb{ position:relative; }
.ar-art-ring{
  position:absolute; width:80%; height:80%; left:10%; top:10%; border-radius:50%;
  background:radial-gradient(circle, rgba(139,92,246,.35), transparent 68%);
  z-index:0; pointer-events:none;
}
.banner-thumb img{ position:relative; z-index:1; }

/* Stats strip -> seamless single-panel divider look, matching mockup */
.statistics-section .row{
  display:grid !important; grid-template-columns:repeat(4,1fr); gap:1px;
  background:var(--ar-line); border:1px solid var(--ar-line); border-radius:20px; overflow:hidden;
  margin:0 !important;
}
.statistics-section .col-md-3{ padding:0 !important; margin:0 !important; max-width:100%; flex:none; width:auto; }
.statistics-section .stat-card{ border-radius:0; box-shadow:none; margin:0; height:100%; }
@media (max-width: 767px){
  .statistics-section .row{ grid-template-columns:repeat(2,1fr); }
}

/* Game card LIVE tag */
.game-item__image{ position:relative; }
.ar-live-tag{
  position:absolute; top:10px; left:10px; z-index:2; background:rgba(0,0,0,.55); backdrop-filter:blur(4px);
  padding:4px 10px; border-radius:999px; font-size:10.5px; font-weight:700; display:flex; align-items:center; gap:5px; color:#fff;
}
.ar-live-tag i{ width:6px; height:6px; border-radius:50%; background:var(--ar-good); box-shadow:0 0 6px var(--ar-good); display:inline-block; }

/* Winner avatar row, matching mockup's winner-row style */
.ar-winner-row{ display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.ar-winner-row:last-child{ border-bottom:none; }
.ar-winner-avatar{
  width:38px; height:38px; min-width:38px; border-radius:50%;
  background:linear-gradient(135deg,var(--ar-purple),var(--ar-cyan));
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; color:#fff;
}
.ar-winner-text{ flex:1; }
.ar-winner-text .latest-winner-item__title{ font-size:14.5px; margin-bottom:2px; }
.ar-winner-text .latest-winner-item__name{ font-size:12.5px; color:var(--ar-ink-2); margin:0; }
.ar-winner-amt{ color:var(--ar-good) !important; font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:17px; white-space:nowrap; }

.ar-winner-row{ padding:8px 0 !important; gap:10px !important; }
.ar-winner-avatar{ width:26px !important; height:26px !important; min-width:26px !important; font-size:10px !important; }
.ar-winner-text .latest-winner-item__title{ font-size:13px !important; margin-bottom:0 !important; }
.ar-winner-text .latest-winner-item__name{ font-size:11px !important; }
.ar-winner-amt{ font-size:14px !important; }


/* ===== Winners -> single full-width panel, matching mockup ===== */
.winner-section-wrapper{ display:block !important; }
.latest-winner{ width:100% !important; max-width:100% !important; }
.latest-transection{ display:none !important; }
.ar-winner-row{ padding:14px 0 !important; gap:14px !important; }
.ar-winner-avatar{ width:38px !important; height:38px !important; min-width:38px !important; font-size:13px !important; }
.ar-winner-text .latest-winner-item__title{ font-size:14.5px !important; }
.ar-winner-text .latest-winner-item__name{ font-size:12.5px !important; }
.ar-winner-amt{ font-size:17px !important; }

:root{
  --base-h: 258 !important; --base-s: 90% !important; --base-l: 66% !important;
  --base-two-h: 330 !important; --base-two-s: 81% !important; --base-two-l: 60% !important;
}

/* ===== Clean, simple game cards, no colored border/frame ===== */
.game-item{
  border: 1px solid var(--ar-line) !important;
  border-image: none !important;
  box-shadow: none !important;
  background: var(--ar-card) !important;
}
.game-item:hover{
  border-color: var(--ar-purple) !important;
}
.game-item__image{ padding:0 !important; background:none !important; }
.game-item::before, .game-item::after{ display:none !important; content:none !important; }

/* ===== Mobile games grid: force multiple columns, never 1-per-row ===== */
.games-section-wrapper{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; }
@media (max-width: 991px){
  .game-item{ width: calc(33.333% - 8px) !important; }
}
@media (max-width: 575px){
  .game-item{ width: calc(33.333% - 8px) !important; }
  .game-item__title{ font-size: 11px !important; padding: 6px 8px !important; }
}
@media (max-width: 360px){
  .game-item{ width: calc(33.333% - 6px) !important; }
}