/* ============================================================
   halloween.css — Хелоуин тема (празникът е 31 октомври, всяка година)

   ТОВА Е САМО ВИЗИЯ. Не променя логика, данни, текстове, ред на елементи.
   Запазен за следващите години: файлът не зависи от годината.

   Как работи
   ──────────
   • Всяко правило е под html[data-event="halloween"]. Без този атрибут файлът
     е изцяло безобиден — нищо от приложението не се променя.
   • Атрибутът НЕ е data-theme: то вече е заето от светла/тъмна тема на
     приложението (css/app*.css и setupTheme() в JS-а го управляват).
   • Атрибутът се слага от event-themes.php (виж eventThemesHead()) — само на
     31.10 по часовника на устройството, от 00:00 до 23:59. Изключването е
     махане на атрибута; този файл не се пипа.
   • Декорациите (луна, прилепи, тиква, кост) са псевдо-елементи с
     pointer-events:none; не са в DOM-а и четците на екрана не ги виждат.
   • Темата е тъмна и върви върху светлата, и върху тъмната тема на
     потребителя: пренаписва същите --c-* токени, които ползва тъмната тема.

   Файлове до него: css/halloween/ (шрифтове woff2 и SVG декорации).
   Шрифтовете са от Google Fonts (Manrope, Rubik Wet Paint; OFL), но се
   сервират от нашия сайт — без заявки към Google от потребителите.
   ============================================================ */

/* ── Шрифтове ───────────────────────────────────────────────── */
@font-face {
  font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('event-fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('event-fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Само цифрите и двоеточието (часът 07:30) — останалото е изрязано от файла. */
@font-face {
  font-family: 'Rubik Wet Paint'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('halloween/rubik-wet-paint-digits.woff2') format('woff2');
}

@keyframes hwFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* ── Палитра и токени ───────────────────────────────────────── */
html[data-event="halloween"] {
  color-scheme: dark;

  --hw-bg-page: #07050c;       /* фон зад приложението */
  --hw-bg-app: #110c1a;        /* основен фон */
  --hw-bg-bar: #0c0814;        /* header, долна навигация */
  --hw-bg-panel: #0f0a18;      /* панел за вода */
  --hw-card: #1a1326;          /* карти */
  --hw-card-sub: #150f20;      /* вторичен фон (ред „Добавете…“) */
  --hw-border: #2e2240;
  --hw-border-strong: #3a2a52;
  --hw-track: #2a1f3b;         /* фон на прогрес ленти */
  --hw-text: #efe7da;
  --hw-text-2: #e6dccd;
  --hw-muted: #b9aacb;
  --hw-muted-2: #8e80a3;
  /* Макетът е #7d6f92, но той дава само 3.9–4.3:1 върху картите и лентите.
     Този е с 5.0–5.5:1 (изискване: поне 4.5:1 за текст). */
  --hw-faint: #8f81a4;
  --hw-orange: #ff8a2b;        /* основен акцент */
  --hw-orange-deep: #e0620e;
  --hw-orange-light: #ffb066;
  --hw-orange-chip-bg: #2a1a10;
  --hw-orange-chip-border: #5a3a1c;
  --hw-green: #9be15d;         /* „отровно“ зелено */
  --hw-green-light: #c4f07f;
  --hw-green-deep: #5fae3a;
  --hw-purple: #6d3fd1;
  --hw-purple-text: #cbb8ee;

  /* Токените на приложението — същите, които пренаписва и тъмната тема. Нужни са
     и тук, за да не остане половин светла тема при потребител със светла. */
  --c-bg: var(--hw-bg-app);
  --c-surface: var(--hw-card);
  --c-surface-2: #241a35;
  --c-surface-3: var(--hw-card-sub);
  --c-text: var(--hw-text);
  --c-text-2: var(--hw-text-2);
  --c-text-3: var(--hw-muted);
  --c-text-muted: var(--hw-muted-2);
  --club-header-text: var(--hw-green);
  --c-border: var(--hw-border);
  --c-border-light: var(--hw-border-strong);

  --c-primary: #3b82f6;
  --c-primary-dark: #2563eb;
  --c-primary-light: #1e3a5f;
  --c-primary-border: #1e40af;
  --c-primary-bg: #172554;

  --c-success: #22c55e;
  --c-success-bg: #14532d;
  --c-success-dark: #16a34a;
  --c-danger: #f87171;
  --c-danger-light: #fca5a5;
  --c-danger-bg: #450a0a;
  --c-warning: #fbbf24;
  --c-warning-bg: #451a03;

  --c-purple: var(--hw-purple-text);
  --c-purple-light: #a98ae6;
  --c-purple-bg: #2a1a45;
  --c-purple-pale: #1f1533;
  --c-purple-border: #4a3470;

  --c-regime-alt: #fb923c;
  --c-regime-alt-text: #fdba74;
  --c-regime-alt-bg: #431407;
  --c-regime-alt-border: #9a3412;
  --c-regime-main-text: var(--hw-orange-light);

  --c-activity: #b9e59a;
  --c-activity-light: var(--hw-green-deep);
  --c-activity-bg: #1c3024;
  --c-activity-pale: #13201a;
  --c-activity-border: #2f5a34;

  --c-mood: #a5b4fc;
  --c-mood-light: #818cf8;
  --c-mood-bg: #312e81;
  --c-mood-pale: #1e1b4b;
  --c-mood-border: #3730a3;

  --c-overlay: rgba(0,0,0,.65);
  --c-overlay-dark: rgba(0,0,0,.75);
  --shadow-card: 0 2px 8px rgba(0,0,0,.35);
  --shadow-modal: 0 8px 32px rgba(0,0,0,.55);
  --shadow-burger: -4px 0 24px rgba(0,0,0,.45);

  --points-burst-stroke: rgba(255,255,255,.7);
  --points-burst-shadow: rgba(255,255,255,.35);

  --water-bg: none;
  --water-top-line-color: var(--hw-border);
}

/* ── Основа ─────────────────────────────────────────────────── */
html[data-event="halloween"] body {
  background: var(--hw-bg-app);
  color: var(--hw-text);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  /* При lang="bg" Manrope превключва на български форми (д като g, в като B), които
     в интерфейс се четат трудно и не съвпадат с останалото приложение. */
  font-feature-settings: "locl" 0;
}
html[data-event="halloween"] button,
html[data-event="halloween"] input,
html[data-event="halloween"] textarea,
html[data-event="halloween"] select { font-family: inherit; font-feature-settings: inherit; }

/* На широк екран приложението е колона от 640px; зад нея е градиентът на страницата. */
@media (min-width: 700px) {
  html[data-event="halloween"] body {
    background: radial-gradient(ellipse at 50% 0%, #1d1230 0%, var(--hw-bg-page) 70%) fixed;
  }
  html[data-event="halloween"] .page {
    background: var(--hw-bg-app);
    min-height: calc(100vh - 120px);
  }
}

/* ── Header ─────────────────────────────────────────────────── */
html[data-event="halloween"] .app-header {
  background: var(--hw-bg-bar);
  box-shadow: none;
  border-bottom: 1px solid #2a1f3b;
}
html[data-event="halloween"] .app-title { color: var(--hw-text); font-weight: 800; }
html[data-event="halloween"] .app-subtitle { color: var(--hw-muted); }
html[data-event="halloween"] .user-name { color: var(--hw-muted); }
html[data-event="halloween"] .header-club-name { color: var(--hw-green); opacity: .9; }
html[data-event="halloween"] .app-header .btn-icon {
  background: #1a1326;
  border: 1px solid var(--hw-border);
  border-radius: 10px;
}
html[data-event="halloween"] .app-header .btn-icon svg { stroke: #c9bcd9; }

/* ── Луна и прилепи (само горе на „Днес“, зад картата) ──────── */
html[data-event="halloween"] #page-track { position: relative; }
html[data-event="halloween"] #page-track::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -2px;
  right: 18px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fff4d6, #f3d38a 55%, #c89a3e);
  box-shadow: 0 0 40px 10px rgba(243, 211, 138, .25);
  pointer-events: none;
}
/* Два прилепа в една кутия: единият прекосява ръба на луната, другият е върху нея. */
html[data-event="halloween"] #page-track::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 8px;
  width: 120px;
  height: 56px;
  background:
    url('halloween/bat.svg') 22px 30px / 30px 14px no-repeat,
    url('halloween/bat.svg') 84px 8px / 20px 9.3px no-repeat;
  animation: hwFloat 4s ease-in-out infinite;
  pointer-events: none;
}

/* ── Карта „Следващо хранене“ ──────────────────────────────── */
html[data-event="halloween"] #page-track .next-card {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 42px;                 /* място за луната */
  flex-shrink: 0;
  padding-bottom: 54px;             /* място за тиквата, да не стои върху текст */
  background: linear-gradient(160deg, #241935 0%, #170f22 100%);
  border: 1px solid var(--hw-border-strong);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}
html[data-event="halloween"] .next-card::before {
  content: '';
  position: absolute;
  left: -4px;
  bottom: -14px;
  width: 74px;
  height: 66px;
  background: url('halloween/pumpkin.svg') center / contain no-repeat;
  filter: drop-shadow(0 0 14px rgba(255, 122, 26, .45));
  pointer-events: none;
}
html[data-event="halloween"] .next-lbl {
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--hw-muted);
}
html[data-event="halloween"] .next-time {
  font-family: 'Rubik Wet Paint', 'Manrope', sans-serif;
  font-size: 44px;
  font-weight: 400;                 /* шрифтът има само едно тегло */
  letter-spacing: 0;
  color: var(--hw-orange);
  text-shadow: 0 0 18px rgba(255, 122, 26, .45);
}
html[data-event="halloween"] .next-name { font-size: 18px; font-weight: 600; color: var(--hw-text-2); }
html[data-event="halloween"] .countdown { color: var(--hw-green); font-weight: 700; }
html[data-event="halloween"] .next-items { color: var(--hw-muted); }
html[data-event="halloween"] .next-item-info,
html[data-event="halloween"] .next-item-info-note { color: var(--hw-muted-2); }
html[data-event="halloween"] .next-item-info-warning { color: var(--hw-orange-light); }

/* Звънче „Включи известия“ */
html[data-event="halloween"] .notif-btn {
  background: var(--hw-card);
  border-color: var(--hw-border-strong);
  color: var(--hw-green);
  box-shadow: none;
}
html[data-event="halloween"] .notif-btn-label-main { color: var(--hw-text-2); }
html[data-event="halloween"] .notif-btn-label-sub { color: var(--hw-muted); }
html[data-event="halloween"] .notif-btn.on { background: transparent; color: var(--hw-green); }

/* Чипът „Основен“ (втори режим) и бутонът „?“ */
html[data-event="halloween"] .regime-chip {
  background: var(--hw-orange-chip-bg);
  border-color: var(--hw-orange-chip-border);
  color: var(--hw-orange-light);
}
html[data-event="halloween"] .regime-chip.regime-chip-v1 {
  background: var(--c-regime-alt-bg);
  border-color: var(--c-regime-alt-border);
  color: var(--c-regime-alt-text);
}
html[data-event="halloween"] .regime-v0 { background: #ff7a1a; box-shadow: 0 0 8px #ff7a1a; }
html[data-event="halloween"] .wn-icon {
  background: #1a1326;
  border-color: var(--hw-border-strong);
  color: var(--hw-muted);
}
html[data-event="halloween"] .wn-icon.is-new::after {
  background: var(--hw-orange);
  border-color: var(--hw-card);
}

/* ── Точки (0 / 70) ─────────────────────────────────────────── */
html[data-event="halloween"] .points-widget {
  background: var(--hw-card);
  border-color: var(--hw-border);
}
html[data-event="halloween"] .points-summary { color: var(--hw-orange); font-weight: 800; }
html[data-event="halloween"] .points-info-btn { background: var(--hw-track); color: var(--hw-muted); }
html[data-event="halloween"] .points-progress-wrap { background: var(--hw-track); }
html[data-event="halloween"] .points-progress-bar {
  background: linear-gradient(90deg, #e0620e, #ffb066);
  box-shadow: 0 0 10px rgba(255, 122, 26, .6);
}
/* 🔥 пред „N дни подред“ е част от текста, който пише JS-ът. Скриваме го с
   ::first-letter и слагаме тиква като фон — без да пипаме текста. */
html[data-event="halloween"] .points-streak {
  display: inline-block;            /* ::first-letter не важи за inline елемент */
  color: var(--hw-muted);
  padding-left: 18px;
  background: url('halloween/pumpkin-mini.svg') left center / 14px 14px no-repeat;
}
html[data-event="halloween"] .points-streak::first-letter { font-size: 0; }

/* ── Хранения (accordion) ──────────────────────────────────── */
html[data-event="halloween"] .sec-header {
  background: var(--hw-card);
  border: 1px solid var(--hw-border);
  border-radius: 14px;
  box-shadow: none;
}
html[data-event="halloween"] .sec-header.open {
  border-radius: 14px 14px 0 0;
  border-bottom-color: transparent;   /* линията я рисува първият ред; иначе е двойна */
}
html[data-event="halloween"] .sec-title { color: var(--hw-text); font-weight: 800; }
html[data-event="halloween"] .sec-time { color: var(--hw-muted-2); }
html[data-event="halloween"] .chevron { color: var(--hw-muted-2); }
html[data-event="halloween"] .badge-next {
  background: var(--hw-orange-chip-bg);
  border: 1px solid var(--hw-orange-chip-border);
  color: var(--hw-orange-light);
}
html[data-event="halloween"] .badge-now { background: #1c3024; color: var(--hw-green-light); }
html[data-event="halloween"] .badge-done { background: var(--hw-track); color: var(--hw-muted); }
html[data-event="halloween"] .items-list {
  background: var(--hw-card);
  border: 1px solid var(--hw-border);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  box-shadow: none;
}
html[data-event="halloween"] .item-row { border-top-color: var(--hw-border); }
html[data-event="halloween"] .item-row:active { background: var(--hw-card-sub); }
html[data-event="halloween"] .item-row-info,
html[data-event="halloween"] .item-row-info:active { background: var(--hw-card-sub); }
html[data-event="halloween"] .item-row-info-warning,
html[data-event="halloween"] .item-row-info-warning:active { background: var(--hw-orange-chip-bg); }
html[data-event="halloween"] .item-lbl { color: var(--hw-text-2); }
html[data-event="halloween"] .item-lbl-info,
html[data-event="halloween"] .item-lbl-info-note { color: var(--hw-muted); }
html[data-event="halloween"] .item-lbl-info-warning { color: var(--hw-orange-light); }
html[data-event="halloween"] .item-lbl.done { color: var(--hw-faint); }
html[data-event="halloween"] .item-logged { color: var(--hw-orange-light); }

/* Чекбокс: същите 20×20 и същият <input> — само външният вид. */
html[data-event="halloween"] .item-row input[type=checkbox],
html[data-event="halloween"] .custom-row input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-grid;
  place-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background: #120c1b;
  border: 1.5px solid #4a3a62;
  border-radius: 6px;
}
html[data-event="halloween"] .item-row input[type=checkbox]:checked,
html[data-event="halloween"] .custom-row input[type=checkbox]:checked {
  background: #ff7a1a;
  border-color: #ff7a1a;
  box-shadow: 0 0 10px rgba(255, 122, 26, .5);
}
html[data-event="halloween"] .item-row input[type=checkbox]:checked::after,
html[data-event="halloween"] .custom-row input[type=checkbox]:checked::after {
  content: '';
  width: 5px;
  height: 10px;
  margin-top: -2px;
  border: solid #1a0d04;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
}
html[data-event="halloween"] .item-row input[type=checkbox]:focus-visible,
html[data-event="halloween"] .custom-row input[type=checkbox]:focus-visible {
  outline: 2px solid var(--hw-orange-light);
  outline-offset: 2px;
}

/* Ред „Добавете какво друго сте хапнали...“ */
html[data-event="halloween"] .custom-row { background: var(--hw-card-sub); border-top-color: var(--hw-border); }
html[data-event="halloween"] .custom-input {
  background: transparent;
  border-bottom-color: var(--hw-border);
  color: var(--hw-text-2);
}
html[data-event="halloween"] .custom-input:focus { border-bottom-color: var(--hw-orange); }
html[data-event="halloween"] .custom-input::placeholder { color: var(--hw-faint); font-style: italic; opacity: 1; }

/* ── „Бележка към треньора“ ─────────────────────────────────── */
html[data-event="halloween"] .meal-note-box {
  background: linear-gradient(135deg, #1f1533, #2a1a45);
  border-color: #4a3470;
  box-shadow: none;
}
html[data-event="halloween"] .meal-note-box .section-label,
html[data-event="halloween"] .meal-note-toggle-hint,
html[data-event="halloween"] .meal-note-hint { color: var(--hw-purple-text); }
html[data-event="halloween"] .meal-note-toggle-icon {
  background: var(--hw-purple);
  color: #fff;
  box-shadow: 0 0 14px rgba(139, 92, 246, .5);
}
html[data-event="halloween"] .meal-note-input {
  background: #120c1b;
  border-color: #4a3470;
  color: var(--hw-text);
}
html[data-event="halloween"] .meal-note-input:focus { border-color: #a98ae6; box-shadow: 0 0 0 3px rgba(139, 92, 246, .22); }
html[data-event="halloween"] .meal-note-input::placeholder,
html[data-event="halloween"] .activity-comment::placeholder,
html[data-event="halloween"] .activity-other-input::placeholder { color: var(--hw-faint); opacity: 1; }

/* ── „Спорт и движение“ ─────────────────────────────────────── */
html[data-event="halloween"] .activity-box {
  background: linear-gradient(135deg, #13201a, #183020);
  border-color: #2f5a34;
  box-shadow: none;
}
html[data-event="halloween"] .activity-box .section-label,
html[data-event="halloween"] .activity-summary,
html[data-event="halloween"] .activity-hint { color: #b9e59a; }
html[data-event="halloween"] .activity-field-label { color: #b9e59a; }
html[data-event="halloween"] .activity-optional { color: var(--hw-muted); }
html[data-event="halloween"] .activity-toggle-icon {
  background: var(--hw-green-deep);
  color: #0d1a0f;
  box-shadow: 0 0 14px rgba(155, 225, 93, .45);
}
html[data-event="halloween"] .activity-chip { background: var(--hw-card-sub); border-color: #2f5a34; color: #b9e59a; }
html[data-event="halloween"] .activity-chip.active { background: #1c3024; border-color: var(--hw-green-deep); color: var(--hw-green-light); }
html[data-event="halloween"] .activity-other-input,
html[data-event="halloween"] .activity-comment { background: #0f1a13; border-color: #2f5a34; color: var(--hw-text); }
html[data-event="halloween"] .activity-other-input:focus,
html[data-event="halloween"] .activity-comment:focus { border-color: var(--hw-green-deep); box-shadow: 0 0 0 3px rgba(155, 225, 93, .18); }
html[data-event="halloween"] .activity-step-btn { background: #0f1a13; border-color: #2f5a34; color: var(--hw-green-light); }
html[data-event="halloween"] .activity-step-value { color: var(--hw-green-light); }
html[data-event="halloween"] .activity-repeat { background: #13201a; border-color: var(--hw-green-deep); color: var(--hw-green-light); }
html[data-event="halloween"] .activity-clear { color: var(--hw-muted); }

/* ── „Снимка на храненето“ ──────────────────────────────────── */
html[data-event="halloween"] .photo-box {
  position: relative;
  background: var(--hw-card);
  border: 1px solid var(--hw-border);
  box-shadow: none;
}
html[data-event="halloween"] .photo-box::before {
  content: '';
  position: absolute;
  z-index: 1;
  right: 10px;
  top: -14px;
  width: 96px;
  height: 34px;
  background: url('halloween/bone.svg') center / contain no-repeat;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .5));
  transform: rotate(-12deg);
  pointer-events: none;
}
html[data-event="halloween"] .photo-box .section-label { color: var(--hw-muted); }
html[data-event="halloween"] .photo-action-btn {
  background: #21160f;
  border: 1.5px dashed #5a3a1c;
  color: var(--hw-orange-light);
}
html[data-event="halloween"] .photo-action-btn.secondary {
  background: var(--hw-card-sub);
  border-color: var(--hw-border-strong);
  color: var(--hw-text-2);
}
html[data-event="halloween"] .dropzone { border-color: var(--hw-border-strong); color: var(--hw-muted); }
html[data-event="halloween"] .preview-wrap img { border-color: var(--hw-border); }

/* Бутон „Запази“ */
html[data-event="halloween"] .btn-save { background: var(--hw-orange); color: #1a0d04; }
html[data-event="halloween"] .btn-save:active { background: var(--hw-orange-deep); }
html[data-event="halloween"] .btn-save:disabled { background: var(--hw-border-strong); color: var(--hw-muted); }

/* ── Панел за вода ──────────────────────────────────────────── */
html[data-event="halloween"] .water-bar {
  background: var(--hw-bg-panel);
  border-top: 1px solid var(--hw-border);
}
html[data-event="halloween"] .water-icon { fill: var(--hw-green); }
html[data-event="halloween"] .water-summary { color: var(--hw-green-light); }
html[data-event="halloween"] .water-progress-wrap::before { background: var(--hw-track); }
html[data-event="halloween"] .water-progress-bar {
  background: linear-gradient(90deg, #5fae3a, #c4f07f);
  box-shadow: 0 0 10px rgba(155, 225, 93, .5);
}
html[data-event="halloween"] .water-dot {
  background: var(--hw-green-deep);
  border-color: var(--hw-bg-panel);
  box-shadow: 0 0 0 1px var(--hw-green);
}
html[data-event="halloween"] .water-dot.is-active {
  background: var(--hw-green-light);
  box-shadow: 0 0 0 1px var(--hw-green), 0 0 0 4px rgba(155, 225, 93, .22);
}
html[data-event="halloween"] .water-time { color: var(--hw-green-light); }
html[data-event="halloween"] .water-dot-note {
  background: var(--hw-track);
  color: var(--hw-green-light);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .45);
}
html[data-event="halloween"] .water-btn {
  background: #14201a;
  border-color: #2f5a34;
  color: var(--hw-green-light);
  font-weight: 800;
}
html[data-event="halloween"] .water-btn:active { background: #1c3024; }
@media (hover: hover) {
  html[data-event="halloween"] .water-btn:hover { background: #1c3024; }
}

/* ── Долна навигация ────────────────────────────────────────── */
html[data-event="halloween"] .bottom-nav {
  background: var(--hw-bg-bar);
  border-top-color: var(--hw-border);
}
html[data-event="halloween"] .nav-tab { color: var(--hw-faint); }
html[data-event="halloween"] .nav-tab.active { color: var(--hw-orange); }

/* ── Други екрани ───────────────────────────────────────────── */
/* Те получават темата през токените по-горе. Тук са само местата, където
   приложението има твърдо закодиран светъл цвят и токенът не стига. */
html[data-event="halloween"] .day-header { border-bottom-color: var(--hw-border); }

/* ── Достъпност и тесни екрани ──────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html[data-event="halloween"] #page-track::after { animation: none; }
}
@media (max-width: 360px) {
  html[data-event="halloween"] .next-time { font-size: 40px; }
}