/* Match the main chat and profile page without changing club interactions. */
:root {
  background: #09080a;
  color: #f3e7e8;
}

body {
  background-color: #09080a;
  background-image:
    linear-gradient(90deg, rgba(8, 7, 10, .89), rgba(8, 7, 10, .77) 52%, rgba(8, 7, 10, .88)),
    url("assets/elitnyi-pryton-splash.webp");
  background-position: center, right 48%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.club-header {
  min-height: 148px;
  align-items: flex-end;
  padding: 20px 22px;
  border: 1px solid #76515c;
  border-radius: 14px;
  background-color: #171017;
  background-image:
    linear-gradient(0deg, rgba(8, 7, 10, .96), rgba(8, 7, 10, .68) 48%, rgba(8, 7, 10, .08)),
    url("assets/elitnyi-pryton-splash.webp");
  background-position: center, center 42%;
  background-size: cover;
  box-shadow: 0 14px 42px #0009;
}

.eyebrow,
.club-room-chat__eyebrow { color: #edbd89; }

h1 {
  color: #f8d5e2;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 2px 12px #000;
}

h2,
.club-invitations-panel h3 { color: #f0c08c; }

.subtext,
.panel p,
.club-browser-caption { color: #d4bbc5; }

.notice,
.panel,
.club-invitations-panel,
.club-dialog {
  border-color: #76515c;
  background: rgba(20, 15, 20, .94);
  color: #f3e7e8;
  box-shadow: 0 14px 42px #0009;
  backdrop-filter: blur(5px);
}

.notice.error { border-color: #bb6476; color: #ffd3d8; }
.notice.success { border-color: #648e6d; color: #c9f0d0; }

.club-card,
.club-invitation-card,
.entry,
.club-member-row {
  border-color: #65434f;
  background: #241a21;
}

.club-card h3,
.club-invitation-card__title { color: #f4e5e6; }

.club-card p,
.club-invitations-panel p,
.entry .meta,
.club-invitation-card__meta { color: #ccb4bf; }

.club-room-chip,
.club-visibility-badge {
  border-color: #75505f;
  background: #211820;
  color: #e0c6cf;
}

.club-card__locked-note { color: #e4bdc9 !important; }

input,
textarea,
select {
  border-color: #785462;
  background: #100d12;
  color: #fff;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible,
summary:focus-visible {
  outline: 2px solid #df00ff;
  outline-offset: 2px;
}

button,
.club-header .back-link {
  border: 1px solid #393939;
  border-radius: 9px;
  background: #292929;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  transition: filter .18s ease, transform .18s ease;
}

button.secondary,
.entry-actions button.secondary,
.club-room-button,
.club-dialog__close,
.club-header .back-link {
  border-color: #393939;
  background: #292929;
  color: #fff;
}

.club-header .back-link--icon { border-color: #393939; border-radius: 50%; background: #292929; }

button:not(:disabled):hover,
.club-header .back-link:hover {
  border-color: #393939;
  background: #292929;
  color: #fff;
  box-shadow: none;
  filter: brightness(1.12);
  text-decoration: none;
}

button:not(:disabled):active,
.club-header .back-link:active { transform: translateY(1px); }

.club-room-button.is-active,
.club-room-button.is-active:hover {
  border-color: #b05b82;
  background: #593145;
  color: #fff;
}

.club-message__delete,
.club-message__delete:not(:disabled):hover {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
}

.club-message__delete:not(:disabled):hover { color: #f0c08c; }

.club-space {
  border-color: #76515c;
  background: #120e12;
}

.club-space__header,
.club-room-sidebar,
.club-message-form {
  border-color: #503641;
  background: #211820;
}

.club-room-chat { background: #0d0a0d; }
.club-room-chat__header { border-color: #503641; }
.club-space__identity h3 { color: #f0c08c; }
.club-space__identity p,
.club-room-sidebar > h4,
.club-online-box h4,
.club-member-tools > summary { color: #cdb4bf; }

.club-messages {
  background-color: #09080a;
  background-image:
    linear-gradient(90deg, rgba(8, 7, 10, .97), rgba(8, 7, 10, .91) 45%, rgba(8, 7, 10, .70)),
    url("assets/elitnyi-pryton-splash.webp");
  background-position: center, right 48%;
  background-size: cover;
  background-repeat: no-repeat;
}

.club-message { border-bottom-color: #392a33; }
.club-message__meta,
.club-online-count,
#club-message-counter { color: #baa6ae; }
.club-message__text { color: #f0e4e6; }
.club-online-user { color: #e4d2d8; }
.club-message-empty,
.club-online-empty { color: #baa6ae; }
.club-online-box,
.club-member-tools,
.club-self-membership { border-top-color: #503641; }
.club-member-row__role,
.club-invite-form label { color: #bba4ae; }
.club-space-feedback { color: #edbd89; }
.club-dialog::backdrop { background: rgba(5, 3, 5, .78); }

.club-workspace-open .clubs-live-panel { background: #0d0a0d; }

@media (max-width: 700px) {
  body {
    background-image:
      linear-gradient(rgba(8, 7, 10, .88), rgba(8, 7, 10, .92)),
      url("assets/elitnyi-pryton-splash.webp");
    background-position: center, 62% center;
  }

  .club-header {
    min-height: 126px;
    align-items: flex-end;
    padding: 13px;
  }

  .club-messages {
    background-image:
      linear-gradient(rgba(8, 7, 10, .97), rgba(8, 7, 10, .87)),
      url("assets/elitnyi-pryton-splash.webp");
  }
}