/* BSC Poker X v11.6.3 — Auth, brand and cover final fix */

.topbar .brand {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.topbar .v1163-brand-logo {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  border: 1px solid rgba(245,199,67,.62) !important;
  background: #05090f !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 26px rgba(245,199,67,.18) !important;
}

/* Restore the complete home cover below the header. */
.v1160-lobby {
  padding-top: 22px !important;
}

.v1161-cover {
  min-height: clamp(500px, 55vw, 720px) !important;
  background-position: center center !important;
  background-size: cover !important;
}

.v1161-cover-content {
  width: min(780px, 72%) !important;
  padding-top: clamp(44px, 7vw, 92px) !important;
  padding-bottom: clamp(38px, 6vw, 78px) !important;
}

.v1161-cover-guest .v1161-cover-shade {
  background:
    linear-gradient(90deg,
      rgba(0,7,15,.97) 0%,
      rgba(0,7,15,.84) 39%,
      rgba(0,7,15,.27) 72%,
      rgba(0,7,15,.42) 100%),
    linear-gradient(0deg,rgba(0,5,12,.83),transparent 48%) !important;
}

/* Auth modal must be visible, opaque and clickable. */
#authModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 50000 !important;
  place-items: center !important;
  padding: 18px !important;
  background: rgba(0,4,10,.92) !important;
  backdrop-filter: blur(20px) saturate(125%) !important;
  pointer-events: auto !important;
}

#authModal:not(.hidden) {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#authModal.hidden {
  display: none !important;
}

#authModal .reown-auth-card {
  position: relative !important;
  z-index: 1 !important;
  width: min(620px, calc(100vw - 30px)) !important;
  max-height: calc(100dvh - 30px) !important;
  overflow: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background:
    radial-gradient(circle at 85% 0,rgba(39,208,164,.15),transparent 32%),
    linear-gradient(145deg,#0d3047 0%,#071d30 48%,#030f1b 100%) !important;
  border: 1px solid rgba(98,225,255,.5) !important;
  border-radius: 24px !important;
  box-shadow: 0 34px 110px rgba(0,0,0,.78) !important;
}

#authModal .reown-auth-body {
  display: block !important;
  padding: 22px !important;
}

#authModal button,
#authModal input {
  pointer-events: auto !important;
}

#authModal .reown-continue {
  min-height: 52px !important;
  cursor: pointer !important;
}

/* Prevent any transparent inherited modal state. */
#authModal,
#authModal * {
  opacity: 1;
}

@media (max-width: 760px) {
  .topbar .v1163-brand-logo {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }

  .v1161-cover {
    min-height: 620px !important;
    background-position: 58% center !important;
  }

  .v1161-cover-content {
    width: 100% !important;
  }
}