/* Isolated colour study. The accepted main-project palette is unchanged.
   Geography supplies the large colour field; social and rank details use small, distinct accents. */
html.lobby-active {
  --study-social-bg:#e1e7ee;
  --study-social-line:#becbd9;
  --study-social-ink:#415d7b;
  --study-rank-bg:#eeebe5;
  --study-rank-line:#a58a62;
  --study-mark:#bca784;
}
html.lobby-active[data-lobby-theme="dusk"] {
  --study-social-bg:#343f4c;
  --study-social-line:#526477;
  --study-social-ink:#c0cfdf;
  --study-rank-bg:#403e39;
  --study-rank-line:#a58a62;
}

/* Retain some of the actual map's ocean/land colour instead of painting the entire UI. */
.lobby-active #lobby .lb-card-img { filter:saturate(.42) brightness(.93) contrast(1.02); opacity:.95; }
.lobby-active .site-mark { background:var(--study-mark); }
.lobby-active .site-mode-chip { color:var(--study-social-ink); background:var(--study-social-bg); border-color:var(--study-social-line); }
.lobby-active .site-party-symbol { color:var(--study-social-ink); background:var(--study-social-bg); border-color:var(--study-social-line); }
.lobby-active #partyBar .pb-pill { color:var(--study-social-ink); background:var(--study-social-bg); border-color:var(--study-social-line); }
.lobby-active #partyBar .pb-pill b { color:inherit; }
.lobby-active #clanPage .cp-motd { color:var(--study-social-ink); background:var(--study-social-bg); border-color:var(--study-social-line); }
.lobby-active #profilePage .pf-rank { background:var(--study-rank-bg); border-left-color:var(--study-rank-line); }
.lobby-active #leaderPage :is(.lp-mine,.lp-myplayer,.lp-row.me) { background:var(--study-social-bg); border-color:var(--study-social-line); }
.lobby-active #notifBody .nt-row.nt-unread { background:var(--study-social-bg); }

/* Let the map and the join action establish the hierarchy. */
.lobby-active #lobby .lb-card { border-radius:3px; box-shadow:none; }
.lobby-active .site-overline { letter-spacing:.07em; }
.lobby-active #lobby .lb-card-name { font-size:30px; font-weight:600; letter-spacing:-.6px; }
.lobby-active .site-match-head { padding:18px 22px; }
.lobby-active .site-map-caption { border:0; border-radius:0; left:0; bottom:0; padding:8px 14px; }
.lobby-active .site-party-section { margin-top:20px; padding-top:16px; }
.lobby-active .site-party-section h2 { margin-bottom:10px; }
.lobby-active .site-party-symbol { background:transparent; border:0; padding:0; }
.lobby-active #sitePartyText { line-height:1.5; }
.lobby-active .site-header-actions { gap:18px; }
@media(min-width:760px) and (max-height:800px) {
  .lobby-active #lobby .lb-card-img { height:180px; }
  .lobby-active .site-joinrow { padding-top:15px; padding-bottom:15px; }
}