html { scroll-behavior: smooth; }
::selection { background: rgba(14,165,233,.35); color: #fff; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.chip {
  @apply inline-flex items-center gap-2 bg-slate-900/60 hover:bg-slate-900 border border-slate-800 px-3 py-2 rounded-md text-sm whitespace-nowrap transition;
}
.promo-card {
  @apply bg-surface rounded-xl border border-slate-800 p-4 hover:shadow-soft transition;
}
.btn-primary {
  @apply inline-flex items-center justify-center gap-2 bg-primary hover:bg-sky-500 text-white px-4 py-2 rounded-md transition shadow-glow;
}
.btn-secondary {
  @apply inline-flex items-center justify-center gap-2 bg-slate-900/80 hover:bg-slate-900 border border-slate-800 px-4 py-2 rounded-md transition;
}
.game-card img { transition: transform .35s ease; }
.game-card:hover img { transform: scale(1.04); }
.bonus-card {
  @apply bg-surface rounded-xl border border-slate-800 p-4 hover:shadow-soft transition;
}
section { scroll-margin-top: 90px; }
@media (max-width: 640px) {
  .game-card .btn-primary, .game-card .btn-secondary {
    font-size: .875rem; padding: .5rem .75rem;
  }
}