/* v3.10.116: lightweight motion and render containment for the Player shell. */
:root {
  --ui-ease-out: cubic-bezier(.22, 1, .36, 1);
  --ui-ease-standard: cubic-bezier(.2, .7, .2, 1);
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

button,
[role="button"],
a,
input,
select,
textarea {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.button,
.icon-button,
.nav-button,
.mobile-bottom-nav-button,
.notification-button,
.wallet-action-tab,
.wallet-inner-tab,
.account-center-tab,
.lobby-category-button,
.featured-game-card,
.compact-game-card {
  transition-property: transform, opacity, color, background-color, border-color !important;
  transition-duration: 150ms !important;
  transition-timing-function: var(--ui-ease-standard) !important;
}

.button:active,
.icon-button:active,
.nav-button:active,
.mobile-bottom-nav-button:active,
.notification-button:active,
.wallet-action-tab:active,
.wallet-inner-tab:active,
.account-center-tab:active,
.lobby-category-button:active,
.featured-game-card:active,
.compact-game-card:active {
  transform: scale(.975) !important;
}

.smooth-ui-ready .view.active:not(.game-view) {
  animation: playerSmoothViewIn 190ms var(--ui-ease-out) both !important;
}

.smooth-ui-ready .modal:not(.hidden) .modal-card,
.smooth-ui-ready .ui-dialog-overlay:not(.hidden) .ui-dialog-card,
.smooth-ui-ready .notification-panel:not(.hidden) {
  animation: playerSmoothSurfaceIn 170ms var(--ui-ease-out) both !important;
}

@keyframes playerSmoothViewIn {
  from { opacity: 0; transform: translate3d(0, 5px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes playerSmoothSurfaceIn {
  from { opacity: 0; transform: translate3d(0, 7px, 0) scale(.992); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

.game-frame {
  backface-visibility: hidden;
  transform: translateZ(0);
}

@supports (content-visibility: auto) {
  .view.active:not(.game-view) > .panel,
  .view.active:not(.game-view) > .panel-grid,
  .view.active:not(.game-view) > .table-wrap {
    content-visibility: auto;
    contain-intrinsic-size: auto 360px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .button:hover,
  .icon-button:hover,
  .nav-button:hover,
  .mobile-bottom-nav-button:hover,
  .featured-game-card:hover,
  .compact-game-card:hover {
    transform: translate3d(0, -1px, 0) !important;
  }
}

@media (max-width: 860px) {
  body {
    background-attachment: scroll !important;
  }

  .portal.game-active .topbar,
  .portal.game-active .mobile-bottom-nav {
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
  }

  .panel,
  .stat-card,
  .featured-game-card,
  .compact-game-card,
  .lotto-result-card,
  .modal-card,
  .notification-panel {
    contain: layout paint style !important;
  }

  .ui-scrolling .button,
  .ui-scrolling .icon-button,
  .ui-scrolling .nav-button,
  .ui-scrolling .mobile-bottom-nav-button,
  .ui-scrolling .featured-game-card,
  .ui-scrolling .compact-game-card {
    transition-duration: 0ms !important;
  }

  /* Keep the existing authenticated Home quick actions unmistakably visible. */
  .portal:not(.game-active) #gameLobby > .mobile-lobby-shortcuts {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px !important;
    gap: 6px !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .portal:not(.game-active) #mobileLobbyDepositButton,
  .portal:not(.game-active) #mobileLobbyWithdrawButton {
    grid-column: span 3 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 7px 10px !important;
    gap: 7px !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    border-radius: 11px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .portal:not(.game-active) #mobileLobbyDepositButton {
    background: linear-gradient(145deg, #e49c20, #b94b1d) !important;
  }

  .portal:not(.game-active) #mobileLobbyWithdrawButton {
    background: linear-gradient(145deg, #257bdd, #164b9a) !important;
  }

  .portal:not(.game-active) #mobileLobbyDepositButton .mobile-lobby-shortcut-icon,
  .portal:not(.game-active) #mobileLobbyWithdrawButton .mobile-lobby-shortcut-icon {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    color: #fff !important;
    background: rgba(255,255,255,.14) !important;
    box-shadow: none !important;
  }

  .portal:not(.game-active) #mobileLobbyDepositButton .mobile-lobby-shortcut-icon svg,
  .portal:not(.game-active) #mobileLobbyWithdrawButton .mobile-lobby-shortcut-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .portal:not(.game-active) #mobileLobbyCreditsButton,
  .portal:not(.game-active) #mobileLobbyAccountButton,
  .portal:not(.game-active) #mobileLobbySupportButton {
    grid-column: span 2 !important;
    min-width: 0 !important;
    min-height: 50px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .portal.guest-mode:not(.game-active) #gameLobby > .mobile-lobby-shortcuts {
    display: none !important;
  }
}

@media (max-width: 370px) {
  .portal:not(.game-active) #gameLobby > .mobile-lobby-shortcuts {
    padding: 5px !important;
    gap: 4px !important;
  }

  .portal:not(.game-active) #mobileLobbyDepositButton,
  .portal:not(.game-active) #mobileLobbyWithdrawButton {
    min-height: 42px !important;
    padding-inline: 6px !important;
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .smooth-ui-ready .view.active:not(.game-view),
  .smooth-ui-ready .modal:not(.hidden) .modal-card,
  .smooth-ui-ready .ui-dialog-overlay:not(.hidden) .ui-dialog-card,
  .smooth-ui-ready .notification-panel:not(.hidden) {
    animation: none !important;
  }
}