:root {
  --site-bg: #0f1218;
  --site-surface: rgba(255,255,255,0.04);
  --site-border: rgba(255,255,255,0.08);
  --site-text: #e8edf5;
  --site-muted: #a7b0bf;
  --site-accent: #910000;
  --site-accent-hover: #730000;
  --site-radius: 14px;
  --site-shadow: 0 14px 40px rgba(0, 0, 0, 0.25);
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

#homepage-header {
  backdrop-filter: blur(10px);
  background: rgba(15, 18, 24, 0.84) !important;
  border-bottom: 1px solid var(--site-border);
}

#homepage-header .nav-link,
#homepage-header .navbar-brand,
#homepage-header .navbar-brand img { transition: .25s ease; }
#homepage-header .nav-link { color: var(--site-text) !important; opacity: .9; }
#homepage-header .nav-link:hover { opacity: 1; transform: translateY(-1px); }

.home-content__left,
.articles,
.bottom-feature-box,
.factions-content-area {
  box-shadow: var(--site-shadow);
}

.list-group-item,
.nav-tabs .nav-link,
.bottom-feature-box,
.form {
  border-radius: 10px;
}

.music-trigger { z-index: 1200; }
.music-trigger.is-blocked::after {
  content: 'Click to start music';
  position: absolute;
  right: 58px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,.82);
  color: #fff;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  white-space: nowrap;
}

.footer-spacer { height: 120px; }
footer.custom-main-footer { position: relative !important; }
.logout-link-form {
    display: contents;
}

.logout-link-form button {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: inherit;
}