/* ============================================================
   BUTULKA.AZ - CLEAN & POLISHED SOCIAL MULTIPLAYER GAME
   ============================================================ */

:root {
  --wood-bg: url('data:image/jpeg;base64,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') center center / cover no-repeat;
  --wood-border: #3b1b06;
  --topbar-bg: rgba(22, 11, 4, 0.94);
  --btn-red: #dc2626;
  --btn-red-hover: #ef4444;
  --btn-green: #65a30d;
  --btn-green-hover: #84cc16;
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --avatar-size: 75px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  width: 100vw !important;
  height: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  background: #09090b !important;
  display: block !important;
  user-select: none;
}

body {
  font-family: var(--font-family);
  color: #fff;
}

/* Game Viewport: Bounded to screen top and bottom in both mobile & desktop */
.game-viewport {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: hidden;
}

/* ============================================================
   TOP NAVIGATION BAR
   ============================================================ */
.top-navbar {
  height: 50px;
  background: #8b4e1f linear-gradient(180deg, #965322 0%, #7c4117 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  z-index: 50;
  position: relative;
}

.nav-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.heart-count-pill {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 1.15rem;
  font-weight: 800;
  color: #fff;
  cursor: pointer;
  padding: 3px 6px;
  border-radius: 10px;
  transition: transform 0.2s;
}

.heart-count-pill:hover {
  transform: scale(1.08);
}

.heart-count-pill .heart-icon {
  font-size: 1.4rem;
  color: #f97316;
  filter: drop-shadow(0 2px 4px rgba(249, 115, 22, 0.6));
}

.nav-center-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-action-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #f97316;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}

.nav-action-btn:hover {
  background: rgba(255, 255, 255, 0.22);
  transform: scale(1.1);
}

.nav-badge-dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid #ea580c;
  color: #ea580c;
  font-size: 0.65rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-right-table {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 3px 6px;
  border-radius: 8px;
  transition: background 0.2s;
}

.nav-right-table:hover {
  background: rgba(255, 255, 255, 0.12);
}

.table-label {
  font-size: 0.72rem;
  font-weight: 700;
  color: #f97316;
  display: flex;
  flex-direction: column;
  line-height: 1.05;
  text-align: right;
}

.table-num {
  font-size: 0.95rem;
  color: #ffffff;
}

.table-refresh-icon {
  font-size: 1.25rem;
  color: #f97316;
  transition: transform 0.4s ease;
}

.nav-right-table:hover .table-refresh-icon {
  transform: rotate(180deg);
}

/* ============================================================
   DROPDOWN MENU
   ============================================================ */
.menu-dropdown-box {
  position: absolute;
  top: 52px;
  left: 95px;
  width: 175px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  padding: 6px 0;
  z-index: 150;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.menu-dropdown-box.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.menu-dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  color: #1e293b;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}

.menu-dropdown-item:hover {
  background: #f1f5f9;
}

.menu-item-icon {
  font-size: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ============================================================
   WOODEN TABLE STAGE (SPACIOUS & UNCLUTTERED)
   ============================================================ */
.table-stage {
  flex: 1;
  position: relative;
  container-type: size;
  background: var(--wood-bg);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}



/* Room readiness gate: no blur, no frame/border, and pointer-events: none so game panel buttons are always clickable. */
.room-waiting-overlay {
  position: absolute;
  inset: 0;
  z-index: 20 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  pointer-events: none !important;
  text-align: center;
}
.room-waiting-overlay.active { display: flex; }
.room-waiting-card {
  width: min(100%, 420px);
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff7e8;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}
.room-waiting-title {
  font-size: clamp(1rem, 2vw, 1.28rem);
  font-weight: 800;
  line-height: 1.35;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
  pointer-events: none !important;
}
.room-waiting-subtitle {
  margin-top: 7px;
  color: #f5d7a2;
  font-size: 0.83rem;
  line-height: 1.4;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
  pointer-events: none !important;
}

/* Standard 1:1 Aspect Ratio Playboard (Compact & balanced) */
.circular-table-board {
  position: relative;
  width: min(100%, 300px, 100cqh);
  height: min(100%, 300px, 100cqh);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.players-circle-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.table-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* Center Table Zone */
.center-table-zone {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 15;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s cubic-bezier(0.2, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.2, 0.8, 0.25, 1), visibility 0.4s ease;
}



/* Hide bottle during kiss interaction */

/* Status Banner in Center Zone */
.center-status-banner {
  position: absolute;
  bottom: -32px;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(15, 8, 3, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 3px 12px;
  border-radius: 12px;
  pointer-events: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
}

/* Avatar Kiss Stamp */
.avatar-kiss-stamp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.3rem;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
  pointer-events: none;
  z-index: 7;
  animation: badge-pop-kiss 0.4s ease;
}

/* Modal Option Cards */
.bottle-skin-opt,
.frame-style-opt {
  cursor: pointer;
  transition: transform 0.15s, border-color 0.15s;
}
.bottle-skin-opt:hover,
.frame-style-opt:hover {
  transform: scale(1.05);
  border-color: #facc15 !important;
}



.spin-chalk-prompt {
  position: absolute;
  right: -82px;
  top: -30px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #ffffff;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);
  pointer-events: none;
  animation: arrow-float 1.8s infinite ease-in-out;
}

.spin-chalk-prompt svg {
  width: 44px;
  height: 38px;
  stroke: #ffffff;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
}

@keyframes arrow-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

.wood-bottle-wrapper {
  position: relative;
  width: 38px;
  height: 124px;
  cursor: pointer;
  pointer-events: auto;
  transform-origin: 50% 50%;
  will-change: transform;
}

.bottle-table-shadow {
  position: absolute;
  width: 30px;
  height: 112px;
  left: 12px;
  top: 10px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 75%);
  filter: blur(6px);
  transform-origin: 50% 50%;
  z-index: -1;
  pointer-events: none;
}

.wood-bottle-svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.65));
}

/* ============================================================
   PLAYERS AROUND THE TABLE (CLEAN 7-PLAYER LAYOUT)
   ============================================================ */

/* Card Smooth Glide to Center and Return */
.kiss-card-placeholder {
  width: 44px;
  height: 52px;
  visibility: hidden;
  pointer-events: none;
}

.table-player-node.moving-to-center {
  z-index: 55 !important;
  transition: left 1.15s cubic-bezier(0.22, 1, 0.36, 1), 
              top 1.15s cubic-bezier(0.22, 1, 0.36, 1), 
              transform 1.15s cubic-bezier(0.22, 1, 0.36, 1) !important;
  transform: translate(-50%, -50%) scale(1.35) !important;
}

.table-player-node.returning-to-seat {
  z-index: 55 !important;
  transition: left 1.15s cubic-bezier(0.25, 1, 0.5, 1), 
              top 1.15s cubic-bezier(0.25, 1, 0.5, 1), 
              transform 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

.table-player-node {
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 25;
  transition: transform 0.25s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.table-player-node:hover {
  transform: translate(-50%, -50%) scale(1.08);
  z-index: 22;
}

.table-player-node.active-turn {
  z-index: 25;
}

.table-player-node.active-turn .avatar-photo-frame {
  border: 2.5px solid #facc15 !important;
  box-shadow: 0 0 14px #facc15, 0 0 22px rgba(250, 204, 21, 0.6) !important;
  animation: turn-pulse 1.2s infinite alternate ease-in-out;
}

@keyframes turn-pulse {
  0% { transform: scale(1); }
  100% { transform: scale(1.06); }
}

.avatar-photo-frame {
  position: relative;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 8px;
  background: #18181b;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
}

.avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7px;
}

.frame-crown {
  position: absolute;
  top: -12px;
  left: -8px;
  font-size: 1.3rem;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8));
  pointer-events: none;
  z-index: 4;
}

.frame-golden-border {
  border: 2px solid #eab308;
  box-shadow: 0 0 10px rgba(234, 179, 8, 0.6);
}

.frame-flame-border {
  border: 2px solid #f97316;
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.8);
}

.avatar-kiss-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 26px;
  height: 22px;
  background: url('../images/hediyyeler/g_air_kiss1_v2.png') no-repeat center center / contain;
  color: #ffffff;
  font-size: 0.62rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95), 0 0 3px #000000;
  z-index: 20;
  pointer-events: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  line-height: 1;
}

.avatar-kiss-badge:empty,
.avatar-kiss-badge[data-kisses="0"] {
  display: none !important;
}

.avatar-kiss-badge.pop {
  animation: badge-pop-kiss 0.45s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

@keyframes badge-pop-kiss {
  0% { transform: scale(1); }
  50% { transform: scale(1.45); background: #f43f5e; }
  100% { transform: scale(1); }
}



.avatar-name-label {
  margin-top: 1px !important;
  padding: 0 !important;
  font-size: 0.58rem !important;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95);
  max-width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  text-transform: lowercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  line-height: 1 !important;
  pointer-events: none;
}
.avatar-name-label .avatar-icon-gender {
  font-size: 0.65rem;
  line-height: 1;
  color: #facc15;
}
.avatar-name-label .avatar-name-text {
  text-transform: lowercase !important;
  max-width: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.avatar-name-label .avatar-age-text {
  font-size: 0.55rem;
  opacity: 0.85;
}

/* ============================================================
   USER UPLOADED SVG ARROWS (ox_orijinal.svg & ox_180_derece.svg)
   ============================================================ */
.kiss-svg-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 134px;
  height: 59px;
  pointer-events: none;
  z-index: 60;
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.kiss-svg-arrow.top-arrow {
  top: calc(50% - 100px) !important;
  transform: translateX(-50%) scale(0.92);
}

.kiss-svg-arrow.top-arrow.active {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.kiss-svg-arrow.bot-arrow {
  top: calc(50% + 21px) !important;
  transform: translateX(-50%) scale(0.92);
}

.kiss-svg-arrow.bot-arrow.active {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.empty-seat-slot {
  position: absolute;
  transform: translate(-50%, -50%);
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 8px;
  border: 2px dashed rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.3rem;
  font-weight: 300;
  cursor: pointer;
  z-index: 8;
  transition: all 0.25s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.empty-seat-slot:hover {
  border-color: #facc15;
  color: #facc15;
  background: rgba(250, 204, 21, 0.12);
  transform: translate(-50%, -50%) scale(1.1);
}

.empty-seat-label {
  margin-top: 2px;
  font-size: 0.48rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  pointer-events: none;
}

.kiss-center-stage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 75;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s;
}

.kiss-center-stage.active {
  opacity: 1;
  visibility: visible;
}

.kiss-timer-ring {
  font-size: 1.6rem;
  font-weight: 900;
  color: #ffffff;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.9), 0 2px 6px rgba(0, 0, 0, 0.95);
  z-index: 62;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.kiss-buttons-row {
  position: absolute;
  top: 73%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 16px;
  z-index: 85 !important;
  pointer-events: auto !important;
}

.kiss-action-btn,
.btn-kiss-refuse,
.btn-kiss-accept {
  padding: 8px 22px;
  border: none;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 800;
  cursor: pointer !important;
  pointer-events: auto !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.65);
  transition: transform 0.15s ease, background 0.15s ease;
  white-space: nowrap;
}

.kiss-action-btn.refuse-btn,
.btn-kiss-refuse {
  background: var(--btn-red);
  color: #ffffff;
}

.kiss-action-btn.refuse-btn:hover,
.btn-kiss-refuse:hover {
  background: var(--btn-red-hover);
  transform: scale(1.06);
}

.kiss-action-btn.accept-btn,
.btn-kiss-accept {
  background: var(--btn-green);
  color: #ffffff;
}

.kiss-action-btn.accept-btn:hover,
.btn-kiss-accept:hover {
  background: var(--btn-green-hover);
  transform: scale(1.06);
}

/* ============================================================
   BOTTOM CHAT & SOCIAL SECTION (EXPANSIVE & CLEAN)
   ============================================================ */
.bottom-social-panel {
  height: 300px;
  min-height: 0;
  flex-shrink: 0;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 1px solid #e2e8f0;
}

.floating-side-buttons {
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 45;
}

.circle-media-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  cursor: pointer;
  transition: transform 0.2s;
}

.circle-media-btn:hover {
  transform: scale(1.1);
}

.chat-messages-container {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #ffffff;
}

.chat-msg-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.82rem;
  line-height: 1.35;
}

.chat-avatar-thumb {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  object-fit: cover;
  flex-shrink: 0;
}

.chat-content-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.chat-sender-name {
  font-weight: 700;
  color: #0284c7;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.chat-text-body {
  color: #1e293b;
  font-weight: 500;
}

/* Gift messages use the compact avatar → gift/count → green arrow → recipient layout from the reference. */
.chat-gift-notice-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  width: max-content;
  max-width: 100%;
  padding: 2px 0;
}

.chat-gift-avatar {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  overflow: hidden;
  border-radius: 6px;
  background: #e2e8f0;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.22);
}

.chat-gift-avatar .avatar-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chat-gift-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  font-size: 1.8rem;
  line-height: 1;
}

.chat-gift-icon img {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.chat-gift-count {
  color: #69b765;
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.chat-gift-count:empty {
  display: none;
}

.chat-gift-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 26px;
  color: #70bd70;
  flex: 0 0 28px;
}

.chat-gift-arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

.chat-gift-targets {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.chat-gift-more-targets {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  height: 25px;
  padding: 0 4px;
  border-radius: 14px;
  background: #e2e8f0;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 800;
}

.chat-gift-message-id-marker {
  display: none !important;
}

.chat-translate-btn {
  font-size: 0.7rem;
  color: #64748b;
  cursor: pointer;
  margin-top: 2px;
  text-decoration: underline;
}

.chat-input-bar {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 54px;
  gap: 8px;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}

.chat-input-field {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid #cbd5e1;
  border-radius: 20px;
  padding: 8px 14px;
  font-size: 0.88rem;
  outline: none;
  font-family: inherit;
  color: #0f172a;
}

.chat-input-field:focus {
  border-color: #f97316;
}

.chat-action-icon-btn {
  background: none;
  border: none;
  font-size: 1.35rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s;
}

.chat-send-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f97316;
  border: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.4);
  transition: transform 0.2s;
}

/* ============================================================
   ROBUST MODAL OVERLAYS (SAFE ABSOLUTE POSITIONING INSIDE VIEWPORT)
   ============================================================ */
.app-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.22s ease, visibility 0.22s ease;
}

.app-modal-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.clean-white-modal {
  width: 100%;
  max-width: 390px;
  background: #ffffff;
  border-radius: 20px;
  color: #1e293b;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.85);
  position: relative;
  max-height: 85vh;
}

.modal-close-circle-red {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #ef4444;
  color: #ef4444;
  font-size: 1.05rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  transition: transform 0.2s;
}

.modal-close-circle-green {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #84cc16;
  color: #84cc16;
  font-size: 1.05rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  transition: transform 0.2s;
}

/* 1. HEARTS SHOP (Screenshot 1000817305) */
.hearts-shop-header {
  background: linear-gradient(135deg, #fb7185 0%, #f43f5e 50%, #fda4af 100%);
  padding: 16px 20px;
  text-align: center;
  position: relative;
}

.hearts-shop-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.hearts-shop-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 14px;
  background: #fff5f7;
  max-height: 65vh;
  overflow-y: auto;
}

.heart-card-item {
  background: #ffffff;
  border: 1px solid #fed7aa;
  border-radius: 12px;
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-height: 115px;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  cursor: pointer;
  transition: transform 0.2s;
}

.heart-card-item:hover {
  transform: translateY(-2px);
}

.heart-ribbon-tag {
  position: absolute;
  top: -6px;
  background: #a855f7;
  color: #ffffff;
  font-size: 0.55rem;
  font-weight: 800;
  padding: 1px 6px;
  border-radius: 8px;
  white-space: nowrap;
}

.heart-card-icon-img {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.85rem;
  margin-top: 4px;
}

.heart-card-val-text {
  font-size: 0.85rem;
  font-weight: 800;
  color: #ea580c;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.1;
}

.heart-card-bonus-sub {
  font-size: 0.6rem;
  color: #f97316;
  font-weight: 700;
}

.btn-green-gm {
  width: 90%;
  padding: 5px 0;
  background: #84cc16;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-top: 4px;
}

.btn-blue-details {
  width: 90%;
  padding: 5px 0;
  background: #0284c7;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
  margin-top: 4px;
}

/* 2. AĞAC LİQASI (Screenshot 1000817304) */
.league-modal-header {
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f1f5f9;
}

.league-title-text {
  font-size: 1.1rem;
  font-weight: 700;
  color: #94a3b8;
  margin-left: 20px;
}

.league-help-icon {
  font-size: 1.2rem;
  color: #94a3b8;
  font-weight: 900;
  cursor: pointer;
}

.league-modal-body {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.league-trophy-img {
  width: 120px;
  height: 120px;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.15));
}

.league-prompt-text {
  font-size: 0.95rem;
  font-weight: 600;
  color: #334155;
  line-height: 1.45;
  max-width: 280px;
}

.btn-league-ok {
  width: 130px;
  padding: 10px 0;
  background: #84cc16;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 1.05rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(132, 204, 22, 0.4);
}

/* 4. PARAMETRLƏR (Screenshot 1000817307) */
.settings-white-header {
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid #f1f5f9;
}

.settings-white-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #94a3b8;
}

.settings-rows-list {
  display: flex;
  flex-direction: column;
  padding: 12px 18px 24px;
  gap: 16px;
}

.settings-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.settings-row-left {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #1e293b;
}

.settings-row-icon {
  font-size: 1.3rem;
}

.settings-green-slider {
  width: 90px;
  accent-color: #84cc16;
  cursor: pointer;
}

.settings-ios-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.settings-ios-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.ios-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #e2e8f0;
  transition: .3s;
  border-radius: 24px;
}

.ios-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}

input:checked + .ios-slider {
  background-color: #84cc16;
}

input:checked + .ios-slider:before {
  transform: translateX(20px);
}

.settings-watermark-footer {
  text-align: right;
  font-size: 0.65rem;
  color: #94a3b8;
  padding: 0 16px 12px;
}

/* 5. MASANI DƏYİŞ (Screenshot 1000817308) */
.switch-table-header {
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid #f1f5f9;
}

.switch-table-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #94a3b8;
}

.switch-table-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.btn-random-table-orange {
  width: 100%;
  padding: 14px;
  background: #f59e0b linear-gradient(135deg, #f59e0b, #d97706);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 1.05rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
  text-align: center;
}

.recent-tables-sub {
  font-size: 0.8rem;
  color: #94a3b8;
  font-weight: 600;
}

.tables-list-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 220px;
  overflow-y: auto;
}

.table-row-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s;
}

.table-row-item:hover {
  background: #f1f5f9;
}

.table-item-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.table-item-bottle-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #fed7aa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.table-item-name {
  font-size: 1rem;
  font-weight: 800;
  color: #1e293b;
}

.table-item-stats {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #64748b;
}

/* Gift Grid */
.modal-body-scroll {
  padding: 16px;
  max-height: 65vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.gifts-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.gift-item-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
}

.gift-item-card:hover {
  background: #ffedd5;
  border-color: #f97316;
  transform: translateY(-2px);
}

.gift-icon-large {
  font-size: 1.8rem;
}

.gift-name-label {
  font-size: 0.72rem;
  font-weight: 700;
  margin-top: 4px;
  text-align: center;
  color: #1e293b;
}

.gift-price-tag {
  font-size: 0.65rem;
  color: #f59e0b;
  font-weight: 700;
}

.butulka-toast {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(15, 23, 42, 0.95);
  border: 1px solid #f97316;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.6);
  z-index: 300;
  pointer-events: none;
  animation: toast-pop 0.3s ease;
}

@keyframes toast-pop {
  from { opacity: 0; transform: translate(-50%, -10px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

/* ============================================================
   GIFT MODE HEADER & BOTTOM PANEL (SCREENSHOT 1000817391 REPLICA)
   ============================================================ */
.gift-header-bar {
  height: 52px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 14px;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  z-index: 50;
}

.gift-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gift-header-avatar-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.gift-header-text-col {
  display: flex;
  flex-direction: column;
}

.gift-header-sub {
  font-size: 0.72rem;
  color: #64748b;
  font-weight: 500;
  line-height: 1.15;
}

.gift-header-name {
  font-size: 0.95rem;
  color: #0f172a;
  font-weight: 800;
  line-height: 1.2;
}

.gift-header-add-btn {
  margin-left: auto !important;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #84cc16;
  color: #ffffff;
  border: none;
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(132, 204, 22, 0.4);
  transition: transform 0.15s, background 0.15s;
}

.gift-header-add-btn:hover {
  background: #65a30d;
  transform: scale(1.08);
}

.gift-panel-section {
  height: 300px;
  background: #ffffff;
  position: relative;
  border-top: 1px solid #e2e8f0;
  z-index: 50;
  display: none;
  flex-direction: column;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.06);
}

.gifts-grid-container {
  flex: 1;
  overflow-y: auto;
  padding: 10px 10px 40px 10px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px 4px;
  align-content: start;
}

.gift-item-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 4px;
  border-radius: 8px;
  transition: transform 0.15s, background 0.15s;
}

.gift-item-cell:hover {
  background: #f8fafc;
  transform: scale(1.06);
}

.gift-item-cell {
  appearance: none;
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: center;
}

.gift-item-cell:disabled,
.gift-item-cell.gift-item-disabled {
  cursor: not-allowed;
}

.gift-item-cell.gift-item-disabled:hover,
.gift-item-cell.gift-item-disabled:active {
  background: transparent;
  transform: none;
}

.gift-item-disabled .gift-icon-wrapper {
  position: relative;
  filter: grayscale(1);
  opacity: 0.42;
}

.gift-version-badge {
  position: absolute;
  right: -4px;
  bottom: -2px;
  padding: 1px 4px;
  border-radius: 8px;
  background: #475569;
  color: #fff;
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1.2;
}

.gift-icon-wrapper {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gift-custom-icon-img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.gift-asset-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gift-emoji-icon {
  font-size: 2rem;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}

.gift-cost-pill {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 2px;
}

.gift-cost-pill .heart-dot {
  font-size: 0.72rem;
}

.gift-cost-pill .cost-num {
  font-size: 0.75rem;
  font-weight: 800;
  color: #1e293b;
}

.gift-panel-floating-close-btn {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #84cc16;
  color: #ffffff;
  border: none;
  font-size: 1.1rem;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(132, 204, 22, 0.5);
  z-index: 55;
  transition: transform 0.15s, background 0.15s;
}

.gift-panel-floating-close-btn:hover {
  background: #65a30d;
  transform: scale(1.1);
}



/* ============================================================
   AUTHENTIC KLIP & MUSIC MODALS (SCREENSHOTS 1000817392 & 1000817393)
   ============================================================ */
.media-screen-modal {
  max-width: 385px;
  width: 92%;
  max-height: 84vh;
  display: flex;
  flex-direction: column;
  padding: 18px 14px 14px 14px;
  border-radius: 22px;
  background: #ffffff;
  position: relative;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
}

.modal-corner-close-green {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  color: #84cc16;
  border: 2px solid #84cc16;
  font-size: 1.1rem;
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  z-index: 20;
  transition: transform 0.15s, background 0.15s, color 0.15s;
}

.modal-corner-close-green:hover {
  background: #84cc16;
  color: #ffffff;
  transform: scale(1.1);
}

.media-tabs-header-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.media-tab-btn {
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  padding: 4px;
  border-radius: 8px;
  transition: transform 0.15s, color 0.15s;
}

.media-tab-btn:hover {
  transform: scale(1.1);
  color: #64748b;
}

.media-tab-btn.yt-badge-btn {
  background: #e11d48;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 12px;
}

.media-tab-btn.active-flame {
  color: #ea580c;
  transform: scale(1.1);
}

.media-section-subtitle {
  font-size: 0.88rem;
  font-weight: 500;
  color: #94a3b8;
  margin-bottom: 12px;
  padding-left: 2px;
}

/* 1000817392: 2-Column Video Cards */
.video-clips-2col-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  overflow-y: auto;
  max-height: 60vh;
  padding-right: 2px;
}

.video-clip-card-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.18s;
}

.video-clip-card-item:hover {
  transform: scale(1.03);
}

.video-thumb-container {
  width: 100%;
  height: 84px;
  border-radius: 6px;
  overflow: hidden;
  background: #0f172a;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.video-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-clip-title-text {
  font-size: 0.72rem;
  font-weight: 600;
  color: #1e293b;
  margin-top: 5px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 1000817393: Vertical Song List Rows */
.music-songs-vertical-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 60vh;
}

.music-list-row-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 6px;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
  transition: background 0.15s;
}

.music-list-row-item:hover {
  background: #f8fafc;
}

.music-row-meta-col {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  padding-right: 10px;
}

.music-row-song-name {
  font-size: 0.82rem;
  font-weight: 700;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.music-row-artist-sub {
  font-size: 0.72rem;
  color: #94a3b8;
  margin-top: 1px;
}

.music-row-right-col {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.music-row-duration {
  font-size: 0.75rem;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
}

.music-row-star {
  font-size: 0.95rem;
  color: #94a3b8;
  cursor: pointer;
  transition: color 0.15s, transform 0.15s;
}

.music-row-star:hover {
  color: #facc15;
  transform: scale(1.15);
}


/* ============================================================
   ELEGANT COMPACT FLYING GIFT & RECIPIENT SPOTLIGHT (NO CONFUSION)
   ============================================================ */
.flying-gift-projectile {
  position: absolute;
  transform: translate(-50%, -50%) scale(0.85);
  z-index: 150;
  pointer-events: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  border: 1.5px solid #facc15;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  opacity: 1;
  transition: left 1.4s cubic-bezier(0.25, 0.85, 0.3, 1), 
              top 1.4s cubic-bezier(0.25, 0.85, 0.3, 1), 
              transform 1.4s cubic-bezier(0.25, 0.85, 0.3, 1);
}

.flying-gift-projectile.in-flight {
  transform: translate(-50%, -50%) scale(1.05) rotate(10deg);
}.flying-gift-projectile.in-flight {
  transform: translate(-50%, -50%) scale(1) rotate(12deg);
}

.flying-gift-projectile img {
  display: block;
  width: 25px;
  height: 25px;
  object-fit: contain;
}

/* While a gift is flying: dim all other players so attention is 100% on sender & recipient */
/* All profiles maintain full clarity and natural appearance */
.table-stage.gift-flight-active .table-player-node {
  opacity: 1 !important;
  filter: none !important;
}

@keyframes targeted-recipient-pulse {
  0% { transform: scale(1); }
  100% { transform: scale(1.08); }
}

.table-player-node.gift-recipient-bounce .avatar-photo-frame {
  animation: gift-impact-pulse 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

@keyframes gift-impact-pulse {
  0% { transform: scale(1); }
  45% { transform: scale(1.26); box-shadow: 0 0 24px #facc15, 0 0 38px rgba(250, 204, 21, 0.85) !important; }
  100% { transform: scale(1); }
}



@keyframes gift-sticker-appear {
  0% { transform: scale(0.2) rotate(-30deg); opacity: 0; }
  60% { transform: scale(1.4) rotate(15deg); opacity: 1; }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}




/* ============================================================
   MULTI-RECIPIENT GIFT SELECTION & COMBO SYSTEM
   ============================================================ */
.table-player-node.multi-selected-recipient .avatar-photo-frame {
  border: 2.5px solid #84cc16 !important;
  box-shadow: 0 0 16px rgba(132, 204, 22, 0.95), 0 0 28px rgba(132, 204, 22, 0.6) !important;
}

.recipient-check-badge {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #84cc16;
  color: #ffffff;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 900;
  z-index: 20;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  animation: badge-pop-kiss 0.25s ease;
}

.gift-header-add-btn.active-pulse {
  background: #f59e0b;
  box-shadow: 0 0 14px rgba(245, 158, 11, 0.9);
  animation: pulse-add 1s infinite alternate;
}

@keyframes pulse-add {
  from { transform: scale(1); }
  to { transform: scale(1.15); }
}


/* fixed orphaned keyframes tail */

.gift-item-cell:active {
  transform: scale(0.92);
}

/* ============================================================
   UPPER CORNER CROWNS & 6-GIFT CAPACITY SYSTEM
   ============================================================ */

/* Top Corner Crowns (Does NOT affect 6-gift count) */
.avatar-crown-corner {
  position: absolute;
  top: -11px;
  font-size: 1.25rem;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.85));
  pointer-events: none;
  z-index: 16;
  animation: crown-pop-appear 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.avatar-crown-corner .gift-asset-image {
  width: 24px;
  height: 24px;
}

.avatar-crown-corner.corner-left {
  left: -9px;
  transform: rotate(-12deg);
}

.avatar-crown-corner.corner-right {
  right: -9px;
  transform: rotate(12deg);
}

@keyframes crown-pop-appear {
  0% { transform: scale(0.2) rotate(0deg); opacity: 0; }
  70% { transform: scale(1.3) rotate(15deg); }
  100% { opacity: 1; }
}

/* Kiss badge shifts down if right corner has a crown */
.avatar-kiss-badge.shift-down {
  top: 14px !important;
  right: -5px !important;
}

/* Regular Gifts Container: Max 6 gifts at bottom of profile card */
/* Regular Gifts Container: Scattered sticker canvas covering the avatar photo frame */
.avatar-gifts-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 14;
}

/* Scattered Organic Gift Sticker (Max 9 scattered across the card) */
.avatar-gift-sticker {
  position: absolute;
  width: 15.5px;
  height: 15.5px;
  font-size: 11px;
  line-height: 15.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid rgba(250, 204, 21, 0.85);
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.85);
  animation: gift-sticker-appear 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  pointer-events: none;
  user-select: none;
  transform-origin: center center;
}

.avatar-gift-sticker .gift-asset-image {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
}

@keyframes gift-sticker-appear {
  0% { transform: scale(0.2) rotate(-20deg); opacity: 0; }
  70% { transform: scale(1.3) rotate(10deg); opacity: 1; }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}


/* ============================================================
   ROOM MEDIA PLAYER WIDGET (YOUTUBE EMBED & CIRCULAR PROGRESS BAR)
   Exact Replica of User Screenshot
   ============================================================ */
.room-media-player-widget {
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 60;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: auto;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.16));
}

.room-media-pill-card {
  background: #ffffff;
  border-radius: 36px 0 0 36px;
  padding: 5px 6px 5px 7px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #f1f5f9;
  border-right: none;
}

/* Dairəvi Avatar & Ətrafında Dairəvi Proqres Bar (Screenshot Replica) */
.room-media-avatar-progress-wrap {
  position: relative;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.room-media-circular-progress-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  pointer-events: none;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.room-media-progress-track {
  fill: none;
  stroke: #e2e8f0;
  stroke-width: 3.2;
}

.room-media-progress-bar {
  fill: none;
  stroke: #1e293b;
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-dasharray: 150.8;
  stroke-dashoffset: 150.8;
  transition: stroke-dashoffset 0.2s linear;
}

.room-media-dj-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  border: 1.5px solid #ffffff;
  flex-shrink: 0;
  background: #1e293b;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  position: relative;
  z-index: 1;
}

.room-media-dj-avatar svg,
.room-media-dj-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.room-media-clip-body {
  width: 136px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #000000;
  margin: -4px -4px -4px 0;
}

.room-media-youtube-container {
  width: 100%;
  height: 100%;
  position: relative;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.room-media-youtube-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.room-media-clip-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.room-media-controls-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  margin-top: -2px;
}

.room-media-sound-tab {
  width: 38px;
  height: 26px;
  background: #ffffff;
  border: 1px solid #f1f5f9;
  border-top: none;
  border-radius: 0 0 13px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.15s ease, background 0.15s ease;
  padding: 0;
}

.room-media-sound-tab:hover {
  background: #f8fafc;
}

.room-media-sound-tab:active {
  transform: scale(0.93);
}

.room-media-fullscreen-btn {
  width: 24px;
  height: 22px;
  background: #9ca3af;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  margin-top: 1px;
  transition: background 0.15s ease, transform 0.15s ease;
}

.room-media-fullscreen-btn:hover {
  background: #6b7280;
}

.room-media-fullscreen-btn:active {
  transform: scale(0.92);
}







/* Expanded / Zoomed Clip Mode when 'F' is clicked */
.room-media-player-widget.clip-expanded .room-media-clip-body {
  width: 230px;
  height: 125px;
  transition: width 0.25s ease, height 0.25s ease;
}

/* Music / Clip Announcement Row in Chat (Screenshots 1000817422 & 1000817423) */
.chat-music-announce-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 2px;
  margin-top: 2px;
}

.chat-music-avatar-box {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1.5px solid #fbbf24;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.chat-music-note-icon {
  color: #fb923c;
  font-size: 1.2rem;
  line-height: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.chat-music-info-col {
  display: flex;
  flex-direction: column;
  line-height: 1.22;
  overflow: hidden;
}

.chat-music-artist-title {
  font-size: 0.76rem;
  font-weight: 600;
  color: #334155;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-music-full-track {
  font-size: 0.74rem;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* ============================================================
   TOP NAVBAR CUP BUTTON WITH SMALL RANK (#6 / #8 / #9) & TIMER PILL
   ============================================================ */
.nav-league-rank-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.nav-league-rank-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  background: rgba(217, 119, 6, 0.48) !important;
  border: 1.5px solid rgba(253, 186, 116, 0.55) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 0;
  line-height: 1;
}

.nav-cup-mini-icon {
  font-size: 0.68rem;
  line-height: 1;
  margin-top: -1px;
}

.nav-league-rank-num {
  font-size: 0.62rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.05;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

.nav-league-timer-pill {
  position: absolute;
  bottom: -7px;
  background: #f1f5f9;
  color: #334155;
  font-size: 0.46rem;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 7px;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  z-index: 5;
  letter-spacing: -0.01em;
}

/* ============================================================
   AĞAC LİQASI MODAL (Screenshot 1000817470 1:1 Replica)
   ============================================================ */
.agac-league-modal-card {
  position: relative;
  width: 90%;
  max-width: 390px;
  max-height: 88vh;
  border-radius: 18px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
  font-family: inherit;
}

.agac-league-close-btn {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  color: #4fb0ff;
  font-size: 1.2rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  z-index: 30;
}

.agac-league-blue-zone {
  background: #4fb0ff;
  border-radius: 18px 18px 0 0;
  padding: 12px 14px 6px 14px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}

.agac-league-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.agac-league-help-btn {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 900;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
}

.agac-league-header-title {
  font-size: 0.98rem;
  font-weight: 600;
  color: #ffffff;
}

.agac-league-banner-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.agac-league-banner-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1;
}

.agac-league-promo-text {
  font-size: 0.92rem;
  font-style: italic;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.25;
}

.agac-league-booster-link {
  background: transparent;
  border: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  cursor: pointer;
  padding: 2px 0;
}

.booster-play-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  color: #ffffff;
}

.agac-league-trophy-wrap {
  width: 96px;
  height: 88px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.agac-league-trophy-art {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.agac-league-list-blue {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.agac-league-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 4px;
  border-radius: 8px;
}

.agac-row-avatar {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.agac-row-name-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #0f172a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.agac-row-rank {
  font-weight: 700;
  color: #0f172a;
}

.agac-row-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.agac-row-score-pill {
  width: 92px;
  height: 24px;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 4px;
  position: relative;
  flex-shrink: 0;
}

.agac-star-icon {
  font-size: 1.05rem;
  line-height: 1;
  margin-left: -4px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}

.agac-score-val {
  flex: 1;
  text-align: center;
  font-size: 0.82rem;
  font-weight: 700;
  color: #0f172a;
}

.agac-row-reward-img {
  width: 32px;
  height: 30px;
  object-fit: contain;
  flex-shrink: 0;
}

.agac-zone-footer-label {
  text-align: center;
  font-size: 0.74rem;
  color: rgba(255, 255, 255, 0.88);
  margin-top: 6px;
  padding-bottom: 2px;
}

/* White Lower Zone (Rows 7 - 9) */
.agac-league-white-zone {
  background: #ffffff;
  border-radius: 0 0 18px 18px;
  padding: 4px 14px 22px 14px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.agac-zone-top-label {
  text-align: center;
  font-size: 0.74rem;
  color: #94a3b8;
  margin-bottom: 6px;
}

.agac-league-list-white {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.agac-row-score-pill.white-pill {
  background: #f1f5f9;
}

.agac-league-row.yellow-highlight-row {
  background: #fef9c3;
  border-radius: 8px;
  padding: 3px 4px;
}

.agac-row-score-pill.yellow-pill {
  background: #fef08a;
}

.agac-bottom-timer-pill {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #18181b;
  color: #ffffff;
  padding: 6px 18px;
  border-radius: 20px;
  font-size: 0.84rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
  z-index: 25;
}

/* ============================================================
   BONUS & REYTİNQ MODAL (🎁 - Screenshots 1000817468 & 1000817469)
   ============================================================ */
.bonus-reytinq-modal-card {
  position: relative;
  width: 90%;
  max-width: 390px;
  max-height: 86vh;
  background: #ffffff;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
  overflow: visible;
}

.bonus-modal-close-green {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  color: #84cc16;
  font-size: 1.25rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  z-index: 30;
}

.bonus-modal-top-header {
  padding: 14px 16px 10px 16px;
  text-align: center;
}

.bonus-modal-header-title {
  font-size: 0.96rem;
  font-weight: 600;
  color: #94a3b8;
}

.bonus-modal-scroll-area {
  flex: 1;
  overflow-y: auto;
  padding: 0 16px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* 1. Activity Hero Card (Dark Indigo Gradient) */
.bonus-activity-hero-card {
  background: linear-gradient(135deg, #1e295b 0%, #172042 100%);
  border-radius: 14px;
  padding: 14px;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(23, 32, 66, 0.35);
}

.bonus-activity-top-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bonus-fire-emoji {
  font-size: 1.65rem;
  line-height: 1;
}

.bonus-activity-time-col {
  display: flex;
  flex-direction: column;
}

.bonus-activity-label {
  font-size: 0.62rem;
  font-weight: 700;
  color: #93c5fd;
  letter-spacing: 0.04em;
}

.bonus-activity-clock {
  font-size: 1.22rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.03em;
}

.bonus-activity-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 10px 0;
}

.bonus-milestones-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.bonus-milestone-box {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 8px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  transition: transform 0.15s, background 0.15s;
}

.bonus-milestone-box:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

.milestone-hour-title {
  font-size: 0.68rem;
  font-weight: 700;
  color: #94a3b8;
}

.milestone-heart-reward {
  font-size: 0.72rem;
  font-weight: 700;
  color: #cbd5e1;
}

.milestone-progress-track {
  width: 85%;
  height: 4px;
  background: rgba(15, 23, 42, 0.65);
  border-radius: 3px;
  overflow: hidden;
  margin-top: 3px;
}

.milestone-progress-fill {
  height: 100%;
  background: #f97316;
  border-radius: 3px;
}

/* 2. Xal Qaydaları Section */
.bonus-section-caption {
  font-size: 0.76rem;
  font-weight: 800;
  color: #94a3b8;
  margin-bottom: 6px;
  letter-spacing: 0.02em;
}

.bonus-rules-dark-panel {
  background: #182232;
  border-radius: 14px;
  padding: 12px;
  color: #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bonus-rules-2x2-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.bonus-rule-pill {
  background: #0f1724;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.78rem;
  font-weight: 600;
}

.rule-pill-left {
  color: #cbd5e1;
}

.rule-pill-pts {
  color: #10b981;
  font-weight: 800;
}

.bonus-rules-inner-dashed {
  background: #111927;
  border: 1px dashed rgba(148, 163, 184, 0.25);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 0.74rem;
  line-height: 1.45;
  color: #cbd5e1;
}

.rules-block-heading {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 4px;
}

.rules-block-desc {
  color: #94a3b8;
  font-size: 0.72rem;
}

.rules-prizes-list {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: #cbd5e1;
  font-size: 0.73rem;
}

.rules-antispam-red-box {
  background: rgba(239, 68, 68, 0.14);
  border: 1px solid rgba(239, 68, 68, 0.32);
  color: #fca5a5;
  border-radius: 7px;
  padding: 7px 10px;
  font-size: 0.72rem;
  margin-top: 4px;
}

.rules-pin-note {
  margin-top: 8px;
  color: #e2e8f0;
  font-size: 0.72rem;
}

.bonus-rules-hide-btn {
  background: transparent;
  border: none;
  color: #38bdf8;
  font-size: 0.75rem;
  font-weight: 800;
  cursor: pointer;
  padding: 4px;
  text-align: center;
  letter-spacing: 0.03em;
}

/* 3. TOP 20 Section (Screenshot 1000817469) */
.bonus-top20-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

.top20-label-title {
  font-size: 0.78rem;
  font-weight: 800;
  color: #94a3b8;
}

.top20-countdown-pill {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  color: #0284c7;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 8px;
}

.top20-yesterday-btn {
  background: #1e293b;
  color: #38bdf8;
  border: none;
  border-radius: 7px;
  padding: 4px 10px;
  font-size: 0.72rem;
  font-weight: 700;
  cursor: pointer;
}

.bonus-top20-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.top20-rank-row {
  background: #1e293b;
  border-radius: 10px;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1.5px solid transparent;
}

.top20-rank-row.rank-gold-border {
  border-color: #eab308;
}

.top20-rank-row.rank-silver-border {
  border-color: #94a3b8;
}

.top20-rank-row.rank-bronze-border {
  border-color: #d97706;
}

.top20-rank-num {
  width: 16px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #94a3b8;
}

.top20-row-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.top20-row-name {
  flex: 1;
  font-size: 0.82rem;
  font-weight: 700;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.top20-row-pts {
  font-size: 0.8rem;
  font-weight: 700;
  color: #38bdf8;
}


/* ============================================================
   1:1 EXACT TOP NAVBAR BUTTONS, ICONS & SPACING OVERRIDE
   Matches Screenshots 1000817420 - 1000817470
   ============================================================ */
.top-navbar {
  height: 52px !important;
  background: var(--wood-bg) !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 4px 10px 0 10px !important;
  z-index: 50 !important;
  position: relative !important;
}

.nav-left {
  display: flex !important;
  align-items: center !important;
}

.heart-count-pill {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 4px !important;
  cursor: pointer !important;
  background: transparent !important;
}

.nav-heart-svg {
  width: 34px !important;
  height: 30px !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)) !important;
  flex-shrink: 0 !important;
}

.nav-heart-number {
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* 4 Center Circular Amber Buttons with ~28px spacing between them */
.nav-center-icons {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.nav-action-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(212, 132, 58, 0.92) !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), inset 0 1px 1px rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  padding: 0 !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
}

.nav-action-btn:hover {
  transform: scale(1.06) !important;
  filter: brightness(1.08) !important;
}

.nav-action-btn:active {
  transform: scale(0.95) !important;
}

/* Button 1 (#6 / #8 Rank Button + White Timer Pill below) */
.nav-league-rank-wrap {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.nav-league-rank-btn {
  width: 34px !important;
  height: 34px !important;
}

.nav-league-rank-num {
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
}

.nav-league-timer-pill {
  position: absolute !important;
  bottom: -9px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  font-size: 0.50rem !important;
  font-weight: 600 !important;
  padding: 1.5px 6px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  z-index: 6 !important;
  line-height: 1.1 !important;
}

/* Right Table Switcher (Masa 19 + Circular Amber Refresh Button) */
.nav-right-table {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  cursor: pointer !important;
  padding: 1px 3px !important;
  background: transparent !important;
  line-height: 1 !important;
}
.nav-right-table:focus-visible { outline: 2px solid #facc15; outline-offset: 2px; border-radius: 8px; }

.nav-right-table:hover {
  background: transparent !important;
}

.table-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.1 !important;
}

.table-label-under-icon { white-space: nowrap !important; }
.table-word {
  font-size: 0.55rem !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

.table-num {
  font-size: 0.55rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.table-refresh-circle-btn {
  width: 34px !important;
  height: 34px !important;
  flex-shrink: 0 !important;
}

.table-refresh-svg {
  transition: transform 0.35s ease !important;
}

.nav-right-table:hover .table-refresh-svg {
  transform: rotate(180deg) !important;
}


/* ============================================================
   NAİLİYYƏTLƏR MODAL (Screenshots 1000817471 - 1000817475 1:1)
   ============================================================ */
.ach-modal-card {
  position: relative;
  width: 90%;
  max-width: 390px;
  height: 76vh;
  max-height: 680px;
  background: #ffffff;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
  overflow: visible;
}

.ach-modal-close-green {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  color: #84cc16;
  font-size: 1.25rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  z-index: 30;
}

.ach-top-header {
  padding: 14px 16px 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.ach-header-title {
  font-size: 0.94rem;
  font-weight: 600;
  color: #b0b8c4;
}

.ach-header-star {
  font-size: 1.05rem;
  line-height: 1;
}

.ach-header-count {
  font-size: 0.94rem;
  font-weight: 600;
  color: #b0b8c4;
}

.ach-filter-bar {
  padding: 4px 16px 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #f1f5f9;
}

.ach-filter-label {
  font-size: 0.88rem;
  font-weight: 500;
  color: #334155;
  white-space: nowrap;
}

.ach-segmented-control {
  background: #f1f5f9;
  border-radius: 20px;
  padding: 3px;
  display: flex;
  align-items: center;
  gap: 2px;
}

.ach-seg-btn {
  border: none;
  background: transparent;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.ach-seg-btn.active {
  background: #ffffff;
  color: #1e293b;
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.ach-badges-grid {
  flex: 1;
  overflow-y: auto;
  padding: 12px 14px 18px 14px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 8px;
  align-content: start;
  justify-items: center;
}

.ach-badge-cell {
  width: 90px;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s ease;
  border-radius: 10px;
}

.ach-badge-cell:hover {
  transform: scale(1.05);
}

.ach-badge-img {
  width: 90px;
  height: 104px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}


/* ============================================================
   COMPACT TOP NAVBAR SIZING OVERRIDE (Slightly Reduced Buttons & Balance)
   ============================================================ */
.top-navbar {
  height: 44px !important;
  padding: 2px 10px 0 10px !important;
}

.nav-heart-svg {
  width: 26px !important;
  height: 23px !important;
}

.nav-heart-number {
  font-size: 0.74rem !important;
  font-weight: 500 !important;
}

.nav-center-icons {
  gap: 20px !important;
}

.nav-action-btn,
.nav-league-rank-btn,
.table-refresh-circle-btn {
  width: 38px !important;
  height: 38px !important;
}

.nav-action-btn svg,
.table-refresh-circle-btn svg {
  width: 20px !important;
  height: 20px !important;
}

.nav-heart-svg {
  width: 32px !important;
  height: 28px !important;
}

.nav-heart-number {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
}

.nav-league-rank-num {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

.nav-league-timer-pill {
  font-size: 0.65rem !important;
  padding: 2px 7px !important;
}

.table-word {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}

.nav-league-rank-num {
  font-size: 0.62rem !important;
}

.nav-league-timer-pill {
  bottom: -7px !important;
  font-size: 0.44rem !important;
  padding: 1px 4.5px !important;
  border-radius: 6px !important;
}

.table-word {
  font-size: 0.58rem !important;
}

.table-num {
  font-size: 0.60rem !important;
}


/* ============================================================
   REYTİNQLƏR MODAL (Screenshots 1000817476 - 1000817483 1:1)
   ============================================================ */
.reytinq-modal-card {
  position: relative;
  width: 90%;
  max-width: 390px;
  height: 76vh;
  max-height: 680px;
  background: #ffffff;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
  overflow: visible;
}

.reytinq-close-circle-blue {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  color: #4fb0ff;
  font-size: 1.25rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  z-index: 40;
}

.reytinq-blue-header {
  background: #7cc4ff;
  border-radius: 18px 18px 0 0;
  padding: 10px 14px 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 30;
}

.reytinq-tabs-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 18px;
}

.reytinq-help-btn {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 900;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
}

.reytinq-cat-tab {
  background: transparent;
  border: none;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 10px;
  transition: transform 0.15s ease, filter 0.15s ease, opacity 0.15s ease;
  opacity: 0.42;
  filter: grayscale(85%) brightness(0.85);
}

.reytinq-cat-tab:hover {
  opacity: 0.75;
  transform: scale(1.08);
}

.reytinq-cat-tab.active {
  opacity: 1;
  filter: none;
  transform: scale(1.14);
}

.reytinq-sub-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 26px;
}

.reytinq-cat-title-text {
  font-size: 0.88rem;
  font-weight: 500;
  color: #ffffff;
}

.reytinq-period-wrap {
  position: relative;
}

.reytinq-period-pill {
  background: rgba(255, 255, 255, 0.22);
  border: none;
  border-radius: 14px;
  padding: 4px 12px;
  color: #ffffff;
  font-size: 0.78rem;
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  min-width: 118px;
  justify-content: space-between;
}

.reytinq-period-dropdown {
  position: absolute;
  top: 32px;
  right: 0;
  width: 136px;
  background: #f0f7ff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  z-index: 50;
  display: flex;
  flex-direction: column;
  border: 1px solid #dbeafe;
}

.reytinq-period-option {
  padding: 9px 12px;
  font-size: 0.8rem;
  font-style: italic;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px solid rgba(203, 213, 225, 0.45);
  transition: background 0.12s;
}

.reytinq-period-option:last-child {
  border-bottom: none;
}

.reytinq-period-option:hover {
  background: #e0f2fe;
}

.period-check-circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #60a5fa;
  color: #ffffff;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 900;
  display: none;
  align-items: center;
  justify-content: center;
}

.reytinq-period-option.selected {
  color: #334155;
  font-weight: 500;
}

.reytinq-period-option.selected .period-check-circle {
  display: flex;
}

/* Scrollable Leaderboard Body with Subtle Blue Gradient at Top */
.reytinq-scroll-list {
  flex: 1;
  overflow-y: auto;
  background: linear-gradient(180deg, #b8e1ff 0%, #e0f2fe 24%, #ffffff 55%);
  padding: 8px 14px 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.reytinq-item-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2px 0;
}

.reytinq-row-avatar {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.reytinq-row-name-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 0.86rem;
  font-weight: 600;
  color: #0f172a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.reytinq-row-rank {
  font-weight: 600;
  color: #0f172a;
}

.reytinq-row-score-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 112px;
  justify-content: flex-start;
}

.reytinq-metric-icon {
  font-size: 1.28rem;
  line-height: 1;
}

.reytinq-score-val {
  font-size: 0.85rem;
  font-weight: 600;
}

.reytinq-score-val.color-kisses { color: #dc2626; }
.reytinq-score-val.color-djs { color: #db2777; }
.reytinq-score-val.color-expensive { color: #ea580c; }
.reytinq-score-val.color-important { color: #ea580c; }
.reytinq-score-val.color-emotional { color: #f59e0b; }

/* Divider between Top-10 / Top-25 / Top-50 (Screenshots 1000817478 & 1000817479) */
.reytinq-tier-divider {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 6px -14px;
}

.reytinq-tier-top-lbl {
  font-size: 0.72rem;
  color: #94a3b8;
  padding-bottom: 4px;
}

.reytinq-tier-line {
  width: 100%;
  height: 1px;
  background: #e2e8f0;
}

.reytinq-tier-bot-lbl {
  font-size: 0.72rem;
  color: #94a3b8;
  padding-top: 4px;
}

/* Sticky User Row at Bottom (Yellow Highlight) */
.reytinq-user-sticky-footer {
  background: #ffffff;
  border-radius: 0 0 18px 18px;
  padding: 6px 10px 10px 10px;
  border-top: 1px solid #f1f5f9;
}

.reytinq-user-yellow-bar {
  background: #fef9c3;
  border-radius: 10px;
  padding: 3px 10px 3px 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.reytinq-user-avatar {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
}

.reytinq-user-name-col {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #0f172a;
}

.reytinq-user-rank {
  font-weight: 600;
}

.reytinq-user-score-col {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 108px;
}

.reytinq-user-score-num {
  font-size: 0.85rem;
  font-weight: 600;
  color: #dc2626;
}


/* ============================================================
   BUTULKANI DƏYİŞ PANEL (Screenshots 1000817484 & 1000817485 1:1)
   Docked over the bottom white chat area so wooden table & bottle stay visible!
   ============================================================ */
.wood-bottle-custom-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.65));
  pointer-events: none;
  user-select: none;
}

.app-modal-overlay.butulka-bottom-sheet-overlay {
  background: transparent !important;
  backdrop-filter: none !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.app-modal-overlay.butulka-bottom-sheet-overlay.active {
  display: flex !important;
  pointer-events: none !important;
}

.butulka-change-sheet-panel {
  width: 100%;
  height: 300px;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  pointer-events: auto !important;
  animation: sheet-slide-up 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes sheet-slide-up {
  from { transform: translateY(30px); opacity: 0.6; }
  to { transform: translateY(0); opacity: 1; }
}

.butulka-sheet-header {
  padding: 12px 16px 8px 16px;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
}

.butulka-sheet-title {
  font-size: 0.9rem;
  font-weight: 400;
  color: #b0b8c4;
}

.butulka-sheet-grid-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 10px 10px 24px 10px;
}

.butulka-4col-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 6px;
  justify-items: center;
}

.butulka-grid-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  cursor: pointer;
  padding: 4px;
  border-radius: 12px;
  border: 1.5px solid transparent;
  background: #ffffff;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
  max-width: 92px;
}

.butulka-grid-cell:hover {
  transform: scale(1.05);
}

.butulka-grid-cell.active-bottle {
  border-color: #84cc16 !important;
  background: #f7fee7;
  box-shadow: 0 2px 8px rgba(132, 204, 22, 0.22);
}

.butulka-thumb-wrap {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
}

.butulka-thumb-img {
  width: 68px;
  height: 68px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.butulka-cost-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-top: 1px;
}

.butulka-heart-icon {
  font-size: 0.82rem;
  line-height: 1;
}

.butulka-cost-val {
  font-size: 0.84rem;
  font-weight: 500;
  color: #1e293b;
  line-height: 1;
}

.butulka-vip-badge-row {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
}

.butulka-vip-badge-img {
  height: 20px;
  width: auto;
  object-fit: contain;
  display: block;
}

.butulka-floating-close-green {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #84cc16;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
  z-index: 65;
  transition: transform 0.15s ease, background 0.15s ease;
}

.butulka-floating-close-green:hover {
  background: #65a30d;
  transform: scale(1.06);
}


/* ============================================================
   1. TƏRZ MODAL (Screenshots 1000817486 & 1000817487 1:1)
   ============================================================ */
.terz-modal-card {
  position: relative;
  width: 90%;
  max-width: 386px;
  height: 78vh;
  max-height: 700px;
  background: #ffffff;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
  overflow: visible;
}

.terz-modal-close-green,
.buster-modal-close-green,
.friends-modal-close-green,
.contact-modal-close-green {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  color: #84cc16;
  font-size: 1.25rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  z-index: 40;
}

.terz-modal-top-header {
  padding: 12px 16px 6px 16px;
  text-align: center;
  flex-shrink: 0;
}

.terz-header-title-text {
  font-size: 0.94rem;
  font-weight: 500;
  color: #b0b8c4;
}

.terz-preview-section {
  padding: 4px 16px 14px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
}

.terz-wood-preview-box {
  width: 98px;
  height: 98px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.terz-preview-base-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.terz-preview-frame-overlay {
  position: absolute;
  inset: 10px;
  border-radius: 8px;
  pointer-events: none;
  transition: all 0.2s ease;
}

.terz-preview-info-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.terz-preview-desc-text {
  font-size: 0.8rem;
  color: #334155;
  line-height: 1.35;
}

.terz-apply-btn {
  background: #84cc16;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 8px 18px;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
  font-family: inherit;
}

.terz-apply-btn.disabled-btn {
  background: #bcbcbc;
  color: #f1f5f9;
  cursor: default;
}

.terz-grid-scroll-container {
  flex: 1;
  overflow-y: auto;
  background: #f2f2f2;
  border-radius: 0 0 18px 18px;
  padding: 12px 12px 18px 12px;
}

.terz-4col-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 8px;
  justify-items: center;
}

.terz-grid-card {
  width: 100%;
  max-width: 78px;
  height: 84px;
  background: #ffffff;
  border-radius: 10px;
  border: 1.5px solid transparent;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 6px 4px 5px 4px;
  cursor: pointer;
  transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease;
}

.terz-grid-card:hover {
  transform: translateY(-1px);
}

.terz-grid-card.selected-terz {
  background: #fffbe6;
  border-color: #fde047;
}

.terz-art-box {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
}

.terz-art-img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.terz-card-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 18px;
}

.terz-cost-num {
  font-size: 0.78rem;
  font-weight: 500;
  color: #1e293b;
  line-height: 1;
}

.terz-green-check-circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #84cc16;
  color: #ffffff;
  font-size: 0.62rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ============================================================
   2. BUSTERLƏR MODAL (Screenshot 1000817488 1:1)
   ============================================================ */
.buster-modal-card {
  position: relative;
  width: 90%;
  max-width: 386px;
  background: #ffffff;
  border-radius: 18px;
  padding: 12px 18px 24px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

.buster-top-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.buster-help-icon {
  background: transparent;
  border: none;
  color: #c4c9d0;
  font-size: 1.25rem;
  font-weight: 900;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
}

.buster-header-title {
  font-size: 0.95rem;
  font-weight: 500;
  color: #b0b8c4;
}

.buster-subtitle-desc {
  font-size: 0.85rem;
  color: #1e293b;
  text-align: center;
  line-height: 1.38;
  margin-bottom: 14px;
}

.buster-divider-line-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.buster-divider-line {
  flex: 1;
  height: 1px;
  background: #f1f5f9;
}

.buster-divider-title {
  font-size: 0.86rem;
  font-weight: 500;
  color: #0f172a;
  white-space: nowrap;
}

.buster-circles-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  width: 100%;
}

.buster-circle-item {
  position: relative;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buster-circle-item:hover {
  transform: scale(1.06);
}

.buster-circle-img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.buster-count-badge {
  position: absolute;
  top: 0;
  right: 2px;
  background: #d1d5db;
  color: #ffffff;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 10px;
  border: 1.5px solid #ffffff;
  line-height: 1.15;
}

/* ============================================================
   3. DOSTLAR SİYAHISI MODAL (Screenshot 1000817489 1:1)
   ============================================================ */
.friends-modal-card {
  position: relative;
  width: 90%;
  max-width: 386px;
  background: #ffffff;
  border-radius: 16px;
  padding: 18px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

.friends-modal-title {
  font-size: 1.05rem;
  font-weight: 400;
  color: #9ca3af;
  margin-bottom: 16px;
}

.friends-privacy-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 24px;
}

.friends-privacy-question {
  font-size: 0.88rem;
  font-weight: 400;
  color: #334155;
}

.friends-radio-group {
  display: flex;
  align-items: center;
  gap: 20px;
}

.friends-radio-label {
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  font-size: 0.88rem;
  color: #1e293b;
  user-select: none;
}

.friends-radio-label input[type="radio"] {
  display: none;
}

.custom-blue-radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s ease;
}

.custom-blue-radio::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0075ff;
  transform: scale(0);
  transition: transform 0.15s ease;
}

.friends-radio-label input[type="radio"]:checked + .custom-blue-radio {
  border-color: #0075ff;
}

.friends-radio-label input[type="radio"]:checked + .custom-blue-radio::after {
  transform: scale(1);
}

.friends-empty-state {
  text-align: center;
  font-size: 0.84rem;
  color: #475569;
  padding-top: 2px;
}

/* ============================================================
   4. BİZİMLƏ ƏLAQƏ SAXLA MODAL (Screenshot 1000817490 1:1)
   ============================================================ */
.contact-modal-card {
  position: relative;
  width: 90%;
  max-width: 386px;
  background: #ffffff;
  border-radius: 16px;
  padding: 14px 20px 22px 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

.contact-modal-header-title {
  text-align: center;
  font-size: 0.92rem;
  font-weight: 500;
  color: #b0b8c4;
  margin-bottom: 18px;
}

.contact-email-action-row {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 6px 4px;
  border-radius: 8px;
  transition: background 0.15s ease;
}

.contact-email-action-row:hover {
  background: #f8fafc;
}

.contact-envelope-img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.contact-email-text {
  font-size: 0.92rem;
  font-weight: 400;
  color: #1e293b;
}

/* ============================================================
   5. HESAB QEYDİYYAT MODALI (İlk Giriş üçün Qeydiyyat)
   ============================================================ */
.register-modal-card {
  position: relative;
  width: 92%;
  max-width: 400px;
  background: #ffffff;
  border-radius: 18px;
  padding: 22px 22px 18px 22px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  animation: regModalPop 0.28s cubic-bezier(0.2, 0.9, 0.3, 1.2);
}
@keyframes regModalPop {
  0%   { transform: scale(0.85); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.reg-modal-badge {
  display: inline-flex;
  align-self: center;
  align-items: center;
  gap: 6px;
  background: #fff7ed;
  color: #ea580c;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.6px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid #fed7aa;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.reg-modal-title {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 900;
  color: #0f172a;
  line-height: 1.2;
}
.reg-modal-subtitle {
  text-align: center;
  font-size: 0.8rem;
  color: #64748b;
  margin-top: 3px;
  margin-bottom: 12px;
}
.reg-bonus-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  border: 1.5px solid #fdba74;
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 14px;
}
.reg-bonus-icon {
  font-size: 1.9rem;
  line-height: 1;
  flex-shrink: 0;
  animation: regBonusBounce 1.4s ease-in-out infinite;
}
@keyframes regBonusBounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}
.reg-bonus-bold {
  font-size: 0.8rem;
  font-weight: 900;
  color: #c2410c;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.reg-bonus-text {
  font-size: 0.82rem;
  color: #7c2d12;
  font-weight: 600;
  margin-top: 1px;
}
.reg-form {
  display: flex;
  flex-direction: column;
}
.reg-field-label {
  font-size: 0.76rem;
  font-weight: 800;
  color: #334155;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 5px;
  margin-top: 6px;
}
.reg-req {
  color: #ef4444;
}
.reg-input {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  font-size: 0.95rem;
  color: #0f172a;
  outline: none;
  font-family: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
  background: #f8fafc;
}
.reg-input:focus {
  border-color: #f26400;
  box-shadow: 0 0 0 3px rgba(242, 100, 0, 0.15);
  background: #ffffff;
}
.reg-hint {
  font-size: 0.68rem;
  color: #94a3b8;
  margin-top: 3px;
}
.reg-gender-row {
  display: flex;
  gap: 10px;
  margin-top: 2px;
}
.reg-gender-btn {
  flex: 1;
  cursor: pointer;
  position: relative;
}
.reg-gender-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.reg-gender-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 11px 8px;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  font-size: 0.92rem;
  font-weight: 800;
  color: #475569;
  background: #f8fafc;
  transition: all 0.15s ease;
  user-select: none;
}
.reg-gender-btn:hover .reg-gender-tile {
  border-color: #f97316;
  background: #fff7ed;
}
.reg-gender-btn input[type="radio"]:checked + .reg-gender-tile {
  border-color: #f26400;
  background: linear-gradient(135deg, #f26400 0%, #ea580c 100%);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(242, 100, 0, 0.35);
  transform: translateY(-1px);
}
.reg-submit-btn {
  margin-top: 16px;
  width: 100%;
  padding: 13px 18px;
  border: none;
  border-radius: 11px;
  background: linear-gradient(135deg, #f26400 0%, #ea580c 55%, #c2410c 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.3px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(242, 100, 0, 0.4);
  transition: transform 0.1s, box-shadow 0.1s, filter 0.15s;
  font-family: inherit;
}
.reg-submit-btn:hover {
  filter: brightness(1.06);
  box-shadow: 0 8px 22px rgba(242, 100, 0, 0.5);
  transform: translateY(-1px);
}
.reg-submit-btn:active {
  transform: translateY(1px);
}
.reg-footer-note {
  text-align: center;
  font-size: 0.7rem;
  color: #94a3b8;
  line-height: 1.35;
  margin-top: 10px;
}
/* Settings modal account profile row */
.settings-account-row {
  background: #fff7ed;
  border-left: 3px solid #f26400;
  border-radius: 8px;
  padding: 8px 8px 8px 10px;
}
.settings-account-row:hover {
  background: #ffedd5;
}
.settings-account-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.25;
}
.settings-btn-chip {
  flex-shrink: 0;
  border: none;
  background: #f26400;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
  font-family: inherit;
  transition: filter 0.15s;
}
.settings-btn-chip:hover {
  filter: brightness(1.1);
}
/* Interactive daily puzzle */
.puzzle-options-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.puzzle-option-btn {
  padding: 10px 10px;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 800;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
.puzzle-option-btn:hover:not(:disabled) {
  border-color: #84cc16;
  background: #ecfccb;
  transform: translateY(-1px);
}
.puzzle-option-btn.correct {
  border-color: #84cc16 !important;
  background: #84cc16 !important;
  color: #ffffff !important;
  animation: puzzleCorrectPulse 0.4s ease;
}
.puzzle-option-btn.wrong {
  border-color: #ef4444 !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
  animation: puzzleShake 0.4s ease;
}
@keyframes puzzleCorrectPulse {
  0%   { transform: scale(0.9); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}
@keyframes puzzleShake {
  0%, 100% { transform: translateX(0); }
  25%      { transform: translateX(-6px); }
  75%      { transform: translateX(6px); }
}
.puzzle-reward-banner {
  font-size: 0.78rem;
  color: #64748b;
  margin-bottom: 10px;
}
.puzzle-reward-banner strong {
  color: #f26400;
}
.puzzle-cooldown-text {
  font-size: 0.8rem;
  color: #16a34a;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.35;
}
/* Claimed bonus boxes visual state */
.bonus-milestone-box.claimed {
  background: #ecfccb !important;
  border-color: #84cc16 !important;
}
.bonus-claimed-badge {
  display: inline-block;
  font-size: 0.58rem;
  font-weight: 800;
  color: #16a34a;
  letter-spacing: 0.2px;
  margin-top: 1px;
}
/* User player slot gold frame on table */
.player-slot.user-is-vip .player-avatar-circle {
  box-shadow: 0 0 0 3px #facc15, 0 0 16px rgba(250, 204, 21, 0.75) !important;
}
.player-slot.user-is-vip .player-name-plate {
  color: #facc15 !important;
  font-weight: 900 !important;
}

/* Matchmaking & Room Management Extras */
.btn-new-table-green {
  width: 100%;
  padding: 11px;
  background: #16a34a linear-gradient(135deg, #16a34a, #15803d);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.35);
  text-align: center;
  transition: opacity 0.2s, transform 0.1s;
}
.btn-new-table-green:active { transform: scale(0.98); }
.table-row-item.full-room { opacity: 0.55; cursor: not-allowed; }
.table-full-badge {
  font-size: 0.7rem;
  font-weight: 800;
  color: #ef4444;
  background: #fee2e2;
  padding: 2px 6px;
  border-radius: 6px;
}

/* ==========================================================================
   HEADER BAR REMOVED & ALWAYS-CLICKABLE GAME PANEL BUTTONS:
   - Header arxa fonu/zolağı ləğv edilib, düymələr birbaşa oyun panelinin üzərində yerləşir.
   - Oyunçu olmasa belə (roomWaitingOverlay aktiv olduqda) bütün düymələr kliklənə bilir (z-index: 185).
   ========================================================================== */
.top-navbar {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  border-right: none !important;
  box-shadow: none !important;
  z-index: 185 !important;
  pointer-events: none !important;
}

.top-navbar > *,
.top-navbar .nav-left,
.top-navbar .heart-count-pill,
.top-navbar .nav-center-icons,
.top-navbar .nav-league-rank-wrap,
.top-navbar .nav-action-btn,
.top-navbar .nav-right-table,
.top-navbar .menu-dropdown-box,
.top-navbar .menu-dropdown-item {
  pointer-events: auto !important;
}

.top-navbar .nav-action-btn svg,
.top-navbar .table-refresh-circle-btn svg,
.top-navbar .heart-count-pill svg {
  pointer-events: none !important;
}

.game-viewport.gift-mode-active .top-navbar {
  display: none !important;
}

/* Masa nömrəsi (table-label) hər zaman dəyişmə düyməsindən əvvəl (order: 1) gəlir:
   - Mobil (row): düymənin sol tərəfində
   - Desktop (column): düymənin yuxarı hissəsində */
.nav-right-table .table-label {
  order: 1 !important;
}

.nav-right-table .table-refresh-circle-btn {
  order: 2 !important;
}

/* ==========================================================================
   MOBILE LAYOUT (<= 767px):
   - Düymələr oyun panelinin yuxarı hissəsində yan-yana (hazırkı aralıq məsafələri ilə)
   - Masa nömrəsi dəyişmə düyməsinin sol tərəfində
   - Oyun panelində istifadəçi profil kartları: 75x75 (75px x 75px)
   ========================================================================== */
@media (max-width: 767px) {
  :root,
  .game-viewport,
  .table-stage,
  .circular-table-board {
    --avatar-size: 75px !important;
  }

  body {
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }

  .game-viewport {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  /* Mobil: düymələr oyun panelinin yuxarı hissəsində yan-yana */
  .top-navbar {
    position: absolute !important;
    top: 6px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 185 !important;
  }

  .nav-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .nav-heart-badge {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .nav-heart-svg {
    width: 28px !important;
    height: 26px !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45)) !important;
  }

  .nav-heart-number {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    line-height: 1 !important;
  }

  .nav-center-icons {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .nav-action-btn,
  .top-navbar .nav-action-btn,
  .nav-league-rank-btn,
  .table-refresh-circle-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: rgba(212, 132, 58, 0.94) !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .nav-action-btn svg,
  .top-navbar .nav-action-btn svg,
  .table-refresh-circle-btn svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #ffffff !important;
  }

  .nav-league-rank-wrap {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .nav-league-rank-num {
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
  }

  .nav-league-timer-pill {
    font-size: 0.58rem !important;
    font-weight: 700 !important;
    color: #78350f !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    padding: 1px 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
    margin-top: 1px !important;
    line-height: 1.1 !important;
  }

  /* Mobil: masa nömrəsi dəyişmə düyməsinin sol tərəfində */
  .nav-right-table {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 1px 3px !important;
  }

  .nav-right-table .table-label {
    order: 1 !important;
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    line-height: 1.1 !important;
  }

  .nav-right-table .table-word {
    font-size: 0.65rem !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    opacity: 0.92 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
  }

  .nav-right-table .table-num {
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
  }

  .nav-right-table .table-refresh-circle-btn {
    order: 2 !important;
  }

  .gift-header-bar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 50px !important;
    padding: 6px 12px !important;
    z-index: 50 !important;
  }

  .table-stage {
    z-index: 10;
    height: 55% !important;
    flex: 0 0 55% !important;
    max-height: 55% !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 46px 4px 4px 4px !important;
    overflow: hidden !important;
  }

  .circular-table-board {
    aspect-ratio: auto !important;
    width: min(100%, 432px, calc(100cqw - 4px)) !important;
    height: min(100%, 600px, calc(100cqh - 4px)) !important;
  }

  .table-stage .table-player-node {
    width: 72px;
  }

  .table-stage .avatar-photo-frame,
  .table-stage .empty-seat-slot,
  .table-player-node .avatar-photo-frame,
  .players-circle-container .avatar-photo-frame,
  .players-circle-container .empty-seat-slot {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35) !important;
  }

  .table-player-node .avatar-photo-frame img,
  .table-player-node .avatar-photo-frame svg {
    border-radius: 12px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .table-player-node.moving-to-center {
    transform: translate(-50%, -50%) scale(1.08) !important;
  }

  .table-player-node.moving-to-center[style*="50% -"],
  .table-stage.in-kiss-stage .table-player-node[style*="50% -"] {
    left: calc(50% - 46px) !important;
  }

  .table-player-node.moving-to-center[style*="50% +"],
  .table-stage.in-kiss-stage .table-player-node[style*="50% +"] {
    left: calc(50% + 46px) !important;
  }

  .table-stage .avatar-name-label {
  font-size: 0.62rem !important;
  max-width: 95px !important;
  margin-top: 1px !important;
  text-transform: lowercase !important;
}
.avatar-name-label .avatar-icon-gender {
  font-size: 0.65rem;
  line-height: 1;
  color: #facc15;
}
.avatar-name-label .avatar-name-text {
  text-transform: lowercase !important;
  max-width: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.avatar-name-label .avatar-age-text {
  font-size: 0.55rem;
  opacity: 0.85;
}

  .bottom-social-panel,
  .gift-panel-section {
    height: 45% !important;
    flex: 0 0 45% !important;
    max-height: 45% !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .chat-messages-container {
    flex: 1 1 auto;
    min-height: 0;
    overscroll-behavior: contain;
  }

  .chat-input-bar {
    flex: 0 0 auto;
    min-height: 54px;
  }
}

@media (max-width: 767px) and (max-height: 700px) {
  .table-stage {
    height: 55% !important;
    flex: 0 0 55% !important;
    max-height: 55% !important;
  }
  .bottom-social-panel,
  .gift-panel-section {
    height: 45% !important;
    flex: 0 0 45% !important;
    max-height: 45% !important;
  }
  .circular-table-board {
    aspect-ratio: auto !important;
    width: min(100%, 420px, calc(100cqw - 4px)) !important;
    height: min(100%, 500px, calc(100cqh - 4px)) !important;
  }
}

/* ==========================================================================
   DESKTOP LAYOUT (>= 768px):
   - Butulka.com 1:1 ölçü və nisbətləri:
   - Sol hissə (Oyun paneli): 50%
   - Sağ hissə (Mesajlar paneli və musiqi/klip vidceti): 50%
   - İstifadəçi profil kartları: 75x75 (mobil və butulka.com ilə 1:1 eyni)
   - Qərar panelində mərkəzə gələn profil kartlarının ara məsafəsi: mobil və butulka.com ilə eyni (±52px)
   - Düymələr oyun panelinin sol hissəsində kompakt şəkildə şaquli sıralanır
   ========================================================================== */
@media (min-width: 768px) {

  /* Desktop navbar buttons compact matching butulka.com */
  .top-navbar {
    position: absolute !important;
    top: 10px !important;
    bottom: 10px !important;
    left: 8px !important;
    right: auto !important;
    width: 48px !important;
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 4px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 185 !important;
  }
  .top-navbar .nav-action-btn,
  .top-navbar .nav-league-rank-btn,
  .top-navbar .table-refresh-circle-btn {
    width: 44px !important;
    height: 44px !important;
  }
  .top-navbar .nav-action-btn svg,
  .top-navbar .table-refresh-circle-btn svg {
    width: 20px !important;
    height: 20px !important;
  }
  .top-navbar .nav-heart-svg {
    width: 32px !important;
    height: 28px !important;
  }
  .top-navbar .nav-heart-number {
    font-size: 0.85rem !important;
  }
  .top-navbar .nav-league-rank-num {
    font-size: 0.78rem !important;
  }
  .top-navbar .nav-league-timer-pill {
    font-size: 0.62rem !important;
    padding: 2px 6px !important;
  }
  .nav-center-icons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(8px, 2.5dvh, 20px) !important;
  }
  .nav-league-rank-wrap {
    margin-bottom: 2px !important;
  }
  .nav-right-table {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    padding: 2px !important;
  }
  .nav-right-table .table-label {
    order: 1 !important;
    text-align: center !important;
    align-items: center !important;
  }
  .nav-right-table .table-refresh-circle-btn {
    order: 2 !important;
  }

  .table-stage {
    padding: 16px 16px 16px 64px !important;
  }

  :root,
  .game-viewport,
  .table-stage,
  .circular-table-board {
    --avatar-size: 75px !important;
  }

  body {
    overflow: hidden !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  /* Desktop Grid 50% 50% matching butulka.com */
  .game-viewport {
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    grid-template-rows: minmax(0, 1fr) !important;
    background: #f8fafc !important;
    overflow: hidden !important;
  }

  .gift-header-bar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 52px !important;
    padding: 6px 14px !important;
    z-index: 50 !important;
  }

  /* Sol hissə (50%): Oyun paneli */
  .table-stage {
    z-index: 10;
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 16px 16px 16px 64px !important;
  }

  .circular-table-board {
    aspect-ratio: auto !important;
    width: min(100%, 680px, calc(100cqw - 16px)) !important;
    height: min(100%, 540px, calc(100cqh - 16px)) !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }

  /* Desktop profil kartları: 75x75 (butulka.com ilə eyni) */
  .table-stage .table-player-node {
    width: 75px;
  }

  .table-stage .avatar-photo-frame,
  .table-stage .empty-seat-slot,
  .table-player-node .avatar-photo-frame,
  .players-circle-container .avatar-photo-frame,
  .players-circle-container .empty-seat-slot {
    width: 75px !important;
    height: 75px !important;
    min-width: 75px !important;
    min-height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important;
    border-radius: 12px;
  }

  /* Desktop qərar panelində mərkəzə gələn profil kartlarının ara məsafəsi (±52px) */
  .table-player-node.moving-to-center[style*="50% -"],
  .table-stage.in-kiss-stage .table-player-node[style*="50% -"] {
    left: calc(50% - 52px) !important;
  }

  .table-player-node.moving-to-center[style*="50% +"],
  .table-stage.in-kiss-stage .table-player-node[style*="50% +"] {
    left: calc(50% + 52px) !important;
  }

  .table-stage .avatar-name-label {
    font-size: 0.62rem !important;
    max-width: 82px !important;
    margin-top: 1px !important;
    text-transform: lowercase !important;
  }

  /* Sağ hissə (50%): Mesajlar paneli və musiqi/klip vidceti */
  .bottom-social-panel,
  .gift-panel-section {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    min-width: 0 !important;
    position: relative !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    border-top: none !important;
    border-left: 1px solid #dbe2ea !important;
    box-shadow: -8px 0 26px rgba(15, 23, 42, 0.12) !important;
    overflow: hidden !important;
  }

  /* Masaüstü: Butulka.com kimi yuxarıda musiqi/klip vidceti */
  .bottom-social-panel.has-active-media .room-media-player-widget,
  .room-media-player-widget.active {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    background: #000000 !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }
  .bottom-social-panel .room-media-pill-card {
    width: 100% !important;
    background: #000000 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .bottom-social-panel .room-media-avatar-progress-wrap {
    display: none !important;
  }
  .bottom-social-panel .room-media-clip-body {
    width: 100% !important;
    max-height: 220px !important;
    aspect-ratio: 16 / 9 !important;
    background: #000000 !important;
  }
  .bottom-social-panel .room-media-youtube-container {
    width: 100% !important;
    height: 100% !important;
  }
  .bottom-social-panel .room-media-clip-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  .bottom-social-panel .room-media-controls-row {
    width: 100% !important;
    background: #0f172a !important;
    padding: 6px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .chat-messages-container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 14px 14px !important;
    gap: 8px !important;
    overflow-y: auto !important;
  }

  .chat-msg-row {
    font-size: 0.90rem;
  }

  .chat-input-bar {
    position: relative !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 10px 12px !important;
    margin-top: auto !important;
    border-top: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
  }

  .chat-input-field {
    padding: 8px 12px;
    font-size: 0.90rem;
  }

  .chat-send-btn {
    width: 36px;
    height: 36px;
  }
}
/* Bottle Hide Animation during decision stage */
.center-table-zone {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 15;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s cubic-bezier(0.2, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.2, 0.8, 0.25, 1), visibility 0.4s ease;
}

.table-stage.in-kiss-stage .center-table-zone {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate(-50%, -50%) scale(0.65) !important;
  pointer-events: none !important;
  transition: opacity 0.4s cubic-bezier(0.2, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.2, 0.8, 0.25, 1), visibility 0.4s ease;
}

/* Chat Message Side-by-Side formatting and bold black sender/recipient */
.chat-content-box {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px !important;
  flex: 1;
}

.chat-sender-name {
  font-weight: 700;
  color: #0284c7;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.chat-msg-colon, .chat-msg-comma {
  font-weight: 700;
  color: #64748b;
  margin: 0 1px;
}

.chat-recipient-name {
  font-weight: 700;
  color: #e11d48;
}

.chat-text-body {
  color: #1e293b;
  font-weight: 500;
}

/* Sender always sees their own message in bold black; recipient sees received message/gift in bold black */
.chat-msg-row.is-me,
.chat-msg-row.is-me .chat-text-body,
.chat-msg-row.is-me .chat-sender-name,
.chat-msg-row.is-me .chat-msg-colon,
.chat-msg-row.is-me .chat-recipient-name,
.chat-msg-row.is-me .chat-msg-comma,
.chat-msg-row.is-recipient,
.chat-msg-row.is-recipient .chat-text-body,
.chat-msg-row.is-recipient .chat-sender-name,
.chat-msg-row.is-recipient .chat-recipient-name,
.chat-msg-row.is-recipient .chat-msg-colon,
.chat-msg-row.is-recipient .chat-msg-comma,
.chat-gift-notice-row.is-me,
.chat-gift-notice-row.is-me span,
.chat-gift-notice-row.is-recipient,
.chat-gift-notice-row.is-recipient span {
  font-weight: 700 !important;
  color: #000000 !important;
}

/* Media Modal Tabs & YouTube Search Interface */
.media-tabs-header-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 8px 12px;
  border-bottom: 1px solid #e2e8f0;
}
.media-tab-btn {
  background: none;
  border: none;
  font-size: 1.35rem;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 8px;
  transition: background 0.2s, transform 0.15s;
  opacity: 0.65;
}
.media-tab-btn:hover {
  background: #f1f5f9;
  opacity: 0.9;
  transform: scale(1.08);
}
.media-tab-btn.active {
  background: #e2e8f0;
  opacity: 1;
  font-weight: bold;
}
.media-tab-panel {
  display: none;
  padding: 10px 14px;
  max-height: 420px;
  overflow-y: auto;
}
.media-tab-panel.active {
  display: block;
}
.media-search-bar-wrap {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.media-search-input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 0.88rem;
  outline: none;
}
.media-search-input:focus {
  border-color: #0284c7;
  box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.2);
}
.media-search-btn {
  background: #0284c7;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.media-search-btn:hover {
  background: #0369a1;
}
.media-item-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #f1f5f9;
  margin-bottom: 6px;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.15s, transform 0.15s;
}
.media-item-card:hover {
  background: #f8fafc;
  transform: translateY(-1px);
}
.media-item-thumb {
  width: 60px;
  height: 45px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
  background: #0f172a;
}
.media-item-info {
  flex: 1;
  min-width: 0;
}
.media-item-title {
  font-size: 0.82rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.media-item-channel {
  font-size: 0.72rem;
  color: #64748b;
  margin-top: 1px;
}
.media-item-duration {
  font-size: 0.70rem;
  color: #94a3b8;
}
.media-item-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.media-btn-star {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  color: #cbd5e1;
  padding: 2px 4px;
}
.media-btn-star.starred {
  color: #f59e0b;
}
.media-btn-play {
  background: #10b981;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}
.media-btn-play:hover {
  background: #059669;
}
.media-pagination-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
  font-size: 0.82rem;
  color: #475569;
}
.media-page-btn {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 5px 12px;
  cursor: pointer;
  font-weight: 500;
}
.media-page-btn:hover:not(:disabled) {
  background: #e2e8f0;
}
.media-page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ============================================================
   EXACT 1-TO-1 MEDIA MODALS & TABS REPLICA (SCREENSHOTS 1000819279-1000819286)
   ============================================================ */
.media-screen-modal {
  max-width: 380px !important;
  width: 92% !important;
  max-height: 85vh !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 14px 14px 14px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  position: relative !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.5) !important;
  overflow: visible !important;
}

.modal-corner-close-green {
  position: absolute !important;
  top: -12px !important;
  right: -12px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 2px solid #8bc34a !important;
  color: #7cb342 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  z-index: 50 !important;
  cursor: pointer !important;
  transition: transform 0.15s !important;
}
.modal-corner-close-green:hover {
  transform: scale(1.08) !important;
}

/* Tab Header Bar */
.media-tabs-header-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  padding: 2px 4px 8px 4px !important;
  border-bottom: none !important;
}

.media-tab-btn {
  background: transparent !important;
  border: none !important;
  padding: 2px 4px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.15s, opacity 0.15s !important;
}
.media-tab-btn:hover {
  transform: scale(1.1) !important;
}

/* Red YouTube badge button */
.yt-badge-btn {
  background: #e50914 !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.yt-badge-btn .yt-badge-icon {
  font-size: 0.92rem !important;
  line-height: 1 !important;
}
.yt-badge-btn .yt-badge-letter {
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

/* Inactive tabs are silver-grey */
.media-tab-btn .tab-flame-icon,
.media-tab-btn .tab-star-icon,
.media-tab-btn .tab-clock-icon,
.media-tab-btn .tab-search-icon {
  font-size: 1.45rem !important;
  line-height: 1 !important;
  filter: grayscale(1) opacity(0.35) !important;
  transition: filter 0.2s, transform 0.15s !important;
}

/* Active tab styles matching screenshots */
.media-tab-btn.active .tab-flame-icon {
  filter: none !important;
  font-size: 1.55rem !important;
  /* Fiery orange flame */
}
.media-tab-btn.active .tab-star-icon {
  filter: none !important;
  font-size: 1.45rem !important;
  color: #f59e0b !important;
  /* Bright gold star */
}
.media-tab-btn.active .tab-clock-icon {
  filter: none !important;
  font-size: 1.45rem !important;
  color: #0284c7 !important;
  /* Blue clock with hands */
}
.media-tab-btn.active .tab-search-icon {
  filter: none !important;
  font-size: 1.45rem !important;
  color: #1e293b !important;
  /* Dark active search lens */
}

/* Subtitle under tabs */
.media-section-subtitle {
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  text-align: left !important;
  margin: 2px 4px 10px 4px !important;
  line-height: 1.25 !important;
}

/* Tab Panels */
.media-tab-panel {
  display: none !important;
  flex: 1 !important;
  overflow-y: auto !important;
  max-height: 62vh !important;
  padding: 0 2px !important;
}
.media-tab-panel.active {
  display: block !important;
}

/* Empty State (Screenshots 1000819280, 1000819281) */
.media-empty-state-wrap {
  min-height: 240px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 48px !important;
}
.media-empty-state-text {
  font-size: 0.98rem !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  text-align: center !important;
}

/* 2-Column Video Grid */
.video-clips-2col-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px 10px !important;
  overflow-y: auto !important;
  max-height: 62vh !important;
  padding-bottom: 8px !important;
}

.video-clip-card-item {
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  position: relative !important;
}

.video-thumb-container {
  position: relative !important;
  width: 100% !important;
  height: 84px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #000000 !important;
}

.video-thumb-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Star Button in top-right of thumbnail */
.video-card-star-btn {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  background: transparent !important;
  border: none !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  color: #ffffff !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9)) !important;
  z-index: 10 !important;
  padding: 0 !important;
}
.video-card-star-btn.starred {
  color: #f59e0b !important;
}

/* Duration badge in bottom-right of thumbnail */
.video-card-duration-badge {
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
  background: rgba(0, 0, 0, 0.78) !important;
  color: #ffffff !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  padding: 1px 4px !important;
  border-radius: 4px !important;
  line-height: 1.2 !important;
  z-index: 10 !important;
}

.video-clip-title-text {
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  margin-top: 5px !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-align: left !important;
}

/* Search bar (Screenshot 1000819282) */
.media-search-bar-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 2px 2px 12px 2px !important;
}

.media-search-input-box {
  display: flex !important;
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
  flex: 1 !important;
  height: 38px !important;
}

.search-lens-icon {
  font-size: 0.95rem !important;
  margin-right: 6px !important;
  opacity: 0.65 !important;
}

.media-search-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  font-size: 0.82rem !important;
  color: #1e293b !important;
  width: 100% !important;
  padding: 0 !important;
}
.media-search-input::placeholder {
  color: #94a3b8 !important;
}

.media-search-submit-btn {
  background: #73a43d !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  height: 38px !important;
  padding: 0 16px !important;
  font-weight: 600 !important;
  font-size: 0.84rem !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  white-space: nowrap !important;
}
.media-search-submit-btn:hover {
  background: #659235 !important;
}

/* Music Modal List & Rows (Screenshot 1000819285) */
.music-songs-vertical-list {
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  max-height: 62vh !important;
}

.music-list-row-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 4px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
.music-list-row-item:hover {
  background: #f8fafc !important;
}

.music-row-meta-col {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  text-align: left !important;
}

.music-row-song-name {
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.music-row-artist-sub {
  font-size: 0.74rem !important;
  color: #94a3b8 !important;
  margin-top: 1px !important;
}

.music-row-right-col {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
  margin-left: 8px !important;
}

.music-row-duration {
  font-size: 0.78rem !important;
  color: #94a3b8 !important;
}

.music-row-star {
  font-size: 1.25rem !important;
  line-height: 1 !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  padding: 2px !important;
  transition: transform 0.15s !important;
}
.music-row-star.starred {
  color: #f59e0b !important;
}

/* ============================================================
   CONFIRMATION DIALOG MODALS (Screenshots 1000819286 & 1000819285)
   ============================================================ */
.media-confirm-dialog {
  max-width: 320px !important;
  width: 88% !important;
  border-radius: 16px !important;
  padding: 18px 16px 16px 16px !important;
  background: #ffffff !important;
  position: relative !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.5) !important;
  overflow: visible !important;
  text-align: center !important;
}

.media-confirm-header-title {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

/* YouTube Clip Preview Black Box (Screenshot 1000819286) */
.media-clip-preview-screen {
  background: #000000 !important;
  border-radius: 6px !important;
  padding: 16px 14px !important;
  min-height: 155px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin-bottom: 14px !important;
}

.media-clip-preview-title {
  color: #ffffff !important;
  font-size: 0.96rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.media-clip-preview-channel {
  color: #94a3b8 !important;
  font-size: 0.78rem !important;
  margin-top: 3px !important;
}

/* Audio Player Preview Bar (Screenshot 1000819285) */
.media-audio-preview-bar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 14px 4px 18px 4px !important;
}

.media-audio-play-circle {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #8bc34a !important;
  color: #ffffff !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  padding-left: 2px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

.media-audio-scrubber-track {
  flex: 1 !important;
  height: 4px !important;
  background: #e2e8f0 !important;
  border-radius: 2px !important;
  position: relative !important;
}

.media-audio-scrubber-progress {
  height: 100% !important;
  background: #8bc34a !important;
  border-radius: 2px !important;
}

.media-audio-scrubber-thumb {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #8bc34a !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.media-audio-duration-text {
  font-size: 0.76rem !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
  flex-shrink: 0 !important;
}

/* Prompt row */
.media-confirm-prompt-row {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  text-align: center !important;
  margin-bottom: 16px !important;
  line-height: 1.4 !important;
  padding: 0 4px !important;
}

.media-confirm-heart {
  font-size: 0.95rem !important;
  margin-right: 2px !important;
}

.media-confirm-cost {
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-right: 2px !important;
}

.media-confirm-actions-row {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  align-items: center !important;
}

.media-confirm-btn {
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 0.84rem !important;
  cursor: pointer !important;
  transition: transform 0.12s, background 0.15s !important;
}

.media-confirm-btn.btn-cancel {
  background: #ffffff !important;
  border: 1.5px solid #8bc34a !important;
  color: #7cb342 !important;
  padding: 8px 22px !important;
}
.media-confirm-btn.btn-cancel:hover {
  background: #f1f8e9 !important;
}

.media-confirm-btn.btn-confirm {
  background: #8bc34a !important;
  border: none !important;
  color: #ffffff !important;
  padding: 8px 24px !important;
}
.media-confirm-btn.btn-confirm:hover {
  background: #7cb342 !important;
}


/* ============================================================
   HIDE ALL SCROLLBARS IN MEDIA MODALS (Full Smooth Scroll, No Bars)
   ============================================================ */
#clipSelectModal *,
#musicSelectModal *,
.media-screen-modal,
.media-screen-modal *,
.media-tab-panel,
.video-clips-2col-grid,
.music-songs-vertical-list,
.clean-white-modal {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#clipSelectModal *::-webkit-scrollbar,
#musicSelectModal *::-webkit-scrollbar,
.media-screen-modal::-webkit-scrollbar,
.media-screen-modal *::-webkit-scrollbar,
.media-tab-panel::-webkit-scrollbar,
.video-clips-2col-grid::-webkit-scrollbar,
.music-songs-vertical-list::-webkit-scrollbar,
.clean-white-modal::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}


/* ============================================================
   BULLETPROOF MODALS & CLOSE BUTTONS FIX FOR DESKTOP & MOBILE
   (Prevents modals staying open and ensures close buttons are always reachable)
   ============================================================ */
.app-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.clean-white-modal,
.media-screen-modal,
.agac-league-modal-card,
.bonus-reytinq-modal-card,
.ach-modal-card,
.reytinq-modal-card,
.terz-modal-card,
.buster-modal-card,
.register-modal-card,
.friends-modal-card,
.contact-modal-card {
  position: relative !important;
  max-height: min(88vh, calc(100dvh - 28px)) !important;
  margin: auto !important;
  box-sizing: border-box !important;
}

.modal-close-circle-red,
.modal-close-circle-green,
.modal-corner-close-green,
.bonus-modal-close-green,
.ach-modal-close-green,
.reytinq-close-circle-blue,
.butulka-floating-close-green,
.friends-modal-close-green,
.contact-modal-close-green,
.buster-modal-close-green,
.terz-modal-close-green,
.agac-league-close-btn {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 100 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.gift-header-right-btns {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.gift-header-close-btn,
.gift-panel-top-close-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4) !important;
  transition: transform 0.15s, background 0.15s !important;
  z-index: 100 !important;
}
.gift-header-close-btn:hover,
.gift-panel-top-close-btn:hover {
  background: #dc2626 !important;
  transform: scale(1.1) !important;
}

.gift-panel-top-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 14px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  flex-shrink: 0 !important;
}

.gift-panel-top-title {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}

.gift-panel-floating-close-btn {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #84cc16 !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(132, 204, 22, 0.6) !important;
  z-index: 100 !important;
}


/* ============================================================
   HƏDİYYƏ MODALI VƏ KLİP/MUSİQİ PANELLƏRİ QARŞILIQLI ƏLAQƏSİ
   1) Hədiyyə göndərmə modalı daimi açıq qalmamalıdır (yalnız oyunçuya klik edəndə açılır)
   2) Klip və musiqi ifa edici panellər hədiyyə modalı açıq olanda görünməməlidir
   ============================================================ */

/* Standart vəziyyət (hədiyyə rejimi aktiv deyil): Hədiyyə paneli qətiyyən görünmür */
.game-viewport:not(.gift-mode-active) .gift-panel-section,
.game-viewport:not(.gift-mode-active) #giftPanelSection,
.game-viewport:not(.gift-mode-active) .gift-header-bar,
.game-viewport:not(.gift-mode-active) #giftHeaderBar,
.gift-panel-section,
#giftPanelSection,
.gift-header-bar,
#giftHeaderBar {
  display: none !important;
  visibility: hidden !important;
}

/* Yalnız oyunçu kartına klikləndikdə (.gift-mode-active) hədiyyə modalı açılır */
.game-viewport.gift-mode-active .gift-panel-section,
.game-viewport.gift-mode-active #giftPanelSection,
.game-viewport.gift-mode-active .gift-header-bar,
.game-viewport.gift-mode-active #giftHeaderBar {
  display: flex !important;
  visibility: visible !important;
}

/* Hədiyyə modalı açıq olanda: Çat paneli, Naviqasiya və Klip/Musiqi panelləri gizlənir */
.game-viewport.gift-mode-active .bottom-social-panel,
.game-viewport.gift-mode-active #bottomSocialPanel,
.game-viewport.gift-mode-active .room-media-player-widget,
.game-viewport.gift-mode-active #roomMediaPlayerWidget,
.game-viewport.gift-mode-active #roomMediaClipPlayer,
.game-viewport.gift-mode-active .floating-side-buttons,
.game-viewport.gift-mode-active .top-navbar,
.game-viewport.gift-mode-active .media-screen-modal {
  display: none !important;
  visibility: hidden !important;
}


/* ============================================================
   1. KLİP VƏ MUSİQİ İFA EDİCİ PANEL (MOBİL VƏ DESKTOP REPLİKA)
   - Mobil (Screenshot 1000819375): Çatın sağında üzən pill card
   - Desktop (Screenshot 1000819347): Sağ panelin yuxarısında 16:9 tam enli video pleyer
   ============================================================ */

/* Mobil Media Widget (Screenshot 1000819375) */
@media (max-width: 767px) {
  .bottom-social-panel.has-active-media .room-media-player-widget,
  .room-media-player-widget.active {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 60 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    pointer-events: auto !important;
  }

  .room-media-pill-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 6px 8px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16) !important;
    border: 1px solid #e2e8f0 !important;
  }

  .room-media-left-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
  }

  .room-media-avatar-progress-wrap {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    flex-shrink: 0 !important;
  }

  .room-media-circular-progress-svg {
    width: 44px !important;
    height: 44px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: rotate(-90deg) !important;
    pointer-events: none !important;
  }

  .room-media-dj-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #cbd5e1 !important;
  }

  .room-media-controls-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
  }

  .room-media-sound-tab {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .room-media-fullscreen-btn {
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    background: #78909c !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .room-media-clip-body {
    width: 136px !important;
    height: 78px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #000000 !important;
    flex-shrink: 0 !important;
  }

  .room-media-youtube-container {
    width: 100% !important;
    height: 100% !important;
  }

  .room-media-clip-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .chat-messages-container {
    padding-right: 175px !important;
  }
}

/* Desktop Media Widget (Screenshot 1000819347) */
@media (min-width: 768px) {
  .bottom-social-panel.has-active-media .room-media-player-widget,
  .room-media-player-widget.active {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    background: #000000 !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    margin: 0 !important;
  }

  .bottom-social-panel .room-media-pill-card {
    width: 100% !important;
    background: #000000 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .bottom-social-panel .room-media-left-col {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    order: 2 !important;
  }

  .bottom-social-panel .room-media-avatar-progress-wrap {
    display: none !important;
  }

  .bottom-social-panel .room-media-clip-body {
    width: 100% !important;
    height: 220px !important;
    max-height: 240px !important;
    aspect-ratio: 16 / 9 !important;
    background: #000000 !important;
    border-radius: 0 !important;
    order: 1 !important;
  }

  .bottom-social-panel .room-media-controls-row {
    width: 100% !important;
    background: #0f172a !important;
    padding: 6px 14px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  .bottom-social-panel .room-media-fullscreen-btn {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    background: #78909c !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ============================================================
   2. HƏDİYYƏ MODALI (MOBİL VƏ DESKTOP REPLİKA)
   - Mobil (Screenshot 1000819376): Başlıq mobil ekranın üstündə, tor 5 sütun
   - Desktop (Screenshot 1000819382): Başlıq sağ panelin üstündə, tor 8 sütun
   - Standart və Premium tabları yoxdur
   - Klip və musiqi ifa edici panellər hədiyyə modalı açıq olanda görünmür
   ============================================================ */

/* Standart vəziyyətdə (hədiyyə rejimi aktiv deyilsə) Hədiyyə paneli və başlığı tam gizlidir */
.gift-panel-section,
#giftPanelSection {
  display: none !important;
}

/* YALNIZ oyunçuya klik edildikdə (.gift-mode-active) Hədiyyə modalı açılır */
.game-viewport.gift-mode-active .gift-panel-section,
.game-viewport.gift-mode-active #giftPanelSection {
  display: flex !important;
}

/* Hədiyyə modalı açıq olanda: Klip və Musiqi ifa edici panellər QƏTİYYƏN GÖRÜNMÜR */
.game-viewport.gift-mode-active .bottom-social-panel,
.game-viewport.gift-mode-active #bottomSocialPanel,
.game-viewport.gift-mode-active .room-media-player-widget,
.game-viewport.gift-mode-active #roomMediaPlayerWidget,
.game-viewport.gift-mode-active #roomMediaClipPlayer,
.game-viewport.gift-mode-active .floating-side-buttons,
.game-viewport.gift-mode-active .top-navbar {
  display: none !important;
  visibility: hidden !important;
}

/* Hədiyyə modalı başlıq sətri (Profil məlumatları + Ən sağda + düyməsi) */
.gift-header-bar {
  height: 52px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 14px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.gift-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.gift-header-avatar-circle {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.gift-header-text-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.gift-header-sub {
  font-size: 0.72rem !important;
  color: #64748b !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

.gift-header-name {
  font-size: 0.95rem !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.gift-header-add-btn {
  margin-left: auto !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #8bc34a !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(139, 195, 74, 0.45) !important;
  transition: transform 0.15s, background 0.15s !important;
}

.gift-header-add-btn:hover {
  background: #7cb342 !important;
  transform: scale(1.08) !important;
}

/* Mobil Hədiyyə Modalı (Screenshot 1000819376):
   - Başlıq mobil ekranın ən üstündə yerləşir
   - 5 sütunlu hədiyyələr toru */
@media (max-width: 767px) {
  .game-viewport.gift-mode-active #giftPanelSection {
    height: 45% !important;
    flex: 0 0 45% !important;
    max-height: 45% !important;
    min-height: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .game-viewport.gift-mode-active #giftHeaderBar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    z-index: 190 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  }

  .gifts-grid-container {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 8px 4px !important;
    padding: 10px 8px 50px 8px !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
  }
}

/* Desktop Hədiyyə Modalı (Screenshot 1000819382):
   - Başlıq birbaşa sağ panelin üstündə yerləşir (oyun masası tam təmizdir)
   - 8 sütunlu hədiyyələr toru */
@media (min-width: 768px) {
  .game-viewport.gift-mode-active #giftPanelSection {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    border-left: 1px solid #dbe2ea !important;
    overflow: hidden !important;
  }

  .game-viewport.gift-mode-active #giftHeaderBar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 52px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    z-index: 50 !important;
  }

  .gifts-grid-container {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 8px 6px !important;
    padding: 12px 14px 60px 14px !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
  }
}

/* Hədiyyələr panelinin aşağı sağ küncündəki tək üzən yaşıl ✕ düyməsi */
.gift-panel-floating-close-btn {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #8bc34a !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(139, 195, 74, 0.6) !important;
  z-index: 100 !important;
  transition: transform 0.15s, background 0.15s !important;
}

.gift-panel-floating-close-btn:hover {
  background: #7cb342 !important;
  transform: scale(1.08) !important;
}


/* ============================================================
   KLİP VƏ MUSİQİ QOŞMAQ DÜYMƏLƏRİ (EXACT REPLICA OF SCREENSHOTS)
   - Mobil (Screenshot 1000819400): Çatın sağında 2 üzən dairəvi düymə (üst klip, alt musiqi)
   - Desktop (Screenshot 1000819403): Sağ panelin yuxarı sağ küncündə 2 düymə
   - İfa zamanı və ya hədiyyə modalı açılanda bu düymələr gizlənir
   ============================================================ */
.floating-side-buttons {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 45;
  pointer-events: auto;
}

.circle-media-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
}

.circle-media-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.floating-media-icon-img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  pointer-events: none;
}

/* Mobil tənzimləmələri (Screenshot 1000819400 & 1000819401) */
@media (max-width: 767px) {
  .floating-side-buttons {
    position: absolute !important;
    top: 12px !important;
    right: 8px !important;
    z-index: 45 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .circle-media-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
  }

  /* Media ifa olunanda sağdakı üzən vidcet üçün boşluq */
  .bottom-social-panel.has-active-media .chat-messages-container {
    padding-right: 185px !important;
  }

  /* Media ifa olunanda və ya hədiyyə rejimində qoşma düymələri gizlənir */
  .bottom-social-panel.has-active-media .floating-side-buttons,
  .game-viewport.gift-mode-active .floating-side-buttons {
    display: none !important;
  }
}

/* Desktop tənzimləmələri (Screenshot 1000819403 & 1000819402) */
@media (min-width: 768px) {
  .floating-side-buttons {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 45 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .circle-media-btn {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
    padding: 3px !important;
  }

  .circle-media-btn .floating-media-icon-img {
    width: 20px !important;
    height: 20px !important;
  }

  .bottom-social-panel.has-active-media .floating-side-buttons,
  .game-viewport.gift-mode-active .floating-side-buttons {
    display: none !important;
  }
}


/* ============================================================
   MEDIA İFA PANELİ YALNIZ VƏ YALNIZ KLİP/MUSİQİ İFA OLUNDUQDA GÖRÜNÜR
   Otağa klip vəya musiqi qoşulmayıbsa ifa paneli tam gizlidir
   ============================================================ */
.room-media-player-widget:not(.active),
#roomMediaPlayerWidget:not(.active),
.bottom-social-panel:not(.has-active-media) .room-media-player-widget,
.bottom-social-panel:not(.has-active-media) #roomMediaPlayerWidget {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Yalnız aktiv ifa olduqda görünür */
.bottom-social-panel.has-active-media .room-media-player-widget,
.bottom-social-panel.has-active-media #roomMediaPlayerWidget,
.room-media-player-widget.active,
#roomMediaPlayerWidget.active {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


/* ============================================================
   MOBİL İFA PANELİ DİZAYNI: F DÜYMƏSİ BÖYÜDÜR, K DÜYMƏSİ KİÇİLDİR
   (Screenshots 1000819420, 1000819418, 1000819422 1:1 REPLICA)
   ============================================================ */

@media (max-width: 767px) {
  /* Standart Kiçik Vəziyyət (F Düyməsi görünür - Screenshot 1000819422): */
  .room-media-player-widget:not(.clip-expanded) {
    position: absolute !important;
    top: 4px !important;
    right: 0 !important;
    z-index: 60 !important;
    width: auto !important;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.25, 1) !important;
  }

  .room-media-player-widget:not(.clip-expanded) .room-media-pill-card {
    background: #ffffff !important;
    border-radius: 20px 0 0 20px !important;
    padding: 6px 8px 6px 6px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
    border: 1px solid #e2e8f0 !important;
    border-right: none !important;
  }

  .room-media-player-widget:not(.clip-expanded) .room-media-left-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
  }

  .room-media-player-widget:not(.clip-expanded) .room-media-clip-body {
    width: 140px !important;
    height: 80px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #000000 !important;
    flex-shrink: 0 !important;
  }

  /* Böyüdülmüş Vəziyyət (K Düyməsi görünür - Screenshot 1000819420 & 1000819418): */
  .room-media-player-widget.clip-expanded {
    position: absolute !important;
    top: 4px !important;
    right: 0 !important;
    left: 4px !important;
    width: calc(100% - 4px) !important;
    z-index: 65 !important;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.25, 1) !important;
  }

  .room-media-player-widget.clip-expanded .room-media-pill-card {
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 20px 0 0 20px !important;
    padding: 6px 8px 6px 6px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid #e2e8f0 !important;
    border-right: none !important;
  }

  .room-media-player-widget.clip-expanded .room-media-left-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
  }

  .room-media-player-widget.clip-expanded .room-media-clip-body {
    flex: 1 1 auto !important;
    width: calc(100% - 56px) !important;
    height: 180px !important;
    max-height: 195px !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #000000 !important;
  }

  .room-media-player-widget.clip-expanded .room-media-fullscreen-btn {
    background: #78909c !important;
    color: #ffffff !important;
    font-weight: 800 !important;
  }

  /* F və K düyməsi ümumi dizaynı */
  .room-media-fullscreen-btn {
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    background: #78909c !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.15s, background 0.15s !important;
  }
  .room-media-fullscreen-btn:active {
    transform: scale(0.92) !important;
  }

  /* Səs aç/bağla düyməsi dizaynı */
  .room-media-sound-tab {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* ============================================================
   STARTUP PRELOADER & ACCOUNT MODAL (SCREENSHOTS 1.jpg, 2.jpg, 3.jpg)
   ============================================================ */
.game-startup-loader {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 99999 !important;
  background-color: #799f3c !important;
  background-image: url('../images/loading_pattern.svg'), radial-gradient(circle at center, #88b346 0%, #6d9133 100%) !important;
  background-repeat: repeat, no-repeat !important;
  background-size: 150px 150px, 100% 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.45s ease, visibility 0.45s ease !important;
}

.game-startup-loader.fade-out {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.startup-step-box.is-hidden { display: none !important; }
.startup-step-box.is-visible { display: flex !important; }
.startup-step-box {
  display: flex;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.startup-progress-pill-track {
  width: min(320px, 58vw) !important;
  min-width: 220px !important;
  height: 22px !important;
  background: #ffffff !important;
  border-radius: 999px !important;
  padding: 3px !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 4px 15px rgba(0, 0, 0, 0.18) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  position: relative !important;
}

.startup-progress-bar-fill {
  height: 100% !important;
  width: 0%;
  background: linear-gradient(90deg, #8bc34a, #689f38) !important;
  border-radius: 999px !important;
  transition: width 0.15s ease-out !important;
}

.startup-3d-logo {
  width: min(380px, 85vw) !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.25)) !important;
  animation: logoPopIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

@keyframes logoPopIn {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* Registration Profile Card (Screenshot 3.jpg 1:1 Replica) */
.register-profile-card {
  width: min(340px, 92vw) !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 24px 22px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.28) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.reg-modal-title {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  margin-bottom: 6px !important;
}

.reg-modal-subtitle {
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  color: #1e293b !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
  padding: 0 6px !important;
}

.reg-form-simple {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.reg-simple-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
}

.reg-simple-label {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  width: 50px !important;
  text-align: left !important;
}

.reg-gender-tiles-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.reg-gender-tile-box {
  cursor: pointer !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 4px !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.reg-gender-tile-box input {
  display: none !important;
}

.reg-gender-tile-box.boy-tile.active,
.reg-gender-tile-box.boy-tile:has(input:checked) {
  border-color: #3b82f6 !important;
  background: #eff6ff !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3) !important;
}

.reg-gender-tile-box.girl-tile.active,
.reg-gender-tile-box.girl-tile:has(input:checked) {
  border-color: #ec4899 !important;
  background: #fdf2f8 !important;
  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.3) !important;
}

.reg-age-select-wrap {
  flex: 1 !important;
  display: flex !important;
  justify-content: flex-start !important;
}

.reg-age-dropdown {
  width: 120px !important;
  padding: 8px 12px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  outline: none !important;
  cursor: pointer !important;
}

.reg-btn-davam-et {
  margin-top: 8px !important;
  width: 100% !important;
  padding: 10px !important;
  border-radius: 12px !important;
  background: #84cc16 !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(132, 204, 22, 0.4) !important;
  transition: transform 0.15s, background 0.15s !important;
}

.reg-btn-davam-et:hover {
  background: #65a30d !important;
  transform: translateY(-1px) !important;
}

/* ============================================================
   MULTI-SELECT GIFT HEADER & CARD OVERLAYS
   (Screenshots 2026-11-10_11-24-18 & 2026-11-10_11-20-01)
   ============================================================ */
.gift-header-subrow {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.multi-header-row {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.gift-multi-label {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #64748b !important;
}

.gift-multi-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.multi-filter-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.15s !important;
}

.multi-filter-btn:hover {
  transform: scale(1.1) !important;
}

.multi-filter-btn.boy-filter,
.multi-filter-btn.girl-filter {
  background: #84cc16 !important;
  box-shadow: 0 2px 8px rgba(132, 204, 22, 0.45) !important;
}

.multi-filter-btn.cancel-filter {
  background: #ef4444 !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 900 !important;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.45) !important;
}

/* Player card overlays on table */
.table-player-node .player-select-overlay {
  display: none;
  position: absolute;
  inset: 0;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  z-index: 30;
  pointer-events: none;
  transition: all 0.18s ease;
}

.table-player-node.multi-select-mode .player-select-overlay {
  display: flex !important;
}

.table-player-node.multi-select-mode:not(.is-selected-recipient) .player-select-overlay {
  background: rgba(0, 0, 0, 0.52) !important;
}
.table-player-node.multi-select-mode:not(.is-selected-recipient) .player-select-overlay::after {
  content: '+';
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1;
}

.table-player-node.multi-select-mode.is-selected-recipient .player-select-overlay {
  background: rgba(132, 204, 22, 0.6) !important;
  box-shadow: inset 0 0 0 2px #84cc16, 0 0 14px rgba(132, 204, 22, 0.7) !important;
}
.table-player-node.multi-select-mode.is-selected-recipient .player-select-overlay::after {
  content: '✓';
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
}


/* ============================================================
   BUTULKA.COM AUTHENTIC MODALS, DIALOGS, GIFTS & UI STYLES
   Extracted & Replicated 1:1 from butulka.com
   ============================================================ */

/* 1. Backdrop Shade */
.popup-shade,
.app-modal-overlay {
  background-color: rgba(0, 0, 0, 0.58) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: opacity 0.25s ease-out, visibility 0.25s ease-out !important;
}

/* 2. Popups & Dialogs Core */
.popup,
.clean-white-modal,
.agac-league-modal-card,
.ach-modal-card,
.reytinq-modal-card,
.terz-modal-card,
.buster-modal-card,
.register-profile-card,
.friends-modal-card,
.bonus-reytinq-modal-card,
.contact-modal-card {
  background-color: #ffffff !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #1e293b !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  will-change: transform, opacity !important;
  animation: popup--show-frames 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes popup--show-frames {
  0% { opacity: 0; transform: scale(0.93) translateY(8px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

/* 3. Popup Close Buttons */
.popup__close-icon,
.modal-close-circle-red,
.modal-close-circle-green,
.modal-corner-close-green,
.bonus-modal-close-green,
.ach-modal-close-green,
.reytinq-close-circle-blue,
.butulka-floating-close-green,
.friends-modal-close-green,
.contact-modal-close-green,
.buster-modal-close-green,
.terz-modal-close-green,
.agac-league-close-btn,
.gift-panel-floating-close-btn {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%239BCC33%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Crect%20x%3D%228.5%22%20y%3D%22-2%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-4.1424%209.9997)%22%20class%3D%22st0%22%20width%3D%223%22%20height%3D%2224%22%2F%3E%3Crect%20x%3D%22-2%22%20y%3D%228.5%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-4.1419%2010.0003)%22%20class%3D%22st0%22%20width%3D%2224%22%20height%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-size: 16px 16px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #ffffff !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 2px solid #9BCC33 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22) !important;
  cursor: pointer !important;
  font-size: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.modal-close-circle-red {
  border-color: #ef4444 !important;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23ef4444%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Crect%20x%3D%228.5%22%20y%3D%22-2%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-4.1424%209.9997)%22%20class%3D%22st0%22%20width%3D%223%22%20height%3D%2224%22%2F%3E%3Crect%20x%3D%22-2%22%20y%3D%228.5%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-4.1419%2010.0003)%22%20class%3D%22st0%22%20width%3D%2224%22%20height%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
}

.popup__close-icon:hover,
.modal-close-circle-red:hover,
.modal-close-circle-green:hover,
.gift-panel-floating-close-btn:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3) !important;
}

.popup__close-drawer-bg {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: absolute !important;
  border-radius: 23px !important;
  width: 44px !important;
  height: 44px !important;
  right: 12px !important;
  top: 6px !important;
  z-index: 50 !important;
}

.popup__close--drawer {
  width: 32px !important;
  height: 32px !important;
}

/* 4. Gift Category Tabs (Standart vs Premium) */
.gift-category-tabs {
  position: relative !important;
  z-index: 30 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 6px 12px 10px 12px !important;
  padding: 3px !important;
  background: #f1f5f9 !important;
  border-radius: 20px !important;
}

.gift-category-tabs button {
  flex: 1 !important;
  min-width: 0 !important;
  height: 32px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.gift-category-tabs button.active {
  background: #7c3aed !important;
  color: #ffffff !important;
  box-shadow: 0 3px 8px rgba(124, 58, 237, 0.35) !important;
}

/* 5. Send Gift Items Grid */
.gifts-grid-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)) !important;
  gap: 8px !important;
  padding: 8px 12px 16px 12px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-height: calc(100% - 105px) !important;
}

.send-gift__item,
.gift-item-cell {
  width: auto !important;
  height: 88px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 5px 3px !important;
  cursor: pointer !important;
  position: relative !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.send-gift__item:hover,
.gift-item-cell:hover {
  transform: translateY(-2px) scale(1.04) !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.22) !important;
  z-index: 2 !important;
}

.send-gift__item:active,
.gift-item-cell:active {
  transform: scale(0.96) !important;
}

.send-gift__image-block,
.gift-icon-wrapper {
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.send-gift__image,
.gift-custom-icon-img {
  max-width: 50px !important;
  max-height: 50px !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.send-gift__image--locked {
  filter: grayscale(0.85) opacity(0.65) !important;
}

.send-gift__subitem,
.gift-cost-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
  border-radius: 10px !important;
  padding: 1px 6px !important;
  margin-top: 2px !important;
  pointer-events: none !important;
}

.send-gift__icon--heart {
  width: 14px !important;
  height: 12px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2072%2056%22%20style%3D%22enable-background%3Anew%200%200%2072%2056%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3Aurl(%23SVGID_1_)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2236%22%20y1%3D%221.6667%22%20x2%3D%2236%22%20y2%3D%2246.3676%22%3E%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23F6711C%22%2F%3E%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%23DC3600%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M51.2%2C1.1c-7.9%2C0-13%2C4.6-14.6%2C6.4c-0.3%2C0.3-0.8%2C0.3-1.2%2C0c-1.6-1.8-6.7-6.4-14.6-6.4c-9.7%2C0-19.7%2C8.1-19.7%2C19.3%20s8%2C16.5%2C15.9%2C22c6.4%2C4.5%2C13.4%2C9.3%2C16.8%2C11.7c1.3%2C0.9%2C3.1%2C0.9%2C4.4%2C0C41.6%2C51.8%2C48.6%2C47%2C55%2C42.5c7.8-5.5%2C15.9-10.9%2C15.9-22%20S60.9%2C1.1%2C51.2%2C1.1z%22%2F%3E%3C%2Fsvg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.send-gift__price,
.cost-num {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #e11d48 !important;
  line-height: 1 !important;
}

.send-gift__icon--lock {
  width: 18px !important;
  height: 20px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20178.58%20209.84%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%239a9d99%3Bstroke-miterlimit%3A10%3Bstroke-width%3A20px%7D.cls-2%7Bfill%3A%239c9f9b%7D.cls-3%7Bfill%3A%23464844%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M89.29%2C10A49.61%2C49.61%2C0%2C0%2C0%2C39.69%2C59.61V89.22h98.91v-31C138.9%2C30.79%2C116.69%2C10%2C89.29%2C10Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M25.51%2C70.94H153.07a25.51%2C25.51%2C0%2C0%2C1%2C25.51%2C25.51v24.09a89.29%2C89.29%2C0%2C0%2C1-89.29%2C89.29h0A89.29%2C89.29%2C0%2C0%2C1%2C0%2C120.55V96.46A25.51%2C25.51%2C0%2C0%2C1%2C25.51%2C70.94Z%22%2F%3E%3Ccircle%20class%3D%22cls-3%22%20cx%3D%2289.29%22%20cy%3D%22120.55%22%20r%3D%2219.84%22%2F%3E%3C%2Fsvg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin-top: 4px !important;
}

.send-gift__icon--viplock {
  width: 32px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%2072%22%3E%3Cpath%20fill%3D%22%23A8CF37%22%20d%3D%22M119.3%2C25H2.7l7.8%2C19.5L0.9%2C68.2C0.4%2C69.6%2C1.3%2C71%2C2.7%2C71h116.5V25z%22%2F%3E%3Ctext%20x%3D%2230%22%20y%3D%2258%22%20fill%3D%22%23fff%22%20font-size%3D%2236%22%20font-weight%3D%22bold%22%3EVIP%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin-top: 4px !important;
}

/* 6. Header Action Buttons (Profile, Add, Men, Women, Cancel) */
.send-gift__btn,
.gift-header-add-btn,
.multi-filter-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: none !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.send-gift__btn:hover,
.gift-header-add-btn:hover,
.multi-filter-btn:hover {
  transform: scale(1.1) !important;
}

.send-gift__btn--add,
.gift-header-add-btn {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%239BCC33%22%2F%3E%3Cpath%20d%3D%22M22.262%2014.83h-14.5M15.142%2022.143V7.642%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") !important;
  font-size: 0 !important;
  color: transparent !important;
}

.send-gift__btn--men,
.boy-filter {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%239BCC33%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%225%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M8%2024c0-4%203-7%207-7s7%203%207%207%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") !important;
  font-size: 0 !important;
}

.send-gift__btn--women,
.girl-filter {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%23ec4899%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%225%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M8%2024c0-4%203-7%207-7s7%203%207%207%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") !important;
  font-size: 0 !important;
}

.send-gift__btn--cancel,
.cancel-filter {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%23ef4444%22%2F%3E%3Cpath%20d%3D%22M20%2010L10%2020M20%2020L10%2010%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") !important;
  font-size: 0 !important;
}

.send-gift__btn--profile {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%234A90E2%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%225%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M8%2023c0-3.5%203-6%207-6s7%202.5%207%206%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") !important;
  margin-right: 8px !important;
}

/* 7. Gift Panel Full Bottom-Sheet Layout */
.gift-panel-section {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 48% !important;
  max-height: 380px !important;
  min-height: 290px !important;
  background: #ffffff !important;
  border-radius: 20px 20px 0 0 !important;
  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.45) !important;
  z-index: 100 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.gift-header-bar {
  flex-shrink: 0 !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.gift-header-subrow {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.gift-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.gift-header-avatar-circle {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
}

.gift-header-text-col {
  display: flex !important;
  flex-direction: column !important;
}

.gift-header-sub {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.gift-header-name {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}


/* ============================================================
   TABLE BACKGROUND THEME SWITCHER (butulka.com 1:1 REPLICA)
   ============================================================ */
.table-theme-section {
  margin-top: 10px;
  border-top: 1px solid #f1f5f9;
  padding-top: 10px;
}
.table-themes-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  max-height: 180px !important;
  overflow-y: auto !important;
  padding: 4px !important;
  margin-bottom: 8px !important;
}
.table-theme-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 4px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  user-select: none !important;
}
.table-theme-card:hover {
  transform: translateY(-2px) !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2) !important;
}
.table-theme-card.active-theme {
  border-color: #7c3aed !important;
  background: #f5f3ff !important;
  box-shadow: 0 0 0 2px #7c3aed !important;
}
.table-theme-thumb {
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
  pointer-events: none !important;
}
.table-theme-name {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  margin-top: 4px !important;
  text-align: center !important;
  pointer-events: none !important;
}


/* ============================================================
   16 ADVANCED BUTULKA.COM MODALS & VISUAL EFFECT STYLES
   ============================================================ */

/* 1. Roulette & Jackpot */
.roulette-popup-card {
  background: radial-gradient(circle at 50% 30%, #2e1065 0%, #0f172a 100%) !important;
  color: #ffffff !important;
}
.roulette-wheel-container {
  position: relative !important;
  width: 250px !important;
  height: 250px !important;
  margin: 10px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.roulette-pointer-arrow {
  position: absolute !important;
  top: -12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: #f59e0b !important;
  font-size: 26px !important;
  z-index: 20 !important;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,0.5)) !important;
}
.roulette-disk-canvas {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 6px solid #f59e0b !important;
  box-shadow: 0 0 25px rgba(245, 158, 11, 0.4), inset 0 0 20px rgba(0,0,0,0.6) !important;
  background: conic-gradient(
    #ef4444 0deg 45deg,
    #3b82f6 45deg 90deg,
    #10b981 90deg 135deg,
    #f59e0b 135deg 180deg,
    #8b5cf6 180deg 225deg,
    #ec4899 225deg 270deg,
    #06b6d4 270deg 315deg,
    #eab308 315deg 360deg
  ) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 4s cubic-bezier(0.15, 0.9, 0.2, 1) !important;
}
.roulette-center-hub {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  z-index: 10 !important;
}
.btn-spin-roulette-gold {
  width: 86% !important;
  margin: 10px auto 16px auto !important;
  display: block !important;
  padding: 12px 16px !important;
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 25px !important;
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.4) !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}
.btn-spin-roulette-gold:hover { transform: scale(1.03) !important; }
.roulette-win-banner {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  padding: 10px !important;
  margin: 0 16px 14px 16px !important;
  text-align: center !important;
}
.win-banner-title { display: block !important; font-size: 12px !important; color: #cbd5e1 !important; }
.win-banner-prize { display: block !important; font-size: 18px !important; font-weight: 800 !important; color: #fbbf24 !important; }

/* 2. Response Gift */
.response-gift-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.response-gift-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #eff6ff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
}
.response-gift-sender-name { font-size: 16px !important; font-weight: 800 !important; color: #0f172a !important; display: block !important; }
.response-gift-sub { font-size: 12px !important; color: #64748b !important; }
.response-gift-body { padding: 12px 14px 18px 14px !important; }
.response-gift-prompt { font-size: 13px !important; font-weight: 700 !important; color: #334155 !important; margin-bottom: 10px !important; }
.response-gift-quick-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
}

/* 3. Compliments */
.compliments-list-scroll {
  max-height: 280px !important;
  overflow-y: auto !important;
  padding: 8px 14px 16px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.compliment-card-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  background: #fdf2f8 !important;
  border: 1px solid #fbcfe8 !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
}
.compliment-card-item:hover {
  transform: translateY(-2px) !important;
  border-color: #ec4899 !important;
  box-shadow: 0 4px 10px rgba(236, 72, 153, 0.2) !important;
}
.compliment-text { font-size: 13px !important; font-weight: 700 !important; color: #831843 !important; }
.compliment-send-icon { font-size: 16px !important; }

/* 4. Daily Bonus Calendar */
.daily-bonus-hero {
  padding: 16px 16px 10px 16px !important;
  text-align: center !important;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
}
.daily-hero-badge {
  display: inline-block !important;
  padding: 2px 8px !important;
  background: #d97706 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  margin-bottom: 4px !important;
}
.daily-hero-title { display: block !important; font-size: 18px !important; font-weight: 900 !important; color: #78350f !important; }
.daily-hero-sub { display: block !important; font-size: 11px !important; color: #92400e !important; }
.daily-calendar-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  padding: 14px 14px 8px 14px !important;
}
.daily-day-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 8px 4px !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
}
.daily-day-box.active-day {
  border-color: #f59e0b !important;
  background: #fffbeb !important;
  box-shadow: 0 0 0 2px #f59e0b !important;
}
.daily-day-box.claimed { opacity: 0.6 !important; }
.day-num-lbl { font-size: 10px !important; font-weight: 800 !important; color: #64748b !important; }
.day-reward-icon { font-size: 20px !important; margin: 3px 0 !important; }
.day-reward-text { font-size: 11px !important; font-weight: 800 !important; color: #d97706 !important; }
.daily-bonus-footer { padding: 8px 16px 16px 16px !important; }
.btn-claim-daily-gold {
  width: 100% !important;
  padding: 12px !important;
  border-radius: 20px !important;
  border: none !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}

/* 5. Stickers */
.stickers-grid-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  padding: 10px 14px 18px 14px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
}
.sticker-item-btn {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 6px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.15s ease !important;
}
.sticker-item-btn:hover { transform: scale(1.08) !important; border-color: #3b82f6 !important; }
.sticker-img { max-width: 80px !important; max-height: 80px !important; object-fit: contain !important; }

/* 6. User Profile Inspect */
.user-profile-header-banner {
  padding: 16px !important;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #ffffff !important;
}
.inspect-avatar-wrap {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  border: 3px solid #ffffff !important;
  overflow: hidden !important;
  position: relative !important;
}
.inspect-avatar-img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.inspect-name-text { font-size: 18px !important; font-weight: 800 !important; display: block !important; }
.inspect-status-badge { font-size: 11px !important; opacity: 0.85 !important; }
.inspect-stats-trio {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  text-align: center !important;
}
.inspect-stat-val { font-size: 16px !important; font-weight: 800 !important; color: #0f172a !important; display: block !important; }
.inspect-stat-lbl { font-size: 10.5px !important; color: #64748b !important; }
.inspect-gifts-showcase-section { padding: 10px 14px !important; }
.inspect-section-title { font-size: 12px !important; font-weight: 800 !important; color: #475569 !important; display: block !important; margin-bottom: 6px !important; }
.inspect-gifts-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 6px !important;
}
.inspect-gift-slot {
  width: 44px !important;
  height: 44px !important;
  background: #f8fafc !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.inspect-gift-slot img { max-width: 36px !important; max-height: 36px !important; object-fit: contain !important; }
.inspect-actions-row {
  display: flex !important;
  gap: 8px !important;
  padding: 8px 14px 16px 14px !important;
}
.btn-inspect-action {
  flex: 1 !important;
  padding: 9px !important;
  border-radius: 12px !important;
  border: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.btn-inspect-action.send-gift-act { background: #ec4899 !important; color: #ffffff !important; }
.btn-inspect-action.whisper-act { background: #e0e7ff !important; color: #3730a3 !important; }
.btn-inspect-action.add-friend-act { background: #f1f5f9 !important; color: #334155 !important; }

/* 7. Kickout */
.kickout-body-content { padding: 12px 16px 18px 16px !important; }
.kickout-subtext { font-size: 12.5px !important; font-weight: 600 !important; color: #475569 !important; display: block !important; }
.kickout-players-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  max-height: 140px !important;
  overflow-y: auto !important;
  margin: 8px 0 !important;
}
.kickout-player-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}
.kickout-player-row.selected { border-color: #ef4444 !important; background: #fef2f2 !important; }
.kickout-select-field {
  width: 100% !important;
  padding: 8px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  margin: 6px 0 12px 0 !important;
}
.btn-kickout-confirm-red {
  width: 100% !important;
  padding: 11px !important;
  border-radius: 16px !important;
  border: none !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* 8. Report */
.report-body-content { padding: 12px 16px 18px 16px !important; }
.report-field-group { margin-bottom: 10px !important; }
.report-label { font-size: 12px !important; font-weight: 700 !important; color: #334155 !important; display: block !important; margin-bottom: 4px !important; }
.report-input-field, .report-textarea-field {
  width: 100% !important;
  padding: 8px 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}
.report-textarea-field { height: 60px !important; resize: none !important; }
.btn-submit-report-orange {
  width: 100% !important;
  padding: 11px !important;
  border-radius: 16px !important;
  border: none !important;
  background: #f59e0b !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* 9. Harem & Collection */
.harem-intro-text { padding: 0 16px 8px 16px !important; font-size: 12px !important; color: #64748b !important; }
.harem-items-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  padding: 8px 16px 18px 16px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
}
.harem-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 8px !important;
  background: #fdf4ff !important;
  border: 1px solid #f5d0fe !important;
  border-radius: 12px !important;
  text-align: center !important;
}
.harem-card img { max-width: 50px !important; max-height: 50px !important; object-fit: contain !important; }
.harem-item-title { font-size: 11px !important; font-weight: 700 !important; color: #86198f !important; margin: 4px 0 !important; }
.harem-item-price { font-size: 11px !important; font-weight: 800 !important; color: #e11d48 !important; }

/* 10. Tokens & Gestures Bank */
.tokens-header-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.tokens-header-title { font-size: 18px !important; font-weight: 800 !important; color: #0f172a !important; }
.tokens-pill-balance { background: #fef3c7 !important; color: #92400e !important; padding: 4px 10px !important; border-radius: 12px !important; font-size: 12px !important; }
.tokens-packages-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  padding: 12px 16px !important;
}
.token-package-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
}
.token-package-box.popular { border-color: #f59e0b !important; background: #fffbeb !important; }
.pkg-coins { font-size: 16px !important; font-weight: 800 !important; color: #b45309 !important; }
.pkg-desc { font-size: 10px !important; color: #64748b !important; margin: 2px 0 6px 0 !important; }
.btn-buy-token-pkg {
  padding: 3px 8px !important;
  border-radius: 8px !important;
  border: none !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* 11. Language Options */
.lang-options-list { padding: 12px 16px 20px 16px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.lang-opt-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  border: 1.5px solid #e2e8f0 !important;
  cursor: pointer !important;
  font-weight: 700 !important;
}
.lang-opt-item.active { border-color: #3b82f6 !important; background: #eff6ff !important; color: #1d4ed8 !important; }
.lang-flag { font-size: 20px !important; }
.lang-name { flex: 1 !important; font-size: 14px !important; }
.lang-check { font-size: 16px !important; color: #3b82f6 !important; }

/* 12. Bottle Pass */
.bottle-pass-header-hero {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
  color: #ffffff !important;
  padding: 16px !important;
}
.bpass-season-tag { font-size: 10px !important; font-weight: 800 !important; background: #eab308 !important; color: #000 !important; padding: 2px 6px !important; border-radius: 6px !important; }
.bpass-title { font-size: 20px !important; font-weight: 900 !important; display: block !important; margin: 4px 0 !important; }
.bpass-progress-wrap { margin-top: 6px !important; }
.bpass-progress-bar { width: 100% !important; height: 8px !important; background: rgba(255,255,255,0.2) !important; border-radius: 4px !important; overflow: hidden !important; margin: 4px 0 !important; }
.bpass-progress-fill { height: 100% !important; background: #10b981 !important; }
.bpass-pts { font-size: 11px !important; opacity: 0.8 !important; }
.bpass-tracks-scroll { padding: 12px 16px 18px 16px !important; max-height: 240px !important; overflow-y: auto !important; }

/* 13. Gift Unlocked Celebration */
.gift-unlocked-body { padding: 24px 16px !important; text-align: center !important; }
.unlocked-burst-icon { font-size: 40px !important; animation: burstBounce 0.6s ease infinite alternate !important; }
@keyframes burstBounce { from { transform: scale(1); } to { transform: scale(1.2); } }
.unlocked-title { font-size: 20px !important; font-weight: 900 !important; color: #0f172a !important; display: block !important; }
.unlocked-sub { font-size: 13px !important; color: #64748b !important; }
.unlocked-gift-preview {
  margin: 14px auto !important;
  width: 90px !important;
  height: 90px !important;
  background: #f8fafc !important;
  border-radius: 14px !important;
  border: 2px solid #e2e8f0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.unlocked-img { max-width: 55px !important; max-height: 55px !important; object-fit: contain !important; }
.btn-unlocked-awesome-green {
  width: 70% !important;
  padding: 11px !important;
  border-radius: 20px !important;
  border: none !important;
  background: #10b981 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* 14. VIP Status Card */
.vip-gold-hero {
  background: linear-gradient(135deg, #78350f 0%, #d97706 100%) !important;
  color: #ffffff !important;
  padding: 20px 16px !important;
  text-align: center !important;
}
.vip-crown-big { font-size: 36px !important; display: block !important; }
.vip-hero-title { font-size: 20px !important; font-weight: 900 !important; display: block !important; margin: 4px 0 !important; }
.vip-hero-sub { font-size: 12px !important; opacity: 0.9 !important; }
.vip-perks-list { padding: 14px 16px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.vip-perk-item { display: flex !important; gap: 10px !important; font-size: 12.5px !important; color: #334155 !important; }
.btn-activate-vip-gold {
  width: 88% !important;
  margin: 0 auto 16px auto !important;
  display: block !important;
  padding: 12px !important;
  border-radius: 25px !important;
  border: none !important;
  background: linear-gradient(135deg, #f59e0b 0%, #b45309 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(180, 83, 9, 0.4) !important;
}

/* 15. 3D Multi-Layer Bottle Rendering */
.bottle-3d-layers {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}
.bottle-layer-shadow {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0.45 !important;
  filter: blur(4px) !important;
  transform: translateY(6px) !important;
}
.bottle-layer-normal {
  position: absolute !important;
  inset: 0 !important;
  mix-blend-mode: overlay !important;
  opacity: 0.35 !important;
}
.bottle-layer-luminosity {
  position: absolute !important;
  inset: 0 !important;
  mix-blend-mode: screen !important;
  opacity: 0.25 !important;
}

/* 16. Spine 2D Live Glow Gifts */
.spine-animated-gift {
  animation: spinePulseGlow 2.5s ease-in-out infinite alternate !important;
}
@keyframes spinePulseGlow {
  0% { filter: drop-shadow(0 0 2px rgba(255,255,255,0.4)); }
  100% { filter: drop-shadow(0 0 10px rgba(236,72,153,0.8)); }
}


/* ============================================================
   FINAL 1:1 BUTULKA.COM REPLICA MODALS (17 TO 22)
   ============================================================ */

/* 17. Message Actions Dialog */
.msg-actions-card { padding: 14px !important; }
.msg-actions-header {
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 10px !important;
  margin-bottom: 8px !important;
}
.msg-actions-sender { font-size: 15px !important; font-weight: 800 !important; color: #0f172a !important; display: block !important; }
.msg-actions-quote { font-size: 12px !important; color: #64748b !important; font-style: italic !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; }
.msg-actions-list { display: flex !important; flex-direction: column !important; gap: 4px !important; }
.msg-act-btn {
  width: 100% !important;
  padding: 9px 12px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 8px !important;
  text-align: left !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
.msg-act-btn:hover { background: #f1f5f9 !important; }
.msg-act-btn.text-red { color: #ef4444 !important; }
.msg-act-btn.text-red:hover { background: #fef2f2 !important; }

/* 18. League Move */
.league-move-hero {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%) !important;
  color: #ffffff !important;
  padding: 20px 16px !important;
  text-align: center !important;
}
.league-move-trophy { font-size: 38px !important; display: block !important; }
.league-move-title { font-size: 20px !important; font-weight: 900 !important; display: block !important; }
.league-move-sub { font-size: 13px !important; opacity: 0.9 !important; }
.league-move-ladder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  padding: 18px 16px !important;
}
.ladder-step {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.step-cup { font-size: 32px !important; }
.step-lbl { font-size: 12px !important; font-weight: 800 !important; color: #475569 !important; margin-top: 4px !important; }
.ladder-arrow-up { font-size: 24px !important; color: #10b981 !important; font-weight: 900 !important; }
.league-move-perk {
  padding: 10px 16px !important;
  background: #ecfdf5 !important;
  border-top: 1px solid #d1fae5 !important;
  font-size: 12px !important;
  color: #065f46 !important;
  text-align: center !important;
}
.btn-league-move-great {
  width: 86% !important;
  margin: 14px auto 16px auto !important;
  display: block !important;
  padding: 12px !important;
  border-radius: 20px !important;
  border: none !important;
  background: #10b981 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

/* 19. Invite Friend */
.invite-header-banner {
  background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%) !important;
  color: #ffffff !important;
  padding: 18px 16px !important;
  text-align: center !important;
}
.invite-icon-big { font-size: 36px !important; display: block !important; }
.invite-title { font-size: 19px !important; font-weight: 900 !important; display: block !important; }
.invite-sub { font-size: 11.5px !important; opacity: 0.85 !important; }
.invite-body-content { padding: 14px 16px 18px 16px !important; }
.invite-tracker-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
.tracker-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 8px 4px !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
}
.tracker-box.active { border-color: #f59e0b !important; background: #fffbeb !important; }
.tracker-num { font-size: 11px !important; font-weight: 800 !important; color: #475569 !important; }
.tracker-reward { font-size: 12px !important; font-weight: 800 !important; color: #d97706 !important; }
.invite-link-label { font-size: 12px !important; font-weight: 700 !important; color: #334155 !important; display: block !important; margin-bottom: 4px !important; }
.invite-link-input-group { display: flex !important; gap: 6px !important; }
.invite-link-input {
  flex: 1 !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 12px !important;
  background: #f8fafc !important;
}
.btn-copy-link-blue {
  padding: 0 14px !important;
  border-radius: 8px !important;
  border: none !important;
  background: #3b82f6 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* 20. Agreement */
.agreement-scroll-text {
  max-height: 220px !important;
  overflow-y: auto !important;
  padding: 10px 16px !important;
  font-size: 12.5px !important;
  color: #475569 !important;
  line-height: 1.5 !important;
}
.agreement-scroll-text p { margin-bottom: 8px !important; }
.agreement-footer { padding: 10px 16px 16px 16px !important; }
.btn-agree-confirm-green {
  width: 100% !important;
  padding: 12px !important;
  border-radius: 20px !important;
  border: none !important;
  background: #10b981 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

/* 21. Rate App */
.rate-body { padding: 20px 16px !important; text-align: center !important; }
.rate-star-icon { font-size: 38px !important; display: block !important; margin-bottom: 4px !important; }
.rate-title { font-size: 18px !important; font-weight: 900 !important; color: #0f172a !important; display: block !important; }
.rate-sub { font-size: 12px !important; color: #64748b !important; margin: 4px 0 12px 0 !important; display: block !important; }
.rate-stars-row { display: flex !important; justify-content: center !important; gap: 8px !important; margin-bottom: 16px !important; }
.star-btn { font-size: 32px !important; color: #cbd5e1 !important; cursor: pointer !important; transition: color 0.15s !important; }
.star-btn.active { color: #f59e0b !important; }
.btn-rate-submit-gold {
  width: 80% !important;
  margin: 0 auto !important;
  padding: 11px !important;
  border-radius: 20px !important;
  border: none !important;
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* 22. UID Copy */
.uid-body { padding: 24px 16px !important; text-align: center !important; }
.uid-title { font-size: 14px !important; font-weight: 700 !important; color: #64748b !important; display: block !important; }
.uid-code { font-size: 18px !important; font-weight: 900 !important; color: #0f172a !important; display: block !important; margin: 8px 0 16px 0 !important; letter-spacing: 1px !important; }
.btn-copy-uid-blue {
  width: 70% !important;
  padding: 10px !important;
  border-radius: 20px !important;
  border: none !important;
  background: #3b82f6 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}


/* ============================================================
   WEBGL 3D BOTTLE CANVAS, 4 CURRENCIES, & OAUTH AUTHENTICATION
   ============================================================ */

/* 1. WebGL 3D Bottle Canvas */
.bottle-webgl-canvas {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 180px !important;
  height: 180px !important;
  pointer-events: none !important;
  z-index: 25 !important;
}

/* 2. 4 Currencies in Navbar */
.nav-left {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.currency-pill {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 8px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
  cursor: pointer !important;
  transition: transform 0.15s !important;
}
.currency-pill:hover { transform: scale(1.05) !important; }
.token-pill { background: #fef3c7 !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.chance-pill { background: #ecfdf5 !important; color: #047857 !important; border: 1px solid #a7f3d0 !important; }
.stone-pill { background: #fdf2f8 !important; color: #be185d !important; border: 1px solid #fbcfe8 !important; }
.nav-currency-number { font-size: 12px !important; font-weight: 800 !important; }

/* 3. OAuth Social Buttons */
.oauth-social-login-section { margin-top: 14px !important; text-align: center !important; }
.oauth-divider {
  position: relative !important;
  margin: 12px 0 !important;
  text-align: center !important;
}
.oauth-divider::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: #e2e8f0 !important;
}
.oauth-divider span {
  position: relative !important;
  background: #ffffff !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
}
.oauth-buttons-row { display: flex !important; gap: 8px !important; }
.btn-oauth-provider {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 6px !important;
  border-radius: 10px !important;
  border: 1.5px solid #e2e8f0 !important;
  background: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.btn-oauth-provider:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1) !important;
  border-color: #cbd5e1 !important;
}

/* 10-Second Table Change Cooldown (butulka.com 1:1 parity) */
.nav-right-table.cooling-down {
  cursor: not-allowed !important;
  opacity: 0.88 !important;
}
.nav-right-table.cooling-down:hover .table-refresh-svg {
  transform: none !important;
}
.nav-right-table.cooling-down .table-refresh-circle-btn {
  background: #475569 !important;
  box-shadow: 0 0 8px rgba(71, 85, 105, 0.45) !important;
  cursor: not-allowed !important;
}
.nav-right-table.cooling-down .table-refresh-svg {
  display: none !important;
}
.nav-right-table.cooling-down .table-countdown-badge {
  display: inline-block !important;
}


/* =========================================================================
   STEP 2 ENHANCEMENTS: Top Navbar (1000824069), Kisses, Gestures & Themes
   ========================================================================= */

/* Top Navbar 1:1 alignment matching 1000824069.jpg */
.top-navbar {
  position: absolute !important;
  top: 8px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 44px !important;
  padding: 0 10px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  z-index: 185 !important;
  background: transparent !important;
  pointer-events: none !important;
}
.top-navbar > * {
  pointer-events: auto !important;
}
.top-navbar .nav-left {
  display: flex !important;
  align-items: center !important;
}
.top-navbar .heart-count-pill {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}
.top-navbar .nav-heart-svg {
  width: 30px !important;
  height: 30px !important;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,0.4)) !important;
}
.top-navbar .nav-heart-number {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 1.15rem !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
}

.top-navbar .nav-center-icons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.top-navbar .nav-action-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  background: rgba(212, 132, 58, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
}

/* Rank button with #12 on top and white pill 3 saat underneath */
.top-navbar .nav-league-rank-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.top-navbar .nav-league-rank-btn {
  width: 36px !important;
  height: 24px !important;
  border-radius: 12px !important;
  background: rgba(212, 132, 58, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.top-navbar .nav-league-rank-num {
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1 !important;
}
.top-navbar .nav-league-timer-pill {
  background: #ffffff !important;
  color: #c2410c !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  padding: 1px 5px !important;
  border-radius: 6px !important;
  margin-top: -3px !important;
  z-index: 2 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* Right side Masa + 1 + Refresh circle */
.top-navbar .nav-right-table {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
}
.top-navbar .nav-right-table .table-word {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}
.top-navbar .nav-right-table .table-num {
  font-size: 13px !important;
  font-weight: 900 !important;
}
.top-navbar .table-refresh-circle-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  background: rgba(212, 132, 58, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Kiss Count Badge: exactly 10px below top-right corner, always on top of gifts (z-index 50) */
.avatar-kiss-badge {
  position: absolute !important;
  top: 10px !important;
  right: -5px !important;
  width: 28px !important;
  height: 24px !important;
  background: url('../images/hediyyeler/g_air_kiss1_v2.png') no-repeat center center / contain !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 3px #000000 !important;
  z-index: 50 !important;
  pointer-events: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.avatar-kiss-badge:empty,
.avatar-kiss-badge[data-kisses="0"] {
  display: none !important;
}

/* Table Themes Modal (Screenshot 1000824069) */
.table-themes-sheet {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  padding: 16px 16px 22px 16px !important;
  box-sizing: border-box !important;
  box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.25) !important;
  animation: slideUpSheet 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.2) forwards !important;
  z-index: 100 !important;
}
.table-themes-sheet-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  margin-bottom: 12px !important;
  padding-left: 2px !important;
}
.table-themes-scroll-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  overflow-x: auto !important;
  padding-bottom: 10px !important;
  scrollbar-width: thin !important;
}
.table-theme-thumb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: transform 0.15s ease !important;
}
.table-theme-thumb-card:hover, .table-theme-thumb-card.active {
  transform: scale(1.05) !important;
}
.table-theme-thumb-card.active .theme-thumb-img {
  border: 2.5px solid #22c55e !important;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.5) !important;
}
.theme-thumb-img {
  width: 76px !important;
  height: 76px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  border: 2px solid transparent !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.theme-card-price {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.table-themes-close-green {
  position: absolute !important;
  bottom: 14px !important;
  right: 14px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #84cc16 !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(132, 204, 22, 0.45) !important;
  z-index: 10 !important;
}

/* User Gestures Modal (Screenshot 1000824068) */
.user-gestures-sheet {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 54vh !important;
  max-height: 440px !important;
  background: #ffffff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.3) !important;
  animation: slideUpSheet 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.2) forwards !important;
  overflow: hidden !important;
  z-index: 100 !important;
}
.user-gestures-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 18px 8px 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.gestures-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.gestures-user-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #e0f2fe !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.gestures-header-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #64748b !important;
}
.gestures-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}
.user-gestures-grid {
  flex: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px 4px !important;
  padding: 12px 10px 55px 10px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  align-content: start !important;
}
.gesture-grid-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 4px 2px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: transform 0.12s ease !important;
}
.gesture-grid-item:hover, .gesture-grid-item:active {
  transform: scale(1.15) !important;
  background: #f8fafc !important;
}
.gesture-item-img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
}
.gesture-item-price-row {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
}
.user-gestures-close-green {
  position: absolute !important;
  bottom: 14px !important;
  right: 14px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #84cc16 !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(132, 204, 22, 0.45) !important;
  z-index: 10 !important;
}

/* Floating gesture popup on avatar */
.player-gesture-popup-bubble {
  position: absolute !important;
  top: -24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 60 !important;
  pointer-events: none !important;
  animation: gesturePopBubble 2.4s ease-out forwards !important;
}
@keyframes gesturePopBubble {
  0% { opacity: 0; transform: translateX(-50%) scale(0.4) translateY(12px); }
  18% { opacity: 1; transform: translateX(-50%) scale(1.25) translateY(-8px); }
  35% { transform: translateX(-50%) scale(1.0) translateY(-10px); }
  80% { opacity: 1; transform: translateX(-50%) scale(1.0) translateY(-12px); }
  100% { opacity: 0; transform: translateX(-50%) scale(0.8) translateY(-26px); }
}

@keyframes slideUpSheet {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}


/* =========================================================================
   STEP 3 ENHANCEMENTS: Hide floating music icons, corner music notes & polish table modal
   ========================================================================= */

/* Hide floating side buttons on game panel */
.floating-side-buttons,
#floatingSideButtons {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Ensure no music note icons appear on top-left or top-right of avatar cards */
.avatar-crown-corner img[src*="music"],
.avatar-crown-corner img[src*="video"],
.avatar-crown-corner[data-gift*="music"],
.avatar-crown-corner[data-gift*="video"] {
  display: none !important;
  visibility: hidden !important;
}

/* Table Themes Sheet & 9 Cards Styling */
.table-themes-sheet {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  padding: 16px 16px 24px 16px !important;
  box-sizing: border-box !important;
  box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.25) !important;
  animation: slideUpSheet 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.2) forwards !important;
  z-index: 100 !important;
}
.table-themes-sheet-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  margin-bottom: 12px !important;
  padding-left: 2px !important;
}
.table-themes-scroll-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  overflow-x: auto !important;
  padding-bottom: 12px !important;
  scrollbar-width: thin !important;
}
.table-theme-thumb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: transform 0.15s ease !important;
}
.table-theme-thumb-card:hover, .table-theme-thumb-card.active {
  transform: scale(1.05) !important;
}
.table-theme-thumb-card.active .theme-thumb-img {
  border: 2.5px solid #22c55e !important;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.5) !important;
}
.theme-thumb-img {
  width: 76px !important;
  height: 76px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  border: 2px solid transparent !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.theme-card-price {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.table-themes-close-green {
  position: absolute !important;
  bottom: 14px !important;
  right: 14px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #84cc16 !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(132, 204, 22, 0.45) !important;
  z-index: 10 !important;
}


/* =========================================================================
   STEP 4: FINAL 1:1 MOBILE PIXEL-PERFECT PARITY (SCREENSHOTS 1000824077-79)
   ========================================================================= */

/* Floating media buttons positioned at bottom-right of table stage */
.floating-side-buttons {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  z-index: 45 !important;
}

.floating-media-circle-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.floating-media-circle-btn:active {
  transform: scale(0.92) !important;
}

.floating-media-circle-btn img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
}

/* Rounded square avatars per Screenshots 1000824077 & 1000824078 */
.avatar-photo-frame {
  border-radius: 12px !important;
}

.avatar-img {
  border-radius: 12px !important;
}

/* Kiss count badge: 10px below top-right corner, always on top of gifts (Prompt 7) */
.avatar-kiss-badge {
  position: absolute !important;
  top: 10px !important;
  right: -4px !important;
  z-index: 55 !important;
  pointer-events: none !important;
}

/* Mobile specific styling (max-width: 767px) */
@media (max-width: 767px) {
  /* Hide sticker and compliment buttons in bottom chat bar on mobile */
  #chatStickerBtn,
  #chatComplimentBtn {
    display: none !important;
  }

  /* Table stage and chat panel exact proportions */
  .table-stage {
    height: 54% !important;
    flex: 0 0 54% !important;
    max-height: 54% !important;
  }

  .bottom-social-panel,
  .gift-panel-section {
    height: 46% !important;
    flex: 0 0 46% !important;
    max-height: 46% !important;
  }

  /* Optimal avatar size so all 8-12 player cards fit cleanly without overlap */
  :root,
  .game-viewport,
  .table-stage,
  .circular-table-board {
    --avatar-size: 64px !important;
  }

  .avatar-photo-frame {
    width: 64px !important;
    height: 64px !important;
  }
}


/* =========================================================================
   STEP 5: DEFINITIVE MOBILE & DESKTOP PARITY (SCREENSHOTS 1000819566 - 1000824080)
   Fixes:
   1) Preloader progress bar & 3D logo transition
   2) Mobile 60% / 40% split & 12-player card layout (never under top navbar)
   3) Floating video/music white pill tabs at top-right of chat panel
   4) Bottom-sheet drawers (Masalar, Jestdən istifadə et, Butulkanı dəyiş, Hədiyyələr)
      without darkening/blurring the wooden table board on mobile & desktop
   5) Centered dialog modals responsive sizing on mobile & desktop
   ========================================================================= */

/* --- Player Cards & Labels (1000819571, 1000824069, 1000824077) --- */
.avatar-photo-frame {
  border-radius: 12px !important;
}
.avatar-img {
  border-radius: 12px !important;
}
.avatar-name-label {
  margin-top: 2px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 4px rgba(0, 0, 0, 0.65) !important;
  text-transform: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 2px !important;
  max-width: 96px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}
.avatar-name-label .avatar-icon-gender {
  display: none !important;
}

/* --- Center Waiting Prompt Over Bottle (1000819570, 1000824078, 1000824079) --- */
#roomWaitingOverlay {
  position: absolute !important;
  inset: 0 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 25 !important;
}
#roomWaitingOverlay.active {
  display: flex !important;
}
#roomWaitingOverlay .room-waiting-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-align: center !important;
}
#roomWaitingOverlay .room-waiting-title {
  font-size: 16.5px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-align: center !important;
  line-height: 1.25 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9), 0 0 8px rgba(0, 0, 0, 0.65) !important;
  letter-spacing: 0.1px !important;
}
#roomWaitingOverlay .room-waiting-subtitle {
  display: none !important;
}

/* --- Floating Video & Music Side Tabs in Chat Panel (1000819570, 1000824078) --- */
.bottom-social-panel {
  position: relative !important;
  background: #ffffff !important;
}
.bottom-social-panel #floatingSideButtons,
.floating-side-buttons {
  position: absolute !important;
  top: 8px !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  flex-direction: column !important;
  gap: 6px !important;
  z-index: 45 !important;
}
.bottom-social-panel.has-active-media #floatingSideButtons,
.game-viewport.gift-mode-active #floatingSideButtons {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.floating-media-circle-btn {
  width: 52px !important;
  height: 42px !important;
  border-radius: 22px 0 0 22px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-right: none !important;
  box-shadow: -2px 3px 10px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 0 0 4px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.floating-media-circle-btn img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

/* --- Active Media Player Widget at Top-Right of Chat Panel (1000819571, 1000824077) --- */
#roomMediaPlayerWidget.room-media-player-widget {
  position: absolute !important;
  top: 6px !important;
  right: 0 !important;
  left: auto !important;
  z-index: 48 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: 92% !important;
}

/* --- Chat Messages & Bottom Input Bar (1000819570, 1000824077, 1000824078) --- */
.chat-messages-container {
  background: #f8fafc !important;
  padding: 8px 10px !important;
}
.chat-input-bar {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding: 0 10px 0 14px !important;
  background: #ffffff !important;
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}
.chat-input-field {
  flex: 1 1 auto !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14.5px !important;
  color: #334155 !important;
  padding: 0 !important;
  height: 100% !important;
}
.chat-input-field::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
}
#chatStickerBtn,
#chatComplimentBtn {
  display: none !important;
}
#chatPuzzleBtn,
#chatGiftBtn {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 22px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
#chatSendBtn.chat-send-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.35) !important;
  cursor: pointer !important;
  padding: 0 0 0 2px !important;
}

/* --- Non-Blocking Overlay for Bottom-Sheet Drawers (Masalar, Jestlər, Butulka) --- */
#tableThemesModal.app-modal-overlay,
#userGesturesModal.app-modal-overlay,
#bottleSkinModal.app-modal-overlay {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 210 !important;
}
#tableThemesModal.app-modal-overlay > *,
#userGesturesModal.app-modal-overlay > *,
#bottleSkinModal.app-modal-overlay > * {
  pointer-events: auto !important;
}

/* --- Masalar Drawer (Screenshots 1000824069 & 1000824079) --- */
#tableThemesModal .table-themes-sheet {
  background: #ffffff !important;
  border-radius: 0 !important;
  padding: 14px 12px 18px 12px !important;
  box-sizing: border-box !important;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
#tableThemesModal .table-themes-sheet-title {
  font-size: 15.5px !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  margin: 0 0 14px 0 !important;
  padding-left: 4px !important;
  text-align: left !important;
}
#tableThemesModal .table-themes-scroll-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 2px 4px 12px 4px !important;
  scrollbar-width: none !important;
}
#tableThemesModal .table-themes-scroll-row::-webkit-scrollbar {
  display: none !important;
}
#tableThemesModal .table-theme-thumb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 7px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}
#tableThemesModal .theme-thumb-img {
  width: 74px !important;
  height: 74px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14) !important;
}
#tableThemesModal .table-theme-thumb-card.active .theme-thumb-img {
  outline: 2.5px solid #8cc63f !important;
  outline-offset: 1px !important;
}
#tableThemesModal .theme-card-price {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}
#tableThemesModal .theme-price-heart-svg {
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
}

/* --- Jestdən istifadə et Modal (Screenshots 1000824068 & 1000824080) --- */
#userGesturesModal .user-gestures-header {
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 14px !important;
  height: 54px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #f1f5f9 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  z-index: 225 !important;
}
#userGesturesModal .gestures-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#userGesturesModal .gestures-user-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
#userGesturesModal .gestures-header-title {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
}
#userGesturesModal .gestures-header-right {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  padding: 3px 10px 3px 5px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
}
#userGesturesModal .gestures-token-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
#userGesturesModal .user-gestures-sheet {
  background: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
#userGesturesModal .user-gestures-grid {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 10px 4px !important;
  padding: 12px 8px 56px 8px !important;
  overflow-y: auto !important;
  align-content: start !important;
}
#userGesturesModal .gesture-item-img {
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
}
#userGesturesModal .gesture-item-price-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
}

/* --- Solid Green Bottom-Right Close Button for All Bottom Drawers (1000824068, 1000824069) --- */
.table-themes-close-green,
.user-gestures-close-green,
.butulka-floating-close-green,
.gift-panel-floating-close-btn {
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  top: auto !important;
  left: auto !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #8cc63f !important;
  background-color: #8cc63f !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22) !important;
  z-index: 120 !important;
}
#giftPanelSection .popup__close-drawer-bg {
  display: none !important;
}

/* --- Centered Popup Modals: Responsive Sizing & Close Button Alignment --- */
.app-modal-overlay:not(#tableThemesModal):not(#userGesturesModal):not(#bottleSkinModal) {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  background-color: rgba(15, 23, 42, 0.62) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  z-index: 300 !important;
}
.app-modal-overlay:not(#tableThemesModal):not(#userGesturesModal):not(#bottleSkinModal):not(#dailyBonusModal) > div {
  position: relative !important;
  width: min(94vw, 410px) !important;
  max-width: 94vw !important;
  max-height: 86dvh !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  margin: auto !important;
  box-sizing: border-box !important;
  border-radius: 18px !important;
}
#userProfileInspectModal.app-modal-overlay > .user-profile-dialog-box {
  width: min(94vw, 560px) !important;
  max-width: 94vw !important;
}
.modal-close-circle-red,
.modal-close-circle-green,
.agac-league-close-btn,
.ach-close-btn,
.reytinq-close-btn,
.terz-close-btn,
.buster-close-btn,
.friends-close-green,
.bonus-modal-close-green,
.clip-modal-close-green,
.profile-inspect-close-btn {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  bottom: auto !important;
  left: auto !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  z-index: 60 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* =========================================================================
   MOBILE BREAKPOINT (max-width: 767px) — 1:1 WITH SCREENSHOTS
   ========================================================================= */
@media (max-width: 767px) {
  :root,
  .game-viewport,
  .table-stage,
  .circular-table-board {
    --avatar-size: clamp(56px, min(14.8vw, 13.2cqh), 64px) !important;
  }

  .top-navbar {
    position: absolute !important;
    top: 6px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 185 !important;
  }

  /* Hide top-navbar when Jestdən istifadə et or Gift header bar replaces it at top */
  .game-viewport.gestures-mode-active .top-navbar,
  .game-viewport.gift-mode-active .top-navbar {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .table-stage {
    height: 60% !important;
    flex: 0 0 60% !important;
    max-height: 60% !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 48px 4px 6px 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .circular-table-board {
    width: 100% !important;
    max-width: 440px !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
  }

  .table-stage .avatar-photo-frame,
  .table-stage .empty-seat-slot,
  .table-player-node .avatar-photo-frame {
    width: var(--avatar-size) !important;
    height: var(--avatar-size) !important;
    min-width: var(--avatar-size) !important;
    min-height: var(--avatar-size) !important;
    max-width: var(--avatar-size) !important;
    max-height: var(--avatar-size) !important;
  }

  .bottom-social-panel,
  #giftPanelSection.gift-panel-section {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    height: 40% !important;
    flex: 0 0 40% !important;
    max-height: 40% !important;
    min-height: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Bottom drawers occupy the exact 40% bottom panel area on mobile */
  #tableThemesModal .table-themes-sheet,
  #userGesturesModal .user-gestures-sheet,
  #bottleSkinModal .butulka-skin-drawer-sheet {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: 40% !important;
    max-height: 40% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }

  /* Jestdən istifadə et header sits at the very top of mobile viewport (1000824068, 1000824080) */
  #userGesturesModal .user-gestures-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 54px !important;
  }
}

/* =========================================================================
   DESKTOP BREAKPOINT (min-width: 768px) — CLEAN 50% / 50% SPLIT
   ========================================================================= */
@media (min-width: 768px) {
  :root,
  .game-viewport,
  .table-stage,
  .circular-table-board {
    --avatar-size: 68px !important;
  }

  .top-navbar {
    position: absolute !important;
    top: 10px !important;
    bottom: 10px !important;
    left: 8px !important;
    right: auto !important;
    width: 48px !important;
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 4px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 185 !important;
  }
  .top-navbar .heart-count-pill,
  .top-navbar .nav-center-icons,
  .top-navbar .nav-right-table {
    flex-direction: column !important;
    align-items: center !important;
  }

  .table-stage .avatar-photo-frame,
  .table-stage .empty-seat-slot,
  .table-player-node .avatar-photo-frame {
    width: var(--avatar-size) !important;
    height: var(--avatar-size) !important;
    min-width: var(--avatar-size) !important;
    min-height: var(--avatar-size) !important;
    max-width: var(--avatar-size) !important;
    max-height: var(--avatar-size) !important;
  }

  #giftPanelSection.gift-panel-section {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Dock Masalar, Jestlər, and Butulka drawers into right 50% panel on desktop */
  #tableThemesModal .table-themes-sheet,
  #bottleSkinModal .butulka-skin-drawer-sheet {
    position: absolute !important;
    left: 50% !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 50% !important;
    height: auto !important;
    min-height: 240px !important;
    max-height: 55dvh !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: -4px -6px 24px rgba(0, 0, 0, 0.18) !important;
  }

  #userGesturesModal .user-gestures-header {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: 0 !important;
    width: 50% !important;
    height: 56px !important;
  }

  #userGesturesModal .user-gestures-sheet {
    position: absolute !important;
    top: 56px !important;
    bottom: 0 !important;
    left: 50% !important;
    right: 0 !important;
    width: 50% !important;
    height: calc(100dvh - 56px) !important;
    max-height: calc(100dvh - 56px) !important;
    border-radius: 0 !important;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.12) !important;
  }

  .app-modal-overlay:not(#tableThemesModal):not(#userGesturesModal):not(#bottleSkinModal):not(#dailyBonusModal) > div {
    width: min(90vw, 440px) !important;
    max-height: 88dvh !important;
  }

  #userProfileInspectModal.app-modal-overlay > .user-profile-dialog-box {
    width: min(90vw, 660px) !important;
    max-width: 660px !important;
  }
}

.avatar-name-label,
.avatar-name-label .avatar-name-text,
.table-stage .avatar-name-label,
.table-stage .avatar-name-label .avatar-name-text {
  text-transform: none !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}
.wood-bottle-custom-img {
  width: 48px !important;
  height: 148px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.45)) !important;
  pointer-events: none !important;
  user-select: none !important;
}


/* =========================================================================
   STEP 6: 1:1 SCREENSHOTS.ZIP & BUTULKA-COM.ZIP PIXEL-PERFECT PARITY
   ========================================================================= */

/* 1. 3-Line Burger Menu with Vector SVGs (Screenshot 22-07-56) */
#menuDropdown.menu-dropdown-box {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 6px 0 !important;
  min-width: 195px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  border: none !important;
}
#menuDropdown .menu-dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 16px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
}
#menuDropdown .menu-item-svg-icon {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

/* 2. Masalar 5-Column Wrapping Grid Drawer (Screenshot 22-08-04) */
#tableThemesModal .table-themes-sheet {
  padding: 12px 12px 16px 12px !important;
  overflow-y: auto !important;
}
#tableThemesModal .table-themes-sheet-title {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  margin: 0 0 10px 0 !important;
  padding-left: 4px !important;
}
#tableThemesModal .table-themes-scroll-row {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 10px 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 2px 2px 12px 2px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#tableThemesModal .table-theme-thumb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
}
#tableThemesModal .theme-thumb-img {
  width: 58px !important;
  height: 58px !important;
  border-radius: 11px !important;
  object-fit: cover !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16) !important;
}
#tableThemesModal .theme-card-price {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}

/* 3. Hədiyyə Göndər Top Header + Standart (5-col) & Premium (4-col) Drawer (22-08-50 & 22-10-11) */
@media (max-width: 767px) {
  .game-viewport.gift-mode-active #giftHeaderBar.gift-header-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 54px !important;
    background: #ffffff !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    z-index: 160 !important;
    display: flex !important;
    align-items: center !important;
  }
}
#giftHeaderBar .gift-header-subrow {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#giftHeaderBar .gift-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#giftHeaderBar .gift-header-avatar-circle {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
#giftHeaderBar .gift-header-text-col {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.15 !important;
}
#giftHeaderBar .gift-header-sub {
  font-size: 12px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
}
#giftHeaderBar .gift-header-name {
  font-size: 14px !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}
#giftHeaderBar .gift-header-add-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #8cc63f !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

#giftPanelSection #giftCategoryTabs.gift-category-tabs {
  display: flex !important;
  width: 100% !important;
  height: 42px !important;
  flex-shrink: 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#giftPanelSection #giftCategoryTabs.gift-category-tabs button {
  flex: 1 1 50% !important;
  height: 100% !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  transition: color 0.15s, border-color 0.15s !important;
}
#giftPanelSection #giftCategoryTabs.gift-category-tabs button.active {
  color: #7c3aed !important;
  border-bottom-color: #7c3aed !important;
  font-weight: 600 !important;
}

#giftPanelSection #giftsGridContainer.gifts-grid-container {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px 4px !important;
  padding: 10px 8px 54px 8px !important;
  overflow-y: auto !important;
  flex: 1 1 auto !important;
}
#giftPanelSection #giftsGridContainer.gifts-grid-container.premium-4col-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px 8px !important;
}
#giftPanelSection #giftsGridContainer.premium-4col-grid .send-gift__image-block,
#giftPanelSection #giftsGridContainer.premium-4col-grid .send-gift__image {
  width: 68px !important;
  height: 68px !important;
  max-width: 68px !important;
  max-height: 68px !important;
}

/* 4. Boosters Modal with High-Res Vector PNGs (Screenshot 18-40-26) */
#boostersModal .buster-modal-card {
  width: min(92vw, 355px) !important;
  padding: 14px 18px 24px 18px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}
#boostersModal .buster-circles-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  width: 100% !important;
  margin-top: 6px !important;
}
#boostersModal .buster-circle-item {
  position: relative !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  overflow: visible !important;
  transition: transform 0.15s ease !important;
}
#boostersModal .buster-circle-item:hover,
#boostersModal .buster-circle-item.active-buster {
  transform: scale(1.07) !important;
}
#boostersModal .buster-circle-art {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  display: block !important;
}
#boostersModal .buster-count-badge {
  position: absolute !important;
  bottom: -5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #f59e0b !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  min-width: 24px !important;
  height: 18px !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  border: 2px solid #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* 5. Ağac Liqası Modal (Screenshot 22-07-51) */
#leagueCupModal .agac-league-modal-card {
  width: min(92vw, 360px) !important;
  border-radius: 18px !important;
  overflow: visible !important;
  padding: 0 !important;
}
#leagueCupModal .agac-league-blue-zone {
  background: #4ea8ff !important;
  border-radius: 18px 18px 0 0 !important;
  padding: 12px 14px 8px 14px !important;
}
#leagueCupModal .agac-league-booster-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
#leagueCupModal .agac-row-chest-icon {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
#leagueCupModal .agac-row-score-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: rgba(255, 255, 255, 0.25) !important;
  padding: 3px 9px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  min-width: 48px !important;
  justify-content: center !important;
}
#leagueCupModal .agac-row-score-pill.white-pill {
  background: #f1f5f9 !important;
}
#leagueCupModal .agac-row-score-pill.yellow-pill {
  background: #fde047 !important;
}

/* 6. Masanı Dəyiş Modal (Screenshot 22-08-25) */
#changeTableModal .change-table-modal-card {
  width: min(92vw, 350px) !important;
  padding: 14px 16px 18px 16px !important;
  border-radius: 18px !important;
}
#changeTableModal .switch-table-header {
  padding: 0 0 10px 0 !important;
  border-bottom: none !important;
  text-align: center !important;
}
#changeTableModal .switch-table-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
}
#changeTableModal .switch-table-body {
  padding: 0 !important;
  gap: 10px !important;
}
#changeTableModal .btn-random-table-orange {
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  background: url("../images/svg_ui/ui_change_table_random_bg.svg") center/100% 100% no-repeat, linear-gradient(180deg, #fb923c 0%, #ea580c 100%) !important;
  border-radius: 10px !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
  cursor: pointer !important;
}
#changeTableModal .switch-table-section-lbl {
  font-size: 12.5px !important;
  color: #94a3b8 !important;
  text-align: center !important;
  margin-top: 4px !important;
}
#changeTableModal .switch-table-friend-row,
#changeTableModal .switch-table-recent-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 8px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
#changeTableModal .switch-table-friend-row:hover,
#changeTableModal .switch-table-recent-row:hover {
  background: #f8fafc !important;
}
#changeTableModal .switch-friend-left,
#changeTableModal .switch-recent-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#changeTableModal .switch-friend-avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}
#changeTableModal .switch-friend-name,
#changeTableModal .switch-table-num-text {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
}
#changeTableModal .switch-wood-bottle-box {
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  background: url("../images/svg_ui/ui_change_table_btn_bg.svg") center/cover no-repeat !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#changeTableModal .switch-wood-bottle-svg {
  width: 24px !important;
  height: 32px !important;
  object-fit: contain !important;
}
#changeTableModal .switch-table-counts {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
#changeTableModal .switch-count-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  font-size: 11.5px !important;
  color: #475569 !important;
  line-height: 1.1 !important;
}
#changeTableModal .switch-count-col img {
  width: 14px !important;
  height: 14px !important;
  margin-bottom: 2px !important;
}

/* 7. Parametrlər Modal (Screenshot 22-08-17) */
#settingsWhiteModal .settings-clean-card {
  width: min(92vw, 350px) !important;
  padding: 14px 18px 14px 18px !important;
  border-radius: 18px !important;
}
#settingsWhiteModal .settings-svg-icon {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
#settingsWhiteModal .settings-watermark-footer {
  text-align: right !important;
  font-size: 11.5px !important;
  color: #94a3b8 !important;
  margin-top: 8px !important;
  padding: 0 !important;
}

/* 8. Mənim Stikerlərim Modal (Screenshot 22-09-21) */
#stickerModal .sticker-modal-card {
  width: min(92vw, 350px) !important;
  padding: 14px 14px 18px 14px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}
#stickerModal .sticker-modal-top-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
  position: relative !important;
}
#stickerModal .sticker-back-btn {
  position: absolute !important;
  left: 0 !important;
  border: none !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
}
#stickerModal .sticker-modal-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
}
#stickerModal .sticker-folder-badge {
  font-size: 16px !important;
}
#stickerModal .sticker-category-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  max-height: 62vh !important;
  overflow-y: auto !important;
}
#stickerModal .sticker-cat-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: #f1f5f9 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
#stickerModal .sticker-cat-row:hover {
  background: #e2e8f0 !important;
}

/* 9. Oyunçu Profili Modal (Screenshots 22-09-34 & 22-09-36) */
#userProfileInspectModal.app-modal-overlay > .user-profile-dialog-box {
  width: min(90vw, 340px) !important;
  max-width: 340px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  padding: 0 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5) !important;
}
#userProfileInspectModal .user-profile-layout {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
#userProfileInspectModal .user-profile-info-col {
  position: relative !important;
  width: 100% !important;
  height: 270px !important;
  background: #cbd5e1 !important;
  overflow: hidden !important;
}
#userProfileInspectModal .user-profile-photos-box,
#userProfileInspectModal .user-profile-swiper,
#userProfileInspectModal .user-profile-photo-bg {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#userProfileInspectModal .user-profile-photo-shadow {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 75px !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.68) 100%) !important;
  pointer-events: none !important;
}
#userProfileInspectModal .user-profile-photo-bottom-bar {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  z-index: 5 !important;
}
#userProfileInspectModal .user-profile-zodiac-badge {
  position: static !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #38bdf8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}
#userProfileInspectModal .user-profile-title-bar {
  position: static !important;
  flex: 1 !important;
  text-align: center !important;
  padding: 0 6px !important;
}
#userProfileInspectModal .user-profile-name-text,
#userProfileInspectModal .user-profile-age-text {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.65) !important;
}
#userProfileInspectModal .user-profile-style-btn {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
}
#userProfileInspectModal .user-profile-details-col {
  padding: 12px 14px 16px 14px !important;
  background: #ffffff !important;
}
#userProfileInspectModal .uprof-stats-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 4px 0 !important;
}
#userProfileInspectModal .uprof-hidden-stats-wrap {
  flex-direction: column !important;
  gap: 4px !important;
}
#userProfileInspectModal .uprof-stat-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}
#userProfileInspectModal .uprof-stat-svg {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
}
#userProfileInspectModal .user-profile-expand-bar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 6px 0 8px 0 !important;
  cursor: pointer !important;
}
#userProfileInspectModal .user-profile-expand-bar .expand-line {
  flex: 1 !important;
  height: 1px !important;
  background: #e2e8f0 !important;
}
#userProfileInspectModal .user-profile-expand-bar .expand-icon {
  width: 34px !important;
  height: 18px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #64748b !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#userProfileInspectModal .uprof-belalim-section {
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}
#userProfileInspectModal .uprof-belalim-label {
  text-align: center !important;
  font-size: 12px !important;
  color: #94a3b8 !important;
  margin-bottom: 4px !important;
}
#userProfileInspectModal .uprof-belalim-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#userProfileInspectModal .uprof-belalim-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#userProfileInspectModal .uprof-belalim-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background-size: cover !important;
  background-position: center !important;
}
#userProfileInspectModal .uprof-belalim-name {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
}
#userProfileInspectModal .uprof-terk-et-btn {
  background: #8cc63f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
#userProfileInspectModal .user-profile-actions-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 4px !important;
}
#userProfileInspectModal .profile-act-btn {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.18) !important;
}
#userProfileInspectModal .profile-act-btn img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}
#userProfileInspectModal .profile-act-btn.act-kick { background: #f97316 !important; }
#userProfileInspectModal .profile-act-btn.act-gift { background: #a855f7 !important; }
#userProfileInspectModal .profile-act-btn.act-achievements { background: #f59e0b !important; }
#userProfileInspectModal .profile-act-btn.act-message { background: #38bdf8 !important; }
#userProfileInspectModal .profile-act-btn.act-lock { background: #8cc63f !important; }

/* 10. Centered Gesture Avatar Overlay & Chat Gesture Row (Screenshot 23-22-22) */
.player-gesture-popup-bubble {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 48 !important;
  pointer-events: none !important;
  animation: gesturePopIn 0.28s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards !important;
}
@keyframes gesturePopIn {
  0% { transform: translate(-50%, -50%) scale(0.2); opacity: 0; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
.chat-gesture-notice-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 10px !important;
}
.chat-gesture-inline-img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}

/* Final Polish Fixes */
#boostersModal .buster-count-badge {
  top: auto !important;
  right: auto !important;
  bottom: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
#leagueCupModal.app-modal-overlay > .agac-league-modal-card {
  overflow: visible !important;
  margin-bottom: 24px !important;
}
#leagueCupModal .agac-league-white-zone {
  padding-bottom: 24px !important;
  border-radius: 0 0 18px 18px !important;
}
#giftHeaderBar #giftMultiHeader:not(.active-multi) {
  display: none !important;
}
#giftHeaderBar #giftSingleHeader.hidden-single {
  display: none !important;
}
#giftPanelSection #giftsGridContainer .gift-item-cell,
#giftPanelSection #giftsGridContainer .send-gift__item {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 2px !important;
}
#giftPanelSection #giftsGridContainer .send-gift__subitem,
#giftPanelSection #giftsGridContainer .gift-cost-pill {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#userProfileInspectModal .uprof-music-pink {
  filter: brightness(0) saturate(100%) invert(48%) sepia(87%) saturate(2250%) hue-rotate(300deg) brightness(98%) contrast(96%) !important;
}

body .game-viewport #leagueCupModal.app-modal-overlay > .agac-league-modal-card {
  overflow: visible !important;
}


/* =========================================================================
   STEP 7: 31 NEW SCREENSHOTS (23-49-49 .. 23-57-46) PIXEL-PERFECT PARITY
   ========================================================================= */

/* 1. Standart / Premium Segmented Purple Pill Tabs (Screenshots 3 & 5: 23-50-17 & 23-50-46) */
#giftPanelSection #giftCategoryTabs.gift-category-tabs {
  display: flex !important;
  width: calc(100% - 24px) !important;
  height: 40px !important;
  margin: 10px 12px 6px 12px !important;
  padding: 3px !important;
  background: #f1f5f9 !important;
  border-radius: 10px !important;
  border: none !important;
  box-sizing: border-box !important;
}
#giftPanelSection #giftCategoryTabs.gift-category-tabs button {
  flex: 1 1 50% !important;
  height: 100% !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
#giftPanelSection #giftCategoryTabs.gift-category-tabs button.active {
  background: #732de2 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(115, 45, 226, 0.3) !important;
}

/* 2. Detailed User Profile Modal (Screenshots 6, 26, 29: 23-51-00, 23-56-01, 23-57-25) */
#userProfileInspectModal.app-modal-overlay > .user-profile-dialog-box {
  width: min(92vw, 355px) !important;
  max-width: 355px !important;
  border-radius: 18px !important;
  overflow: visible !important;
  background: #ffffff !important;
}
#userProfileInspectModal .user-profile-info-col {
  border-radius: 18px 18px 0 0 !important;
  height: 285px !important;
  position: relative !important;
  overflow: hidden !important;
}
#userProfileInspectModal .user-profile-top-back-btn {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 44px !important;
  height: 36px !important;
  border-radius: 18px 0 16px 0 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border: none !important;
  color: #0f172a !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 15 !important;
  cursor: pointer !important;
}
#userProfileInspectModal .user-profile-vip-ribbon {
  position: absolute !important;
  top: 14px !important;
  left: 0 !important;
  background: #8cc63f !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding: 4px 16px 4px 12px !important;
  border-radius: 0 6px 6px 0 !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
  z-index: 16 !important;
}
#userProfileInspectModal .user-profile-zodiac-badge {
  width: 28px !important;
  height: 28px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
#userProfileInspectModal .user-profile-style-btn {
  width: 32px !important;
  height: 32px !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
#userProfileInspectModal .user-profile-claim-circle-btn {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #1e293b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
#userProfileInspectModal .uprof-stats-and-trophy-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 2px 4px !important;
  gap: 8px !important;
}
#userProfileInspectModal .uprof-stats-vertical-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  flex: 1 !important;
}
#userProfileInspectModal .uprof-hidden-stats-wrap {
  display: flex;
  flex-direction: column !important;
  gap: 7px !important;
}
#userProfileInspectModal .uprof-vline-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#userProfileInspectModal .uprof-stat-svg {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
#userProfileInspectModal .uprof-val-num {
  font-size: 15.5px !important;
  font-weight: 500 !important;
}
#userProfileInspectModal .uprof-val-num.val-kiss { color: #ea580c !important; }
#userProfileInspectModal .uprof-val-num.val-music { color: #9333ea !important; }
#userProfileInspectModal .uprof-val-num.val-heart { color: #ea580c !important; }
#userProfileInspectModal .uprof-val-num.val-dheart { color: #991b1b !important; }
#userProfileInspectModal .uprof-val-num.val-smile { color: #f59e0b !important; }
#userProfileInspectModal .uprof-rank-txt {
  font-size: 12.5px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
}
#userProfileInspectModal .uprof-trophy-right-box {
  width: 86px !important;
  height: 86px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#userProfileInspectModal .uprof-trophy-cup-img {
  width: 82px !important;
  height: 82px !important;
  object-fit: contain !important;
}
#userProfileInspectModal .uprof-belalim-card-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
#userProfileInspectModal .uprof-belalim-avatar {
  width: 68px !important;
  height: 68px !important;
  border-radius: 12px !important;
  background-size: cover !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}
#userProfileInspectModal .uprof-belalim-info-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
}
#userProfileInspectModal .uprof-belalim-title-line {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14.5px !important;
}
#userProfileInspectModal .uprof-meftun-lbl {
  color: #334155 !important;
  font-weight: 400 !important;
}
#userProfileInspectModal .uprof-belalim-score-line {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
}
#userProfileInspectModal .uprof-terk-et-btn {
  background: #8cc63f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 5px 24px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
  cursor: pointer !important;
}

/* 3. Masanı Dəyiş Horizontal Counts & Left-Aligned Labels (Screenshot 13: 23-52-17) */
#changeTableModal .switch-table-section-lbl {
  text-align: left !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
  padding-left: 2px !important;
}
#changeTableModal .switch-table-friends-list {
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 8px !important;
  margin-bottom: 2px !important;
}
#changeTableModal .switch-count-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 15px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
}
#changeTableModal .switch-count-inline img {
  width: 17px !important;
  height: 17px !important;
  opacity: 0.75 !important;
}

/* 4. Ağac Liqası Score Pill & Right-Aligned Chests (Screenshots 14 & 15: 23-52-30 & 23-52-38) */
#leagueCupModal .agac-league-list-white {
  max-height: 185px !important;
  overflow-y: auto !important;
  padding-right: 2px !important;
}
#leagueCupModal .agac-row-score-pill {
  position: relative !important;
  min-width: 78px !important;
  padding: 3px 12px 3px 22px !important;
  border-radius: 12px !important;
  background: rgba(15, 23, 42, 0.14) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
}
#leagueCupModal .agac-star-svg-overlap {
  position: absolute !important;
  left: -4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
}
#leagueCupModal .agac-row-chest-icon {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  margin-left: 4px !important;
}
#leagueCupModal .agac-row-chest-spacer {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0 !important;
  margin-left: 4px !important;
}

/* 5. Retro Cassette Tape Deck in Room Media Widget (Screenshots 16 & 17: 23-53-02 & 23-53-05) */
#roomMediaMusicBody.room-media-music-body {
  width: 148px !important;
  height: 62px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 6px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border-radius: 0 12px 12px 0 !important;
}
#roomMediaMusicBody .room-media-cassette-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* 6. Jeton Mağazası Modal (Screenshot 18: 23-53-36) */
#tokensBankModal .jeton-shop-modal-card {
  width: min(92vw, 355px) !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: visible !important;
  background: #f8fafc !important;
}
#tokensBankModal .jeton-shop-close-btn {
  position: absolute !important;
  top: -10px !important;
  right: -10px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #7c3aed !important;
  border: none !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25) !important;
  z-index: 50 !important;
  cursor: pointer !important;
}
#tokensBankModal .jeton-shop-header-banner {
  width: 100% !important;
  height: 54px !important;
  background: url("../images/svg_ui/ui_tokens_bank_bg.svg") center/cover no-repeat, linear-gradient(135deg, #9d85c4, #b8a4d9) !important;
  border-radius: 18px 18px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#tokensBankModal .jeton-shop-title {
  color: #ffffff !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
}
#tokensBankModal .jeton-shop-body {
  padding: 12px !important;
}
#tokensBankModal .jeton-packages-3col-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}
#tokensBankModal .jeton-pkg-card {
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 6px 6px 8px 6px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: transform 0.15s ease !important;
}
#tokensBankModal .jeton-pkg-card:hover {
  transform: translateY(-2px) !important;
}
#tokensBankModal .jeton-pkg-inner {
  background: radial-gradient(circle at 50% 60%, #ffffff 0%, #f1f5f9 100%) !important;
  border-radius: 8px !important;
  width: 100% !important;
  padding: 6px 4px 4px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
#tokensBankModal .jeton-pkg-amount {
  font-size: 19px !important;
  font-weight: 600 !important;
  color: #ea580c !important;
  margin-bottom: 2px !important;
}
#tokensBankModal .jeton-pkg-art {
  width: 72px !important;
  height: 64px !important;
  object-fit: contain !important;
}
#tokensBankModal .jeton-pkg-cost-row {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 6px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
}

/* 7. Mənim Stikerlərim Left-Aligned Header & Rows (Screenshots 20 & 21: 23-55-18 & 23-55-22) */
#stickerModal .sticker-modal-top-header {
  justify-content: flex-start !important;
  padding-left: 4px !important;
}
#stickerModal .sticker-cat-row {
  justify-content: flex-start !important;
  padding: 11px 16px !important;
  background: #efefef !important;
  border-radius: 8px !important;
}

/* 8. Bonus & Reytinq Self Rank Footer Card (Screenshot 25: 23-55-50) */
.bonus-self-rank-footer-card {
  background: #172554 !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  margin-top: 8px !important;
  color: #ffffff !important;
}
.bonus-self-rank-caption {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #93c5fd !important;
  letter-spacing: 0.4px !important;
  margin-bottom: 6px !important;
}
.bonus-self-rank-inner-pill {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(30, 58, 138, 0.7) !important;
  border: 1px solid rgba(96, 165, 250, 0.4) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
}

/* 9. Təpik Vur və Qoru Modal (Screenshot 30: 23-57-40) */
#kickoutModal .kickout-modal-card {
  width: min(92vw, 355px) !important;
  padding: 14px 16px 18px 16px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  overflow: visible !important;
}
#kickoutModal .kickout-top-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}
#kickoutModal .kickout-help-btn {
  border: none !important;
  background: transparent !important;
  color: #cbd5e1 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
#kickoutModal .kickout-header-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
}
#kickoutModal .kickout-hero-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}
#kickoutModal .kickout-avatar-wrap {
  position: relative !important;
  width: 68px !important;
  height: 68px !important;
  flex-shrink: 0 !important;
}
#kickoutModal .kickout-target-avatar {
  width: 68px !important;
  height: 68px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}
#kickoutModal .kickout-boot-badge {
  position: absolute !important;
  bottom: -6px !important;
  right: -8px !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}
#kickoutModal .kickout-hero-text {
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  text-align: left !important;
}
#kickoutModal .kickout-pink-name {
  color: #ec4899 !important;
  font-weight: 500 !important;
}
#kickoutModal .kickout-warning-note {
  font-size: 12.5px !important;
  color: #1e293b !important;
  text-align: center !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}
#kickoutModal .kickout-progress-box {
  background: #fefce8 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
#kickoutModal .kickout-shield-icon {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}
#kickoutModal .kickout-green-bar-track {
  flex: 1 !important;
  height: 16px !important;
  background: #8cc63f !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
#kickoutModal .kickout-check-circle {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #8cc63f !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#kickoutModal .kickout-vip-note {
  font-size: 13.5px !important;
  color: #0f172a !important;
  text-align: center !important;
  line-height: 1.35 !important;
  margin-bottom: 14px !important;
}
#kickoutModal .kickout-actions-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}
#kickoutModal .kickout-btn-cancel {
  min-width: 105px !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  border: 1.5px solid #8cc63f !important;
  background: #ffffff !important;
  color: #8cc63f !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}
#kickoutModal .kickout-btn-details {
  min-width: 115px !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  border: none !important;
  background: #2589e6 !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

/* 10. VIP Statusu Modal (Screenshot 31: 23-57-46) */
#vipModal .vip-green-modal-card {
  width: min(92vw, 360px) !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: visible !important;
  background: #ffffff !important;
}
#vipModal .vip-green-hero {
  background: url("../images/svg_ui/ui_vip_bg.svg") top center/cover no-repeat, linear-gradient(180deg, #d9f99d 0%, #ecfccb 65%, #ffffff 100%) !important;
  border-radius: 18px 18px 0 0 !important;
  padding: 16px 16px 10px 16px !important;
  text-align: center !important;
}
#vipModal .vip-green-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
}
#vipModal .vip-green-subtitle {
  font-size: 13.5px !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}
#vipModal .vip-gifts-art-img {
  width: 165px !important;
  height: 95px !important;
  object-fit: contain !important;
  margin: 0 auto 4px auto !important;
  display: block !important;
}
#vipModal .vip-gifts-caption {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  margin-bottom: 6px !important;
}
#vipModal .vip-carousel-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
#vipModal .vip-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  border: 1.5px solid #8cc63f !important;
  background: transparent !important;
}
#vipModal .vip-dot.active {
  background: #8cc63f !important;
}
#vipModal .vip-plans-list {
  padding: 10px 16px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
#vipModal .vip-plan-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#vipModal .vip-plan-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#vipModal .vip-plan-crown {
  width: 26px !important;
  height: 22px !important;
  object-fit: contain !important;
}
#vipModal .vip-plan-name {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #0f172a !important;
}
#vipModal .vip-popular-ribbon {
  background: #c084fc !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 10px !important;
  border-radius: 4px !important;
}
#vipModal .vip-buy-green-btn {
  background: #8cc63f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  cursor: pointer !important;
}
#vipModal .gm-coin-badge {
  background: #78350f !important;
  color: #fef08a !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 1.5px solid #f59e0b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 11. Chat Message Actions Modal (Screenshot 28: 23-56-25) & Əlaqə Yoxdur Modal (Screenshot 19: 23-54-32) */
#messageActionsModal .msg-actions-card {
  width: min(90vw, 320px) !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  overflow: visible !important;
}
#messageActionsModal .msg-actions-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
#messageActionsModal .msg-act-row-btn {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 8px !important;
  border: none !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #0f172a !important;
  text-align: left !important;
  cursor: pointer !important;
  border-radius: 8px !important;
}
#messageActionsModal .msg-act-row-btn:hover {
  background: #f8fafc !important;
}
#messageActionsModal .msg-act-svg {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

#noConnectionModal .no-conn-modal-card {
  width: min(90vw, 330px) !important;
  padding: 18px 20px 24px 20px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  text-align: center !important;
}
#noConnectionModal .no-conn-title {
  font-size: 15px !important;
  color: #94a3b8 !important;
  margin-bottom: 14px !important;
}
#noConnectionModal .no-conn-art-img {
  width: 140px !important;
  height: 140px !important;
  object-fit: contain !important;
  margin: 0 auto 12px auto !important;
  display: block !important;
}
#noConnectionModal .no-conn-loading-text {
  font-size: 16px !important;
  color: #0f172a !important;
  font-weight: 500 !important;
}

/* 12. 4-Column Tilted Bottles in Butulka Drawer (Screenshot 12: 23-52-11) */
#bottleSkinModal .butulka-thumb-img {
  transform: rotate(35deg) !important;
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
}


/* === FINAL MICRO-POLISH FIXES === */
#userProfileInspectModal #userProfileHaremCardPrice,
#userProfileInspectModal .profile-meftun-price-pill span {
    color: #0f172a !important;
    font-weight: 700 !important;
}
#userProfileInspectModal .profile-act-btn.act-gift-other {
    background: #f58220 !important;
}
#tokensBankModal.app-modal-overlay > .jeton-shop-modal-card {
    overflow: visible !important;
}
.jeton-shop-close-btn {
    top: -10px !important;
    right: -10px !important;
    z-index: 40 !important;
}
#leagueCupModal.app-modal-overlay > .agac-league-modal-card {
    overflow: visible !important;
}
.agac-league-white-zone {
    border-radius: 0 0 18px 18px !important;
}


/* ============================================================================
   DEFINITIVE 1:1 PIXEL-PERFECT OVERRIDES (ALL 9 VISUAL & FUNCTIONAL FIXES)
   ============================================================================ */

/* Global Modal Overlay & Outside Top-Right Close Button (butulka.com 1:1) */
.app-modal-overlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(0, 0, 0, 0.35) !important;
}
.clean-white-modal,
.user-profile-dialog-box,
.settings-clean-card,
.change-table-modal-card,
.media-screen-modal,
.sticker-modal-card,
.jeton-shop-modal-card,
.btlk-daily-bonus-dialog,
.btlk-roulette-dialog {
  overflow: visible !important;
  position: relative !important;
}
.modal-close-circle-green,
.modal-corner-close-green,
.user-profile-close-btn,
.friends-modal-close-green,
.contact-modal-close-green,
.ach-modal-close-green,
.bonus-modal-close-green {
  position: absolute !important;
  top: -12px !important;
  right: -12px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #ffffff url('../images/svg_ui/ui_popup_btn_close.svg') no-repeat center center / 14px 14px !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32) !important;
  color: transparent !important;
  font-size: 0 !important;
  z-index: 60 !important;
  cursor: pointer !important;
}
#heartShopModal .modal-close-circle-red {
  position: absolute !important;
  top: -12px !important;
  right: -12px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #ffffff url('../images/svg_ui/ui_popup_btn_close_bank.svg') no-repeat center center / 30px 30px !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32) !important;
  color: transparent !important;
  font-size: 0 !important;
  z-index: 60 !important;
}
#tokensBankModal .jeton-shop-close-btn {
  position: absolute !important;
  top: -12px !important;
  right: -12px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #ffffff url('../images/svg_ui/ui_popup_btn_close_tokens_bank.svg') no-repeat center center / 30px 30px !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.32) !important;
  color: transparent !important;
  font-size: 0 !important;
  z-index: 60 !important;
}

/* FIX 8: Kiss Lips Icon on Player Cards (ui_table_user_kiss.svg) */
.avatar-kiss-badge {
  position: absolute !important;
  top: 2px !important;
  right: -6px !important;
  width: 24px !important;
  height: 20px !important;
  min-width: 24px !important;
  padding: 0 2px 1px 2px !important;
  background: url('../images/svg_ui/ui_table_user_kiss.svg') no-repeat center center / contain !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 16 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

/* FIX 1: User Profile Modal (#userProfileInspectModal) 1:1 */
.user-profile-dialog-box {
  width: 300px !important;
  max-width: 92vw !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  padding: 0 !important;
}
.user-profile-info-col {
  width: 100% !important;
  height: 260px !important;
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: #cbd5e1 !important;
}
.user-profile-info-col::before {
  display: none !important;
}
.user-profile-expand-bar {
  margin: 4px 0 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-profile-expand-bar .expand-line {
  flex: 1 !important;
  height: 1px !important;
  background: #e8eaed !important;
}
.user-profile-expand-bar .expand-icon {
  width: 44px !important;
  height: 16px !important;
  border-radius: 8px !important;
  background: #e8eaed !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-profile-expand-bar .expand-icon img {
  transition: transform 0.2s ease !important;
}
.user-profile-expand-bar .expand-icon.expanded img {
  transform: rotate(180deg) !important;
}

/* FIX 2: Settings Modal (#settingsWhiteModal) 1:1 with 23-52-11 */
#settingsWhiteModal .settings-clean-card {
  width: 280px !important;
  max-width: 90vw !important;
  padding: 18px 20px 14px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}
#settingsWhiteModal .settings-white-header {
  border: none !important;
  padding: 0 0 12px 0 !important;
  text-align: center !important;
}
#settingsWhiteModal .settings-white-title {
  color: #7c7c7c !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
#settingsWhiteModal .settings-rows-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
#settingsWhiteModal .settings-card-row {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 2px 0 !important;
  min-height: 28px !important;
}
#settingsWhiteModal .settings-row-left span {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #1f2937 !important;
}
#settingsWhiteModal .settings-green-slider {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 96px !important;
  height: 3px !important;
  background: #9dc93b !important;
  border-radius: 2px !important;
  outline: none !important;
}
#settingsWhiteModal .settings-green-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.38) !important;
  border: none !important;
  cursor: pointer !important;
}
#settingsWhiteModal .settings-watermark-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  margin-top: 8px !important;
  font-size: 11px !important;
  color: #8c8c8c !important;
  line-height: 1.2 !important;
}
#settingsWhiteModal .settings-wm-line1 {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
}

/* FIX 3: Room Media Player Widget & Clip/Music Modals (23-53-02 & 23-49-59 1:1) */
#roomMediaPlayerWidget {
  position: absolute !important;
  top: 6px !important;
  right: 0 !important;
  z-index: 45 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}
#roomMediaPlayerWidget .room-media-pill-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  background: #ffffff !important;
  border-radius: 28px 0 0 28px !important;
  padding: 4px 0 4px 6px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
  position: relative !important;
  gap: 6px !important;
}
#roomMediaPlayerWidget .room-media-left-col {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
#roomMediaPlayerWidget .room-media-avatar-progress-wrap {
  width: 44px !important;
  height: 44px !important;
  position: relative !important;
}
#roomMediaPlayerWidget .room-media-dj-avatar {
  width: 36px !important;
  height: 36px !important;
  top: 4px !important;
  left: 4px !important;
}
#roomMediaPlayerWidget .room-media-controls-row {
  position: absolute !important;
  top: 48px !important;
  left: 2px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  z-index: 50 !important;
}
#roomMediaPlayerWidget .room-media-sound-tab {
  width: 36px !important;
  height: 22px !important;
  background: #ffffff !important;
  border-radius: 0 0 12px 12px !important;
  border: none !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
}
#roomMediaPlayerWidget .room-media-fullscreen-btn {
  width: 26px !important;
  height: 18px !important;
  border-radius: 9px !important;
  background: rgba(0, 0, 0, 0.45) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border: none !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
#roomMediaPlayerWidget .room-media-cassette-img {
  width: 122px !important;
  height: 44px !important;
  display: block !important;
  object-fit: contain !important;
}
#roomMediaPlayerWidget .room-media-clip-body {
  width: 112px !important;
  height: 63px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #000000 !important;
}
#roomMediaPlayerWidget.clip-expanded .room-media-clip-body {
  width: 220px !important;
  height: 124px !important;
}

/* Media Selection Modals SVG Tab Icons & Clean Music Rows */
.media-tab-btn .media-tab-svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
}
.media-tab-btn .icon-active { display: none !important; }
.media-tab-btn .icon-inactive { display: block !important; }
.media-tab-btn.active .icon-active { display: block !important; }
.media-tab-btn.active .icon-inactive { display: none !important; }
#musicSelectModal .music-row-star {
  display: none !important;
}
#musicSelectModal .music-list-row-item:nth-child(odd) {
  background: #f9fafc !important;
}
#musicSelectModal .music-list-row-item:nth-child(even) {
  background: #ffffff !important;
}

/* FIX 4: Heart Shop & Jeton Shop 1:1 */
#heartShopModal .clean-white-modal {
  background: #ffffff url('../images/svg_ui/ui_bank_bg.svg') no-repeat top center / 100% auto !important;
  border-radius: 12px !important;
  padding: 14px 12px 14px !important;
  width: 340px !important;
}
#heartShopModal .heart-card-item {
  background: #f3f4f6 !important;
  border-radius: 8px !important;
  padding: 6px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  border: 1px solid #e5e7eb !important;
}
#heartShopModal .heart-card-item.heart-card-gold {
  background: #fef9c3 url('../images/svg_ui/ui_bank_gold_bg.svg') no-repeat center / cover !important;
}
#heartShopModal .heart-card-art-wrap {
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 2px 0 !important;
}
#heartShopModal .heart-card-svg-art {
  max-height: 44px !important;
  max-width: 68px !important;
  object-fit: contain !important;
}
#heartShopModal .heart-val-main {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #ef4444 !important;
}
#heartShopModal .btn-green-gm {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: linear-gradient(180deg, #9dc93b 0%, #759951 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 92% !important;
}

/* FIX 6: Change Table Modal (#changeTableModal) 5 Rows Unclipped */
#changeTableModal .change-table-modal-card {
  width: 310px !important;
  max-width: 92vw !important;
  padding: 14px 14px 16px !important;
  border-radius: 10px !important;
}
#changeTableModal #btnRandomTableSelect {
  background: url('../images/svg_ui/ui_change_table_random_bg.svg') no-repeat center center / 100% 100% !important;
  height: 42px !important;
  border: none !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
#changeTableModal .tables-list-container {
  max-height: none !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
#changeTableModal .switch-table-recent-row {
  height: 36px !important;
  min-height: 36px !important;
  background: url('../images/svg_ui/ui_change_table_btn_bg.svg') no-repeat center center / 100% 100% !important;
  border-radius: 6px !important;
  padding: 0 10px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
}

/* FIX 7: Gift Panel Bottom-Right Green Close Button Unclipped */
#giftPanelSection #btnCloseGiftDrawer,
#giftPanelSection #btnCloseGiftPanel {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #9dc93b !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 40 !important;
}

/* FIX 9: Daily Bonus Dialog (#dailyBonusModal) & Roulette Dialog (#rouletteModal) 1:1 */
.btlk-daily-bonus-dialog {
  width: 310px !important;
  max-width: 92vw !important;
  background: #ffffff url('../images/svg_ui/ui_daily_bonus_bg.svg') no-repeat top center / 100% auto !important;
  border-radius: 12px !important;
  padding: 18px 16px 16px !important;
  text-align: center !important;
}
.btlk-daily-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #374151 !important;
  margin-bottom: 4px !important;
}
.btlk-daily-subtitle {
  font-size: 12px !important;
  color: #6b7280 !important;
  margin-bottom: 12px !important;
}
.btlk-daily-days-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
}
.btlk-daily-day-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #f3f4f6 !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
  border: 1px solid #e5e7eb !important;
}
.btlk-daily-day-row.is-current-day {
  background: #ecfccb !important;
  border-color: #84cc16 !important;
}
.btlk-daily-day-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #374151 !important;
}
.btlk-daily-check-box {
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}
.btlk-daily-check-box.checked {
  background: #84cc16 !important;
  border-color: #65a30d !important;
}
.btlk-daily-day-right {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ef4444 !important;
}
.btlk-daily-premium-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(90deg, #f97316 0%, #fb923c 100%) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  margin-bottom: 12px !important;
}
.btlk-daily-prem-icon {
  width: 22px !important;
  height: 22px !important;
}
.btlk-daily-claim-btn,
.btlk-roulette-spin-btn {
  width: 100% !important;
  height: 40px !important;
  border-radius: 8px !important;
  border: none !important;
  background: linear-gradient(180deg, #9dc93b 0%, #759951 100%) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(117, 153, 81, 0.4) !important;
}

.btlk-roulette-dialog {
  width: 315px !important;
  max-width: 92vw !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 14px 14px 14px !important;
  text-align: center !important;
}
.btlk-roulette-guide-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  text-align: left !important;
  margin-bottom: 8px !important;
}
.btlk-roulette-guide-icon {
  width: 32px !important;
  height: 32px !important;
}
.btlk-roulette-guide-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
}
.btlk-roulette-guide-desc {
  font-size: 11px !important;
  color: #6b7280 !important;
  line-height: 1.25 !important;
}
.btlk-roulette-chances-row {
  font-size: 13px !important;
  color: #4b5563 !important;
  margin-bottom: 6px !important;
}
.btlk-roulette-wheel-stage {
  position: relative !important;
  width: 220px !important;
  height: 220px !important;
  margin: 0 auto 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.btlk-roulette-pointer {
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 30 !important;
}
.btlk-roulette-pointer img {
  width: 28px !important;
  height: auto !important;
}
.btlk-roulette-disk {
  width: 204px !important;
  height: 204px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  z-index: 10 !important;
}
.btlk-roulette-field-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.btlk-roulette-frame-img {
  position: absolute !important;
  inset: 0 !important;
  width: 220px !important;
  height: 220px !important;
  pointer-events: none !important;
  z-index: 20 !important;
}
.btlk-roulette-center-cap {
  position: absolute !important;
  width: 48px !important;
  height: 48px !important;
  z-index: 25 !important;
  pointer-events: none !important;
}
.btlk-roulette-center-cap img {
  width: 100% !important;
  height: 100% !important;
}
.btlk-roulette-win-toast {
  margin: 6px 0 !important;
  padding: 5px 10px !important;
  background: #ecfccb !important;
  color: #3f6212 !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.btlk-roulette-jackpot-card {
  margin-top: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
}
.btlk-jackpot-top-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-size: 13px !important;
  color: #ef4444 !important;
  margin-bottom: 6px !important;
}
.btlk-jackpot-lbl {
  font-weight: 800 !important;
  color: #64748b !important;
  font-size: 11px !important;
}
.btlk-jackpot-winner-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.btlk-jackpot-winner-ava {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.btlk-jackpot-winner-info {
  text-align: left !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
.btlk-jackpot-winner-sub {
  color: #94a3b8 !important;
}
.btlk-jackpot-winner-name {
  font-weight: 700 !important;
  color: #1e293b !important;
}
.btlk-jackpot-winner-name span {
  color: #ef4444 !important;
}


/* ==========================================================================
   FINAL GIFT HEADER BAR (TOP) & STANDART/PREMIUM TABS (ABOVE GIFTS)
   ========================================================================== */
html body .game-viewport.gift-mode-active #giftHeaderBar.gift-header-bar {
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #e5e5ea !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
  z-index: 190 !important;
}

@media (max-width: 767px) {
  html body .game-viewport.gift-mode-active #giftHeaderBar.gift-header-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 50px !important;
  }
  html body .game-viewport.gift-mode-active #giftPanelSection.gift-panel-section {
    position: relative !important;
    height: 40% !important;
    flex: 0 0 40% !important;
    max-height: 40% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }
}

@media (min-width: 768px) {
  html body .game-viewport.gift-mode-active #giftHeaderBar.gift-header-bar {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    height: 52px !important;
  }
  html body .game-viewport.gift-mode-active #giftPanelSection.gift-panel-section {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }
}

html body .game-viewport #giftPanelSection #giftCategoryTabs.gift-category-tabs {
  order: 1 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: calc(100% - 28px) !important;
  margin: 8px 14px 4px 14px !important;
  flex-shrink: 0 !important;
}

html body .game-viewport #giftPanelSection #giftsGridContainer.gifts-grid-container {
  order: 2 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


/* ==========================================================================
   UNIFIED CLIP & MUSIC WIDGET + PERFECTLY CENTERED DJ AVATAR CIRCLE (1:1)
   ========================================================================== */
html body .game-viewport #roomMediaPlayerWidget.room-media-player-widget:not(.clip-expanded) {
  position: absolute !important;
  top: 6px !important;
  right: 0 !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: 60 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.14)) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Həm Klip, həm də Musiqi ifa paneli eyni ölçü və formada (74px hündürlük, 37px sol radius) */
html body .game-viewport #roomMediaPlayerWidget.clip-mode:not(.clip-expanded) .room-media-pill-card,
html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) .room-media-pill-card {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  padding: 0 0 0 8px !important;
  gap: 8px !important;
  border-radius: 37px 0 0 37px !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Sol sütun və dairəvi profil şəkli — tam mərkəzdə (top:0, left:0, sürüşməsiz) */
html body .game-viewport #roomMediaPlayerWidget:not(.clip-expanded) .room-media-left-col {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .game-viewport #roomMediaPlayerWidget .room-media-avatar-progress-wrap {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}

html body .game-viewport #roomMediaPlayerWidget .room-media-dj-avatar,
html body .game-viewport #roomMediaPlayerWidget #roomMediaDJAvatar {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .game-viewport #roomMediaPlayerWidget .room-media-dj-avatar img,
html body .game-viewport #roomMediaPlayerWidget .room-media-dj-avatar svg,
html body .game-viewport #roomMediaPlayerWidget #roomMediaDJAvatar img,
html body .game-viewport #roomMediaPlayerWidget #roomMediaDJAvatar svg {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 50% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Klip rejimində sağ tərəfdə qara ekran (134x74), Musiqi rejimində eyni ölçüdə ui_audio_player_1.svg (134x74) */
html body .game-viewport #roomMediaPlayerWidget.clip-mode:not(.clip-expanded) #roomMediaClipBody.room-media-clip-body {
  display: flex !important;
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #000000 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  position: relative !important;
  opacity: 1 !important;
}

html body .game-viewport #roomMediaPlayerWidget.clip-mode #roomMediaMusicBody.room-media-music-body {
  display: none !important;
}

/* Musiqi rejimində gizli YouTube konteyneri layout-a təsir etməsin */
html body .game-viewport #roomMediaPlayerWidget.music-mode #roomMediaClipBody.room-media-clip-body {
  position: fixed !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  max-width: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  opacity: 0.01 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) #roomMediaMusicBody.room-media-music-body {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
  height: 74px !important;
  min-height: 74px !important;
  max-height: 74px !important;
  margin: 0 !important;
  padding: 4px 6px 4px 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}

html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) .room-media-cassette-img {
  width: 100% !important;
  height: 100% !important;
  max-width: 128px !important;
  max-height: 64px !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 !important;
}

/* Altda sallanan səs tabı və F düyməsi həm klip, həm musiqi rejimində eyni yerdə (top: 62px) */
html body .game-viewport #roomMediaPlayerWidget.clip-mode:not(.clip-expanded) .room-media-controls-row,
html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) .room-media-controls-row {
  position: absolute !important;
  top: 62px !important;
  left: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 5px !important;
  z-index: 65 !important;
  pointer-events: auto !important;
}


/* ==========================================================================
   CONCENTRIC (36px, 36px) DJ AVATAR & UNIFIED CLIP/MUSIC WIDGET (1000824162 1:1)
   ========================================================================== */
html body .game-viewport #roomMediaPlayerWidget.room-media-player-widget:not(.clip-expanded) {
  position: absolute !important;
  top: 6px !important;
  right: 0 !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: 60 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.14)) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Yuxarı sol künc 36px radius, aşağı sol künc 0px (səs düyməsi ilə düz xətt üzrə birləşir) */
html body .game-viewport #roomMediaPlayerWidget.clip-mode:not(.clip-expanded) .room-media-pill-card,
html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) .room-media-pill-card {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 36px 0 0 0 !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Sol 72x72 ağ kvadrat — mərkəzi (36px, 36px), xarici 36px qövs ilə 100% konsentrik */
html body .game-viewport #roomMediaPlayerWidget:not(.clip-expanded) .room-media-left-col {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 52x52 Dairəvi Çərçivə (3px açıq-boz halqa #d4d4d4 + mərkəzdə 46x46 yumru profil şəkli) */
html body .game-viewport #roomMediaPlayerWidget .room-media-avatar-progress-wrap {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 3px solid #d4d4d4 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
}

html body .game-viewport #roomMediaPlayerWidget .room-media-dj-avatar,
html body .game-viewport #roomMediaPlayerWidget #roomMediaDJAvatar {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .game-viewport #roomMediaPlayerWidget .room-media-dj-avatar img,
html body .game-viewport #roomMediaPlayerWidget .room-media-dj-avatar svg,
html body .game-viewport #roomMediaPlayerWidget #roomMediaDJAvatar img,
html body .game-viewport #roomMediaPlayerWidget #roomMediaDJAvatar svg {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 50% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Sağ Hissə (134x72): Klip rejimində qara video ekranı, Musiqi rejimində eyni ölçüdə ui_audio_player_1.svg */
html body .game-viewport #roomMediaPlayerWidget.clip-mode:not(.clip-expanded) #roomMediaClipBody.room-media-clip-body {
  display: flex !important;
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #000000 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  position: relative !important;
  opacity: 1 !important;
}

html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) #roomMediaMusicBody.room-media-music-body {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 4px 6px 4px 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}

html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) .room-media-cassette-img {
  width: 100% !important;
  height: 100% !important;
  max-width: 128px !important;
  max-height: 64px !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 !important;
}

/* Altda sallanan Səs tabı (left: 0, sol kənarla kəsintisiz düz xətt) və yanında F düyməsi */
html body .game-viewport #roomMediaPlayerWidget.clip-mode:not(.clip-expanded) .room-media-controls-row,
html body .game-viewport #roomMediaPlayerWidget.music-mode:not(.clip-expanded) .room-media-controls-row {
  position: absolute !important;
  top: 72px !important;
  left: 0 !important;
  right: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 4px !important;
  z-index: 65 !important;
  pointer-events: auto !important;
}

html body .game-viewport #roomMediaPlayerWidget #btnToggleMediaSound.room-media-sound-tab {
  width: 44px !important;
  height: 26px !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0 2px 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

html body .game-viewport #roomMediaPlayerWidget #btnClipFullscreen.room-media-fullscreen-btn {
  width: 24px !important;
  height: 21px !important;
  margin: 3px 0 0 0 !important;
  background: #9b9b9b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================================
   DAILY BONUS DIALOG 1:1 PIXEL-PERFECT REPLICA (1000824251.jpg & butulka.com)
   ========================================================================== */
html body .game-viewport #dailyBonusModal.app-modal-overlay {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .game-viewport #dailyBonusModal#dailyBonusModal#dailyBonusModal#dailyBonusModal.app-modal-overlay > .btlk-daily-bonus-dialog {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  position: relative !important;
  overflow: hidden !important;
  border: none !important;
}

html body .game-viewport #dailyBonusModal .modal-close-circle-green {
  display: none !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 165px !important;
  background-image: url("../images/svg_ui/ui_daily_bonus_bg.svg") !important;
  background-size: auto 165px !important;
  background-repeat: repeat-x !important;
  background-position: top left !important;
  border-radius: 17px 17px 0 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__header {
  flex: 0 0 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 15px !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__title {
  flex: 1 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: none !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__content {
  padding: 0 15px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__description {
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  width: 220px !important;
  white-space: pre-line !important;
  line-height: 1.22 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__items {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  width: 233px !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__item,
html body .game-viewport #dailyBonusModal .daily-bonus__item--activated,
html body .game-viewport #dailyBonusModal .daily-bonus__item--today {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  background-color: #b7ee66 !important;
  width: 233px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  border-radius: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__day {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 0 0 5px !important;
  padding: 0 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__checkbox,
html body .game-viewport #dailyBonusModal .daily-bonus__item--activated .daily-bonus__checkbox,
html body .game-viewport #dailyBonusModal .daily-bonus__item--today .daily-bonus__checkbox {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url("../images/svg_ui/ui_achievement_icon_check.svg") !important;
  background-size: 13px 10px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__day-title {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  padding: 0 0 0 5px !important;
  margin: 0 !important;
  line-height: 1 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__heart {
  background: url("../images/svg_ui/ui_daily_bonus_heart.svg") no-repeat center / 26px 19px !important;
  width: 26px !important;
  height: 19px !important;
  min-width: 26px !important;
  min-height: 19px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 15px 0 4px !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__heart-title {
  align-self: center !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__premium {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  background-color: #fdb100 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  width: 233px !important;
  max-width: 233px !important;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__premium-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 0 0 0 12px !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  color: #ffffff !important;
  white-space: pre-line !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__premium-icon {
  background: url("../images/svg_ui/ui_daily_bonus_premium_icon.svg") no-repeat center / 58px 65px !important;
  width: 55px !important;
  height: 45px !important;
  min-width: 55px !important;
  min-height: 45px !important;
  flex-shrink: 0 !important;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
}

html body .game-viewport #dailyBonusModal .daily-bonus__buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px 15px !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

html body .game-viewport #dailyBonusModal #btnClaimDailyBonus,
html body .game-viewport #dailyBonusModal #btnClaimDailyBonus.btlk-daily-claim-btn {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  background-color: #97ca31 !important;
  background-image: none !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 0 10px !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  border: none !important;
  box-shadow: none !important;
}


/* ==========================================================================
   SINGLE COMPACT KISS BADGE WITH COUNT ON PLAYER CARDS (1000824162.jpg 1:1)
   ========================================================================== */
html body .game-viewport .table-player-node .avatar-kiss-under-icon,
html body .table-player-node .avatar-kiss-under-icon,
.avatar-kiss-under-icon {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .game-viewport .table-player-node .avatar-kiss-badge,
html body .table-player-node .avatar-kiss-badge {
  position: absolute !important;
  top: -3px !important;
  right: -5px !important;
  width: 21px !important;
  height: 17px !important;
  min-width: 21px !important;
  max-height: 17px !important;
  background: url("../images/svg_ui/ui_table_user_kiss.svg") no-repeat center center / 21px 17px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  z-index: 24 !important;
  pointer-events: none !important;
}

html body .game-viewport .table-player-node .avatar-kiss-badge:empty,
html body .game-viewport .table-player-node .avatar-kiss-badge[style*="display: none"],
html body .game-viewport .table-player-node .avatar-kiss-badge[style*="display:none"],
html body .table-player-node .avatar-kiss-badge:empty {
  display: none !important;
}


/* ==========================================================================
   MUSIC MODE (ui_audio_player_1.svg 1000824388.jpg 1:1) & CHAT AVATAR FIX
   ========================================================================== */
html body .game-viewport #roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget.music-mode:not(.clip-expanded) #roomMediaMusicBody.room-media-music-body {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 134px !important;
  min-width: 134px !important;
  max-width: 134px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 8px 6px 8px 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .game-viewport #roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget.music-mode:not(.clip-expanded) #roomMediaMusicBody .room-media-cassette-img {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  display: block !important;
  object-fit: fill !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

html body .game-viewport #roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget.music-mode #roomMediaClipBody.room-media-clip-body {
  position: fixed !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  min-width: 0 !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  opacity: 0.001 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: -1 !important;
}

html body .game-viewport #roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget.music-mode #btnClipFullscreen.room-media-fullscreen-btn {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

html body .game-viewport #roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget.clip-mode #roomMediaMusicBody.room-media-music-body {
  display: none !important;
}

html body .game-viewport #roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget#roomMediaPlayerWidget.clip-mode #btnClipFullscreen.room-media-fullscreen-btn {
  display: flex !important;
  visibility: visible !important;
}

/* Chat media announcement row & DJ avatar (always 28x28px) */
html body .game-viewport .chat-music-announce-row,
.chat-music-announce-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 4px 10px !important;
  margin-top: 2px !important;
}

html body .game-viewport .chat-music-announce-row .chat-music-avatar-wrap,
.chat-music-announce-row .chat-music-avatar-wrap {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  display: block !important;
}

html body .game-viewport #chatMessagesContainer .chat-music-announce-row img.chat-msg-avatar,
html body .game-viewport .chat-music-announce-row .chat-msg-avatar,
html body .game-viewport img.chat-msg-avatar,
.chat-music-announce-row img.chat-msg-avatar,
img.chat-msg-avatar {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  border-radius: 6px !important;
  object-fit: cover !important;
  object-position: center center !important;
  flex-shrink: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}


/* ==========================================================================
   FINAL 1:1 STICKER MODAL (1000824181.jpg & 1000824182.jpg) &
   GIFT SENDING MODAL CENTERED TABS ABOVE GIFTS (1000824164.jpg & 1000824166.jpg)
   ========================================================================== */

/* 1. STICKER MODAL (#stickerModal) — 1000824181.jpg (Initial Mənim Stikerlərim) & 1000824182.jpg (9 Categories) */
html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.app-modal-overlay {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.app-modal-overlay.active {
  display: flex !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.app-modal-overlay > .sticker-modal-card {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  padding: 0 0 15px 0 !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  border: none !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal > .sticker-modal-card > .modal-close-circle-green {
  position: absolute !important;
  top: -11px !important;
  right: -11px !important;
  left: auto !important;
  bottom: auto !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url("../images/svg_ui/ui_popup_btn_close.svg") !important;
  background-size: 16px 16px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) !important;
  color: transparent !important;
  font-size: 0 !important;
  border: none !important;
  z-index: 35 !important;
  cursor: pointer !important;
  display: block !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal .sticker-modal-top-header {
  flex: 0 0 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 0 15px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  border: none !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal #stickerModalTitleText.sticker-modal-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #b4b4b4 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal .sticker-folder-badge {
  font-size: 16px !important;
  margin-left: 6px !important;
  opacity: 0.85 !important;
  cursor: pointer !important;
  line-height: 1 !important;
  user-select: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Initial compact state (1000824181.jpg): only Mənim Stikerlərim + folder icon */
html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.mode-mine-empty #stickerCategoryList,
html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.mode-mine-empty #stickersGridContainer {
  display: none !important;
}

/* Categories list state (1000824182.jpg): 9 grey rounded category rows */
html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.mode-cats #stickerCategoryList {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 8px 23px 0 23px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  max-height: 68vh !important;
  overflow-y: auto !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.mode-cats #stickersGridContainer {
  display: none !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal #stickerCategoryList .sticker-cat-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  padding: 8px 10px !important;
  height: auto !important;
  min-height: 32px !important;
  border-radius: 8px !important;
  background: #f3f3f3 !important;
  color: #000000 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  border: none !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal #stickerCategoryList .sticker-cat-row:hover {
  background: #e6e6e6 !important;
}

/* Grid state when a category with stickers is selected */
html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.mode-grid #stickerCategoryList {
  display: none !important;
}

html body .game-viewport #stickerModal#stickerModal#stickerModal#stickerModal.mode-grid #stickersGridContainer {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  padding: 8px 23px 0 23px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  max-height: 270px !important;
  overflow-y: auto !important;
}

/* 2. GIFT SENDING MODAL (#giftHeaderBar + #giftPanelSection + #giftCategoryTabs) — 1000824164.jpg & 1000824166.jpg 1:1 */
html body .game-viewport.gift-mode-active {
  display: flex !important;
  flex-direction: column !important;
  width: 100vw !important;
  height: 100dvh !important;
}

/* Top bar (#giftHeaderBar) ONLY has recipient profile info, NEVER Standart/Premium tabs */
html body .game-viewport.gift-mode-active #giftHeaderBar#giftHeaderBar#giftHeaderBar#giftHeaderBar.gift-header-bar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  background: #ffffff !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #e5e5ea !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: space-between !important;
  z-index: 190 !important;
}

html body #giftHeaderBar .gift-category-tabs,
html body #giftHeaderBar #giftCategoryTabs {
  display: none !important;
  visibility: hidden !important;
}

html body .game-viewport.gift-mode-active #tableStage.table-stage {
  height: 60% !important;
  flex: 0 0 60% !important;
  max-height: 60% !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 48px 4px 6px 4px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Bottom gifts section (#giftPanelSection) always at the bottom with Standart/Premium tabs centered at top of gifts */
html body .game-viewport.gift-mode-active #giftPanelSection#giftPanelSection#giftPanelSection#giftPanelSection.gift-panel-section {
  position: relative !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 40% !important;
  flex: 0 0 40% !important;
  max-height: 40% !important;
  min-height: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  display: flex !important;
  visibility: visible !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Standart & Premium tabs (#giftCategoryTabs) centered directly above gifts (#giftsGridContainer) */
html body .game-viewport #giftPanelSection#giftPanelSection #giftCategoryTabs#giftCategoryTabs.gift-category-tabs {
  order: 1 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: calc(100% - 24px) !important;
  max-width: 366px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 7px auto 5px auto !important;
  padding: 3px !important;
  gap: 3px !important;
  background: #f1f1f5 !important;
  border: 1px solid #e8e8ef !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftCategoryTabs#giftCategoryTabs.gift-category-tabs button {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #777785 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftCategoryTabs#giftCategoryTabs.gift-category-tabs button.active {
  background: #6c3ce9 !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  border: none !important;
  border-radius: 7px !important;
  box-shadow: 0 1px 4px rgba(108, 60, 233, 0.25) !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer#giftsGridContainer.gifts-grid-container {
  order: 2 !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer#giftsGridContainer.gifts-grid-container:not(.premium-grid):not(.premium-4col-grid) {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px 4px !important;
  padding: 6px 10px 24px 10px !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer#giftsGridContainer.gifts-grid-container.premium-grid,
html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer#giftsGridContainer.gifts-grid-container.premium-4col-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px 6px !important;
  padding: 6px 12px 24px 12px !important;
}


/* ==========================================================================
   3. GIFT SENDING MODAL 1:1 PIXEL-PERFECT REPLICA (1000824164.jpg & 1000824166.jpg)
   ========================================================================== */
html body .game-viewport.gift-mode-active #giftHeaderBar#giftHeaderBar#giftHeaderBar#giftHeaderBar.gift-header-bar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  background: #ffffff !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: space-between !important;
  z-index: 190 !important;
}

html body #giftHeaderBar .gift-header-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
}

html body #giftHeaderBar #giftHeaderAvatarWrap.gift-header-avatar-circle {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body #giftHeaderBar #giftHeaderAvatarWrap img,
html body #giftHeaderBar #giftHeaderAvatarWrap svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
}

html body #giftHeaderBar .gift-header-text-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

html body #giftHeaderBar .gift-header-sub {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #cfcfcf !important;
  line-height: 15px !important;
  text-transform: none !important;
}

html body #giftHeaderBar #giftHeaderTargetName.gift-header-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #cfcfcf !important;
  line-height: 16px !important;
}

html body #giftHeaderBar #giftHeaderAddBtn.gift-header-add-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 50% !important;
  background: url("../images/svg_ui/ui_profile_btn_add.svg") no-repeat center / 28px 28px !important;
  color: transparent !important;
  font-size: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
  cursor: pointer !important;
}

html body .game-viewport.gift-mode-active #tableStage.table-stage {
  height: 60% !important;
  flex: 0 0 60% !important;
  max-height: 60% !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 44px 4px 6px 4px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Standart / Premium Segmented Tabs centered directly above gifts in bottom drawer */
html body .game-viewport #giftPanelSection#giftPanelSection #giftCategoryTabs#giftCategoryTabs.gift-category-tabs {
  order: 1 !important;
  position: relative !important;
  z-index: 30 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  gap: 3px !important;
  margin: 7px auto !important;
  padding: 3px !important;
  width: calc(100% - 24px) !important;
  max-width: 420px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  box-sizing: border-box !important;
  background: #f1f1f5 !important;
  border: 1px solid #e8e8ef !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftCategoryTabs#giftCategoryTabs.gift-category-tabs button {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #777785 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.1px !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftCategoryTabs#giftCategoryTabs.gift-category-tabs button.active {
  background: #7c3aed !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(124, 58, 237, 0.18) !important;
}

/* Standart Tab: 5 Columns (1000824164.jpg) */
html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer#giftsGridContainer.gifts-grid-container:not(.premium-grid):not(.premium-4col-grid) {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 6px 2px !important;
  padding: 4px 6px 24px 6px !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Premium Tab: 4 Columns (1000824166.jpg) */
html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer#giftsGridContainer.gifts-grid-container.premium-grid,
html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer#giftsGridContainer.gifts-grid-container.premium-4col-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px 2px !important;
  padding: 4px 4px 24px 4px !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer .send-gift__item {
  width: 100% !important;
  height: 92px !important;
  min-height: 92px !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-around !important;
  align-items: center !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer:not(.premium-grid) .send-gift__image-block {
  width: 58px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer.premium-grid .send-gift__image-block,
html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer.premium-4col-grid .send-gift__image-block {
  width: 100% !important;
  max-width: 96px !important;
  height: 67px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer .send-gift__subitem {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer .send-gift__icon--heart {
  width: 16px !important;
  height: 13px !important;
  min-width: 16px !important;
  min-height: 13px !important;
  background: url("../images/svg_ui/ui_bank_heart.svg") no-repeat center / 16px 13px !important;
  flex-shrink: 0 !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #giftsGridContainer .send-gift__price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  margin-left: 3px !important;
  line-height: 1 !important;
}

html body .game-viewport #giftPanelSection#giftPanelSection #btnCloseGiftPanel.gift-panel-floating-close-btn {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 16px !important;
  background-color: #91ce35 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border: none !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 95 !important;
  cursor: pointer !important;
}


/* === BUTULKA.COM 1:1 GESTURE CARD ANIMATION & HORIZONTAL CHAT BATCHING === */
.avatar-photo-frame .player-gesture-card-anim {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 26 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.avatar-photo-frame .player-gesture-card-shadow {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: url("../images/svg_ui/ui_table_user_view_shadow.svg") center / 100% 100% no-repeat !important;
  pointer-events: none !important;
}
.avatar-photo-frame .player-gesture-card-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
.chat-gesture-notice-row,
.chat__info--gesture {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 5px !important;
  padding: 4px 7px !important;
  min-height: 34px !important;
}
.chat-gesture-notice-row .chat__gesture-icons,
.chat__gesture-icons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 2px !important;
  margin: -3px 0 -6px 5px !important;
}
.chat-gesture-notice-row .chat__gesture,
.chat-gesture-inline-img {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: -2px 0 !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}


/* 1:1 Butulka.com Masalar 5-Column Grid, Custom Table Header Theme & Premium Gift Chat */
#tableThemesScrollRow.table-themes-scroll-row {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px 8px !important;
  padding: 8px 14px 22px 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 230px !important;
  justify-items: center !important;
}
#tableThemesScrollRow .table-theme-thumb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  cursor: pointer !important;
  width: 64px !important;
}
#tableThemesScrollRow .theme-thumb-img {
  width: 62px !important;
  height: 62px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18) !important;
  border: 2px solid transparent !important;
  transition: transform 0.15s ease, border-color 0.15s ease !important;
}
#tableThemesScrollRow .table-theme-thumb-card.active .theme-thumb-img,
#tableThemesScrollRow .table-theme-thumb-card:hover .theme-thumb-img {
  border-color: #8bc34a !important;
  transform: scale(1.04) !important;
}
.top-navbar.custom-table-theme .nav-circle-btn,
.top-navbar.custom-table-theme .table-refresh-circle-btn,
.top-navbar.custom-table-theme .league-rank-circle-btn {
  background: rgba(22, 36, 56, 0.82) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}
#giftsGridContainer.premium-4col-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px 8px !important;
  padding: 10px 12px 24px 12px !important;
}
#giftsGridContainer.premium-4col-grid .gift-item-cell.premium-gift-item {
  width: 100% !important;
  height: 98px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
#giftsGridContainer.premium-4col-grid .gift-item-cell.premium-gift-item .send-gift__image-block {
  width: 76px !important;
  height: 76px !important;
}
#giftsGridContainer.premium-4col-grid .gift-item-cell.premium-gift-item .send-gift__image {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
}
.chat-table-notice-row,
.chat-bottle-notice-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 10px !important;
  margin-top: 2px !important;
}
.chat-premium-reward-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin-left: 6px !important;
  color: #22c55e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-variant-numeric: tabular-nums !important;
}


/* 1:1 Butulka.com Bottle3d Square Stage & Exact Aspect Ratio (Zero Horizontal Squeezing) */
html body .center-table-zone #bottleWrapper.wood-bottle-wrapper {
  width: 160px !important;
  height: 160px !important;
  min-width: 160px !important;
  min-height: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform-origin: 50% 50% !important;
}
html body .center-table-zone #bottleWrapper .bottle-table-shadow {
  display: none !important;
}
html body .center-table-zone #bottleWrapper #bottleWebGLCanvas.wood-bottle-webgl-canvas {
  width: 160px !important;
  height: 160px !important;
  max-width: 160px !important;
  max-height: 160px !important;
  display: block !important;
  object-fit: contain !important;
}


/* Reduce the transparent square around the bottle render without changing the table layout. */
html body .center-table-zone #bottleWrapper.wood-bottle-wrapper {
  overflow: hidden !important;
}
html body .center-table-zone #bottleWrapper #bottleWebGLCanvas.wood-bottle-webgl-canvas {
  transform: scale(1.12) !important;
  transform-origin: 50% 50% !important;
}