/* Обратный отсчёт до Хэллоуина — экран входа и список чатов (видят все до старта) */
.hw-countdown {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 20px;
  color: #fff3e6;
  text-decoration: none;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(242, 113, 28, .35), transparent 60%),
    linear-gradient(135deg, #2b1540, #1a0f2b 70%);
  box-shadow: inset 0 0 0 1px rgba(242, 113, 28, .38), 0 10px 26px rgba(26, 15, 43, .25);
}
a.hw-countdown:hover { text-decoration: none; filter: brightness(1.06); }
.hw-cd-art {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: radial-gradient(80% 80% at 50% 90%, rgba(242, 113, 28, .38), rgba(242, 113, 28, .08));
}
.hw-cd-art img { animation: hw-cd-bob 3s ease-in-out infinite; }
@keyframes hw-cd-bob { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-2px) rotate(4deg); } }
.hw-cd-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.hw-cd-text strong { font-size: .95rem; letter-spacing: -.01em; white-space: nowrap; }
.hw-cd-text span { font-size: .74rem; line-height: 1.25; opacity: .72; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hw-cd-time {
  flex: none;
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.hw-cd-time b {
  min-width: 26px;
  padding: 5px 4px;
  border-radius: 9px;
  text-align: center;
  font-size: .95rem;
  font-weight: 800;
  color: #FFC59A;
  background: rgba(0, 0, 0, .28);
  box-shadow: inset 0 0 0 1px rgba(242, 113, 28, .25);
}
.hw-cd-time i { font-style: normal; font-size: .78rem; font-weight: 700; opacity: .6; margin: 0 1px; }
/* в списке чатов — как карточка списка */
.hw-countdown-chats { margin: 0 12px 10px; }
@media (min-width: 900px) { .hw-countdown-chats { margin: 0 8px 10px; } }
@media (max-width: 380px) {
  .hw-cd-text span { display: none; }
  .hw-cd-time b { min-width: 22px; font-size: .86rem; }
}
@media (prefers-reduced-motion: reduce) { .hw-cd-art img { animation: none; } }