/* =============================================================================
   3rb.io — Menu modern polish
   Refines the classic menu to match the new React "SELECT GAME MODE" card
   (dark #253247 panels, blue accents, soft depth, smooth hovers).
   Visual-only overrides (radius / border / shadow / transitions / colors).
   Loaded AFTER style.css so it wins; layout (width/height/position) untouched.
   ============================================================================= */

:root {
  --rb-bg: #253247;
  --rb-bg-2: #1d2838;
  --rb-line: rgba(255, 255, 255, 0.08);
  --rb-text: #e7edf5;
  --rb-muted: #93a0b4;
  --rb-blue: #4aa3ff;
  --rb-blue-light: #60a9ff;
}

/* ---- Cards: unified rounding + hairline border + soft depth ---- */



/* NOTE: #nick, #skin, #play, #spectate, #settingsButton are now React components
   (client/react/menu/ — styled in menu.less). Their old polish rules were removed here
   because they targeted by ID and double-bordered / mis-sized the React skin button. */

/* ---- Sign-in buttons (Discord / Google): smooth lift ---- */
.btn-discord,
.btn-google {
  border-radius: 11px !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}
.btn-discord:hover,
.btn-google:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3) !important;
}

/* ---- Party buttons ---- */
.btn-party {
  border-radius: 11px !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}
.btn-party:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}

/* party code field */
.party-token {
  background: var(--rb-bg-2) !important;
  border: 1px solid var(--rb-line) !important;
  border-radius: 10px !important;
  color: var(--rb-text) !important;
}
 
/* ---- Section titles: consistent blue accent ---- */
#serversTitle {
  color: var(--rb-blue-light) !important;
  letter-spacing: 0.5px;
}
.partyTitle span {
  color: var(--rb-blue-light) !important;
}


/* ---- Logged-in profile: coins / XP / quick-action buttons polish ---- */
#money-square {
  border-radius: 12px !important;
}


#xpProgress .progress {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.3) !important;
}

/* Shop / Rankings / Gift / Clans quick buttons (logged-in left column) */
#shop,
#rankings {
  transition: transform 0.15s ease, filter 0.15s ease !important;
}

/* ---- Featured video card embed: round the corners to match ---- */
#featuredEmbed {
  border-radius: 11px !important;
  overflow: hidden;
  width: 295px;
  height: 130px;
}