/* ===================================================================
   Roulette.styles.css — Roulette mini-game page
   Shared game chrome + roulette-specific tweaks.
   =================================================================== */
@import url('game-shared.css');

/* The roulette card centres in a narrower shell than the game default */
.gamecard { max-width: 1200px; margin: 0 auto; }

/* Bank bar accents match the player-share colours below it */
.bank__bar { height: 4px; }

/* Two shares only -> keep them left-aligned instead of stretched */
.shares { justify-content: flex-start; }

/* Roulette bet rows show the item chip above the thumb */
.betlist__items {
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}

@media (max-width: 768px) {
  .betlist__items {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
}