/* ---------------------------------------------------------------------
   Anything here is stuff that doesn't translate cleanly into a Tailwind
   utility class on its own — either because it's a repeated compound
   background pattern, or a cross-browser scrollbar hack.
   Everything else in the page uses Tailwind classes directly.
--------------------------------------------------------------------- */

/* Hex-grid background used behind the dark "signup" section */
.bg-grid-dark, .bg-grid-dark-sm {
    background-color: #27221f;
    width: 100%;
    height: 100%;
    background: center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(40,40,40)' viewBox='0 0 100 169.5'%3E%3Cpolygon points='50,34.75 93.5,59.75 93.5,109.75 50,134.75 6.5,109.75 6.5,59.75'%3E%3C/polygon%3E%3Cpolygon points='0,-50 43.5,-25 43.5,25 0,50 -43.5,25 -43.5,-25'%3E%3C/polygon%3E%3Cpolygon points='100,-50 143.5,-25 143.5,25 100,50 56.5,25 56.5,-25'%3E%3C/polygon%3E%3Cpolygon points='0,119.5 43.5,144.5 43.5,194.5 0,219.5 -43.5,194.5 -43.5,144.5'%3E%3C/polygon%3E%3Cpolygon points='100,119.5 143.5,144.5 143.5,194.5 100,219.5 56.5,194.5 56.5,144.5'%3E%3C/polygon%3E%3C/svg%3E");
    background-size: 16px;
}

/* Same pattern, tighter spacing — used inside the "what we're playing now" cards */
.bg-grid-dark-sm {
  background-size:10px;
}

/* Hide the scrollbar on the horizontal "what we're playing now" carousel
   while keeping it scrollable — no Tailwind utility covers this */
.no-scrollbar {
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* old Edge/IE */
}
.no-scrollbar::-webkit-scrollbar {
  display: none;              /* Chrome/Safari */
}