/* BSC Poker v6.9.0 — Unified toolbox + real Shop profile */

:root {
  --v690-bg: rgba(2, 14, 25, .97);
  --v690-panel: rgba(7, 31, 48, .97);
  --v690-panel-soft: rgba(12, 49, 70, .92);
  --v690-cyan: #73e8ff;
  --v690-gold: #e0b85d;
  --v690-text: #effcff;
  --v690-muted: #9fc3d0;
  --v690-border: rgba(115, 232, 255, .22);
  --v690-safe-top: max(8px, env(safe-area-inset-top));
  --v690-safe-right: max(8px, env(safe-area-inset-right));
}

body.v690-ready {
  overflow-x: hidden;
}

body.v690-ready #seatTool,
body.v690-ready #v688PrivateTool,
body.v690-ready #v689PrivateBotTool {
  display: none !important;
}

/* Three-button toolbox */
body.v690-ready .toolbox {
  position: fixed !important;
  top: var(--v690-safe-top) !important;
  right: var(--v690-safe-right) !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2147481200 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 92px) !important;
  gap: 9px !important;
  width: auto !important;
  padding: 9px !important;
  border: 1px solid var(--v690-border) !important;
  border-radius: 23px !important;
  background:
    linear-gradient(180deg, rgba(8, 35, 53, .97), rgba(2, 15, 27, .99)) !important;
  box-shadow:
    inset 0 0 22px rgba(115, 232, 255, .04),
    0 18px 48px rgba(0, 0, 0, .38) !important;
  backdrop-filter: blur(14px);
}

body.v690-ready .toolbox button {
  width: 92px !important;
  height: 76px !important;
  min-width: 0 !important;
  padding: 7px 5px !important;
  border: 1px solid rgba(115, 232, 255, .16) !important;
  border-radius: 17px !important;
  background: rgba(13, 53, 76, .9) !important;
  color: var(--v690-text) !important;
  font-size: 25px !important;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease;
}

body.v690-ready .toolbox button:hover,
body.v690-ready .toolbox button:focus-visible,
body.v690-ready .toolbox button[aria-pressed="true"] {
  transform: translateY(-2px);
  border-color: rgba(115, 232, 255, .55) !important;
  background: rgba(21, 75, 104, .98) !important;
  box-shadow: 0 0 24px rgba(115, 232, 255, .12);
}

body.v690-ready .toolbox button span {
  display: block !important;
  margin-top: 4px;
  font-size: 10px !important;
  font-weight: 900;
  letter-spacing: .07em;
}

body.v690-ready .toolbox button small {
  display: none !important;
}

/* Every tool opens centered and can close */
body.v690-ready .drawer[hidden] {
  display: none !important;
}

body.v690-ready .drawer:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147481600 !important;
  display: grid !important;
  place-items: center;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  padding: 88px 14px 20px !important;
  transform: none !important;
  background: rgba(0, 7, 15, .68) !important;
  backdrop-filter: blur(12px);
}

body.v690-ready .drawer > header,
body.v690-ready .drawer > #drawerBody {
  position: relative;
  width: min(880px, 94vw) !important;
  box-sizing: border-box;
}

body.v690-ready .drawer > header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px !important;
  border: 1px solid var(--v690-border) !important;
  border-bottom: 0 !important;
  border-radius: 27px 27px 0 0 !important;
  background:
    linear-gradient(145deg, rgba(13, 54, 76, .99), rgba(4, 22, 37, .99)) !important;
}

body.v690-ready .drawer > #drawerBody {
  max-height: min(74vh, 730px) !important;
  overflow: auto !important;
  padding: 18px !important;
  border: 1px solid var(--v690-border) !important;
  border-radius: 0 0 27px 27px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(115, 232, 255, .08), transparent 30%),
    linear-gradient(160deg, rgba(7, 32, 50, 1), rgba(2, 15, 27, 1)) !important;
  color: var(--v690-text);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .52);
}

body.v690-ready #drawerClose {
  display: grid !important;
  place-items: center;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 133, 157, .42) !important;
  background: rgba(80, 20, 36, .97) !important;
  color: #fff !important;
  font-size: 28px !important;
  cursor: pointer;
}

/* Shared cards */
.v690-card {
  border: 1px solid var(--v690-border);
  border-radius: 20px;
  background:
    linear-gradient(160deg, rgba(12, 48, 69, .93), rgba(3, 18, 30, .99));
  box-shadow: inset 0 0 24px rgba(115, 232, 255, .04);
}

.v690-loading,
.v690-error {
  padding: 30px;
  border-radius: 18px;
  text-align: center;
  background: rgba(2, 16, 28, .8);
}

.v690-error {
  border: 1px solid rgba(255, 111, 139, .38);
  color: #ffd3dc;
}

/* Real profile */
.v690-profile {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
}

.v690-profile-main {
  padding: 18px;
  text-align: center;
}

.v690-avatar {
  width: 122px;
  height: 122px;
  margin: 0 auto 12px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 62px;
  background:
    radial-gradient(circle at 38% 30%, #ad90ff, #54308f 68%, #28134d 100%);
  border: 3px solid rgba(115, 232, 255, .5);
  box-shadow: 0 0 26px rgba(115, 232, 255, .13);
}

.v690-profile-main h3 {
  margin: 8px 0 4px;
}

.v690-profile-main p {
  margin: 3px 0;
  color: var(--v690-muted);
}

.v690-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.v690-stat {
  min-height: 88px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(3, 18, 31, .84);
  border: 1px solid rgba(115, 232, 255, .11);
}

.v690-stat span {
  color: var(--v690-muted);
  font-size: 12px;
}

.v690-stat strong {
  display: block;
  margin-top: 8px;
  color: var(--v690-gold);
  font-size: 20px;
  overflow-wrap: anywhere;
}

.v690-profile-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.v690-profile-actions a,
.v690-profile-actions button {
  flex: 1 1 160px;
  min-height: 50px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  text-decoration: none;
  color: var(--v690-text);
  background: rgba(13, 52, 75, .9);
  border: 1px solid rgba(115, 232, 255, .13);
}

.v690-section {
  grid-column: 1 / -1;
}

.v690-luck-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.v690-luck-item {
  min-height: 150px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(8, 36, 54, .91);
  border: 1px solid rgba(115, 232, 255, .12);
}

.v690-luck-item.is-active {
  border-color: rgba(224, 184, 93, .68);
  box-shadow: 0 0 24px rgba(224, 184, 93, .13);
}

.v690-luck-icon {
  font-size: 36px;
}

.v690-luck-item button {
  width: 100%;
  min-height: 38px;
  margin-top: 8px;
  border-radius: 11px;
  color: var(--v690-text);
  background: rgba(17, 61, 86, .9);
  border: 1px solid rgba(115, 232, 255, .13);
}

/* Chat */
.v690-chat {
  display: grid;
  grid-template-rows: minmax(280px, 1fr) auto auto;
  gap: 12px;
  min-height: 520px;
}

.v690-chat-log {
  min-height: 280px;
  max-height: 49vh;
  overflow: auto;
  padding: 12px;
  border: 1px solid rgba(115, 232, 255, .13);
  border-radius: 18px;
  background: rgba(2, 16, 28, .84);
}

.v690-message {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 9px;
  margin: 10px 0;
}

.v690-message-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(16, 61, 88, .96);
}

.v690-message-bubble {
  padding: 10px 12px;
  border-radius: 15px;
  background: rgba(14, 51, 73, .93);
  border: 1px solid rgba(115, 232, 255, .1);
}

.v690-message-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  color: var(--v690-muted);
  font-size: 11px;
}

.v690-emoji-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 6px;
  max-height: 180px;
  overflow: auto;
  padding: 10px;
  border: 1px solid rgba(115, 232, 255, .13);
  border-radius: 16px;
  background: rgba(3, 19, 31, .89);
}

.v690-emoji-grid button {
  min-height: 38px !important;
  border-radius: 10px !important;
  font-size: 20px !important;
  background: rgba(14, 52, 75, .83) !important;
  border: 1px solid rgba(115, 232, 255, .09) !important;
}

.v690-compose {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.v690-compose textarea {
  min-height: 58px;
  resize: vertical;
  padding: 12px;
  border-radius: 14px;
  color: var(--v690-text);
  background: rgba(2, 14, 25, .95);
  border: 1px solid rgba(115, 232, 255, .18);
}

.v690-compose button {
  min-width: 110px;
  border: 0;
  border-radius: 14px;
  font-weight: 900;
  color: #03212b;
  background: linear-gradient(180deg, #8af0ff, #59d0e9);
}

/* Unified Bot FAQ + private conversation */
.v690-bot {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 18px;
}

.v690-bot-card {
  padding: 18px;
}

.v690-bot-face {
  width: 140px;
  height: 140px;
  margin: 0 auto 12px;
  border-radius: 40px;
  display: grid;
  place-items: center;
  font-size: 76px;
  background: linear-gradient(145deg, #e4ebef, #627886 46%, #071927 47%);
  border: 3px solid rgba(115, 232, 255, .56);
  box-shadow: 0 0 30px rgba(115, 232, 255, .2);
}

.v690-bot-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.v690-bot-tabs button {
  flex: 1;
  min-height: 46px;
  border-radius: 13px;
  color: var(--v690-text);
  background: rgba(13, 51, 73, .9);
  border: 1px solid rgba(115, 232, 255, .13);
}

.v690-bot-tabs button[aria-selected="true"] {
  border-color: rgba(115, 232, 255, .56);
  background: rgba(22, 76, 105, .98);
}

.v690-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.v690-faq-grid button {
  min-height: 58px;
  padding: 10px;
  text-align: left;
  border-radius: 14px;
  color: var(--v690-text);
  background: rgba(12, 49, 70, .89);
  border: 1px solid rgba(115, 232, 255, .12);
}

.v690-bot-answer,
.v690-bot-log {
  margin-top: 14px;
  min-height: 135px;
  padding: 14px;
  border-radius: 16px;
  white-space: pre-wrap;
  background: rgba(2, 16, 28, .93);
  border: 1px solid rgba(115, 232, 255, .13);
}

.v690-bot-log {
  max-height: 42vh;
  overflow: auto;
}

@media (max-width: 768px) {
  body.v690-ready .toolbox {
    right: 50% !important;
    transform: translateX(50%) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(96vw, 360px) !important;
  }

  body.v690-ready .toolbox button {
    width: auto !important;
    height: 60px !important;
    font-size: 20px !important;
  }

  body.v690-ready .drawer:not([hidden]) {
    padding-top: 76px !important;
  }

  .v690-profile,
  .v690-bot {
    grid-template-columns: 1fr;
  }

  .v690-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v690-luck-grid,
  .v690-faq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v690-emoji-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .v690-stats,
  .v690-luck-grid,
  .v690-faq-grid {
    grid-template-columns: 1fr;
  }

  .v690-emoji-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .v690-compose {
    grid-template-columns: 1fr;
  }
}