/* ===== Lobby theme — kolorystyka i stylistyka lobby na wszystkich stronach (poza walkami) ===== */

:root {
  --lobby-red: #c43d3d;
  --lobby-red-soft: rgba(196, 61, 61, 0.35);
  --lobby-red-mist: rgba(180, 50, 50, 0.25);
  --lobby-red-aurora: rgba(220, 80, 80, 0.15);
  --lobby-bg: #070A12;
  --lobby-card-border: rgba(255, 255, 255, 0.12);
  --lobby-card-hover: rgba(196, 61, 61, 0.2);
}

/* Tło — czerwona aura, ciągłe (fixed) bez ucinania i powtarzania na długich stronach */
body.lobby-theme {
  position: relative;
  background: linear-gradient(180deg, var(--bg0), var(--bg1));
}
body.lobby-theme::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(1200px 700px at 20% -10%, rgba(196, 61, 61, 0.28), transparent 60%),
    radial-gradient(900px 600px at 80% 0%, rgba(180, 50, 50, 0.18), transparent 55%),
    radial-gradient(900px 600px at 55% 105%, rgba(140, 40, 40, 0.1), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  pointer-events: none;
}

/* Logo / brand — czerwone akcenty */
body.lobby-theme .brand__mark {
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255, 255, 255, 0.18), transparent 55%),
    linear-gradient(135deg, rgba(196, 61, 61, 0.95), rgba(180, 50, 50, 0.9));
  box-shadow: 0 18px 40px rgba(196, 61, 61, 0.25);
}

/* Nav — profil, przyciski */
body.lobby-theme .nav__link--profile {
  border-color: rgba(196, 61, 61, 0.45);
  background: rgba(196, 61, 61, 0.14);
}

body.lobby-theme .nav__button--primary {
  border-color: rgba(196, 61, 61, 0.55);
  background:
    radial-gradient(120% 120% at 30% 0%, rgba(255, 255, 255, 0.14), transparent 60%),
    linear-gradient(135deg, rgba(196, 61, 61, 0.95), rgba(180, 50, 50, 0.75));
}

/* Przyciski primary */
body.lobby-theme .btn--primary {
  border-color: rgba(196, 61, 61, 0.55);
  background:
    radial-gradient(120% 120% at 30% 0%, rgba(255, 255, 255, 0.14), transparent 60%),
    linear-gradient(135deg, rgba(196, 61, 61, 0.95), rgba(180, 50, 50, 0.75));
}

body.lobby-theme .btn--primary:hover {
  background:
    radial-gradient(120% 120% at 30% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
    linear-gradient(135deg, rgba(220, 80, 80, 0.95), rgba(196, 61, 61, 0.8));
}

/* Linki */
body.lobby-theme .link {
  color: rgba(220, 100, 100, 0.95);
}

/* Focus na inputach */
body.lobby-theme .field__input:focus {
  border-color: rgba(196, 61, 61, 0.55);
  box-shadow: 0 0 0 3px rgba(196, 61, 61, 0.18);
}

/* Avatar frame current */
body.lobby-theme .avatar-frame-btn--current {
  border-color: var(--lobby-red);
  background: rgba(196, 61, 61, 0.15);
}

/* Karty — delikatny czerwony hover */
body.lobby-theme .card {
  border-color: var(--lobby-card-border);
}

body.lobby-theme .card:hover {
  border-color: rgba(196, 61, 61, 0.25);
}

/* Admin subnav active */
body.lobby-theme .admin-subnav__link--active {
  background: var(--lobby-red);
  border-color: var(--lobby-red);
}

/* Badge, akcenty */
body.lobby-theme .btn--brand {
  background: linear-gradient(135deg, rgba(196, 61, 61, 0.55), rgba(180, 50, 50, 0.25));
  border-color: rgba(196, 61, 61, 0.5);
}

body.lobby-theme .btn--brand:hover {
  background: rgba(196, 61, 61, 0.8);
}

/* Play tiles (strona Graj) */
body.lobby-theme .play-tile:hover {
  border-color: rgba(196, 61, 61, 0.5);
  background: linear-gradient(180deg, rgba(196, 61, 61, 0.12), rgba(196, 61, 61, 0.04));
}

/* Filtry wiadomości */
body.lobby-theme .message-filters__btn--active {
  background: var(--lobby-red);
  border-color: var(--lobby-red);
}

/* Taby (page-tab active) */
body.lobby-theme .page-tab[aria-selected="true"] {
  border-color: var(--lobby-red);
  background: rgba(196, 61, 61, 0.12);
}