/* Approved art direction: 02 · Сделка. One continuous lobby scene. */
body:has(#lobbyScreen:not(.hidden)) {
  position: relative;
  isolation: isolate;
  background: #090b0e;
}
body:has(#lobbyScreen:not(.hidden))::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(90deg, rgba(5,9,13,.53), rgba(5,9,13,.12) 55%, rgba(5,9,13,.25)), linear-gradient(0deg, rgba(9,11,14,.66), transparent 70%), url('/assets/backgrounds/syndicate-landscape-v2-20260930.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body:has(#lobbyScreen:not(.hidden)) .app-header { background: rgba(9,13,16,.94); }
body:has(#lobbyScreen:not(.hidden)) .hero-card { background: rgba(20,24,32,.87); }
body:has(#lobbyScreen:not(.hidden)) .lobby-tagline,
body:has(#lobbyScreen:not(.hidden)) .lobby-premise,
body:has(#lobbyScreen:not(.hidden)) .lobby-facts { color: #bbc6d3; text-shadow: 0 2px 12px #000; }
@media (max-aspect-ratio: 1/1) {
  body:has(#lobbyScreen:not(.hidden))::before {
    background-image: linear-gradient(180deg, rgba(5,9,13,.3), rgba(5,9,13,.1) 43%, rgba(5,9,13,.55)), url('/assets/backgrounds/syndicate-portrait-v2-20260930.webp');
    background-position: center top;
  }
}
@media (max-width: 600px) {
  body:has(#lobbyScreen:not(.hidden)) .logo-group,
  body:has(#lobbyScreen:not(.hidden)) .logo-text { min-width: 0; }
  body:has(#lobbyScreen:not(.hidden)) .app-header { gap: 12px; }
  body:has(#lobbyScreen:not(.hidden)) .header-right-tools { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
  body:has(#lobbyScreen:not(.hidden)) .btn-tool-pill { width: auto; min-width: 0; padding: 7px 9px; }
  body:has(#lobbyScreen:not(.hidden)) .btn-tool-pill .tool-icon,
  body:has(#lobbyScreen:not(.hidden)) .btn-tool-pill .sound-icon { font-size: .65rem; }
  body:has(#lobbyScreen:not(.hidden)) .sub-logo { white-space: normal; }
  body:has(#lobbyScreen:not(.hidden)) .lobby-wordmark,
  body:has(#lobbyScreen:not(.hidden)) .edition-label { max-width: 100%; overflow-wrap: anywhere; }
}