/* Halloween event (main game): button, candy counter and window. */
.lsx-halloween-btn {
  background: linear-gradient(135deg, #f97316, #7c3aed);
  border: 0;
  color: #fff;
  font-weight: 800;
}
.lsx-halloween-btn:hover { color: #fff; filter: brightness(1.1); }
.lsx-halloween-btn .badge { background: rgba(0, 0, 0, 0.35); }

.lsx-hw-counter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem 1rem;
  font-weight: 800;
}
.lsx-hw-counter[hidden] { display: none; }

.lsx-hw-team {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.1rem 0.6rem;
  border: 1px solid var(--team);
  border-radius: 999px;
  color: var(--team);
  background: color-mix(in srgb, var(--team) 15%, transparent);
  font-weight: 800;
  white-space: nowrap;
}
.lsx-hw-blue { color: #60a5fa; }
.lsx-hw-boost { color: #facc15; font-weight: 800; }
.lsx-hw-trash { color: #a3e635; font-weight: 800; }

.lsx-halloween-modal .modal-content {
  background: radial-gradient(circle at 85% 0%, rgba(249, 115, 22, 0.25), transparent 50%), #140b26;
  color: #fff;
}
.lsx-halloween-modal .modal-header { border-color: #3b2560; }
.lsx-halloween-modal .btn-close { filter: invert(1); }
.lsx-halloween-modal .text-muted { color: #c4b5fd !important; }
.lsx-halloween-modal .nav-link { color: #fdba74; }
.lsx-halloween-modal .nav-link.active { background: #f97316; color: #140b26; }
.lsx-halloween-modal a { color: #fdba74; }

.lsx-hw-btn {
  background: linear-gradient(135deg, #f97316, #facc15);
  border: 0;
  color: #140b26;
  font-weight: 800;
}
.lsx-hw-btn:disabled { opacity: 0.45; }

.lsx-hw-me { padding: 0.8rem; border-radius: 12px; background: rgba(255, 255, 255, 0.06); }

.lsx-hw-pinata {
  padding: 0.6rem 0.8rem;
  margin-bottom: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
}
.lsx-hw-pinata.is-mine { border-color: var(--team); }
.lsx-hw-pinata.is-winner { box-shadow: 0 0 14px var(--team); }
.lsx-hw-bar { height: 0.9rem; border-radius: 999px; background: rgba(255, 255, 255, 0.1); overflow: hidden; }
.lsx-hw-bar > div { height: 100%; background: linear-gradient(90deg, var(--team), #facc15); transition: width 0.4s; }

.lsx-hw-shop { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.lsx-hw-item { padding: 1rem; border-radius: 12px; background: rgba(255, 255, 255, 0.06); text-align: center; }
.lsx-hw-item .fs-2 { color: #f97316; }

.lsx-hw-board { --bs-table-bg: transparent; --bs-table-color: #fff; }
.lsx-hw-board tr.is-top td { color: #facc15; font-weight: 800; }

.lsx-hw-news { list-style: none; margin: 0; padding: 0; font-size: 0.9rem; }
.lsx-hw-news li { padding: 0.35rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
/* Currency icons stay visible on the orange-yellow buttons. */
.lsx-hw-btn i { filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.9)); }

/* Admins: edit shop items in the game. */
.lsx-hw-edit { margin-top: 0.5rem; padding: 0.5rem; border: 1px dashed #facc15; border-radius: 8px; text-align: left; }
.lsx-hw-item.is-off { opacity: 0.7; }