/* ── Global Scrollbar ──────────────────────────────────── */
*::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#app::-webkit-scrollbar,
.v-application::-webkit-scrollbar,
.v-application--wrap::-webkit-scrollbar,
.v-main::-webkit-scrollbar,
.v-main__wrap::-webkit-scrollbar,
.v-navigation-drawer__content::-webkit-scrollbar,
.v-data-table__wrapper::-webkit-scrollbar,
.v-dialog::-webkit-scrollbar,
pre::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
*::-webkit-scrollbar-track,
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
#app::-webkit-scrollbar-track,
.v-application::-webkit-scrollbar-track,
.v-application--wrap::-webkit-scrollbar-track,
.v-main::-webkit-scrollbar-track,
.v-main__wrap::-webkit-scrollbar-track,
.v-navigation-drawer__content::-webkit-scrollbar-track,
.v-data-table__wrapper::-webkit-scrollbar-track,
.v-dialog::-webkit-scrollbar-track,
pre::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
  background: transparent !important;
}
*::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
#app::-webkit-scrollbar-thumb,
.v-application::-webkit-scrollbar-thumb,
.v-application--wrap::-webkit-scrollbar-thumb,
.v-main::-webkit-scrollbar-thumb,
.v-main__wrap::-webkit-scrollbar-thumb,
.v-navigation-drawer__content::-webkit-scrollbar-thumb,
.v-data-table__wrapper::-webkit-scrollbar-thumb,
.v-dialog::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 3px !important;
}
*::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
#app::-webkit-scrollbar-thumb:hover,
.v-application::-webkit-scrollbar-thumb:hover,
.v-application--wrap::-webkit-scrollbar-thumb:hover,
.v-main::-webkit-scrollbar-thumb:hover,
.v-main__wrap::-webkit-scrollbar-thumb:hover,
.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover,
.v-data-table__wrapper::-webkit-scrollbar-thumb:hover,
.v-dialog::-webkit-scrollbar-thumb:hover,
pre::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
*::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* Firefox */
*, html, body, #app, .v-application, .v-main, .v-main__wrap {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.1) transparent !important;
}

/* GAME PAGES — slim header like crash standalone (hide nav, chat, sidebar, footer) */
body.game-page-active .v-app-bar {
  background: #0b0b14 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.08) !important;
  height: 48px !important;
}
body.game-page-active .v-app-bar .v-toolbar__content {
  height: 48px !important;
}
/* Hide sidebar, chat drawer, footer */
body.game-page-active .v-navigation-drawer,
body.game-page-active footer,
body.game-page-active .v-footer {
  display: none !important;
}
/* Remove sidebar padding, shrink top padding to slim bar */
body.game-page-active .v-main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 48px !important;
}
/* Hide hamburger menu button */
body.game-page-active .v-app-bar__nav-icon {
  display: none !important;
}
/* Hide all icon-only buttons in app bar (settings gear, chat toggle) but keep balance */
body.game-page-active .v-app-bar .v-btn--icon {
  display: none !important;
}

/* GAME FEED — hide live bet snackbars on game pages entirely */
.game-container {
  position: relative;
  z-index: 6 !important;
}
/* Body gets .game-page-active class via MutationObserver when .game-container exists */
body.game-page-active .game-snackbar,
body.game-page-active .game-snackbar.v-snack,
body.game-page-active .game-snackbar.v-snack--active,
body.game-page-active .v-snack.game-snackbar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* SUGAR RUSH - KEEP LOGO NATURAL SIZE */
.game-card[data-name="Sugar Rush"] .v-image__image,
.game-card[data-name="Sugar Rush"] .v-img__img {
  object-fit: cover !important;
  background-size: cover !important;
}

/* GATES OF OLYMPUS - EXACT HOVER EFFECT MATCHING BACCARAT */

/* Ensure Gates of Olympus card structure matches Baccarat */
.game-card[data-name="Gates of Olympus"] {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Match Baccarat's hover behavior EXACTLY - same box-shadow elevation */
.game-card[data-name="Gates of Olympus"]:hover .v-card,
.game-card[data-name="Gates of Olympus"] .v-card.v-card--hover {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 
              0 3px 14px 2px rgba(0, 0, 0, 0.12), 
              0 5px 5px -3px rgba(0, 0, 0, 0.2) !important;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform: translateY(-4px) !important;
}

/* Match overlay fade-in on hover (same as Baccarat) */
.game-card[data-name="Gates of Olympus"]:hover .v-overlay__scrim,
.game-card[data-name="Gates of Olympus"]:hover .v-card__overlay,
.game-card[data-name="Gates of Olympus"]:hover .v-overlay,
.game-card[data-name="Gates of Olympus"] .v-overlay__scrim.v-overlay--active,
.game-card[data-name="Gates of Olympus"] .v-card__overlay.v-overlay--active,
.game-card[data-name="Gates of Olympus"] .v-overlay.v-overlay--active {
  opacity: 1 !important;
  transition: opacity 0.18s ease-out !important;
}

/* Ensure overlay is visible */
.game-card[data-name="Gates of Olympus"]:hover .v-overlay__content,
.game-card[data-name="Gates of Olympus"] .v-overlay__content {
  opacity: 1 !important;
}

/* Match image behavior on hover (same as Baccarat) */
.game-card[data-name="Gates of Olympus"]:hover .v-image,
.game-card[data-name="Gates of Olympus"]:hover .v-image__image {
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Match button and title visibility (same as Baccarat) */
.game-card[data-name="Gates of Olympus"]:hover .v-btn,
.game-card[data-name="Gates of Olympus"]:hover .v-card__title,
.game-card[data-name="Gates of Olympus"]:hover .v-chip {
  opacity: 1 !important;
  visibility: visible !important;
}