/* ===== THE DEN THEME ===== */

html body.den-mode {
  background:
    radial-gradient(circle at top left, rgba(92, 30, 38, 0.34), transparent 34%),
    radial-gradient(circle at top right, rgba(28, 82, 58, 0.20), transparent 30%),
    linear-gradient(180deg, #120d0b 0%, #070605 100%) !important;
  color: #f4ead8 !important;
}

html body.den-mode .room-page {
  background:
    radial-gradient(circle at top left, rgba(92, 30, 38, 0.34), transparent 34%),
    radial-gradient(circle at top right, rgba(28, 82, 58, 0.20), transparent 30%),
    linear-gradient(180deg, #120d0b 0%, #070605 100%) !important;
}

html body.den-mode .full-room-card {
  border: 4px solid #b98543 !important;
  background:
    radial-gradient(circle at top left, rgba(92, 30, 38, 0.22), transparent 34%),
    linear-gradient(180deg, rgba(35, 22, 18, 0.96), rgba(13, 10, 9, 0.96)) !important;
  box-shadow: 0 0 34px rgba(176, 124, 62, 0.18) !important;
}

html body.den-mode .stat-box {
  background:
    linear-gradient(180deg, rgba(92, 30, 38, 0.42), rgba(35, 22, 18, 0.92)) !important;
  border-color: rgba(176, 124, 62, 0.28) !important;
}

html body.den-mode .game-description {
  background: rgba(92, 30, 38, 0.22) !important;
  border-color: rgba(176, 124, 62, 0.24) !important;
}

html body.den-mode .live-pill,
html body.den-mode .label,
html body.den-mode .game-description-label,
html body.den-mode [style*="color:#caa24a"] {
  color: #b98543 !important;
}

html body.den-mode h1::before {
  content: "THE DEN";
  display: block;
  color: #b98543;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

html body.den-mode .back-button {
  color: #f4ead8 !important;
  border-color: rgba(176, 124, 62, 0.36) !important;
  background: rgba(92, 30, 38, 0.18) !important;
}

html body.den-mode .button {
  background: linear-gradient(180deg, #b98543, #7c4f25) !important;
  color: #130d0a !important;
}