<!--
===================================================================
Версія:       1.7.0 (WeatherScope Pro)
Дата, час:    2026-10-11 16:24
Розробник:    Афтіпа Марко Оцтович
-------------------------------------------------------------------
Зміни 1.7.0 відносно 1.6.8:
 УВАГА: збірка зроблена на v1.6.8. Зорі вночі й затемнення фону віджета (v1.6.9, збиралась в іншій розмові)
 сюди НЕ входять - їх треба злити з файлом v1.6.9.
 1. ЗВУКИ за реальною погодою на локації користувача (місто користувача, як в аватарці, не вибране на графіку):
    - дощ лише коли зараз дощ/злива/мряка (гучність за інтенсивністю); без опадів дощу немає;
    - грім і спалахи лише при грозі (коди 95-99), приблизно кожні 12-60 с;
    - сніг: без шуму дощу, приглушений м'який вітер; туман: приглушення;
    - вітер: гучність і тембр за швидкістю вітру (м/с);
    - птахи: ВДЕНЬ, коли СОНЯЧНО (код 0-2), без опадів і сильного вітру, у весну/літо/осінь, ВЗИМКУ - ніколи
      (густота: весна 1, літо 0,8, осінь 0,5);
    - цвіркуни: тепла (від 12 °C) безвітряна ніч без опадів, окрім зими;
    - сезон (авто/вручну) впливає лише на густоту птахів і цвіркунів; зміни звуку плавні (~3 с).
 2. ЕФЕКТИ НА ЕКРАНІ за погодою користувача: дощ (косі смуги + краплі на склі, що стікають) з прозорістю 10%
    (SCREEN_RAIN_OPACITY) і сніг (сніжинки, що хитаються) з прозорістю 20% (SCREEN_SNOW_OPACITY); прозорість
    масштабується з інтенсивністю опадів (максимум = задане значення). Легке полотно (SCREEN_FX_SCALE = 0,5,
    SCREEN_FX_FPS = 30), не перехоплює клацань, вимикається при "зменшити рух" й без опадів.
 3. У вікні версії поряд з номером версії - дата й час редакції (BUILD_STAMP), нижче розробник, Kyiv Ukraine 2026
    і пошта antiruskontrol@ukr.net.
 4. Запит погоди доповнено параметром precipitation; діагностика perf показує й час ефектів екрана.
 5. Дебаг-принти: "env" (погода користувача), "audio" (рішення про кожен шар і причина), "fx", "perf".
 6. Назва файлу: index_v1.7.0_2026-10-11.html.

Зміни 1.6.8 відносно 1.6.7 (оптимізація: гальмування руху курсора з аватаркою):
 1. Фон сторінки (drawBg): малюється у зменшеному вигляді (BG_SCALE = 0,35, полотно розтягнуте на весь екран -
    м'які градієнти візуально не змінились) і оновлюється BG_FPS = 30 разів на секунду; швидкість руху фону
    компенсовано (рух такий самий, як при 60 fps). Це ~8 разів менше пікселів на кадр.
 2. Велике сонце у віджеті: замість розмиття filter на кожній з ~35 операцій і shadowBlur на кожному промені -
    малюється в допоміжне полотно половинної роздільності (SUN_BIG_SCALE = 0,5) без filter і тіней променів,
    а у віджет переноситься одним drawImage з одним розмиттям (~80% від SUN_BLUR). Вигляд, анімація променів,
    колір і яскравість збережені. SUN_BIG_FAST = false повертає старе малювання (для порівняння).
 3. Діагностика (мітка "perf", кожні 5 с): fps і середній час JS на кадр: віджет / аватарка / фон.
    Увага: це час запису команд малювання в JS, а не растеризації на GPU; головний показник - fps.
 4. Решта пунктів з ескіза (згладжування аватарки за часом, прибрати backdrop-filter у кнопок, пауза віджета поза
    екраном) НЕ входять: чекають результатів perf.
 5. Назва файлу: index_v1.6.8_2026-10-10.html.

Зміни 1.6.7 відносно 1.6.6:
 1. Сонце на аватарці: прибрано квадратний фон. Спрайт тепер має круглу маску з плавним згасанням прозорості
    до країв (AVATAR_SUN_FADE = 0,62 - де починається згасання), полотно спрайта збільшено (запас 6,5 R).
 2. Підвал сайту: третій і останній рядок - пошта antiruskontrol@ukr.net (посилання mailto:, неонове світіння,
    підсилюється при наведенні).
 3. Меню опису "Antirus-Control": прибрано паузу - спливає ОДРАЗУ при наведенні (LOGO_POP_DELAY = 0),
    проявляється за 0,75 с (LOGO_POP_FADE_MS = 750).
 4. Клік по лого - МИТТЄВИЙ перехід на сайт https://antiruskontrol.github.io/antirus-control/ (нова вкладка).
    На сенсорних екранах (немає наведення) перший дотик показує меню, другий - переходить.
 5. Дебаг-принти: "sun" (причина перемальовування спрайта), "footer", "logo" (наведення, клік-перехід).
 6. Назва файлу: index_v1.6.7_2026-10-10.html.

Зміни 1.6.6 відносно 1.6.5:
 1. Прапор України (SVG 22x15 px, синя смуга зверху, жовта знизу, скруглені кути, тонка рамка, тепле сяйво)
    у верхньому лівому куті між піном і словом "Київ"; ледь помітне хвильове погойдування
    (FLAG_WAVE = 2,2; 0 = нерухомий; вимикається при "зменшити рух" і коли верхня панель схована).
 2. Сонце на аватарці біля курсора стало СТАТИЧНИМ (стиль збережено: колір за циклом дня, розмиття 20%,
    яскравість +200%, неонове сяйво). Малюється один раз у спрайт (запасне полотно) і далі лише копіюється;
    перемальовується лише при зміні кольору (крок ~2% циклу дня) або масштабу екрана (DPR).
    Хмари й дощ на аватарці лишились анімованими. Велике сонце у віджеті, як і раніше, живе.
 3. Меню з описом при наведенні на лого "Antirus-Control" спливає через 0,75 с (LOGO_POP_DELAY = 750) замість 1,5 с.
 4. Дебаг-принти: "flag", "sun" (спрайт аватарки перемальовано + лічильник), "logo".
 5. Назва файлу: index_v1.6.6_2026-10-10.html.

Зміни 1.6.5 відносно 1.6.4 (сяйво навколо лого "Antirus-Control"):
 1. Сяйво при наведенні тепер ЧИСТО ЗЕЛЕНЕ (#00ff41, колір виміряно зі сторінки Antirus-Control)
    замість салатового: два розмиті шари без чіткої лінії, розмиття +20% (LOGO_GLOW_BLUR = 1,2).
 2. Чорний кант прибрано: сяйво більше не окремий контур із проміжком, а починається прямо від краю
    восьмикутника лого (шари малюються ПОЗАДУ лого, видно лише зовнішнє світіння).
 3. Кути сяйва скруглені (LOGO_GLOW_RADIUS = 4,2); форма береться з меж реального логотипа.
 4. Пульсація м'якша: змінюється прозорість (~20%, цикл 2,4 с), без різкого drop-shadow.
 5. Логотип перероблено без темної облямівки по краях (прозорі пікселі несуть червоний колір рамки).
 6. Параметри: LOGO_NEON, LOGO_GLOW_BLUR, LOGO_GLOW_ALPHA, LOGO_GLOW_RADIUS (пошук: "var LOGO_").
 7. Назва файлу: index_v1.6.5_2026-10-10.html.

Зміни 1.6.4 відносно 1.6.3 (кнопка-лого "Antirus-Control" у вікні версії):
 1. Під блоком "Версія / Розробник / Kyiv Ukraine 2026" додано кнопку-лого (логотип "АНТІРУС" вбудовано у файл
    як data-URI, білий фон прибрано). Кнопка без фону, рамки, тіні й квадратного контуру фокуса.
 2. При наведенні (і при фокусі з клавіатури) навколо лого загоряється ЗЕЛЕНИЙ неоновий восьмикутник (пульсує).
 3. Через 1,5 с після наведення (або одразу по кліку/дотику) відкривається вікно в нашому стилі: заголовок
    "Antirus-Control", лаконічний опис розширення й кнопка "Перейти на сайт"
    (https://antiruskontrol.github.io/antirus-control/, нова вкладка). Вікно лишається, поки курсор на лого чи на вікні.
 4. Вікно відкривається зліва від вікна версії, на вузьких екранах (< ~640 px зліва) - під ним.
 5. Параметри: LOGO_NEON, LOGO_RING_GAP, LOGO_URL (пошук: "var LOGO_"). Дебаг-принти з міткою "logo".
 6. Назва файлу: index_v1.6.4_2026-10-10.html (дата змінилася після півночі).

Зміни 1.6.3 відносно 1.6.2 (вікно кнопки версії):
 1. Новий розділ "Фічі" перед "Налаштування": лаконічний опис логіки віджета (віджет і аватарка показують
    погоду в місті користувача; при виборі іншого міста віджет показує його погоду й реальне положення
    сонця/місяця, а аватарка біля курсора й далі показує місто користувача).
 2. Після рядка версії додано підпис: "Розробник: Афтіпа Марко Оцтович" та "Kyiv Ukraine 2026".
 3. Дебаг-принт при відкритті вікна версії: маркер, що розділ "Фічі" і підпис показано.
 4. Назва файлу: index_v1.6.3_2026-10-09.html.

Зміни 1.6.2 відносно 1.6.1 (нове сонце у віджеті й в аватарці):
 1. Сонце перемальовано: 28 тонких загострених променів (в аватарці 12), чергуються довгі й короткі,
    УСІ вигнуті; довжина й вигин кожного повільно змінюються в своєму ритмі; повільне обертання вінця.
    Вінтажні деталі: диск з градієнтом, тонке кільце навколо, пунктирне кільце (лише у великого сонця).
 2. Колір залежить від ЦИКЛУ ДНЯ (від сходу до заходу): перші й останні 5% - швидка зміна від
    жовто-пурпурового до жовто-білого; решту 90% дня колір змінюється лише на 10%.
    У віджеті цикл береться для обраного міста, в аватарці - для міста користувача.
 3. Піковий колір (жовто-білий) на 30% жовтіший (SUN_PEAK_YELLOW = 0,3).
 4. Усе сонце розмите на 20% радіуса диска (SUN_BLUR = 0,2) і на 10% прозоріше (SUN_ALPHA = 0,9).
 5. Яскравість +200% (SUN_BRIGHT = 3): адитивне змішування, майже біле ядро, сильне неонове сяйво,
    що пульсує (гало, кільце, диск, промені).
 6. Дебаг-принти (мітка "sun"): тип (віджет / аватарка), цикл дня, колір, стадія, розмиття й яскравість.
 7. Назва файлу: index_v1.6.2_2026-10-09.html.

Зміни 1.6.1 відносно 1.6.0 (стиль вікон):
 1. Прибрано світлі смуги-відблиски, що пливли по фону вікон.
 2. Рамка/фон вікна хвилиться лише трохи: WAVE_SCALE_BG 10 -> 4 px, хвилі повільніші.
 3. Хвилі на самому тексті лишено (WAVE_SCALE_TX = 3,5 px), похитування рядків лишено.
 4. Текст прозоріший на 30% (непрозорість 0,86 -> 0,60), заголовки з градієнтом теж.
 5. Свічення (ореол) навколо тексту сильніше й пульсує: два шари text-shadow (~8 і ~22 px);
    у заголовків - через drop-shadow; кнопки з роками й дані за 29 лютого успадковують ореол.
 6. Дебаг-принт при відкритті вікон: маркер "рамка: хвилі 4 px, текст: хвилі 3,5 px, ореол увімкнено".
 7. Назва файлу: index_v1.6.1_2026-10-09.html.

Зміни 1.6.0 відносно 1.5.3:
 1. Верхня панель (дата, "Атмосфера", сезон, версія) плавно зникає при прокрутці вниз (після 40 px)
    і повертається нагорі сторінки.
 2. Рядок над графіком ("Підказка по графіку" + "Скинути масштаб") став "липким": прикріплюється до верху
    екрана, поки видно графік.
 3. Виділений фіолетовий текст-підказка під графіком замінено кнопкою "Підказка по графіку" зі вікном:
    навігація по графіку + розділ "29 лютого" (кнопки з роками, коли було 29 лютого; натискання показує
    температуру (макс/мін/середня), опади й макс. вітер того дня для ОБРАНОГО міста; оновлюється при зміні міста).
 4. Напис версії в куті тепер кнопка: вікно з описом сайту (текст оптимізовано).
 5. Єдиний стиль вікон: повільна поява 1,5 с; фон до 69% прозорості, що "дихає" на +-5%;
    напівпрозорий помаранчево-жовтий неоновий текст, рядки ледь похитуються в повітрі;
    вікно й текст з ефектом проекції на хвилях води (анімований SVG-фільтр). Параметри - у блоці WIN_* на початку скрипта.
 6. Закриття вікон: Esc, клік поза вікном, хрестик. Дебаг-принти з описом маркера для всіх нових дій.
 7. Назва файлу містить версію і дату: index_v1.6.0_2026-10-09.html.

Зміни 1.5.3 відносно 1.5.2:
 1. Додано іконку сайту: <link rel="icon" ... href="favicon.png"> та <link rel="apple-touch-icon" ...>.
    Файл favicon.png має лежати в одній папці з цією сторінкою.

Зміни 1.5.2 відносно 1.5.1:
 1. Посилання з параметрами: ?city=Назва&param=метрика (напр. ?city=Львів&param=temperature_2m_min).
    URL читається ДО першого завантаження (пріоритет: URL > збережене місто > Київ), невідомий параметр ігнорується.
    Якщо міста немає у списку, виконується пошук за назвою; якщо і він нічого не дав - завантажується звичайне місто.
 2. Адреса оновлюється при зміні міста й параметра через replaceState (без нових записів в історії), лише на http(s).
 3. Захист від гонки запитів: застаріла відповідь не перемальовує графік новішого запиту.
 4. Інтегровано замість окремого блоку: окремий блок з коментаря користувача з сторінки прибрати.

Зміни 1.5.1 відносно 1.5.0:
 1. Графік: для ПОТОЧНОГО року останні дні (8 днів, включно з сьогоднішнім) беруться з прогнозного API
    Open-Meteo (past_days), бо архів відстає на 5-7 днів; решта року - з архіву.
 2. Сьогоднішня точка - ПРОГНОЗ: порожній маркер і пунктирний останній відрізок (для стовпчиків опадів -
    напівпрозорий стовпчик); у підказці напис "прогноз". Раніше сюди потрапляла модельна оцінка як факт.
 3. Підказка під графіком доповнена поясненням порожнього маркера.

Зміни 1.5.0 відносно 1.4.6:
 1. Підключено SunCalc (jsdelivr): точні схід/захід сонця та положення сонця й місяця для ОБРАНОГО міста.
 2. Сонце вдень рухається дугою через віджет: зранку низько зліва, опівдні вгорі, ввечері справа;
    поблизу горизонту тьмяніє; під текстом приглушується мінімально (x0.85);
    при мінливій хмарності хмара, що проходить над сонцем, його частково перекриває (приглушує).
 3. Місяць ТІЛЬКИ вночі (вдень лише сонце): справжня фаза (новий, молодий, чверті, зростаючий, повня,
    спадаючий, старий), зростаючий освітлений праворуч, спадаючий ліворуч; рухається дугою від сходу до заходу.
 4. Дебаг-принти sky: день/ніч, положення на шляху, фаза місяця.
 5. VERSION і шапку оновлено разом.

Зміни 1.4.6 відносно 1.4.5:
 1. Заголовок і іконка витончені: тонка SVG-іконка (графік двох років) замість емодзі, легка гарнітура,
    місто відокремлене тонкою лінією, під заголовком градієнтна риска.
 2. Версійність: напис версії у верхній панелі тепер береться зі змінної VERSION (раніше лишався "v1.4.0"
    попри оновлення шапки). ПРИ КОЖНІЙ ЗМІНІ ВЕРСІЇ оновлювати і шапку, і VERSION.
 3. Звук дощу зменшено на 50% (множник 0.5 -> 0.25).

Зміни 1.4.5 відносно 1.4.4:
 1. Хмари на аватарці біля курсора тепер у стилі віджета: м'які об'ємні клуби з градієнтів
    (темніший низ, світліший верх), напівпрозорі, без різких країв; повільно "плавають" на місці.
    Для аватарки непрозорість вища (0.6; гроза 0.8), щоб хмарка читалась на 44 px.

Зміни 1.4.4 відносно 1.4.3:
 1. Виправлено видимі лінії обрізки у хмар: градієнти "клубів" обрізались межами спрайта.
    Тепер спрайт має запас (pad) з усіх боків, і краї хмар повністю розчиняються.
 2. Файл перейменовано: weather_in_ukraine.html (Weather in Ukraine, лише англійською).

Зміни 1.4.3 відносно 1.4.2:
 1. Хмари у віджеті ледь помітні (прозорість ~10-20%, грозові трохи темніші).
 2. Реалістичні хмари: м'які об'ємні "клуби" з радіальними градієнтами (темніший низ, світліший верх),
    різні розміри й швидкості (паралакс), легке "дихання" розміру та плавання по висоті.
    Хмари малюються один раз у спрайти при зміні погоди (без навантаження на кожному кадрі).

Зміни 1.4.2 відносно 1.4.1:
 1. Хмари у віджеті погоди пропливають через ВЕСЬ віджет: випливають зліва (прозорий градієнт),
    пропливають під написом (місто, температура) і плавно зникають під прогнозом на 4 дні.
    Дощ, сніг і блискавки малюються під хмарами з тим самим градієнтом. Сонце/місяць лишились зліва.
 2. Полотно віджета тепер на весь блок (адаптується до розміру через ResizeObserver).

Зміни 1.4.1 відносно 1.4.0:
 1. Віджет погоди прозорий (без заливки; плитки днів теж прозорі, лишились тонкі рамки).
 2. Динамічний фон на всій сторінці працює завжди (не залежить від кнопки "Атмосфера"):
    контейнер і графік напівпрозорі, хмари яскравіші; колір і швидкість залежать від
    погоди ОБРАНОГО міста (сонце, хмарно, дощ, гроза, сніг, ніч). Кнопка "Атмосфера" керує лише звуком.

Зміни 1.4.0 відносно 1.3.0:
 1. Верхня панель: дата/час/місто користувача, кнопка "Атмосфера" (звук + фон), версія; контент опущено нижче.
 2. Футер: підпис розробника та "Kyiv Ukraine 2026".
 3. Аватарка біля курсора: погода в місті КОРИСТУВАЧА (геолокація; запасний варіант - Київ).
 4. Власний динамічний віджет погоди для ОБРАНОГО міста (сонце/місяць, хмари, дощ, сніг, гроза з блискавками).
 5. Звуки через Web Audio для всіх сезонів (дощ, вітер, грім у стерео, птахи, цвіркуни) + вибір сезону й кнопка тестового грому.
 6. Динамічний прозорий фон "проліт крізь хмари" (вмикається разом з Атмосферою).
 7. Дебаг-принти: геолокація, погода, звук, грім, перемикання.

Зміни 1.3.0 відносно 1.2.1:
 1. Випадаюче меню "Оберіть місто": обласні центри та великі міста всіх областей (групи за областями).
 2. Пошук будь-якого іншого міста/села України за назвою (Enter) через геокодер Open-Meteo.
 3. Вибране місто запам'ятовується (localStorage); заголовок, title і дані оновлюються автоматично.
 4. Дебаг-принти: вибір міста, пошук, збереження/відновлення.

Зміни 1.2.1 відносно 1.2.0:
 0. Заголовки блоків без нумерації: "Оберіть роки для порівняння", "Оберіть погодний параметр".

Зміни 1.2.0 відносно 1.1.2:
 1. Додано параметри: мінімальна та середня температура.
 2. Кнопка "Оновити графік" у стилі списку параметрів.
 3. Усі кнопки/списки/роки при наведенні світяться синім неоном зовні.
 4. Виправлено прозорість кольорів (rgb + 'cc' -> rgba).
 5. 29 лютого пропускається: дати високосних років більше не зсуваються.
 6. Скролбар під графіком тепер перетягується (і реагує на клік).
 7. Завантажувач: читабельний колір тексту.
 8. Назва міста винесена в CITY (title і h1 оновлюються автоматично).
 9. Дебаг-принти в консоль з описом маркера (що спричинило спрацювання).
===================================================================
-->
<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Порівняння погоди в Києві по днях</title>
<link rel="icon" type="image/png" sizes="144x144" href="favicon.png">
<link rel="apple-touch-icon" href="favicon.png">

    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/hammerjs@2.0.8/hammer.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-zoom@2.0.1/dist/chartjs-plugin-zoom.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/suncalc@1.9.0/suncalc.js"></script>
    <style>
        :root { --neon: #3b82f6; --neon-glow: 0 0 6px #3b82f6, 0 0 18px rgba(59,130,246,.65); }
        body { background:#111827; color:#f3f4f6; font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; margin:0; padding:24px; display:flex; justify-content:center; }
        .container { max-width:1100px; width:100%; background:#1f2937; border:1px solid #374151; border-radius:12px; padding:24px; box-shadow:0 10px 25px -5px rgba(0,0,0,.3); }
        h1 { color:#60a5fa; text-align:center; margin:0 0 24px; font-size:24px; }
        .controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:24px; border-bottom:1px solid #374151; padding-bottom:24px; margin-bottom:24px; }
        label.control-title { display:block; font-size:14px; font-weight:500; margin-bottom:8px; color:#d1d5db; }
        .grid-years { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
        .year-item { display:flex; align-items:center; gap:8px; background:#1f2937; padding:8px 12px; border-radius:6px; cursor:pointer; font-size:14px; user-select:none; border:1px solid #374151; transition:all .2s ease; }
        .year-item:hover { background:#374151; border-color:var(--neon); box-shadow:var(--neon-glow); }
        .year-item.highlighted { background:#374151; border-color:var(--year-color,#3b82f6); box-shadow:0 0 10px var(--year-color,#3b82f6); transform:scale(1.03); }
        .year-item.dimmed { opacity:.35; }
        .year-checkbox { appearance:none; -webkit-appearance:none; width:16px; height:16px; background:#0b0f19; border:1.5px solid #4b5563; border-radius:4px; outline:none; cursor:pointer; position:relative; transition:all .2s ease-in-out; }
        .year-checkbox:checked { background:#000; border-color:var(--year-color,#3b82f6); box-shadow:0 0 8px var(--year-color,#3b82f6); }
        .year-checkbox:checked::after { content:''; position:absolute; left:4px; top:1px; width:4px; height:8px; border:solid var(--year-color,#3b82f6); border-width:0 2px 2px 0; transform:rotate(45deg); }

        /* Єдиний стиль для списку параметрів і кнопки "Оновити графік" */
        select, #fetchDataBtn { width:100%; box-sizing:border-box; height:42px; background:#374151; border:1px solid #4b5563; color:#fff; padding:0 12px; border-radius:6px; font-size:14px; font-family:inherit; outline:none; cursor:pointer; transition:box-shadow .2s, border-color .2s, background-color .2s; }
        #fetchDataBtn { font-weight:500; margin-top:22px; }
        select:hover, select:focus, #fetchDataBtn:hover, #fetchDataBtn:focus-visible, .reset-zoom-btn:hover { border-color:var(--neon); box-shadow:var(--neon-glow); }
        #fetchDataBtn:hover { background:#374151; }

        #citySearch { width:100%; box-sizing:border-box; height:42px; margin-top:8px; background:#1f2937; border:1px solid #4b5563; color:#fff; padding:0 12px; border-radius:6px; font-size:14px; font-family:inherit; outline:none; transition:box-shadow .2s, border-color .2s; }
        #citySearch:hover, #citySearch:focus { border-color:var(--neon); box-shadow:var(--neon-glow); }
        #citySearch::placeholder { color:#9ca3af; }
        #cityHint { font-size:12px; color:#9ca3af; margin-top:6px; min-height:16px; }
        body { padding:64px 24px 24px; flex-direction:column; justify-content:flex-start; align-items:center; min-height:100vh; box-sizing:border-box; position:relative; }
        .container { position:relative; z-index:1; background:rgba(31,41,55,.35); }
        #bgCanvas { position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; opacity:0; transition:opacity 1.2s; }
        #flash { position:fixed; inset:0; background:#fff; opacity:0; pointer-events:none; z-index:90; }
        #topbar { position:fixed; top:0; left:0; right:0; height:48px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:0 20px; z-index:50; font-size:13px; color:rgba(243,244,246,.62); pointer-events:none; }
        #topbar > * { pointer-events:auto; }
        #tbVer { text-align:right; }
        .tb-center { display:flex; gap:8px; align-items:center; }
        #topbar button, #topbar select { width:auto; height:32px; margin:0; padding:0 12px; font-size:12px; background:rgba(55,65,81,.55); border:1px solid rgba(75,85,99,.8); color:#f3f4f6; border-radius:6px; cursor:pointer; backdrop-filter:blur(4px); font-family:inherit; transition:box-shadow .2s, border-color .2s; }
        #topbar button:hover, #topbar select:hover, #topbar button.on { border-color:var(--neon); box-shadow:var(--neon-glow); }
        .wx { position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; gap:16px; background:transparent; border:1px solid rgba(75,85,99,.45); border-radius:8px; padding:12px 16px; margin-bottom:24px; }
        #wxCanvas { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:0; }
        .wx > div { position:relative; z-index:1; }
        .wx-main { margin-left:170px; }
        @media (max-width:700px) { .wx-main { margin-left:0; margin-top:100px; } }
        .wx-title { font-size:13px; color:#9ca3af; }
        .wx-temp { font-size:34px; font-weight:600; color:#f3f4f6; }
        .wx-desc, .wx-meta { font-size:13px; color:#d1d5db; }
        .wx-days { display:flex; gap:10px; margin-left:auto; flex-wrap:wrap; }
        .wx-day { text-align:center; font-size:12px; color:#d1d5db; background:transparent; border:1px solid rgba(75,85,99,.45); border-radius:6px; padding:8px 10px; min-width:52px; }
        #avatar { position:fixed; left:0; top:0; z-index:100; pointer-events:none; display:flex; align-items:center; gap:2px; opacity:0; transition:opacity .3s; }
        #avatar canvas { width:44px; height:44px; }
        #avLabel { font-size:11px; color:rgba(243,244,246,.6); white-space:nowrap; }
        #siteFooter { margin-top:24px; text-align:center; font-size:13px; color:rgba(243,244,246,.55); line-height:1.6; position:relative; z-index:1; }
        @media (hover:none) { #avatar { display:none; } }
        .site-title { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin:0 0 8px; font-size:22px; font-weight:300; letter-spacing:.06em; color:#e5e7eb; }
        .title-icon { filter:drop-shadow(0 0 6px rgba(96,165,250,.55)); flex:none; }
        .title-city { font-weight:500; color:#60a5fa; letter-spacing:.04em; padding-left:14px; border-left:1px solid rgba(96,165,250,.4); text-shadow:0 0 12px rgba(96,165,250,.45); }
        .title-rule { height:1px; margin:0 auto 24px; width:min(420px,70%); background:linear-gradient(90deg, transparent, rgba(96,165,250,.6), transparent); }
        .chart-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; gap:12px; }
        .reset-zoom-btn { background:#374151; color:#9ca3af; border:1px solid #4b5563; padding:6px 12px; border-radius:6px; font-size:12px; cursor:pointer; transition:box-shadow .2s, border-color .2s, color .2s; }
        .reset-zoom-btn:hover { color:#fff; }
        .chart-wrapper { position:relative; width:100%; height:480px; background:rgba(3,7,18,.6); border:1px solid #374151; border-radius:8px 8px 0 0; padding:16px; box-sizing:border-box; overflow:hidden; }
        .scrollbar-container { width:100%; height:14px; background:#111827; border:1px solid #374151; border-top:none; border-radius:0 0 8px 8px; position:relative; overflow:hidden; cursor:pointer; touch-action:none; }
        .scrollbar-thumb { position:absolute; height:100%; width:100%; background:#3b82f6; border-radius:4px; cursor:grab; opacity:.55; transition:opacity .2s, box-shadow .2s; touch-action:none; }
        .scrollbar-thumb:hover, .scrollbar-thumb.dragging { opacity:1; box-shadow:var(--neon-glow); }
        .scrollbar-thumb.dragging { cursor:grabbing; }
        .loader { position:absolute; inset:0; background:rgba(3,7,18,.85); display:flex; align-items:center; justify-content:center; font-weight:600; font-size:16px; color:#93c5fd; border-radius:8px; z-index:10; }
        .hidden { display:none !important; }
        /* ---------- v1.6.0: верхня панель, липкий рядок, вікна-проекції на воді ---------- */
        :root { --orange:#f97316; --orange-glow:0 0 6px #f97316, 0 0 18px rgba(249,115,22,.6); --swp:1.5; }
        #topbar { transition:opacity .35s ease, transform .35s ease; }
        #topbar.tb-hide { opacity:0; transform:translateY(-12px); pointer-events:none; }
        #topbar.tb-hide > * { pointer-events:none; }
        #topbar #tbVer { justify-self:end; background:transparent; border-color:transparent; color:rgba(243,244,246,.62); padding:0 10px; backdrop-filter:none; }
        #topbar #tbVer:hover, #topbar #tbVer:focus-visible, #topbar #tbVer.on { color:#fdba74; border-color:var(--orange); box-shadow:var(--orange-glow); background:rgba(249,115,22,.08); outline:none; }
        .chart-header { position:sticky; top:10px; z-index:40; padding:8px 10px; margin:-8px -10px 8px; border:1px solid transparent; border-radius:8px; transition:background .25s, border-color .25s; }
        .chart-header.stuck { background:rgba(17,24,39,.72); border-color:rgba(75,85,99,.55); backdrop-filter:blur(6px); }
        .hint-btn { color:hsl(268,54%,72%); }

        .modal { position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(3,7,18,.55); backdrop-filter:blur(2px); visibility:hidden; opacity:0; transition:opacity .35s ease, visibility 0s .35s; }
        .modal.show { visibility:visible; opacity:1; transition:opacity .35s ease, visibility 0s; }
        .wave-win { position:relative; box-sizing:border-box; width:min(560px,100%); opacity:0; transition:opacity .3s ease; --wwmax:calc(100vh - 40px); }
        .wave-win.show { opacity:1; transition:opacity 1.5s ease; }
        #verWin { position:fixed; top:56px; right:20px; z-index:130; width:min(440px, calc(100vw - 40px)); visibility:hidden; --wwmax:calc(100vh - 90px); transition:opacity .3s ease, visibility 0s .3s; }
        #verWin.show { visibility:visible; transition:opacity 1.5s ease, visibility 0s; }
        .ww-bg { position:absolute; inset:0; border-radius:12px; background:linear-gradient(160deg, rgba(31,41,55,.92), rgba(17,24,39,.95)); border:1px solid rgba(249,115,22,.45); box-shadow:0 0 22px rgba(249,115,22,.28), inset 0 0 28px rgba(249,115,22,.1); backdrop-filter:blur(6px); filter:url(#waveBg); overflow:hidden; }
        .ww-body { position:relative; box-sizing:border-box; max-height:var(--wwmax); overflow:auto; padding:24px 28px; color:rgba(251,191,36,.60); font-size:14px; line-height:1.6; text-shadow:0 0 6px rgba(249,115,22,.9), 0 0 18px rgba(249,115,22,.5); filter:url(#waveTx); animation:wwGlow 4.5s ease-in-out infinite; scrollbar-width:thin; scrollbar-color:rgba(249,115,22,.5) transparent; }
        @keyframes wwGlow { 0%,100% { text-shadow:0 0 5px rgba(249,115,22,.8), 0 0 14px rgba(249,115,22,.4); } 50% { text-shadow:0 0 8px rgba(249,115,22,1), 0 0 22px rgba(249,115,22,.65); } }
        .ww-body h2, .ww-body h3 { margin:0 0 8px; font-weight:500; background:linear-gradient(90deg,#fbbf24,#f97316); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; text-shadow:none; opacity:.65; filter:drop-shadow(0 0 7px rgba(249,115,22,.75)); }
        .ww-body h2 { font-size:19px; padding-right:30px; }
        .ww-body h3 { font-size:15px; margin-top:16px; }
        .ww-body p { margin:0 0 10px; }
        .ww-body ul { list-style:none; margin:0; padding:0; }
        .ww-body li { position:relative; padding-left:16px; margin-bottom:3px; }
        .ww-body li::before { content:''; position:absolute; left:0; top:.8em; width:8px; height:1px; background:var(--orange); box-shadow:0 0 6px var(--orange); }
        .ww-ver { margin:14px 0 0; font-size:12px; opacity:.7; }
        .ww-body :is(h2,h3,p,li,.ww-sw) { animation:wwSway1 7s ease-in-out infinite; }
        .ww-body :is(h2,h3,p,li,.ww-sw):nth-child(3n+2) { animation-name:wwSway2; animation-duration:8.5s; animation-delay:-2s; }
        .ww-body :is(h2,h3,p,li,.ww-sw):nth-child(3n) { animation-name:wwSway3; animation-duration:6.2s; animation-delay:-4s; }
        @keyframes wwSway1 { 0%,100% { transform:translate(0,0) rotate(0); } 25% { transform:translate(calc(var(--swp)*1px), calc(var(--swp)*-.6px)) rotate(.25deg); } 50% { transform:translate(calc(var(--swp)*-.7px), calc(var(--swp)*.8px)) rotate(-.2deg); } 75% { transform:translate(calc(var(--swp)*.4px), calc(var(--swp)*.5px)) rotate(.15deg); } }
        @keyframes wwSway2 { 0%,100% { transform:translate(0,0) rotate(0); } 30% { transform:translate(calc(var(--swp)*-1px), calc(var(--swp)*.7px)) rotate(-.25deg); } 60% { transform:translate(calc(var(--swp)*.8px), calc(var(--swp)*-.8px)) rotate(.2deg); } }
        @keyframes wwSway3 { 0%,100% { transform:translate(0,0) rotate(0); } 35% { transform:translate(calc(var(--swp)*.6px), calc(var(--swp)*.9px)) rotate(.2deg); } 70% { transform:translate(calc(var(--swp)*-.9px), calc(var(--swp)*-.4px)) rotate(-.15deg); } }
        .ww-x { position:absolute; top:10px; right:12px; width:30px; height:30px; padding:0; margin:0; background:transparent; border:none; color:rgba(251,191,36,.7); font-size:24px; line-height:1; cursor:pointer; text-shadow:inherit; }
        .ww-x:hover, .ww-x:focus-visible { color:#fff; outline:none; }
        #leapBtns { display:flex; gap:8px; flex-wrap:wrap; margin:6px 0 12px; }
        .leap-btn { background:rgba(249,115,22,.08); color:rgba(251,191,36,.95); border:1px solid rgba(249,115,22,.5); padding:6px 12px; border-radius:6px; font-size:12px; cursor:pointer; text-shadow:inherit; transition:box-shadow .2s, border-color .2s, color .2s; }
        .leap-btn:hover, .leap-btn:focus-visible, .leap-btn.on { border-color:var(--orange); box-shadow:var(--orange-glow); color:#fff; outline:none; }
        #leapResult { min-height:20px; }
        .leap-title { font-weight:500; margin-bottom:8px; }
        .leap-grid { display:grid; grid-template-columns:1fr auto; gap:6px 16px; padding:10px 12px; background:rgba(0,0,0,.25); border:1px solid rgba(249,115,22,.3); border-radius:8px; }
        .leap-grid span:nth-child(even) { text-align:right; color:#fde68a; font-variant-numeric:tabular-nums; }
        @media (prefers-reduced-motion:reduce) { .ww-body, .ww-body :is(h2,h3,p,li,.ww-sw) { animation:none !important; } .wave-win.show, #verWin.show { transition-duration:.2s; } }
        /* ---------- v1.6.4: кнопка-лого Antirus-Control ---------- */
        #verWin { display:flex; flex-direction:column; }
        #verWin .ww-body { max-height:calc(var(--wwmax) - 96px); }
        .ww-foot { position:relative; padding:0 28px 18px; }
        .lg-btn { position:relative; display:block; width:64px; height:64px; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; outline:none; cursor:pointer; -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent; }
        .lg-btn:hover, .lg-btn:focus, .lg-btn:active { background:none; box-shadow:none; outline:none; }
        .lg-img { position:absolute; left:6px; top:6px; width:52px; height:52px; display:block; pointer-events:none; user-select:none; -webkit-user-drag:none; }
        .lg-ring { position:absolute; left:0; top:0; width:64px; height:64px; opacity:0; transition:opacity .25s; pointer-events:none; overflow:visible; }
        .lg-ring path { fill:none; stroke:var(--lg-neon, #00ff41); stroke-linejoin:round; }
        .lg-ring g { animation:lgPulse 2.4s ease-in-out infinite; }
        .lg-btn:hover .lg-ring, .lg-btn:focus-visible .lg-ring, .lg-btn.on .lg-ring { opacity:1; }
        @keyframes lgPulse { 0%,100% { opacity:.8; } 50% { opacity:1; } }
        #lgPop { position:fixed; z-index:140; width:min(300px, calc(100vw - 40px)); visibility:hidden; --wwmax:calc(100vh - 40px); transition:opacity .3s ease, visibility 0s .3s; }
        #lgPop.show { visibility:visible; transition:opacity var(--lg-fade, 750ms) ease, visibility 0s; }
        .ww-link { display:block; text-align:center; text-decoration:none; margin-top:12px; padding:9px 12px; border:1px solid rgba(249,115,22,.5); border-radius:6px; background:rgba(249,115,22,.08); color:rgba(251,191,36,.95); font-size:13px; text-shadow:inherit; transition:box-shadow .2s, border-color .2s, color .2s; }
        .ww-link:hover, .ww-link:focus-visible { border-color:var(--orange); box-shadow:var(--orange-glow); color:#fff; outline:none; }
        /* ---------- v1.6.6: прапор України біля міста ---------- */
        #tbFlag { display:inline-block; vertical-align:-2px; margin:0 1px 0 0; filter:url(#flagWave) drop-shadow(0 0 3px rgba(255,214,10,.35)); }
        #tbFlag.static { filter:drop-shadow(0 0 3px rgba(255,214,10,.35)); }
        #siteFooter a { color:rgba(251,191,36,.85); text-decoration:none; text-shadow:0 0 6px rgba(249,115,22,.6); transition:color .2s, text-shadow .2s; }
        #siteFooter a:hover, #siteFooter a:focus-visible { color:#fff; text-shadow:0 0 8px #f97316, 0 0 18px rgba(249,115,22,.7); outline:none; }
        /* ---------- v1.7.0: ефекти екрана (дощ / сніг) та дата в вікні версії ---------- */
        #fxCanvas { position:fixed; inset:0; width:100%; height:100%; z-index:40; pointer-events:none; opacity:0; transition:opacity .8s ease; }
        .ww-ver a { color:inherit; text-decoration:none; border-bottom:1px dotted rgba(251,191,36,.5); transition:text-shadow .2s, color .2s; }
        .ww-ver a:hover, .ww-ver a:focus-visible { color:#fff; text-shadow:0 0 8px #f97316, 0 0 18px rgba(249,115,22,.7); outline:none; }
    </style>
</head>
<body>
    <svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false">
        <defs>
            <filter id="waveBg" x="-8%" y="-8%" width="116%" height="116%">
                <feTurbulence id="wtBg" type="fractalNoise" baseFrequency="0.008 0.02" numOctaves="2" seed="3" result="n"/>
                <feDisplacementMap in="SourceGraphic" in2="n" scale="4" xChannelSelector="R" yChannelSelector="G"/>
            </filter>
            <filter id="lgBlur1" x="-80%" y="-80%" width="260%" height="260%"><feGaussianBlur id="lgStd1" stdDeviation="3.1"/></filter>
            <filter id="lgBlur2" x="-80%" y="-80%" width="260%" height="260%"><feGaussianBlur id="lgStd2" stdDeviation="1.6"/></filter>
            <filter id="flagWave" x="-10%" y="-20%" width="120%" height="140%">
                <feTurbulence id="ftFlag" type="fractalNoise" baseFrequency="0.02 0.06" numOctaves="1" seed="2" result="n"/>
                <feDisplacementMap id="fdFlag" in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/>
            </filter>
            <filter id="waveTx" x="-4%" y="-4%" width="108%" height="108%">
                <feTurbulence id="wtTx" type="fractalNoise" baseFrequency="0.011 0.028" numOctaves="2" seed="7" result="n"/>
                <feDisplacementMap in="SourceGraphic" in2="n" scale="3.5" xChannelSelector="R" yChannelSelector="G"/>
            </filter>
        </defs>
    </svg>
    <canvas id="bgCanvas"></canvas>
    <canvas id="fxCanvas"></canvas>
    <div id="flash"></div>
    <div id="topbar">
        <span id="tbInfo"><span id="tbDt"></span> <svg id="tbFlag" width="22" height="15" viewBox="0 0 22 15" aria-hidden="true"><defs><clipPath id="flagClip"><rect width="22" height="15" rx="2.2"/></clipPath></defs><g clip-path="url(#flagClip)"><rect width="22" height="7.5" fill="#0057b7"/><rect y="7.5" width="22" height="7.5" fill="#ffd700"/></g><rect width="22" height="15" rx="2.2" fill="none" stroke="rgba(255,255,255,.22)" stroke-width=".6"/></svg> <span id="tbCityN"></span></span>
        <div class="tb-center">
            <button type="button" id="atmoBtn">Атмосфера: вимк.</button>
            <select id="seasonSel" title="Сезон звуків (для тесту)"><option value="auto">Сезон: авто</option><option value="autumn">Осінь</option><option value="winter">Зима</option><option value="spring">Весна</option><option value="summer">Літо</option></select>
            <button type="button" id="thunderBtn" title="Тестовий грім">⚡</button>
        </div>
        <button type="button" id="tbVer" aria-haspopup="dialog" aria-expanded="false"></button>
    </div>
    <div class="wave-win" id="verWin" role="dialog" aria-labelledby="verTitle">
        <div class="ww-bg"></div>
        <div class="ww-body">
            <button type="button" class="ww-x" id="verClose" aria-label="Закрити">&times;</button>
            <h2 id="verTitle">WeatherInUkraine</h2>
            <p>Інтерактивний інструмент порівняльного кліматичного аналізу: показує історичні дані та поточний прогноз для міст України у вигляді графіків. Дані завантажуються в реальному часі з Open-Meteo.</p>
            <h3>Фічі</h3>
            <ul>
                <li>При відкритті сайту віджет і аватарка біля курсора показують погоду у вашому місті.</li>
                <li>Обрали інше місто: віджет перемикається на нього і показує його погоду та реальне положення сонця (вночі місяця) на небі.</li>
                <li>Аватарка біля курсора й далі показує погоду у вашому місті.</li>
            </ul>
            <h3>Налаштування</h3>
            <ul>
                <li>Місто: будь-який населений пункт України (наприклад, Київ).</li>
                <li>Параметр: максимальна, мінімальна й середня температура (°C), опади (мм), максимальна швидкість вітру (км/год).</li>
                <li>Роки: порівняння кількох років на одному графіку.</li>
            </ul>
            <h3>Графік</h3>
            <ul>
                <li>Вигляд добирається автоматично: опади - стовпчики, температура й вітер - лінії.</li>
                <li>Масштаб - колесом миші; прокрутка - затисканням графіка або повзунком унизу.</li>
                <li>Кнопка «Скинути масштаб» повертає початковий вигляд.</li>
            </ul>
            <p class="ww-ver">Версія <span id="verWinVer"></span><br>Розробник: Афтіпа Марко Оцтович<br>Kyiv Ukraine 2026<br><a id="verMail" href="mailto:antiruskontrol@ukr.net">antiruskontrol@ukr.net</a></p>
        </div>
        <div class="ww-foot">
            <button type="button" class="lg-btn" id="lgBtn" aria-label="Antirus-Control" aria-haspopup="dialog">
                <svg class="lg-ring" viewBox="0 0 64 64" aria-hidden="true"><g><path id="lgGlow1" stroke-width="7" filter="url(#lgBlur1)"/><path id="lgGlow2" stroke-width="3.5" filter="url(#lgBlur2)"/></g></svg>
                <img class="lg-img" id="lgImg" alt="" width="52" height="52" draggable="false">
            </button>
        </div>
    </div>

    <div class="wave-win" id="lgPop" role="dialog" aria-label="Antirus-Control">
        <div class="ww-bg"></div>
        <div class="ww-body">
            <h2>Antirus-Control</h2>
            <p>Розширення для браузера: розмиває російськомовний текст на сторінках і пропускає Shorts на YouTube.</p>
            <a class="ww-link" id="lgLink" href="https://antiruskontrol.github.io/antirus-control/" target="_blank" rel="noopener">Перейти на сайт</a>
        </div>
    </div>

    <div class="modal" id="hintModal">
        <div class="wave-win" id="hintWin" role="dialog" aria-modal="true" aria-labelledby="hintTitle">
            <div class="ww-bg"></div>
            <div class="ww-body">
                <button type="button" class="ww-x" id="hintClose" aria-label="Закрити">&times;</button>
                <h2 id="hintTitle">Як користуватися графіком</h2>
                <ul>
                    <li>Колесо миші - масштаб (на телефоні - щипок двома пальцями).</li>
                    <li>Затисніть графік або повзунок унизу й тягніть - прокрутка.</li>
                    <li>Кнопка «Скинути масштаб» повертає весь рік.</li>
                    <li>Порожній маркер і пунктир - це прогноз на сьогодні, а не підсумок дня.</li>
                </ul>
                <h3>29 лютого</h3>
                <p>На графіку 365 днів: 29 лютого пропущено, щоб однакові дати різних років збігалися. Оберіть рік, щоб побачити всі показники того дня для міста <b id="leapCity"></b>:</p>
                <div id="leapBtns"></div>
                <div id="leapResult"></div>
            </div>
        </div>
    </div>

    <div class="container">
        <h1 class="site-title">
            <svg class="title-icon" viewBox="0 0 32 32" width="30" height="30" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <path d="M5 5v21h22" stroke="#4b5563" stroke-width="1.4"/>
                <path d="M8 24l5-3 4-1 6-5" stroke="#facc15" stroke-width="1.4" opacity=".85"/>
                <path d="M8 21l5-6 4 3 6-9" stroke="#60a5fa" stroke-width="1.6"/>
                <circle cx="23" cy="9" r="1.6" fill="#60a5fa" stroke="none"/>
            </svg>
            <span>Порівняльний аналіз клімату</span>
            <span class="title-city" id="cityName">Київ</span>
        </h1>
        <div class="title-rule"></div>

        <div class="wx">
            <canvas id="wxCanvas"></canvas>
            <div class="wx-main">
                <div class="wx-title" id="wxTitle">Погода зараз</div>
                <div class="wx-temp" id="wxTemp">--</div>
                <div class="wx-desc" id="wxDesc">Завантаження...</div>
                <div class="wx-meta" id="wxMeta"></div>
            </div>
            <div class="wx-days" id="wxDays"></div>
        </div>

        <div class="controls">
            <div>
                <label class="control-title">Оберіть роки для порівняння</label>
                <div class="grid-years" id="yearsContainer"></div>
            </div>
            <div>
                <label class="control-title" for="citySelect">Оберіть місто</label>
                <select id="citySelect"></select>
                <input type="text" id="citySearch" placeholder="Немає у списку? Введіть назву й натисніть Enter" autocomplete="off">
                <div id="cityHint"></div>
            </div>
            <div>
                <label class="control-title" for="metricSelect">Оберіть погодний параметр</label>
                <select id="metricSelect">
                    <option value="precipitation_sum">Кількість опадів (мм) [Стовпчики]</option>
                    <option value="wind_speed_10m_max">Максимальна швидкість вітру (км/год) [Лінія]</option>
                    <option value="temperature_2m_max" selected>Максимальна температура (°C) [Лінія]</option>
                    <option value="temperature_2m_min">Мінімальна температура (°C) [Лінія]</option>
                    <option value="temperature_2m_mean">Середня температура (°C) [Лінія]</option>
                </select>
            </div>
            <div>
                <button type="button" id="fetchDataBtn">Оновити графік</button>
            </div>
        </div>

        <div class="chart-header">
            <button type="button" id="hintBtn" class="reset-zoom-btn hint-btn">💡 Підказка по графіку</button>
            <button type="button" id="resetZoomBtn" class="reset-zoom-btn">🔍 Скинути масштаб</button>
        </div>

        <div class="chart-wrapper">
            <div id="loader" class="hidden loader">🔄 Завантаження історичних даних з сервера Open-Meteo...</div>
            <canvas id="weatherChart"></canvas>
        </div>
        <div class="scrollbar-container" id="scrollBarContainer">
            <div class="scrollbar-thumb" id="scrollBarThumb"></div>
        </div>
    </div>

    <footer id="siteFooter">Розробник: Афтіпа Марко Оцтович<br>Kyiv Ukraine 2026<br><a id="footMail" href="mailto:antiruskontrol@ukr.net">antiruskontrol@ukr.net</a></footer>
    <div id="avatar"><canvas id="avCanvas"></canvas><span id="avLabel"></span></div>

    <script>
        var CITY = { name: 'Київ', lat: '50.4501', lon: '30.5234' };
        var VERSION = '1.7.0'; var BUILD_STAMP = '11.10.2026, 16:24';   // дата й час редакції (оновлюється в кожній збірці) // оновлювати разом із шапкою файлу
        var DEBUG = true;
        function dbg(marker, info) { if (DEBUG) console.log('[WeatherScope][' + marker + ']', info === undefined ? '' : info); }

        function setCity(city, reason) {
            CITY = city;
            document.getElementById('cityName').textContent = city.name;
            document.title = 'Порівняння погоди: ' + city.name + ' по днях';
            dbg('setCity', 'причина: ' + reason + ' -> ' + city.name + ' (' + city.lat + ', ' + city.lon + ')');
            refreshWidget('зміна міста: ' + reason);
            if (typeof refreshLeap === 'function') refreshLeap('зміна міста: ' + reason);
        }


        // ---------- Міста: "Назва:широта,довгота" ----------
        var CITIES = {
            'Київ': 'Київ:50.45,30.52',
            'АР Крим і Севастополь': 'Сімферополь:44.95,34.10;Севастополь:44.62,33.52;Ялта:44.50,34.17;Керч:45.36,36.47;Євпаторія:45.20,33.37;Феодосія:45.03,35.38',
            'Вінницька': 'Вінниця:49.23,28.47;Жмеринка:49.04,28.11;Могилів-Подільський:48.45,27.80;Хмільник:49.56,27.97;Гайсин:48.81,29.38',
            'Волинська': 'Луцьк:50.75,25.33;Ковель:51.22,24.71;Нововолинськ:50.73,24.16',
            'Дніпропетровська': 'Дніпро:48.46,35.05;Кривий Ріг:47.91,33.39;Кам\'янське:48.51,34.60;Нікополь:47.57,34.40;Павлоград:48.53,35.87;Покров:47.65,34.12;Марганець:47.64,34.63',
            'Донецька': 'Донецьк:48.00,37.80;Краматорськ:48.72,37.56;Слов\'янськ:48.87,37.62;Маріуполь:47.10,37.54;Бахмут:48.59,38.00;Покровськ:48.28,37.18;Костянтинівка:48.53,37.71',
            'Житомирська': 'Житомир:50.25,28.66;Бердичів:49.90,28.60;Коростень:50.95,28.64;Новоград-Волинський:50.59,27.62',
            'Закарпатська': 'Ужгород:48.62,22.30;Мукачево:48.44,22.72;Хуст:48.18,23.30;Берегове:48.20,22.64',
            'Запорізька': 'Запоріжжя:47.84,35.14;Мелітополь:46.84,35.37;Бердянськ:46.76,36.80;Енергодар:47.50,34.65',
            'Івано-Франківська': 'Івано-Франківськ:48.92,24.71;Калуш:49.04,24.37;Коломия:48.53,25.04;Яремче:48.45,24.55',
            'Київська': 'Біла Церква:49.80,30.12;Бровари:50.51,30.79;Бориспіль:50.35,30.95;Ірпінь:50.52,30.25;Буча:50.55,30.21;Вишгород:50.58,30.49;Фастів:50.08,29.92;Васильків:50.18,30.32;Обухів:50.11,30.62;Славутич:51.52,30.75',
            'Кіровоградська': 'Кропивницький:48.51,32.26;Олександрія:48.67,33.12;Знам\'янка:48.72,32.67',
            'Луганська': 'Луганськ:48.57,39.31;Сєвєродонецьк:48.95,38.49;Лисичанськ:48.91,38.44;Алчевськ:48.47,38.80',
            'Львівська': 'Львів:49.84,24.03;Дрогобич:49.35,23.51;Червоноград:50.39,24.23;Стрий:49.26,23.85;Борислав:49.29,23.43;Трускавець:49.28,23.51',
            'Миколаївська': 'Миколаїв:46.97,32.00;Первомайськ:48.04,30.85;Вознесенськ:47.57,31.33;Южноукраїнськ:47.82,31.18',
            'Одеська': 'Одеса:46.48,30.73;Ізмаїл:45.35,28.84;Чорноморськ:46.30,30.66;Подільськ:47.75,29.53;Білгород-Дністровський:46.19,30.35',
            'Полтавська': 'Полтава:49.59,34.55;Кременчук:49.07,33.42;Лубни:50.02,32.99;Миргород:49.97,33.61',
            'Рівненська': 'Рівне:50.62,26.25;Дубно:50.40,25.74;Вараш:51.35,25.85;Костопіль:50.88,26.45',
            'Сумська': 'Суми:50.91,34.80;Конотоп:51.24,33.20;Шостка:51.87,33.48;Охтирка:50.31,34.90',
            'Тернопільська': 'Тернопіль:49.55,25.59;Чортків:49.02,25.80;Кременець:50.10,25.73',
            'Харківська': 'Харків:49.99,36.23;Ізюм:49.21,37.26;Куп\'янськ:49.71,37.62;Лозова:48.89,36.32;Чугуїв:49.84,36.69',
            'Херсонська': 'Херсон:46.64,32.62;Нова Каховка:46.76,33.37;Каховка:46.82,33.48',
            'Хмельницька': 'Хмельницький:49.42,26.99;Кам\'янець-Подільський:48.68,26.58;Шепетівка:50.18,27.06;Нетішин:50.34,26.64',
            'Черкаська': 'Черкаси:49.44,32.06;Умань:48.75,30.22;Сміла:49.22,31.89;Канів:49.75,31.47',
            'Чернівецька': 'Чернівці:48.29,25.94;Хотин:48.52,26.50;Новодністровськ:48.58,27.44',
            'Чернігівська': 'Чернігів:51.49,31.29;Ніжин:51.05,31.89;Прилуки:50.59,32.39;Новгород-Сіверський:51.99,33.26'
        };
        var FOUND_GROUP = 'Знайдені за пошуком';
        var PENDING_SEARCH = null;
        var citySelect = document.getElementById('citySelect');
        var cityHint = document.getElementById('cityHint');

        function addCityOption(name, lat, lon, groupLabel) {
            var g = Array.from(citySelect.querySelectorAll('optgroup')).find(function(x) { return x.label === groupLabel; });
            if (!g) { g = document.createElement('optgroup'); g.label = groupLabel; citySelect.appendChild(g); }
            var o = document.createElement('option');
            o.value = lat + ',' + lon;
            o.textContent = name;
            g.appendChild(o);
            return o;
        }

        function applyCityFromSelect(reason) {
            var o = citySelect.options[citySelect.selectedIndex], pr = o.value.split(',');
            setCity({ name: o.textContent, lat: pr[0], lon: pr[1] }, reason);
            try { localStorage.setItem('weatherscope_city', JSON.stringify(CITY)); dbg('city', 'збережено вибір у localStorage'); }
            catch (e) { dbg('city', 'маркер: localStorage недоступний (' + e.message + ')'); }
            syncURL('вибір міста');
        }

        function syncURL(reason) {
            if (!/^https?:$/.test(window.location.protocol)) { dbg('url', 'маркер: ' + reason + ' - адресу не змінено (протокол ' + window.location.protocol + ')'); return; }
            try {
                var nm = CITY.name.replace(/\s*\(.*\)\s*$/, ''), u = window.location.pathname + '?city=' + encodeURIComponent(nm) + '&param=' + encodeURIComponent(document.getElementById('metricSelect').value);
                window.history.replaceState(null, '', u);
                dbg('url', 'маркер: ' + reason + ' -> ' + u);
            } catch (e) { dbg('url', 'маркер: не вдалося оновити адресу (' + e.message + ')'); }
        }
        function initCities() {
            Object.keys(CITIES).forEach(function(group) {
                CITIES[group].split(';').forEach(function(item) {
                    var a = item.split(':'), c = a[1].split(',');
                    addCityOption(a[0], c[0], c[1], group);
                });
            });
            var start = CITY;
            try {
                var saved = JSON.parse(localStorage.getItem('weatherscope_city') || 'null');
                if (saved && saved.name && saved.lat && saved.lon) { start = saved; dbg('city', 'маркер: відновлено збережене місто ' + saved.name); }
            } catch (e) { dbg('city', 'маркер: не вдалося прочитати localStorage (' + e.message + ')'); }
            var q = new URLSearchParams(window.location.search), qc = (q.get('city') || '').trim(), qp = q.get('param'), metricEl = document.getElementById('metricSelect');
            if (qp) {
                var mo = Array.from(metricEl.options).find(function (o) { return o.value === qp; });
                if (mo) { metricEl.value = qp; dbg('url', 'маркер: параметр з адреси -> ' + qp); }
                else dbg('url', 'маркер: невідомий param "' + qp + '" в адресі, ігноровано');
            }
            if (qc) {
                var want = qc.toLowerCase(), hit = Array.from(citySelect.options).find(function (o) { return o.textContent.toLowerCase() === want; });
                if (hit) { var hp = hit.value.split(','); start = { name: hit.textContent, lat: hp[0], lon: hp[1] }; dbg('url', 'маркер: місто з адреси -> ' + hit.textContent); }
                else { PENDING_SEARCH = qc; dbg('url', 'маркер: міста "' + qc + '" немає у списку, буде пошук за назвою'); }
            }
            var val = start.lat + ',' + start.lon;
            var opt = Array.from(citySelect.options).find(function(o) { return o.value === val; });
            if (!opt) opt = addCityOption(start.name, start.lat, start.lon, FOUND_GROUP);
            opt.selected = true;
            applyCityFromSelect('початкове значення');
        }

        async function searchCity(q) {
            dbg('citySearch', 'маркер: Enter у полі пошуку, запит "' + q + '"');
            cityHint.textContent = 'Пошук...';
            try {
                var r = await fetch('https://geocoding-api.open-meteo.com/v1/search?name=' + encodeURIComponent(q) + '&count=10&language=uk&countryCode=UA&format=json');
                if (!r.ok) throw new Error('HTTP ' + r.status);
                var res = (await r.json()).results || [];
                dbg('citySearch', 'знайдено: ' + res.length);
                if (!res.length) { cityHint.textContent = 'Нічого не знайдено за запитом "' + q + '".'; return false; }
                var first = null;
                res.forEach(function(f) {
                    var o = addCityOption(f.name + (f.admin1 ? ' (' + f.admin1 + ')' : ''), f.latitude, f.longitude, FOUND_GROUP);
                    if (!first) first = o;
                });
                first.selected = true;
                cityHint.textContent = res.length > 1 ? 'Знайдено збігів: ' + res.length + '. Інші варіанти — у списку, група «' + FOUND_GROUP + '».' : '';
                applyCityFromSelect('пошук "' + q + '"');
                loadWeatherData('обрано місто з пошуку: ' + CITY.name);
                return true;
            } catch (e) {
                console.error('[WeatherScope][error]', e);
                cityHint.textContent = 'Помилка пошуку: ' + e.message;
                return false;
            }
        }

        citySelect.addEventListener('change', function() {
            applyCityFromSelect('змінено місто у списку');
            loadWeatherData('змінено місто: ' + CITY.name);
        });
        document.getElementById('citySearch').addEventListener('keydown', function(e) {
            if (e.key === 'Enter' && this.value.trim()) searchCity(this.value.trim());
        });

        var colors = [
            'rgb(59, 130, 246)',   // 2018 - синій
            'rgb(250, 204, 21)',   // 2019 - лимонний
            'rgb(239, 68, 68)',    // 2020 - червоний
            'rgb(139, 92, 246)',   // 2021 - фіолетовий
            'rgb(236, 72, 153)',   // 2022 - рожевий
            'rgb(20, 184, 166)',   // 2023 - бірюзовий
            'rgb(34, 197, 94)',    // 2024 - зелений
            'rgb(245, 158, 11)',   // 2025 - помаранчевий
            'rgb(255, 255, 255)'   // 2026 - білий
        ];

        // rgb(r, g, b) -> rgba(r, g, b, a)
        function withAlpha(rgb, a) { return rgb.replace('rgb(', 'rgba(').replace(')', ', ' + a + ')'); }

        var yearsContainer = document.getElementById('yearsContainer');
        var startYear = 2018, endYear = 2026;
        for (var year = startYear, ci = 0; year <= endYear; year++, ci++) {
            var label = document.createElement('label');
            label.className = 'year-item';
            label.setAttribute('data-year', year);
            var checked = (year === 2023 || year === 2025 || year === 2026) ? 'checked' : '';
            var yc = colors[ci % colors.length];
            label.style.setProperty('--year-color', yc);
            label.innerHTML = '<input type="checkbox" value="' + year + '" class="year-checkbox" style="--year-color:' + yc + ';" ' + checked + '> <span>' + year + '</span>';
            yearsContainer.appendChild(label);
        }

        var weatherChart = null;

        function highlightYearInList(targetYear) {
            document.querySelectorAll('.year-item').forEach(function(item) {
                var y = item.getAttribute('data-year');
                if (targetYear && y === targetYear.toString()) { item.classList.add('highlighted'); item.classList.remove('dimmed'); }
                else if (targetYear) { item.classList.remove('highlighted'); item.classList.add('dimmed'); }
                else { item.classList.remove('highlighted', 'dimmed'); }
            });
        }

        // Осі X: 365 днів (2023 не високосний), 29 лютого не використовується
        function generateYearLabels() {
            var labels = [], months = ['Січ','Лют','Бер','Квіт','Трав','Черв','Лип','Серп','Верес','Жовт','Лист','Груд'];
            var date = new Date(2023, 0, 1);
            while (date.getFullYear() === 2023) { labels.push(date.getDate() + ' ' + months[date.getMonth()]); date.setDate(date.getDate() + 1); }
            return labels;
        }

        // ---------- Скролбар ----------
        var thumb = document.getElementById('scrollBarThumb');
        var track = document.getElementById('scrollBarContainer');

        function updateScrollbar() {
            if (!weatherChart) return;
            var xs = weatherChart.scales.x;
            var total = weatherChart.data.labels.length - 1;
            var vis = Math.max(1, xs.max - xs.min);
            var w = Math.min(100, Math.max(5, (vis / total) * 100));
            var l = Math.min(100 - w, Math.max(0, (xs.min / total) * 100));
            thumb.style.width = w + '%';
            thumb.style.left = l + '%';
        }

        function scrollChartTo(newMin, reason) {
            if (!weatherChart) return;
            var xs = weatherChart.scales.x;
            var total = weatherChart.data.labels.length - 1;
            var vis = xs.max - xs.min;
            newMin = Math.round(Math.min(total - vis, Math.max(0, newMin)));
            dbg('scrollbar', reason + ': видимий діапазон ' + newMin + '..' + Math.round(newMin + vis));
            weatherChart.zoomScale('x', { min: newMin, max: newMin + vis }, 'none');
            updateScrollbar();
        }

        var drag = null;
        thumb.addEventListener('pointerdown', function(e) {
            if (!weatherChart) return;
            e.stopPropagation();
            drag = { startX: e.clientX, startMin: weatherChart.scales.x.min };
            thumb.classList.add('dragging');
            thumb.setPointerCapture(e.pointerId);
            dbg('scrollbar', 'маркер: початок перетягування повзунка');
        });
        thumb.addEventListener('pointermove', function(e) {
            if (!drag) return;
            var total = weatherChart.data.labels.length - 1;
            scrollChartTo(drag.startMin + ((e.clientX - drag.startX) / track.clientWidth) * total, 'перетягування');
        });
        function endDrag() { if (drag) { drag = null; thumb.classList.remove('dragging'); dbg('scrollbar', 'маркер: кінець перетягування'); } }
        thumb.addEventListener('pointerup', endDrag);
        thumb.addEventListener('pointercancel', endDrag);
        track.addEventListener('pointerdown', function(e) {
            if (e.target === thumb || !weatherChart) return;
            var rect = track.getBoundingClientRect();
            var total = weatherChart.data.labels.length - 1;
            var vis = weatherChart.scales.x.max - weatherChart.scales.x.min;
            scrollChartTo(((e.clientX - rect.left) / rect.width) * total - vis / 2, 'клік по доріжці');
        });

        function makeDataset(label, data, mainColor, chartType, fIdx) {
            var isF = function (ctx) { return fIdx !== null && ctx.dataIndex === fIdx; };
            return {
                label: label, data: data, fIdx: fIdx,
                borderColor: mainColor,
                backgroundColor: chartType === 'bar' ? function (ctx) { return withAlpha(mainColor, isF(ctx) ? .25 : .8); } : withAlpha(mainColor, 0.08),
                borderWidth: 2,
                pointRadius: function (ctx) { return isF(ctx) ? 5 : 2; },
                pointHoverRadius: 8,
                pointBackgroundColor: function (ctx) { return isF(ctx) ? 'rgba(3,7,18,.9)' : mainColor; },
                pointBorderColor: function (ctx) { return isF(ctx) ? mainColor : '#ffffff'; },
                pointBorderWidth: function (ctx) { return isF(ctx) ? 2 : 1; },
                tension: 0.15,
                clip: false,
                segment: { borderDash: function (ctx) { return fIdx !== null && ctx.p1DataIndex === fIdx ? [6, 4] : undefined; } }
            };
        }

        // ---------- Завантаження даних ----------
        var loadSeq = 0;
        async function loadWeatherData(reason) {
            dbg('load', 'маркер спрацювання: ' + reason);
            var myLoad = ++loadSeq;
            var selectedYears = Array.from(document.querySelectorAll('.year-checkbox:checked')).map(function(cb) { return cb.value; });
            var metricEl = document.getElementById('metricSelect');
            var selectedMetric = metricEl.value;
            var metricLabel = metricEl.options[metricEl.selectedIndex].text;

            if (selectedYears.length === 0) {
                dbg('load', 'маркер: жоден рік не обраний');
                alert('Будь ласка, оберіть хоча б один рік!');
                return;
            }

            document.getElementById('loader').classList.remove('hidden');
            var datasets = [];
            var labelsX = generateYearLabels();
            var chartType = (selectedMetric === 'precipitation_sum') ? 'bar' : 'line';
            var today = new Date();
            var todayStr = today.toISOString().split('T')[0];

            try {
                for (var i = 0; i < selectedYears.length; i++) {
                    var currentYear = parseInt(selectedYears[i]);
                    var startDate = currentYear + '-01-01';
                    var endDate = currentYear + '-12-31';
                    if (currentYear >= today.getFullYear()) endDate = (todayStr < endDate) ? todayStr : endDate;

                    var isCur = currentYear === today.getFullYear(), archEnd = endDate, ft = [], fv = [], fDate = null, fIdx = null, times = [], vals = [];
                    if (isCur) {
                        var fu = 'https://api.open-meteo.com/v1/forecast?latitude=' + CITY.lat + '&longitude=' + CITY.lon + '&daily=' + selectedMetric + '&past_days=8&forecast_days=1&timezone=auto';
                        dbg('fetch', 'маркер: поточний рік, останні дні з прогнозного API: ' + fu);
                        var fr = await fetch(fu, { mode: 'cors' }).catch(function() { throw new Error('Мережева помилка або блокування запиту.'); });
                        if (!fr.ok) throw new Error('Помилка сервера (прогнозне API) при отриманні останніх днів.');
                        var fd = await fr.json();
                        ft = fd.daily.time || []; fv = fd.daily[selectedMetric] || [];
                        fDate = ft[ft.length - 1];
                        archEnd = new Date(Date.parse(ft[0] + 'T00:00:00Z') - 86400000).toISOString().split('T')[0];
                    }
                    if (archEnd >= startDate) {
                        var url = 'https://archive-api.open-meteo.com/v1/archive?latitude=' + CITY.lat + '&longitude=' + CITY.lon + '&start_date=' + startDate + '&end_date=' + archEnd + '&daily=' + selectedMetric + '&timezone=auto';
                        dbg('fetch', url);
                        var response = await fetch(url, { mode: 'cors' }).catch(function() { throw new Error('Мережева помилка або блокування запиту.'); });
                        if (!response.ok) throw new Error('Помилка сервера при отриманні даних за ' + currentYear + ' рік.');
                        var data = await response.json();
                        times = (data.daily.time || []).slice(); vals = (data.daily[selectedMetric] || []).slice();
                    } else dbg('fetch', 'маркер: архів не потрібен для ' + currentYear + ' (кінець архівної частини ' + archEnd + ' раніше за початок року)');
                    if (isCur) {
                        for (var q = 0; q < ft.length; q++) { if (ft[q].slice(0, 4) === String(currentYear)) { times.push(ft[q]); vals.push(fv[q]); } }
                    }

                    var dailyData = [];
                    for (var j = 0; j < times.length; j++) {
                        if (times[j].slice(5) === '02-29') { dbg('leap', 'маркер: пропущено ' + times[j]); continue; }
                        dailyData.push(vals[j]);
                        if (times[j] === fDate) fIdx = dailyData.length - 1;
                    }
                    dbg('data', currentYear + ': отримано ' + vals.length + ' днів, у графіку ' + dailyData.length + (fIdx !== null ? '; сьогодні (прогноз) ' + fDate + ' = ' + vals[times.indexOf(fDate)] + ', індекс ' + fIdx : ''));

                    datasets.push(makeDataset(currentYear.toString(), dailyData, colors[(currentYear - startYear) % colors.length], chartType, fIdx));
                }

                if (myLoad !== loadSeq) { dbg('load', 'маркер: застарілу відповідь відкинуто (' + reason + ')'); return; }
                if (weatherChart) weatherChart.destroy();

                var ctx = document.getElementById('weatherChart').getContext('2d');
                weatherChart = new Chart(ctx, {
                    type: chartType,
                    data: { labels: labelsX, datasets: datasets },
                    options: {
                        responsive: true,
                        maintainAspectRatio: false,
                        interaction: { mode: 'nearest', intersect: false },
                        onHover: function(event, active) {
                            if (active && active.length > 0) highlightYearInList(weatherChart.data.datasets[active[0].datasetIndex].label);
                            else highlightYearInList(null);
                        },
                        plugins: {
                            legend: {
                                labels: {
                                    color: '#e5e7eb', usePointStyle: true, pointStyle: 'circle',
                                    generateLabels: function(chart) {
                                        var original = Chart.defaults.plugins.legend.labels.generateLabels;
                                        var labels = original.call(this, chart);
                                        labels.forEach(function(l) {
                                            var ds = chart.data.datasets[l.datasetIndex];
                                            l.fillStyle = ds.borderColor; l.strokeStyle = ds.borderColor; l.pointStyle = 'circle';
                                        });
                                        return labels;
                                    }
                                }
                            },
                            tooltip: {
                                enabled: true, mode: 'nearest', intersect: false,
                                backgroundColor: 'rgba(17, 24, 39, 0.95)', borderColor: '#4b5563', borderWidth: 1,
                                padding: 12, boxPadding: 6, usePointStyle: true, caretPadding: 12, caretSize: 8,
                                animation: { duration: 100 },
                                callbacks: {
                                    title: function(items) { return items.length > 0 ? items[0].label : ''; },
                                    afterBody: function(items) {
                                        if (!items || items.length === 0) return [];
                                        var a = items[0], lines = [];
                                        a.chart.data.datasets.forEach(function(ds, idx) {
                                            if (idx !== a.datasetIndex) {
                                                var v = ds.data[a.dataIndex];
                                                lines.push('  ' + ds.label + ': ' + ((v !== undefined && v !== null) ? v : '-') + (ds.fIdx === a.dataIndex ? ' (прогноз)' : ''));
                                            }
                                        });
                                        return lines;
                                    },
                                    labelTextColor: function() { return '#ffffff'; },
                                    labelColor: function(ctx) {
                                        var c = ctx.dataset.borderColor;
                                        return { borderColor: c, backgroundColor: c, borderWidth: 1, borderRadius: 2 };
                                    },
                                    label: function(ctx) {
                                        var v = ctx.raw !== undefined && ctx.raw !== null ? ctx.raw : '-';
                                        return '▶ ' + ctx.dataset.label + ': ' + v + ' (активний' + (ctx.dataset.fIdx === ctx.dataIndex ? ', прогноз' : '') + ')';
                                    }
                                }
                            },
                            zoom: {
                                limits: { x: { minRange: 1 } },
                                pan: { enabled: true, mode: 'x', onPan: updateScrollbar },
                                zoom: { wheel: { enabled: true }, pinch: { enabled: true }, mode: 'x', onZoom: updateScrollbar }
                            }
                        },
                        scales: {
                            x: { offset: true, grid: { color: '#374151' }, ticks: { color: '#9ca3af', maxTicksLimit: 12 } },
                            y: { grid: { color: '#374151' }, ticks: { color: '#9ca3af' }, title: { display: true, text: metricLabel, color: '#e5e7eb' } }
                        }
                    }
                });
                updateScrollbar();
                dbg('chart', 'побудовано: ' + chartType + ', роки: ' + selectedYears.join(', ') + ', параметр: ' + selectedMetric);
            } catch (error) {
                console.error('[WeatherScope][error]', error);
                if (myLoad === loadSeq) alert(error.message);
            } finally {
                if (myLoad === loadSeq) document.getElementById('loader').classList.add('hidden');
            }
        }

        document.getElementById('weatherChart').addEventListener('mouseleave', function() { highlightYearInList(null); });
        document.getElementById('resetZoomBtn').addEventListener('click', function() {
            dbg('zoom', 'маркер: натиснуто "Скинути масштаб"');
            if (weatherChart) { weatherChart.resetZoom(); updateScrollbar(); }
        });
        document.getElementById('metricSelect').addEventListener('change', function() { syncURL('зміна параметра'); loadWeatherData('змінено параметр: ' + this.value); });
        document.querySelectorAll('.year-checkbox').forEach(function(cb) {
            cb.addEventListener('change', function() { loadWeatherData('рік ' + cb.value + (cb.checked ? ' увімкнено' : ' вимкнено')); });
        });
        document.getElementById('fetchDataBtn').addEventListener('click', function() { loadWeatherData('кнопка "Оновити графік"'); });


        // ================= v1.4.0: погода, аватарка, звуки, фон =================
        var USER = { name: 'Київ', lat: '50.45', lon: '30.52' };
        var WX = { kind: null, S: null }, AV = { kind: null, S: null, x: -100, y: -100, tx: -100, ty: -100 };
        var KIND_TXT = { sun: 'Ясно', moon: 'Ясно (ніч)', partly: 'Мінлива хмарність', cloud: 'Хмарно', rain: 'Дощ', snow: 'Сніг', storm: 'Гроза' };
        var KIND_EMO = { sun: '☀️', moon: '🌙', partly: '🌤', cloud: '☁️', rain: '🌧', snow: '❄️', storm: '⛈' };
        var DAYS_UA = ['Нд', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'];
        var REDUCED = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;
        var dpr = window.devicePixelRatio || 1;
        function hiCanvas(id, w, h) { var cv = document.getElementById(id); cv.width = w * dpr; cv.height = h * dpr; var c = cv.getContext('2d'); c.scale(dpr, dpr); return c; }
        var avCtx = hiCanvas('avCanvas', 44, 44);
        var avatarEl = document.getElementById('avatar'), avLabel = document.getElementById('avLabel');
        var bgCanvas = document.getElementById('bgCanvas'), bgCtx = bgCanvas.getContext('2d');
        var seasonSel = document.getElementById('seasonSel'), atmoBtn = document.getElementById('atmoBtn');

        function wxKind(c, day) {
            if (c <= 1) return day ? 'sun' : 'moon';
            if (c === 2) return day ? 'partly' : 'cloud';
            if (c <= 48) return 'cloud';
            if (c <= 67 || (c >= 80 && c <= 82)) return 'rain';
            if (c <= 77 || c === 85 || c === 86) return 'snow';
            return 'storm';
        }
        function mkState(nd, nf) {
            var S = { drops: [], flakes: [], bolt: 0, nextBolt: 2, bx: .5 }, i;
            for (i = 0; i < (nd || 32); i++) S.drops.push({ x: Math.random(), y: Math.random(), v: .6 + Math.random() * .8 });
            for (i = 0; i < (nf || 22); i++) S.flakes.push({ x: Math.random(), y: Math.random(), v: .1 + Math.random() * .15, p: Math.random() * 6 });
            return S;
        }
        function circ(c, x, y, r) { c.beginPath(); c.arc(x, y, r, 0, 6.283); c.fill(); }
        function cloudShape(c, x, y, s, col) { c.fillStyle = col; circ(c, x, y, 10 * s); circ(c, x + 12 * s, y - 7 * s, 13 * s); circ(c, x + 26 * s, y, 10 * s); c.fillRect(x, y, 26 * s, 10 * s); }

        // ---------- v1.6.2: нове сонце (параметри - змінюйте тут) ----------
        var SUN_BLUR = 0.2;         // розмиття: частка радіуса диска (0,2 = 20%)
        var SUN_BRIGHT = 3;         // яскравість (3 = +200%)
        var SUN_ALPHA = 0.9;        // загальна непрозорість сонця (0,9 = на 10% прозоріше)
        var SUN_BIG_FAST = true;    // велике сонце через допоміжне полотно (false = старе повільне малювання)
        var SUN_BIG_SCALE = 0.5;    // роздільність допоміжного полотна великого сонця
        var AVATAR_SUN_FADE = 0.62; // де починається згасання прозорості до країв спрайта сонця аватарки (0-1 від радіуса)
        var SUN_PEAK_YELLOW = 0.3;  // наскільки жовтіший піковий колір (0,3 = на 30%)
        function sunHex(h) { return [parseInt(h.slice(1, 3), 16), parseInt(h.slice(3, 5), 16), parseInt(h.slice(5, 7), 16)]; }
        function sunMix(a, b, t) { var p = typeof a === 'string' ? sunHex(a) : a, q = typeof b === 'string' ? sunHex(b) : b; return [Math.round(p[0] + (q[0] - p[0]) * t), Math.round(p[1] + (q[1] - p[1]) * t), Math.round(p[2] + (q[2] - p[2]) * t)]; }
        function sunRgba(v, a) { return 'rgba(' + v[0] + ',' + v[1] + ',' + v[2] + ',' + a + ')'; }
        function sunPeak(h) { return sunMix(h, '#ffd60a', SUN_PEAK_YELLOW); }
        var SUN_K = [
            { a: 0,  core: sunHex('#ffd426'), rim: sunHex('#c026d3'), ray: sunHex('#ffd02e'), tip: sunHex('#c026d3'), halo: sunHex('#c026d3') },
            { a: .45, core: sunHex('#ffe55a'), rim: sunHex('#e879f9'), ray: sunHex('#ffe066'), tip: sunHex('#f0abfc'), halo: sunHex('#e879f9') },
            { a: .9, core: sunPeak('#fff6c4'), rim: sunPeak('#fde68a'), ray: sunPeak('#fff2a8'), tip: sunPeak('#fde047'), halo: sunPeak('#fde68a') },
            { a: 1,  core: sunPeak('#fffdf0'), rim: sunPeak('#fef3c7'), ray: sunPeak('#fffbe0'), tip: sunPeak('#fef08a'), halo: sunPeak('#fef3c7') }
        ];
        function sunPal(s) {
            var i = 0, o = {}, k, t;
            while (i < 2 && s > SUN_K[i + 1].a) i++;
            t = (s - SUN_K[i].a) / (SUN_K[i + 1].a - SUN_K[i].a);
            ['core', 'rim', 'ray', 'tip', 'halo'].forEach(function (key) { o[key] = sunMix(SUN_K[i][key], SUN_K[i + 1][key], t); });
            return o;
        }
        // p - цикл дня (0 схід ... 1 захід); перші й останні 5% - швидка зміна, решта 90% - лише 10% зміни
        function sunS(p) { var e = Math.min(p, 1 - p); if (e < .05) { var x = e / .05; return .9 * x * x * (3 - 2 * x); } return .9 + .1 * ((e - .05) / .45); }
        var sunDbgKeys = {};
        function paintSun(c, t, x, y, u, prog, fast) {
            if (prog === undefined || prog === null || isNaN(prog)) prog = .5;
            prog = Math.max(0, Math.min(1, prog));
            var s = sunS(prog), p = sunPal(s), R = 13 * u * (1 + .14 * (1 - s)), big = u > .8, N = big ? 28 : 12, gs = big ? 1 : .4;
            var pulse = .5 + .5 * Math.sin(t * 1.6), gb = 1 + SUN_BRIGHT * .3, i, tag = big ? 'віджет' : 'аватарка';
            var key = Math.round(s * 20) + ':' + (prog < .05 || prog > .95 ? 1 : 0);
            if (sunDbgKeys[tag] !== key) {
                sunDbgKeys[tag] = key;
                dbg('sun', 'маркер: сонце (' + tag + ') цикл дня ' + Math.round(prog * 100) + '%, колір s=' + s.toFixed(2) + ', стадія: ' + (prog < .05 || prog > .95 ? 'швидка зміна (схід/захід)' : 'жовто-біле') + ', розмиття ' + SUN_BLUR + ', яскравість ' + SUN_BRIGHT + ', промінів ' + N);
            }
            c.save(); c.translate(x, y);
            c.globalAlpha = c.globalAlpha * SUN_ALPHA; c.globalCompositeOperation = 'lighter';
            if (!fast && 'filter' in c) c.filter = 'blur(' + (R * SUN_BLUR).toFixed(1) + 'px)';
            var hg = c.createRadialGradient(0, 0, R * .6, 0, 0, R * (3.4 + .5 * pulse));
            hg.addColorStop(0, sunRgba(p.halo, Math.min(1, (.45 + (.22 - .45) * s) * (.8 + .3 * pulse) * SUN_BRIGHT * .6))); hg.addColorStop(1, sunRgba(p.halo, 0));
            c.fillStyle = hg; c.fillRect(-R * 5, -R * 5, R * 10, R * 10);
            for (i = 0; i < N; i++) {
                var a = i / N * 6.2832 + t * .045, lg = i % 2 === 0, vary = 1 + .26 * Math.sin(t * 1.3 + i * 1.7) + .12 * Math.sin(t * .7 + i * 3.1);
                var base = lg ? (R * 1.7 + (i % 4 === 0 ? R * .45 : 0)) : R * .85, L = base * vary * (1 + .1 * (1 - s)), r0 = R + R * .36, w = (lg ? 2.3 : 1.5) * (R / 30) * (big ? 1 : 1.6);
                var off = Math.sin(t * 1.6 + i * 2.3) * (lg ? R * .24 : R * .12) + (lg ? (i % 4 === 0 ? R * .12 : -R * .1) : 0);
                c.save(); c.rotate(a);
                var g = c.createLinearGradient(r0, 0, r0 + L, 0); g.addColorStop(0, sunRgba(p.ray, 1)); g.addColorStop(.6, sunRgba(p.ray, .8)); g.addColorStop(1, sunRgba(p.tip, 0));
                c.fillStyle = g; if (!fast) { c.shadowColor = sunRgba(p.halo, .9); c.shadowBlur = (6 + 6 * pulse) * gs * gb; }
                c.beginPath(); c.moveTo(r0, -w); c.quadraticCurveTo(r0 + L * .5, off - w * .5, r0 + L, off * .6); c.quadraticCurveTo(r0 + L * .5, off + w * .5, r0, w); c.closePath(); c.fill();
                c.restore();
            }
            c.shadowColor = sunRgba(p.rim, 1); c.shadowBlur = (14 + 18 * pulse) * gs * gb; c.lineWidth = 1.6; c.strokeStyle = sunRgba(p.rim, .95);
            c.beginPath(); c.arc(0, 0, R + R * .2, 0, 6.2832); c.stroke(); c.shadowBlur = 0;
            if (big) { c.setLineDash([2, 5]); c.strokeStyle = sunRgba(p.rim, .5); c.lineWidth = 1; c.beginPath(); c.arc(0, 0, R + R * .55, 0, 6.2832); c.stroke(); c.setLineDash([]); }
            var dg = c.createRadialGradient(0, 0, R * .05, 0, 0, R);
            dg.addColorStop(0, sunRgba(sunMix('#ffffff', p.core, .3), 1)); dg.addColorStop(.5, sunRgba(p.core, 1)); dg.addColorStop(1, sunRgba(p.rim, 1));
            c.fillStyle = dg; c.shadowColor = sunRgba(p.core, 1); c.shadowBlur = (18 + 16 * pulse) * gs * gb;
            c.beginPath(); c.arc(0, 0, R, 0, 6.2832); c.fill();
            c.shadowBlur = 0; c.fillStyle = sunRgba(p.core, .6); c.beginPath(); c.arc(0, 0, R * .8, 0, 6.2832); c.fill();
            c.restore();
        }
        // цикл дня для міста користувача (аватарка): 0 схід ... 1 захід
        function userDayProgress() {
            if (typeof SunCalc === 'undefined') return .5;
            var now = new Date(), tm = SunCalc.getTimes(now, +USER.lat, +USER.lon), a = tm.sunrise.getTime(), b = tm.sunset.getTime(), n = now.getTime();
            if (!(b > a)) return .5;
            return Math.max(0, Math.min(1, (n - a) / (b - a)));
        }

        // аватарка біля курсора: сонце статичне - малюється один раз у спрайт і далі лише копіюється
        var sunSpriteCache = null, sunSpriteCount = 0, sunBigCache = null;
        function drawSunBody(c, t, x, y, u, prog) {
            if (u > .8) {
                if (!SUN_BIG_FAST) { paintSun(c, t, x, y, u, prog); return; }
                var bhalf = 13 * u * 1.14 * 5.2, bbox = bhalf * 2, bpw = Math.ceil(bbox * SUN_BIG_SCALE);
                if (!sunBigCache || sunBigCache.pw !== bpw) {
                    var bcv = sunBigCache ? sunBigCache.cv : document.createElement('canvas');
                    bcv.width = bpw; bcv.height = bpw;
                    sunBigCache = { cv: bcv, g: bcv.getContext('2d'), pw: bpw };
                    dbg('sun', 'маркер: велике сонце - допоміжне полотно ' + bpw + 'x' + bpw + ' px (масштаб ' + SUN_BIG_SCALE + ', без filter на кожній операції)');
                }
                var bg2 = sunBigCache.g;
                bg2.setTransform(1, 0, 0, 1, 0, 0); bg2.clearRect(0, 0, bpw, bpw);
                bg2.setTransform(bpw / bbox, 0, 0, bpw / bbox, bpw / 2, bpw / 2);
                paintSun(bg2, t, 0, 0, u, prog, true);
                c.save();
                if ('filter' in c) c.filter = 'blur(' + (13 * u * 1.14 * SUN_BLUR * .8).toFixed(1) + 'px)';
                c.drawImage(sunBigCache.cv, x - bhalf, y - bhalf, bbox, bbox);
                c.restore();
                return;
            }
            var sc = (c.getTransform ? c.getTransform().a : 1) || 1;
            if (prog === undefined || prog === null || isNaN(prog)) prog = .5;
            prog = Math.max(0, Math.min(1, prog));
            var s = sunS(prog), key = Math.round(s * 50) + ':' + sc.toFixed(2) + ':' + u.toFixed(2), half = 13 * u * 6.5, box = half * 2;
            if (!sunSpriteCache || sunSpriteCache.key !== key) {
                var cv = sunSpriteCache ? sunSpriteCache.cv : document.createElement('canvas');
                cv.width = Math.ceil(box * sc); cv.height = Math.ceil(box * sc);
                var g = cv.getContext('2d'); g.setTransform(sc, 0, 0, sc, cv.width / 2, cv.height / 2);
                paintSun(g, 0, 0, 0, u, prog);
                g.save(); g.setTransform(1, 0, 0, 1, 0, 0); g.globalCompositeOperation = 'destination-in'; g.filter = 'none';
                var mk = g.createRadialGradient(cv.width / 2, cv.height / 2, 0, cv.width / 2, cv.height / 2, cv.width / 2);
                mk.addColorStop(0, 'rgba(0,0,0,1)'); mk.addColorStop(AVATAR_SUN_FADE, 'rgba(0,0,0,1)'); mk.addColorStop(1, 'rgba(0,0,0,0)');
                g.fillStyle = mk; g.fillRect(0, 0, cv.width, cv.height); g.restore();
                sunSpriteCache = { key: key, cv: cv, half: half, box: box }; sunSpriteCount++;
                dbg('sun', 'маркер: статичний спрайт аватарки перемальовано (круглий край, згасання з ' + AVATAR_SUN_FADE + ') (причина: колір s=' + s.toFixed(2) + ', масштаб ' + sc.toFixed(2) + ', u=' + u.toFixed(2) + '), всього перемальовувань: ' + sunSpriteCount);
            }
            c.drawImage(sunSpriteCache.cv, x - sunSpriteCache.half, y - sunSpriteCache.half, sunSpriteCache.box, sunSpriteCache.box);
        }

        function drawBody(c, kind, t, x, y, u, prog) {
            if (kind === 'sun') {
                drawSunBody(c, t, x, y, u, prog);
            } else {
                c.save(); c.shadowColor = '#93c5fd'; c.shadowBlur = (8 + 8 * Math.sin(t * 1.5)) * u; c.fillStyle = '#e0e7ff'; circ(c, x, y, 18 * u);
                c.globalCompositeOperation = 'destination-out'; c.shadowBlur = 0; circ(c, x + 9 * u, y - 5 * u, 16 * u); c.restore();
            }
        }

        function drawWx(c, w, h, kind, t, S) {
            c.clearRect(0, 0, w, h);
            var u = Math.min(w, h) / 100, cx = w / 2, cy = h * .42, neon = '#facc15', i;
            if (kind === 'sun' || kind === 'partly') drawBody(c, 'sun', t, kind === 'sun' ? cx : cx - 16 * u, kind === 'sun' ? cy : cy - 8 * u, u, AV.p);
            if (kind === 'moon') drawBody(c, 'moon', t, cx, cy, u);
            if (kind === 'partly' || kind === 'cloud' || kind === 'rain' || kind === 'snow' || kind === 'storm') {
                if (!S.sp || S.spk !== kind) {
                    S.sp = []; for (i = 0; i < (kind === 'partly' ? 1 : 2); i++) S.sp.push(makeCloudSprite(kind));
                    S.spk = kind; dbg('avatar', 'маркер: створено м\u2019які хмари аватарки для "' + kind + '"');
                }
                c.globalAlpha = kind === 'storm' ? .8 : .6;
                S.sp.forEach(function (sp, j) {
                    var dw = w * 1.2 * (kind === 'partly' ? .9 : j ? .75 : 1.05), dh = dw * sp.h / sp.w;
                    var cx2 = w * (kind === 'partly' ? .6 : j ? .62 : .46) + Math.sin(t * .5 + j * 2) * 3, cy2 = h * (kind === 'partly' ? .62 : j ? .62 : .46) + Math.sin(t * .4 + j) * 1.5;
                    c.drawImage(sp.cv, cx2 - dw / 2, cy2 - dh / 2, dw, dh);
                });
                c.globalAlpha = 1;
            }
            if (kind === 'rain' || kind === 'storm') {
                c.strokeStyle = 'rgba(96,165,250,.8)'; c.lineWidth = 1.5; c.beginPath();
                S.drops.forEach(function (d) {
                    d.y += d.v * .02; if (d.y > 1) { d.y = .5; d.x = Math.random(); }
                    c.moveTo(d.x * w, d.y * h); c.lineTo(d.x * w - 3, d.y * h + 8 * u);
                });
                c.stroke();
            }
            if (kind === 'snow') {
                c.fillStyle = '#fff';
                S.flakes.forEach(function (f) { f.y += f.v * .01; if (f.y > 1) { f.y = .45; f.x = Math.random(); } circ(c, (f.x + Math.sin(t + f.p) * .03) * w, f.y * h, 1.8); });
            }
            if (kind === 'storm') {
                if (t > S.nextBolt) { S.bolt = t + .18; S.nextBolt = t + 2 + Math.random() * 5; S.bx = .3 + Math.random() * .4; }
                if (t < S.bolt) {
                    c.save(); c.strokeStyle = '#fef9c3'; c.shadowColor = '#fde047'; c.shadowBlur = 14; c.lineWidth = 2.5; c.beginPath();
                    var bx = S.bx * w, by = cy + 10 * u;
                    c.moveTo(bx, by); c.lineTo(bx - 6 * u, by + 18 * u); c.lineTo(bx + 3 * u, by + 20 * u); c.lineTo(bx - 5 * u, by + 40 * u); c.stroke(); c.restore();
                }
            }
        }

        // ---------- віджет на весь блок: хмари випливають, пропливають під текстом і зникають під прогнозом ----------
        var wxCv = document.getElementById('wxCanvas'), wxBox = document.querySelector('.wx'), offCv = document.createElement('canvas'), wxCtx, offCtx, wxW = 0, wxH = 0;
        function sizeWx() {
            wxW = wxBox.clientWidth; wxH = wxBox.clientHeight;
            [wxCv, offCv].forEach(function (cv) { cv.width = wxW * dpr; cv.height = wxH * dpr; });
            wxCtx = wxCv.getContext('2d'); offCtx = offCv.getContext('2d');
            wxCtx.setTransform(dpr, 0, 0, dpr, 0, 0); offCtx.setTransform(dpr, 0, 0, dpr, 0, 0);
            dbg('widget', 'маркер: змінився розмір віджета -> ' + wxW + 'x' + wxH); measureText();
        }
        var CLOUD_RGB = { partly: '200,212,230', cloud: '180,194,214', rain: '135,152,180', storm: '105,116,145', snow: '220,230,244' };
        var CLOUD_A = { partly: .13, cloud: .15, rain: .18, storm: .24, snow: .16 };
        function makeCloudSprite(k) {
            var W = 260 + Math.random() * 180, H = W * .42, pad = H * .6, cv = document.createElement('canvas'), c = cv.getContext('2d'), rgb = CLOUD_RGB[k], N = 11 + Math.floor(Math.random() * 4), P = [], j;
            var dark = rgb.split(',').map(function (v) { return Math.round(v * .78); }).join(','), light = rgb.split(',').map(function (v) { return Math.min(255, +v + 45); }).join(',');
            cv.width = Math.ceil(W + 2 * pad); cv.height = Math.ceil(H + 2 * pad);
            function puff(x, y, r, a, col) {
                var g = c.createRadialGradient(x, y, 0, x, y, r);
                g.addColorStop(0, 'rgba(' + col + ',' + a + ')'); g.addColorStop(.55, 'rgba(' + col + ',' + a * .5 + ')'); g.addColorStop(1, 'rgba(' + col + ',0)');
                c.fillStyle = g; c.fillRect(x - r, y - r, 2 * r, 2 * r);
            }
            for (j = 0; j < N; j++) { var tx = (j + .5) / N, bump = Math.sin(Math.PI * tx); P.push({ x: pad + tx * W, y: pad + H * .66 - bump * H * (.1 + Math.random() * .2), r: H * (.16 + .2 * bump * (.7 + Math.random() * .3)) }); }
            P.forEach(function (q) { puff(q.x, q.y + q.r * .3, q.r * 1.05, .5, dark); });
            P.forEach(function (q) { puff(q.x, q.y, q.r, .6, rgb); });
            P.forEach(function (q) { puff(q.x - q.r * .1, q.y - q.r * .3, q.r * .7, .4, light); });
            return { cv: cv, w: W + 2 * pad, h: H + 2 * pad, v: 12 + Math.random() * 14, a: CLOUD_A[k] * (.8 + Math.random() * .4) };
        }
        // ---------- небо: сонце/місяць за SunCalc, хмари поверх ----------
        var TXT = [], CEL = null;
        function measureText() {
            var b = wxBox.getBoundingClientRect();
            TXT = [document.querySelector('.wx-main'), document.getElementById('wxDays')].map(function (el) {
                var r = el.getBoundingClientRect();
                return { l: r.left - b.left - 24, r: r.right - b.left + 24, t: r.top - b.top - 24, b: r.bottom - b.top + 24 };
            });
        }
        function moonArc(now, la, lo) {
            var step = 600000, mp = function (ms) { return SunCalc.getMoonPosition(new Date(ms), la, lo).altitude; }, t0 = now.getTime(), a = mp(t0), i;
            if (a <= 0) return null;
            var rise = t0, set = t0, max = a;
            for (i = 0; i < 110 && mp(rise - step) > 0; i++) rise -= step;
            for (i = 0; i < 110 && mp(set + step) > 0; i++) set += step;
            for (var ms = rise; ms <= set; ms += step) max = Math.max(max, mp(ms));
            return { p: (t0 - rise) / Math.max(step, set - rise), a: a, max: max };
        }
        function phaseName(ph) {
            return ph < .03 || ph > .97 ? 'новий' : ph < .22 ? 'молодий (зростає)' : ph < .28 ? 'перша чверть' : ph < .47 ? 'зростаючий' : ph < .53 ? 'повня' : ph < .72 ? 'спадаючий' : ph < .78 ? 'остання чверть' : 'старий (спадає)';
        }
        function updateCelestial(reason) {
            if (typeof SunCalc === 'undefined') { CEL = null; dbg('sky', 'маркер: SunCalc не завантажено, сонце і місяць у запасному режимі (нерухомі)'); return; }
            var now = new Date(), la = +CITY.lat, lo = +CITY.lon, tm = SunCalc.getTimes(now, la, lo), sp = SunCalc.getPosition(now, la, lo), mi = SunCalc.getMoonIllumination(now);
            var rise = tm.sunrise.getTime(), set = tm.sunset.getTime(), n = now.getTime(), day = n >= rise && n <= set, msg;
            CEL = { day: day, phase: mi.phase, moon: null };
            if (day) {
                var maxA = SunCalc.getPosition(tm.solarNoon, la, lo).altitude;
                CEL.p = (n - rise) / (set - rise); CEL.altN = Math.min(1, Math.max(0, sp.altitude / maxA));
                msg = 'день, сонце на ' + Math.round(CEL.p * 100) + '% шляху';
            } else {
                CEL.moon = moonArc(now, la, lo);
                if (CEL.moon) { CEL.p = CEL.moon.p; CEL.altN = Math.min(1, Math.max(0, CEL.moon.a / CEL.moon.max)); msg = 'ніч, місяць на ' + Math.round(CEL.p * 100) + '% шляху, фаза: ' + phaseName(mi.phase); }
                else msg = 'ніч, місяць під горизонтом (фаза: ' + phaseName(mi.phase) + ')';
            }
            measureText();
            updateCelestial.n = (updateCelestial.n || 0) + 1;
            if (reason.indexOf('таймер') !== 0 || updateCelestial.n % 20 === 0) dbg('sky', 'маркер: ' + reason + ' -> ' + msg + ' (місто ' + CITY.name + ')');
        }
        function drawMoon(c, x, y, R, phase, t) {
            var f = (1 - Math.cos(phase * 2 * Math.PI)) / 2;
            c.save(); c.translate(x, y); if (phase >= .5) c.scale(-1, 1);
            c.fillStyle = 'rgba(148,163,184,.2)'; circ(c, 0, 0, R);
            c.fillStyle = '#e0e7ff'; c.shadowColor = '#93c5fd'; c.shadowBlur = 8 + 6 * Math.sin(t * 1.5);
            if (f > .985) circ(c, 0, 0, R);
            else if (f > .015) {
                c.beginPath(); c.moveTo(0, -R); c.arc(0, 0, R, -Math.PI / 2, Math.PI / 2, false);
                c.ellipse(0, 0, R * Math.abs(1 - 2 * f), R, 0, Math.PI / 2, -Math.PI / 2, f < .5);
                c.closePath(); c.fill();
            }
            c.restore();
        }
        function drawWide(t) {
            var w = wxW, h = wxH, S = WX.S, k = WX.kind, c = wxCtx, o = offCtx, i;
            if (!w || !h) return;
            c.clearRect(0, 0, w, h); o.clearRect(0, 0, w, h);
            var code = WX.code, cover = code <= 1 ? 0 : code === 2 ? 1 : 2, ck = cover === 0 ? null : cover === 1 ? 'partly' : k, geo = [];
            if (ck) {
                if (!S.sp || S.spk !== ck) {
                    S.sp = []; for (i = 0; i < (ck === 'partly' ? 2 : 4); i++) S.sp.push(makeCloudSprite(ck));
                    S.spk = ck; dbg('widget', 'маркер: створено ' + S.sp.length + ' хмар для "' + ck + '"');
                }
                var n = S.sp.length, span = w + 700;
                for (i = 0; i < n; i++) {
                    var sp = S.sp[i], sc = 1 + .04 * Math.sin(t * .15 + i);
                    geo.push({ sp: sp, x: ((t * sp.v + i * span / n) % span) - 350, y: h * (.16 + ((i * 37) % 50) / 100) - sp.h / 2 + Math.sin(t * .2 + i) * 3, dw: sp.w * sc, dh: sp.h * sc });
                }
            }
            // небесне тіло: вдень лише сонце, вночі лише місяць
            var body = null, bx = 90, by = h / 2, al = 1;
            if (cover < 2) {
                if (CEL) {
                    body = CEL.day ? 'sun' : (CEL.moon ? 'moon' : null);
                    if (body) { bx = 50 + CEL.p * (w - 100); by = h * .86 - CEL.altN * h * .62; al = body === 'sun' ? .35 + .65 * Math.sqrt(CEL.altN) : .5 + .5 * Math.sqrt(CEL.altN); }
                } else body = (k === 'sun' || k === 'partly') ? 'sun' : (k === 'moon' ? 'moon' : null);
            }
            if (body) {
                TXT.forEach(function (r) { if (bx > r.l && bx < r.r && by > r.t && by < r.b) al *= .85; });
                geo.forEach(function (g) {
                    var nx = (bx - (g.x + g.dw / 2)) / (g.dw * .33), ny = (by - (g.y + g.dh / 2)) / (g.dh * .15);
                    al *= 1 - .55 * Math.max(0, 1 - nx * nx - ny * ny);
                });
                c.save(); c.globalAlpha = al;
                if (body === 'sun') drawBody(c, 'sun', t, bx, by, 1.2, (CEL && CEL.day) ? CEL.p : .5); else drawMoon(c, bx, by, 17, CEL ? CEL.phase : .5, t);
                c.restore();
            }
            if (ck) {
                geo.forEach(function (g) { o.globalAlpha = g.sp.a; o.drawImage(g.sp.cv, g.x, g.y, g.dw, g.dh); });
                o.globalAlpha = 1;
                if (cover === 2 && (k === 'rain' || k === 'storm')) {
                    o.strokeStyle = 'rgba(96,165,250,.8)'; o.lineWidth = 1.5; o.beginPath();
                    S.drops.forEach(function (d) {
                        d.y += d.v * .02; if (d.y > 1) { d.y = 0; d.x = Math.random(); }
                        var dy = h * (.4 + .6 * d.y); o.moveTo(d.x * w, dy); o.lineTo(d.x * w - 3, dy + 9);
                    });
                    o.stroke();
                }
                if (cover === 2 && k === 'snow') {
                    o.fillStyle = '#fff';
                    S.flakes.forEach(function (f) { f.y += f.v * .01; if (f.y > 1) { f.y = 0; f.x = Math.random(); } circ(o, (f.x + Math.sin(t + f.p) * .01) * w, h * (.35 + .65 * f.y), 1.8); });
                }
                if (cover === 2 && k === 'storm') {
                    if (t > S.nextBolt) { S.bolt = t + .18; S.nextBolt = t + 2 + Math.random() * 5; S.bx = .2 + Math.random() * .4; }
                    if (t < S.bolt) {
                        o.save(); o.strokeStyle = '#fef9c3'; o.shadowColor = '#fde047'; o.shadowBlur = 14; o.lineWidth = 2.5; o.beginPath();
                        var lx = S.bx * w, ly = h * .4;
                        o.moveTo(lx, ly); o.lineTo(lx - 8, ly + 24); o.lineTo(lx + 4, ly + 27); o.lineTo(lx - 7, ly + 55); o.stroke(); o.restore();
                    }
                }
                var g = o.createLinearGradient(0, 0, w, 0);
                g.addColorStop(0, 'rgba(0,0,0,0)'); g.addColorStop(Math.min(.2, 170 / w), 'rgba(0,0,0,1)'); g.addColorStop(.52, 'rgba(0,0,0,1)'); g.addColorStop(.9, 'rgba(0,0,0,0)');
                o.globalCompositeOperation = 'destination-in'; o.fillStyle = g; o.fillRect(0, 0, w, h); o.globalCompositeOperation = 'source-over';
                c.drawImage(offCv, 0, 0, w, h);
            }
        }
        sizeWx();
        if (window.ResizeObserver) new ResizeObserver(sizeWx).observe(wxBox);

        // ---------- погода ----------
        async function getWx(lat, lon) {
            var u = 'https://api.open-meteo.com/v1/forecast?latitude=' + lat + '&longitude=' + lon + '&current=temperature_2m,relative_humidity_2m,weather_code,wind_speed_10m,is_day,precipitation&daily=weather_code,temperature_2m_max,temperature_2m_min&forecast_days=5&timezone=auto&wind_speed_unit=ms';
            dbg('weather', 'запит: ' + u);
            var r = await fetch(u);
            if (!r.ok) throw new Error('HTTP ' + r.status);
            return r.json();
        }
        var wxSeq = 0;
        async function refreshWidget(reason) {
            var my = ++wxSeq;
            updateCelestial(reason);
            dbg('widget', 'маркер: ' + reason + ' -> ' + CITY.name);
            document.getElementById('wxTitle').textContent = 'Погода зараз: ' + CITY.name + ' (обране місто)';
            try {
                var d = await getWx(CITY.lat, CITY.lon);
                if (my !== wxSeq) { dbg('widget', 'маркер: застарілу відповідь відкинуто'); return; }
                var cu = d.current, kind = wxKind(cu.weather_code, cu.is_day);
                WX.code = cu.weather_code;
                if (kind !== WX.kind) { WX.kind = kind; WX.S = mkState(110, 70); }
                document.getElementById('wxTemp').textContent = Math.round(cu.temperature_2m) + '°C';
                document.getElementById('wxDesc').textContent = KIND_TXT[kind];
                document.getElementById('wxMeta').textContent = 'Вітер ' + Math.round(cu.wind_speed_10m) + ' м/с · вологість ' + Math.round(cu.relative_humidity_2m) + '%';
                var html = '';
                for (var i = 1; i < 5; i++) {
                    var dt = new Date(d.daily.time[i] + 'T12:00'), k = wxKind(d.daily.weather_code[i], true);
                    html += '<div class="wx-day">' + DAYS_UA[dt.getDay()] + '<br>' + KIND_EMO[k] + '<br>' + Math.round(d.daily.temperature_2m_max[i]) + '° / ' + Math.round(d.daily.temperature_2m_min[i]) + '°</div>';
                }
                document.getElementById('wxDays').innerHTML = html; measureText();
                dbg('widget', 'малюнок: ' + kind + ' (код ' + cu.weather_code + ')');
            } catch (e) {
                console.error('[WeatherScope][error]', e);
                document.getElementById('wxDesc').textContent = 'Не вдалося отримати погоду.';
            }
        }
        async function refreshAvatar(reason) {
            try {
                var d = await getWx(USER.lat, USER.lon), cu = d.current;
                AV.kind = wxKind(cu.weather_code, cu.is_day); AV.S = AV.S || mkState(); AV.p = userDayProgress();
                ENV = envFromWx(cu); onEnvChanged(reason);
                avLabel.textContent = USER.name + ' · ' + Math.round(cu.temperature_2m) + '°';
                dbg('avatar', 'маркер: ' + reason + ' -> ' + AV.kind + ', місто користувача: ' + USER.name);
            } catch (e) { console.error('[WeatherScope][error]', e); }
        }

        // ---------- місто користувача ----------
        function tickClock() {
            var d = new Date(), p = function (n) { return String(n).padStart(2, '0'); };
            document.getElementById('tbDt').textContent = p(d.getDate()) + '.' + p(d.getMonth() + 1) + '.' + d.getFullYear() + ', ' + p(d.getHours()) + ':' + p(d.getMinutes()) + ':' + p(d.getSeconds()) + ' · 📍';
            document.getElementById('tbCityN').textContent = USER.name;
        }
        function nearestCity(lat, lon) {
            var best = null, bd = 1e9;
            Object.keys(CITIES).forEach(function (g) {
                CITIES[g].split(';').forEach(function (it) {
                    var a = it.split(':'), c = a[1].split(','), dx = c[0] - lat, dy = (c[1] - lon) * Math.cos(lat * Math.PI / 180), dd = dx * dx + dy * dy;
                    if (dd < bd) { bd = dd; best = a[0]; }
                });
            });
            return best;
        }
        function locateUser() {
            function done(lat, lon, name, reason) {
                USER = { name: name, lat: lat, lon: lon };
                dbg('geo', reason + ': ' + name + ' (' + lat + ', ' + lon + ')');
                tickClock(); refreshAvatar('місто користувача визначено');
            }
            if (!navigator.geolocation) { done('50.45', '30.52', 'Київ', 'маркер: геолокація не підтримується, за замовчуванням'); return; }
            navigator.geolocation.getCurrentPosition(async function (p) {
                var lat = p.coords.latitude.toFixed(3), lon = p.coords.longitude.toFixed(3), name = null;
                try {
                    var r = await fetch('https://api.bigdatacloud.net/data/reverse-geocode-client?latitude=' + lat + '&longitude=' + lon + '&localityLanguage=uk');
                    var j = await r.json(); name = j.city || j.locality;
                } catch (e) { dbg('geo', 'маркер: зворотний геокодинг недоступний (' + e.message + ')'); }
                done(lat, lon, name || nearestCity(lat, lon), 'геолокацію отримано');
            }, function (e) { done('50.45', '30.52', 'Київ', 'маркер: геолокацію відхилено або недоступна (' + e.message + '), за замовчуванням'); }, { timeout: 8000, maximumAge: 600000 });
        }

        // ---------- звуки (Web Audio) ----------
        var AC = null, A = { on: false, N: [] };
        // ---------- v1.7.0: погода на локації користувача (джерело для звуків і ефектів екрана) ----------
        var BIRD_DENS = { spring: 1, summer: .8, autumn: .5, winter: 0 };   // густота птахів за сезоном (взимку птахів немає)
        var RAIN_LEVEL = { 51: .25, 53: .35, 55: .45, 56: .35, 57: .5, 61: .4, 63: .65, 65: 1, 66: .6, 67: .9, 80: .55, 81: .8, 82: 1 };
        var SNOW_LEVEL = { 71: .3, 73: .55, 75: .9, 77: .3, 85: .5, 86: .85 };
        var STORM_LEVEL = { 95: .8, 96: .95, 99: 1 };
        var ENV = { ready: false, code: 3, kind: 'cloud', wind: 0, temp: 10, isDay: true, precip: 0, rain: false, snow: false, storm: false, level: 0, sunny: false };
        function envFromWx(cu) {
            var c = cu.weather_code, e = { ready: true, code: c, wind: +cu.wind_speed_10m || 0, temp: +cu.temperature_2m, isDay: cu.is_day === 1, precip: +cu.precipitation || 0, rain: false, snow: false, storm: false, level: 0 };
            e.kind = wxKind(c, cu.is_day);
            if (STORM_LEVEL[c] !== undefined) { e.storm = true; e.rain = true; e.level = STORM_LEVEL[c]; }
            else if (RAIN_LEVEL[c] !== undefined) { e.rain = true; e.level = RAIN_LEVEL[c]; }
            else if (SNOW_LEVEL[c] !== undefined) { e.snow = true; e.level = SNOW_LEVEL[c]; }
            if ((e.rain || e.snow) && e.precip > 0) e.level = Math.max(e.level, Math.min(1, e.precip / 2.5));
            e.sunny = e.isDay && c <= 2;
            return e;
        }
        function onEnvChanged(reason) {
            dbg('env', 'маркер: ' + reason + ' -> погода користувача (' + USER.name + '): код ' + ENV.code + ' (' + ENV.kind + '), вітер ' + ENV.wind + ' м/с, ' + ENV.temp + ' °C, ' + (ENV.isDay ? 'день' : 'ніч') + ', опади ' + ENV.precip + ' мм, інтенсивність ' + ENV.level + ', сонячно: ' + (ENV.sunny ? 'так' : 'ні'));
            applyAudioEnv(reason);
            fxUpdate(reason);
        }
        // план шарів звуку за погодою (чиста функція: легко перевірити)
        function audioPlan(sn) {
            var bd = BIRD_DENS[sn] || 0, pl = { rain: ENV.rain ? ENV.level : 0, wind: Math.min(1, ENV.wind / 12) * (ENV.snow ? .8 : 1), muffle: ENV.snow || ENV.code === 45 || ENV.code === 48, thunder: ENV.storm, bird: 0, crick: false, why: {} };
            if (!ENV.sunny) pl.why.bird = 'не сонячно (' + (ENV.isDay ? 'код ' + ENV.code : 'ніч') + ')';
            else if (ENV.rain || ENV.snow) pl.why.bird = 'опади';
            else if (ENV.wind >= 8) pl.why.bird = 'сильний вітер ' + ENV.wind + ' м/с';
            else if (bd <= 0) pl.why.bird = 'сезон "' + sn + '" без птахів';
            else pl.bird = bd;
            pl.crick = !ENV.isDay && ENV.temp >= 12 && ENV.wind < 6 && !ENV.rain && !ENV.snow && sn !== 'winter';
            if (!pl.crick) pl.why.crick = ENV.isDay ? 'день' : (ENV.rain || ENV.snow) ? 'опади' : ENV.temp < 12 ? 'холодно (' + ENV.temp + ' °C)' : ENV.wind >= 6 ? 'вітер' : 'зима';
            return pl;
        }
        function season() {
            var v = seasonSel.value; if (v !== 'auto') return v;
            var m = new Date().getMonth() + 1;
            return m >= 3 && m <= 5 ? 'spring' : m >= 6 && m <= 8 ? 'summer' : m >= 9 && m <= 11 ? 'autumn' : 'winter';
        }
        function noiseBuf(brown) {
            var n = AC.sampleRate * 3, b = AC.createBuffer(1, n, AC.sampleRate), d = b.getChannelData(0), last = 0;
            for (var i = 0; i < n; i++) { var w = Math.random() * 2 - 1; if (brown) { last = (last + .02 * w) / 1.02; d[i] = last * 3.5; } else d[i] = w; }
            return b;
        }
        function loopSrc(buf) { var s = AC.createBufferSource(); s.buffer = buf; s.loop = true; s.start(); A.N.push(s); return s; }
        function flash() { var f = document.getElementById('flash'); f.style.transition = 'none'; f.style.opacity = .22; setTimeout(function () { f.style.transition = 'opacity .7s'; f.style.opacity = 0; }, 60); }

        function startAtmo() {
            if (!AC) AC = new (window.AudioContext || window.webkitAudioContext)();
            AC.resume();
            A.on = true; A.season = season();
            A.white = A.white || noiseBuf(false); A.brown = A.brown || noiseBuf(true);
            A.master = AC.createGain(); A.master.gain.value = 0;
            A.lp = AC.createBiquadFilter(); A.lp.type = 'lowpass'; A.lp.frequency.value = 20000;
            A.master.connect(A.lp); A.lp.connect(AC.destination);
            A.master.gain.setTargetAtTime(.8, AC.currentTime, .5);
            var rs = loopSrc(A.white), hp = AC.createBiquadFilter(), lp = AC.createBiquadFilter();
            hp.type = 'highpass'; hp.frequency.value = 900; lp.type = 'lowpass'; lp.frequency.value = 7000;
            A.rainG = AC.createGain(); A.rainG.gain.value = 0; rs.connect(hp); hp.connect(lp); lp.connect(A.rainG); A.rainG.connect(A.master);
            var ws = loopSrc(A.brown); A.windF = AC.createBiquadFilter(); A.windF.type = 'bandpass'; A.windF.Q.value = .9;
            A.windG = AC.createGain(); A.windG.gain.value = 0; ws.connect(A.windF); A.windF.connect(A.windG); A.windG.connect(A.master);
            var co = AC.createOscillator(), cl = AC.createOscillator(), clg = AC.createGain(), cg = AC.createGain();
            co.frequency.value = 4300; cl.frequency.value = 16; clg.gain.value = .5; cg.gain.value = .5;
            A.crickG = AC.createGain(); A.crickG.gain.value = 0;
            cl.connect(clg); clg.connect(cg.gain); co.connect(cg); cg.connect(A.crickG); A.crickG.connect(A.master); co.start(); cl.start(); A.N.push(co, cl);
            A.tRain = 0; A.tWind = 0; A.bird = 0; A.birdsOn = false;
            wander(); chirp(); applyAudioEnv('старт "Атмосфери"');
            dbg('audio', 'маркер: старт, сезон ' + A.season + ' (звуки за реальною погодою користувача, сезон - лише густота птахів і цвіркунів)');
        }
        function stopAtmo() {
            A.on = false; clearTimeout(A.wT); clearTimeout(A.tT); clearTimeout(A.bT);
            var m = A.master, ns = A.N, lpf = A.lp; A.N = [];
            m.gain.setTargetAtTime(0, AC.currentTime, .25);
            setTimeout(function () { ns.forEach(function (s) { try { s.stop(); } catch (e) { } }); m.disconnect(); if (lpf) lpf.disconnect(); }, 1200);
            dbg('audio', 'маркер: зупинено');
        }
        function wander() {
            if (!A.on) return;
            clearTimeout(A.wT);
            var t = AC.currentTime;
            var rl = A.tRain ? (Math.random() < .15 ? A.tRain * .3 : A.tRain * (.75 + Math.random() * .5)) : 0, wl = A.tWind ? A.tWind * (.6 + Math.random() * .8) : 0;
            rl = Math.min(1, rl); wl = Math.min(1, wl);
            A.rainG.gain.setTargetAtTime(rl * .25, t, 2.5); A.windG.gain.setTargetAtTime(wl * .6, t, 1.8); A.windF.frequency.setTargetAtTime(220 + wl * 700, t, 1.5);
            dbg('audio', 'маркер: хвиля змін, дощ=' + rl.toFixed(2) + ', вітер=' + wl.toFixed(2));
            A.wT = setTimeout(wander, 3500 + Math.random() * 6000);
        }
        function applyAudioEnv(reason) {
            if (!A.on || !AC) return;
            var t = AC.currentTime, sn = A.season = season(), pl = audioPlan(sn);
            A.tRain = pl.rain; A.tWind = pl.wind; A.bird = pl.bird; A.birdsOn = pl.bird > 0;
            A.lp.frequency.setTargetAtTime(pl.muffle ? 2600 : 20000, t, 2);
            A.crickG.gain.setTargetAtTime(pl.crick ? .012 : 0, t, 3);
            if (pl.thunder) { if (!A.tT) nextThunder(); } else { clearTimeout(A.tT); A.tT = 0; }
            wander();
            dbg('audio', 'маркер: ' + reason + ' -> дощ=' + pl.rain.toFixed(2) + (pl.rain ? '' : ' (немає дощу в місті користувача)') + ', вітер=' + pl.wind.toFixed(2) + ' (' + ENV.wind + ' м/с), приглушення=' + (pl.muffle ? 'так (сніг/туман)' : 'ні') + ', гроза/грім=' + (pl.thunder ? 'так (код ' + ENV.code + ')' : 'ні (немає грози)') + ', птахи=' + (pl.bird ? pl.bird + ' (сонячно, сезон ' + sn + ')' : 'ні - ' + pl.why.bird) + ', цвіркуни=' + (pl.crick ? 'так (тепла безвітряна ніч)' : 'ні - ' + pl.why.crick));
        }
        function crack(t) {
            var s = AC.createBufferSource(), hp = AC.createBiquadFilter(), g = AC.createGain();
            s.buffer = A.white; hp.type = 'highpass'; hp.frequency.value = 1500;
            g.gain.setValueAtTime(.5, t); g.gain.exponentialRampToValueAtTime(.001, t + .25);
            s.connect(hp); hp.connect(g); g.connect(A.master); s.start(t); s.stop(t + .3);
        }
        function thunder(near, reason) {
            if (!AC || !A.on) return;
            var dist = near ? .1 + Math.random() * .2 : Math.random(), t = AC.currentTime + dist * 2, dur = 4 + Math.random() * 5, dir = Math.random() < .5 ? 1 : -1, peak = (1 - dist * .75) * .9;
            var s = AC.createBufferSource(), lp = AC.createBiquadFilter(), g = AC.createGain(), pan = AC.createStereoPanner();
            s.buffer = A.brown; s.loop = true; lp.type = 'lowpass'; lp.frequency.value = 750 - dist * 500;
            pan.pan.setValueAtTime(.9 * dir, t); pan.pan.linearRampToValueAtTime(-.9 * dir, t + dur);
            g.gain.setValueAtTime(0, t); g.gain.linearRampToValueAtTime(peak, t + .08 + dist * .5);
            for (var k = 1; k < 4; k++) g.gain.linearRampToValueAtTime(peak * (.3 + Math.random() * .5), t + k * dur / 5);
            g.gain.exponentialRampToValueAtTime(.001, t + dur);
            s.connect(lp); lp.connect(g); g.connect(pan); pan.connect(A.master); s.start(t); s.stop(t + dur + .1);
            if (dist < .45) crack(t);
            flash();
            dbg('thunder', 'маркер: ' + reason + '; віддаленість=' + dist.toFixed(2) + ', стерео ' + (dir > 0 ? 'правий -> лівий' : 'лівий -> правий') + ', тривалість ' + dur.toFixed(1) + ' с');
        }
        function nextThunder() {
            clearTimeout(A.tT);
            if (!A.on || !ENV.storm) { A.tT = 0; return; }
            var rng = ENV.code === 95 ? [25, 60] : [12, 35];
            A.tT = setTimeout(function () { if (!A.on || !ENV.storm) { A.tT = 0; return; } thunder(false, 'гроза в місті користувача (код ' + ENV.code + ')'); nextThunder(); }, (rng[0] + Math.random() * (rng[1] - rng[0])) * 1000);
        }
        function chirp() {
            clearTimeout(A.bT);
            if (!A.on) return;
            if (A.birdsOn && A.bird > 0) {
                var n = 2 + Math.floor(Math.random() * 3), f0 = 2200 + Math.random() * 2000, pn = Math.random() * 1.6 - .8, t = AC.currentTime;
                for (var i = 0; i < n; i++) {
                    var o = AC.createOscillator(), g = AC.createGain(), pa = AC.createStereoPanner(), t0 = t + i * .13;
                    o.frequency.setValueAtTime(f0, t0); o.frequency.exponentialRampToValueAtTime(f0 * (1.3 + Math.random() * .5), t0 + .09);
                    g.gain.setValueAtTime(0, t0); g.gain.linearRampToValueAtTime(.05 * A.bird, t0 + .02); g.gain.linearRampToValueAtTime(0, t0 + .1);
                    pa.pan.value = pn; o.connect(g); g.connect(pa); pa.connect(A.master); o.start(t0); o.stop(t0 + .12);
                }
                dbg('audio', 'маркер: пташиний щебет, нот ' + n + ' (сонячно, густота ' + A.bird + ')');
            }
            A.bT = setTimeout(chirp, (2500 + Math.random() * 9000) / Math.max(.3, A.bird || 1));
        }
        function toggleAtmo(reason) {
            if (A.on) stopAtmo(); else startAtmo();
            atmoBtn.classList.toggle('on', A.on); atmoBtn.textContent = 'Атмосфера: ' + (A.on ? 'увімк.' : 'вимк.');
            dbg('atmo', 'маркер: ' + reason + ' -> ' + (A.on ? 'увімкнено' : 'вимкнено'));
        }

        // ---------- v1.7.0: ефекти на екрані (дощ / сніг) за погодою користувача ----------
        var SCREEN_FX_ON = true;            // false = ефекти екрана вимкнено
        var SCREEN_RAIN_OPACITY = 0.10;     // максимальна прозорість шару дощу (смуги + краплі)
        var SCREEN_SNOW_OPACITY = 0.20;     // максимальна прозорість шару снігу
        var SCREEN_FX_SCALE = 0.5;          // роздільність полотна ефектів відносно екрана
        var SCREEN_FX_FPS = 30;             // частота оновлення ефектів
        var FX = { mode: null, level: 0, on: false, last: 0, rain: [], drops: [], snow: [], hideT: 0 };
        var fxCanvas = document.getElementById('fxCanvas'), fxCtx = fxCanvas.getContext('2d');
        function fxSize() {
            fxCanvas.width = Math.max(2, Math.round(window.innerWidth * SCREEN_FX_SCALE)); fxCanvas.height = Math.max(2, Math.round(window.innerHeight * SCREEN_FX_SCALE));
            fxCtx.setTransform(SCREEN_FX_SCALE, 0, 0, SCREEN_FX_SCALE, 0, 0);
        }
        function fxInit(mode, lvl) {
            var w = window.innerWidth, h = window.innerHeight, i, n;
            fxSize(); FX.rain = []; FX.drops = []; FX.snow = [];
            if (mode === 'rain') {
                n = Math.round(30 + 90 * lvl);
                for (i = 0; i < n; i++) FX.rain.push({ x: Math.random() * (w + 80), y: Math.random() * h, l: 14 + Math.random() * 16, v: 650 + Math.random() * 420 });
                n = Math.round(4 + 10 * lvl);
                for (i = 0; i < n; i++) FX.drops.push({ x: Math.random() * w, y: Math.random() * h, r: 1.8 + Math.random() * 3, v: 4 + Math.random() * 10 });
            } else {
                n = Math.round(35 + 85 * lvl);
                for (i = 0; i < n; i++) FX.snow.push({ x: Math.random() * w, y: Math.random() * h, r: .8 + Math.random() * 2.6, v: 22 + Math.random() * 40, s: Math.random() * 6.28 });
            }
            dbg('fx', 'маркер: частинки створено (' + mode + '): смуг ' + FX.rain.length + ', крапель ' + FX.drops.length + ', сніжинок ' + FX.snow.length);
        }
        function fxUpdate(reason) {
            var mode = (SCREEN_FX_ON && !REDUCED) ? (ENV.rain ? 'rain' : ENV.snow ? 'snow' : null) : null, lvl = ENV.level;
            clearTimeout(FX.hideT);
            if (!mode) {
                if (FX.on) { fxCanvas.style.opacity = 0; FX.hideT = setTimeout(function () { FX.on = false; FX.mode = null; fxCtx.clearRect(0, 0, window.innerWidth, window.innerHeight); }, 1000); }
                dbg('fx', 'маркер: ' + reason + ' -> ефект на екрані вимкнено (' + (!SCREEN_FX_ON ? 'SCREEN_FX_ON = false' : REDUCED ? 'системне "зменшити рух"' : 'немає опадів у місті користувача') + ')');
                return;
            }
            if (FX.mode !== mode || !FX.on || Math.abs(FX.level - lvl) > .15) fxInit(mode, lvl);
            FX.mode = mode; FX.level = lvl; FX.on = true;
            var base = mode === 'rain' ? SCREEN_RAIN_OPACITY : SCREEN_SNOW_OPACITY, op = base * (.4 + .6 * lvl);
            fxCanvas.style.opacity = op.toFixed(3);
            dbg('fx', 'маркер: ' + reason + ' -> ' + (mode === 'rain' ? 'дощ' : 'сніг') + ' на екрані, інтенсивність ' + lvl + ', прозорість ' + op.toFixed(3) + ' (максимум ' + base + ')');
        }
        function drawFx(now) {
            if (!FX.on) return;
            if (now - FX.last < 1000 / SCREEN_FX_FPS - 1) return;
            var dt = Math.min(.1, (now - FX.last) / 1000), w = window.innerWidth, h = window.innerHeight, c = fxCtx, i, p;
            FX.last = now;
            c.clearRect(0, 0, w, h);
            if (FX.mode === 'rain') {
                c.strokeStyle = 'rgba(215,232,255,.9)'; c.lineWidth = 1.2; c.beginPath();
                for (i = 0; i < FX.rain.length; i++) {
                    p = FX.rain[i]; p.y += p.v * dt; p.x -= p.v * dt * .18;
                    if (p.y > h + 20) { p.y = -20; p.x = Math.random() * (w + 80); }
                    c.moveTo(p.x, p.y); c.lineTo(p.x + p.l * .18, p.y - p.l);
                }
                c.stroke();
                for (i = 0; i < FX.drops.length; i++) {
                    p = FX.drops[i]; p.y += p.v * dt * (p.r > 3 ? 1.2 : .6);
                    if (p.y > h + 10) { p.y = -8; p.x = Math.random() * w; p.r = 1.8 + Math.random() * 3; }
                    var g = c.createLinearGradient(p.x, p.y - p.r * 7, p.x, p.y); g.addColorStop(0, 'rgba(220,235,255,0)'); g.addColorStop(1, 'rgba(220,235,255,.8)');
                    c.strokeStyle = g; c.lineWidth = p.r * .55; c.beginPath(); c.moveTo(p.x, p.y - p.r * 7); c.lineTo(p.x, p.y); c.stroke();
                    var rg = c.createRadialGradient(p.x - p.r * .3, p.y - p.r * .3, 0, p.x, p.y, p.r * 1.4); rg.addColorStop(0, 'rgba(245,250,255,1)'); rg.addColorStop(.5, 'rgba(190,215,245,.6)'); rg.addColorStop(1, 'rgba(170,200,235,0)');
                    c.fillStyle = rg; c.beginPath(); c.ellipse(p.x, p.y, p.r, p.r * 1.25, 0, 0, 6.2832); c.fill();
                }
            } else {
                c.fillStyle = '#ffffff'; c.beginPath();
                for (i = 0; i < FX.snow.length; i++) {
                    p = FX.snow[i]; p.y += p.v * dt; p.s += dt * (.6 + p.r * .2); p.x += Math.sin(p.s) * 14 * dt;
                    if (p.y > h + 6) { p.y = -6; p.x = Math.random() * w; }
                    c.moveTo(p.x + p.r, p.y); c.arc(p.x, p.y, p.r, 0, 6.2832);
                }
                c.fill();
            }
        }
        window.addEventListener('resize', function () { if (FX.on) fxSize(); });

        // ---------- фон "проліт крізь хмари" ----------
        var BG = [];
        for (var bi = 0; bi < 26; bi++) BG.push({ x: Math.random() * 2 - 1, y: Math.random() * 2 - 1, z: Math.random() });
        var BG_SCALE = 0.35;        // внутрішня роздільність полотна фону відносно екрана (1 = як було)
        var BG_FPS = 30;            // скільки разів на секунду перемальовується фон
        var bgLast = 0;
        function sizeBg() {
            bgCanvas.width = Math.max(2, Math.round(window.innerWidth * BG_SCALE)); bgCanvas.height = Math.max(2, Math.round(window.innerHeight * BG_SCALE));
            dbg('bg', 'маркер: полотно фону ' + bgCanvas.width + 'x' + bgCanvas.height + ' (екран ' + window.innerWidth + 'x' + window.innerHeight + ', масштаб ' + BG_SCALE + ', ' + BG_FPS + ' fps)');
        }
        var BG_COL = { sun: '255,226,160', moon: '150,170,235', partly: '186,200,225', cloud: '160,174,196', rain: '115,145,200', storm: '95,105,150', snow: '230,240,255' };
        var BG_SPD = { storm: 2, rain: 1.4 };
        function drawBg(f) {
            f = f || 1;
            var W = bgCanvas.width, H = bgCanvas.height, k = WX.kind || 'cloud', col = BG_COL[k], spd = BG_SPD[k] || 1, amp = k === 'sun' ? .16 : .26;
            if (BG.last !== k) { dbg('bg', 'маркер: колір/швидкість фону змінено під погоду "' + k + '" (' + col + '), швидкість x' + spd); BG.last = k; }
            bgCtx.clearRect(0, 0, W, H);
            BG.forEach(function (b) {
                b.z += .0006 * spd * f; if (b.z > 1) { b.z = 0; b.x = Math.random() * 2 - 1; b.y = Math.random() * 2 - 1; }
                var s = b.z, x = W / 2 + b.x * W * s * 1.1, y = H / 2 + b.y * H * s * 1.1, r = (.06 + s * .35) * W, a = Math.sin(Math.PI * s) * amp;
                var g = bgCtx.createRadialGradient(x, y, 0, x, y, r);
                g.addColorStop(0, 'rgba(' + col + ',' + a + ')'); g.addColorStop(1, 'rgba(' + col + ',0)');
                bgCtx.fillStyle = g; bgCtx.fillRect(x - r, y - r, 2 * r, 2 * r);
            });
        }

        // ---------- головний цикл і події ----------
        var T0 = performance.now();
        var PERF_LOG = true, perf = { n: 0, w: 0, a: 0, b: 0, x: 0, tot: 0, bg: 0, t0: performance.now() };
        function loop(now) {
            var t = (now - T0) / 1000, p0 = performance.now(), p1, p2, p3, p4;
            if (WX.kind) drawWide(t);
            p1 = performance.now();
            if (AV.kind) {
                AV.x += (AV.tx - AV.x) * .15; AV.y += (AV.ty - AV.y) * .15;
                avatarEl.style.transform = 'translate(' + AV.x + 'px,' + AV.y + 'px)';
                drawWx(avCtx, 44, 44, AV.kind, t, AV.S);
            }
            p2 = performance.now();
            if (!REDUCED && now - bgLast >= 1000 / BG_FPS - 1) { drawBg(Math.min(4, (now - bgLast) / 16.667)); bgLast = now; perf.bg++; }
            p3 = performance.now(); drawFx(now); p4 = performance.now();
            if (PERF_LOG) {
                perf.n++; perf.w += p1 - p0; perf.a += p2 - p1; perf.b += p3 - p2; perf.x += p4 - p3; perf.tot += p4 - p0;
                if (p3 - perf.t0 >= 5000) {
                    var sec = (p3 - perf.t0) / 1000, f = function (v) { return (v / perf.n).toFixed(2); };
                    dbg('perf', 'маркер: за ' + sec.toFixed(1) + ' с -> ' + (perf.n / sec).toFixed(1) + ' fps, JS на кадр ' + f(perf.tot) + ' мс (віджет ' + f(perf.w) + ', аватарка ' + f(perf.a) + ', фон ' + f(perf.b) + ', ефекти екрана ' + f(perf.x) + '); фон малювався ' + perf.bg + ' разів (масштаб ' + BG_SCALE + ', ' + BG_FPS + ' fps); велике сонце: ' + (SUN_BIG_FAST ? 'допоміжне полотно x' + SUN_BIG_SCALE : 'вживу'));
                    perf = { n: 0, w: 0, a: 0, b: 0, x: 0, tot: 0, bg: 0, t0: p4 };
                }
            }
            requestAnimationFrame(loop);
        }
        document.addEventListener('mousemove', function (e) { AV.tx = e.clientX + 16; AV.ty = e.clientY + 14; avatarEl.style.opacity = .8; });
        window.addEventListener('resize', sizeBg);
        atmoBtn.addEventListener('click', function () { toggleAtmo('кнопка "Атмосфера"'); });
        document.getElementById('thunderBtn').addEventListener('click', function () { if (!A.on) toggleAtmo('кнопка "Грім" (автозапуск)'); thunder(true, 'тестова кнопка'); });
        seasonSel.addEventListener('change', function () {
            dbg('audio', 'маркер: змінено сезон -> ' + seasonSel.value);
            if (A.on) { stopAtmo(); startAtmo(); }
        });
        sizeBg(); bgCanvas.style.opacity = REDUCED ? 0 : 1;
        dbg('bg', REDUCED ? 'маркер: системний режим "зменшити рух" - фон вимкнено' : 'маркер: динамічний фон увімкнено постійно');
        setInterval(function () { refreshWidget('таймер 10 хв'); refreshAvatar('таймер 10 хв'); }, 600000);
        setInterval(function () { updateCelestial('таймер 15 с'); AV.p = userDayProgress(); }, 15000);

        // ---------- v1.6.0: параметри вікон (змінюйте тут) ----------
        var WIN_OPACITY = 0.69;     // прозорість фону вікон (0-1)
        var WIN_BREATH = 0.05;      // амплітуда "дихання" прозорості (+-)
        var WIN_FADE_MS = 1500;     // тривалість повільної появи (задано і в CSS: .wave-win.show, 1.5s)
        var WAVE_SCALE_BG = 4;      // сила хвиль для рамки/фону вікна (px)
        var WAVE_SCALE_TX = 3.5;    // сила хвиль для тексту (px)
        var SWAY_PX = 1.5;          // амплітуда похитування рядків (px)
        document.documentElement.style.setProperty('--swp', SWAY_PX);
        document.querySelector('#waveBg feDisplacementMap').setAttribute('scale', WAVE_SCALE_BG);
        document.querySelector('#waveTx feDisplacementMap').setAttribute('scale', WAVE_SCALE_TX);
        dbg('win', 'маркер: параметри вікон -> прозорість ' + WIN_OPACITY + ' +-' + WIN_BREATH + ', поява ' + WIN_FADE_MS + ' мс, хвилі ' + WAVE_SCALE_BG + '/' + WAVE_SCALE_TX + ', похитування ' + SWAY_PX + ' px');

        // ---------- керування вікнами та анімація хвиль ----------
        var wtBg = document.getElementById('wtBg'), wtTx = document.getElementById('wtTx');
        var verWin = document.getElementById('verWin'), hintWin = document.getElementById('hintWin'), hintModal = document.getElementById('hintModal');
        var tbVerBtn = document.getElementById('tbVer');
        var openWins = {}, waveRaf = 0, lastFx = 0;
        function waveTick(now) {
            var keys = Object.keys(openWins);
            if (!keys.length) { waveRaf = 0; return; }
            var t = now / 1000;
            if (!REDUCED && now - lastFx > 50) {
                lastFx = now;
                wtBg.setAttribute('baseFrequency', (0.008 + 0.002 * Math.sin(t * .3)).toFixed(5) + ' ' + (0.02 + 0.005 * Math.cos(t * .22)).toFixed(5));
                wtTx.setAttribute('baseFrequency', (0.011 + 0.003 * Math.sin(t * .6 + 1)).toFixed(5) + ' ' + (0.028 + 0.006 * Math.cos(t * .5)).toFixed(5));
            }
            keys.forEach(function (k) {
                var o = openWins[k], v = WIN_OPACITY + (REDUCED ? 0 : WIN_BREATH * Math.sin(t * 1.1 + o.ph));
                o.bg.style.opacity = Math.max(0, Math.min(1, v)).toFixed(3);
            });
            waveRaf = requestAnimationFrame(waveTick);
        }
        function winShow(id, win, overlay, reason) {
            if (openWins[id]) return;
            openWins[id] = { bg: win.querySelector('.ww-bg'), ph: Math.random() * 6 };
            win.classList.add('show'); if (overlay) overlay.classList.add('show');
            if (!waveRaf) waveRaf = requestAnimationFrame(waveTick);
            dbg('win', 'маркер: вікно "' + id + '" відкрито - ' + reason + ' | рамка: хвилі ' + WAVE_SCALE_BG + ' px, текст: хвилі ' + WAVE_SCALE_TX + ' px, ореол увімкнено, смуги фону вимкнено');
        }
        function winHide(id, win, overlay, reason) {
            if (!openWins[id]) return;
            delete openWins[id];
            win.classList.remove('show'); if (overlay) overlay.classList.remove('show');
            dbg('win', 'маркер: вікно "' + id + '" закрито - ' + reason);
        }
        function verOpen(reason) { document.getElementById('verWinVer').textContent = VERSION + ' ' + BUILD_STAMP; dbg('ver', 'маркер: вікно версії - показано версію ' + VERSION + ' ' + BUILD_STAMP + ', розділ "Фічі", підпис розробника і пошту (' + reason + ')'); winShow('ver', verWin, null, reason); tbVerBtn.classList.add('on'); tbVerBtn.setAttribute('aria-expanded', 'true'); }
        function verClose(reason) { lgHide('вікно версії закрито: ' + reason); winHide('ver', verWin, null, reason); tbVerBtn.classList.remove('on'); tbVerBtn.setAttribute('aria-expanded', 'false'); }
        function hintOpen(reason) { verClose('відкрито вікно підказки'); document.getElementById('leapCity').textContent = CITY.name; winShow('hint', hintWin, hintModal, reason); }
        function hintClose(reason) { winHide('hint', hintWin, hintModal, reason); }

        // ---------- v1.6.4: кнопка-лого Antirus-Control ----------
        var LOGO_NEON = '#00ff41';      // колір зеленого сяйва навколо лого (виміряно зі сторінки Antirus-Control)
        var LOGO_GLOW_BLUR = 1.2;       // сила розмиття сяйва (1 = базове, 1,2 = +20%)
        var LOGO_GLOW_ALPHA = 1;        // яскравість сяйва (множник прозорості шарів)
        var LOGO_POP_DELAY = 0;          // мс до появи меню з описом після наведення на лого (0 = одразу)
        var LOGO_POP_FADE_MS = 750;     // тривалість проявлення меню (мс)
        var LOGO_LINK = 'https://antiruskontrol.github.io/antirus-control/';   // куди веде клік по лого
        var LOGO_GLOW_RADIUS = 4.2;     // скруглення кутів сяйва (px у шкалі кнопки 64x64)
        var LOGO_OCT = { l: 8.44, t: 8.44, r: 55.56, b: 55.56, cut: 13.43 };   // межі восьмикутника логотипа в кнопці 64x64
        var LOGO_URL = 'data:image/png;base64,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';
        var lgBtn = document.getElementById('lgBtn'), lgPop = document.getElementById('lgPop'), lgSh = 0, lgHd = 0;
        document.getElementById('lgImg').src = LOGO_URL;
        lgPop.style.setProperty('--lg-fade', LOGO_POP_FADE_MS + 'ms'); document.getElementById('lgLink').href = LOGO_LINK;
        document.documentElement.style.setProperty('--lg-neon', LOGO_NEON);
        (function () {
            var o = LOGO_OCT, V = [[o.l + o.cut, o.t], [o.r - o.cut, o.t], [o.r, o.t + o.cut], [o.r, o.b - o.cut], [o.r - o.cut, o.b], [o.l + o.cut, o.b], [o.l, o.b - o.cut], [o.l, o.t + o.cut]], n = V.length, d = '', i;
            function toward(p, q) { var dx = p[0] - q[0], dy = p[1] - q[1], l = Math.sqrt(dx * dx + dy * dy); return [q[0] + dx / l * LOGO_GLOW_RADIUS, q[1] + dy / l * LOGO_GLOW_RADIUS]; }
            for (i = 0; i < n; i++) {
                var a = V[(i + n - 1) % n], b = V[i], c = V[(i + 1) % n], st = toward(a, b), en = toward(c, b);
                d += (i ? 'L' : 'M') + st[0].toFixed(2) + ' ' + st[1].toFixed(2) + 'Q' + b[0] + ' ' + b[1] + ' ' + en[0].toFixed(2) + ' ' + en[1].toFixed(2);
            }
            d += 'Z';
            document.getElementById('lgGlow1').setAttribute('d', d); document.getElementById('lgGlow2').setAttribute('d', d);
            document.getElementById('lgGlow1').setAttribute('opacity', Math.min(1, .6 * LOGO_GLOW_ALPHA)); document.getElementById('lgGlow2').setAttribute('opacity', Math.min(1, .8 * LOGO_GLOW_ALPHA));
            document.getElementById('lgStd1').setAttribute('stdDeviation', (2.6 * LOGO_GLOW_BLUR).toFixed(2)); document.getElementById('lgStd2').setAttribute('stdDeviation', (1.3 * LOGO_GLOW_BLUR).toFixed(2));
        })();
        dbg('logo', 'маркер: логотип вбудовано (' + LOGO_URL.length + ' символів), неон ' + LOGO_NEON + ', розмиття x' + LOGO_GLOW_BLUR + ', яскравість x' + LOGO_GLOW_ALPHA + ', скруглення ' + LOGO_GLOW_RADIUS + ' px, сяйво прилягає до краю лого (без проміжку)');
        function lgPlace() {
            var vr = verWin.getBoundingClientRect(), br = lgBtn.getBoundingClientRect(), pw = lgPop.offsetWidth || 300, narrow = vr.left < pw + 34;
            if (narrow) { lgPop.style.top = (vr.bottom + 10) + 'px'; lgPop.style.bottom = 'auto'; lgPop.style.right = '20px'; lgPop.style.left = 'auto'; }
            else { lgPop.style.left = 'auto'; lgPop.style.top = 'auto'; lgPop.style.right = (window.innerWidth - vr.left + 14) + 'px'; lgPop.style.bottom = Math.max(10, window.innerHeight - br.bottom) + 'px'; }
            dbg('logo', 'маркер: вікно розміщено ' + (narrow ? 'під вікном версії (вузький екран)' : 'зліва від вікна версії'));
        }
        function lgShow(reason) { if (openWins.logo) return; lgPlace(); winShow('logo', lgPop, null, reason); lgBtn.classList.add('on'); }
        function lgHide(reason) { if (!openWins.logo) return; winHide('logo', lgPop, null, reason); lgBtn.classList.remove('on'); }
        lgBtn.addEventListener('mouseenter', function () { clearTimeout(lgHd); if (LOGO_POP_DELAY > 0) lgSh = setTimeout(function () { lgShow('наведення на лого ' + LOGO_POP_DELAY + ' мс'); }, LOGO_POP_DELAY); else lgShow('наведення на лого (миттєво)'); dbg('logo', 'маркер: наведення на лого - зелене сяйво ' + LOGO_NEON + ', таймер ' + LOGO_POP_DELAY + ' мс'); });
        lgBtn.addEventListener('mouseleave', function () { clearTimeout(lgSh); lgHd = setTimeout(function () { lgHide('курсор залишив лого'); }, 450); });
        lgBtn.addEventListener('click', function (e) {
            e.stopPropagation(); clearTimeout(lgSh);
            var touch = window.matchMedia && window.matchMedia('(hover: none)').matches;
            if (touch && !openWins.logo) { lgShow('перший дотик (сенсорний екран, наведення немає)'); return; }
            dbg('logo', 'маркер: клік по лого -> миттєвий перехід на сайт ' + LOGO_LINK);
            window.open(LOGO_LINK, '_blank', 'noopener');
        });
        lgPop.addEventListener('mouseenter', function () { clearTimeout(lgHd); });
        lgPop.addEventListener('mouseleave', function () { lgHd = setTimeout(function () { lgHide('курсор залишив вікно опису'); }, 450); });
        document.getElementById('lgLink').addEventListener('click', function () { dbg('logo', 'маркер: клік по "Перейти на сайт" -> ' + this.href); });

        tbVerBtn.addEventListener('click', function (e) { e.stopPropagation(); if (openWins.ver) verClose('повторний клік по версії'); else verOpen('клік по версії v' + VERSION); });
        document.getElementById('verClose').addEventListener('click', function () { verClose('хрестик'); });
        document.getElementById('hintBtn').addEventListener('click', function () { hintOpen('клік по кнопці "Підказка по графіку"'); });
        document.getElementById('hintClose').addEventListener('click', function () { hintClose('хрестик'); });
        hintModal.addEventListener('click', function (e) { if (e.target === hintModal) hintClose('клік поза вікном'); });
        document.addEventListener('click', function (e) { if (openWins.ver && !verWin.contains(e.target) && e.target !== tbVerBtn && !lgPop.contains(e.target)) verClose('клік поза вікном'); });
        document.addEventListener('keydown', function (e) { if (e.key === 'Escape') { hintClose('Esc'); verClose('Esc'); } });

        // ---------- верхня панель зникає при прокрутці; рядок над графіком "липкий" ----------
        var tbEl = document.getElementById('topbar'), chHead = document.querySelector('.chart-header'), tbHidden = false, chStuck = false;
        function onPageScroll() {
            var y = window.scrollY || document.documentElement.scrollTop || 0, hide = y > 40;
            if (hide !== tbHidden) {
                tbHidden = hide; tbEl.classList.toggle('tb-hide', hide);
                dbg('topbar', 'маркер: верхню панель ' + (hide ? 'сховано' : 'показано') + ' (прокрутка ' + Math.round(y) + ' px)');
                if (hide) verClose('верхня панель сховалась при прокрутці');
            }
            var stuck = chHead.getBoundingClientRect().top <= 11 && y > 0;
            if (stuck !== chStuck) {
                chStuck = stuck; chHead.classList.toggle('stuck', stuck);
                dbg('sticky', 'маркер: рядок "Підказка / Скинути масштаб" ' + (stuck ? 'прикріплено до верху екрана' : 'відкріплено (на своєму місці)'));
            }
        }
        window.addEventListener('scroll', onPageScroll, { passive: true });
        onPageScroll();

        // ---------- 29 лютого: кнопки з роками та дані за день ----------
        var leapSeq = 0, leapActive = null, leapBox = document.getElementById('leapBtns');
        function leapYears() {
            var out = [], now = new Date();
            for (var y = startYear; y <= endYear; y++) { var d = new Date(y, 1, 29); if (d.getMonth() === 1 && d <= now) out.push(y); }
            return out;
        }
        leapYears().forEach(function (y) {
            var b = document.createElement('button');
            b.type = 'button'; b.className = 'leap-btn'; b.setAttribute('data-y', y); b.textContent = '29 лютого ' + y;
            b.addEventListener('click', function () { loadLeap(y, 'клік по кнопці ' + y); });
            leapBox.appendChild(b);
        });
        dbg('leap', 'маркер: роки з 29 лютого у діапазоні: ' + leapYears().join(', '));
        function fmtV(v) { return (v === null || v === undefined) ? '—' : (Math.round(v * 10) / 10).toString().replace('.', ','); }
        function refreshLeap(reason) {
            document.getElementById('leapCity').textContent = CITY.name;
            if (leapActive !== null && openWins.hint) loadLeap(leapActive, reason);
        }
        async function loadLeap(year, reason) {
            var my = ++leapSeq; leapActive = year;
            Array.prototype.forEach.call(leapBox.children, function (b) { b.classList.toggle('on', b.getAttribute('data-y') === String(year)); });
            var res = document.getElementById('leapResult'); res.textContent = 'Завантаження...';
            var date = year + '-02-29';
            var url = 'https://archive-api.open-meteo.com/v1/archive?latitude=' + CITY.lat + '&longitude=' + CITY.lon + '&start_date=' + date + '&end_date=' + date + '&daily=temperature_2m_max,temperature_2m_min,temperature_2m_mean,precipitation_sum,wind_speed_10m_max&timezone=auto';
            dbg('leap', 'маркер спрацювання: ' + reason + ' -> ' + url);
            try {
                var r = await fetch(url, { mode: 'cors' });
                if (!r.ok) throw new Error('помилка сервера ' + r.status);
                var d = await r.json();
                if (my !== leapSeq) { dbg('leap', 'маркер: застарілу відповідь відкинуто (' + reason + ')'); return; }
                var dd = d.daily || {};
                var rows = [['Максимальна температура', 'temperature_2m_max', '°C'], ['Мінімальна температура', 'temperature_2m_min', '°C'], ['Середня температура', 'temperature_2m_mean', '°C'], ['Опади', 'precipitation_sum', 'мм'], ['Максимальна швидкість вітру', 'wind_speed_10m_max', 'км/год']];
                res.textContent = '';
                var t = document.createElement('div'); t.className = 'leap-title'; t.textContent = CITY.name + ', 29 лютого ' + year; res.appendChild(t);
                var g = document.createElement('div'); g.className = 'leap-grid';
                rows.forEach(function (row) {
                    var v = dd[row[1]] ? dd[row[1]][0] : null;
                    var a = document.createElement('span'); a.textContent = row[0];
                    var b = document.createElement('span'); b.textContent = fmtV(v) + (v === null || v === undefined ? '' : ' ' + row[2]);
                    g.appendChild(a); g.appendChild(b);
                });
                res.appendChild(g);
                dbg('leap', 'маркер: показано дані за ' + date + ' для ' + CITY.name);
            } catch (e) {
                if (my !== leapSeq) return;
                res.textContent = 'Не вдалося отримати дані: ' + e.message;
                dbg('leap', 'маркер: помилка завантаження - ' + e.message);
            }
        }

        // ---------- v1.6.6: прапор України біля міста ----------
        var FLAG_WAVE = 2.2;        // сила хвильового погойдування прапора (px); 0 = нерухомий
        (function () {
            var fl = document.getElementById('tbFlag'), ft = document.getElementById('ftFlag'), fd = document.getElementById('fdFlag');
            if (!FLAG_WAVE || REDUCED) { fl.classList.add('static'); dbg('flag', 'маркер: прапор показано нерухомим (' + (REDUCED ? 'системне "зменшити рух"' : 'FLAG_WAVE = 0') + ')'); return; }
            fd.setAttribute('scale', FLAG_WAVE);
            setInterval(function () {
                if (tbHidden) return;
                var t = performance.now() / 1000;
                ft.setAttribute('baseFrequency', (0.02 + 0.004 * Math.sin(t * .6)).toFixed(4) + ' ' + (0.06 + 0.012 * Math.cos(t * .45)).toFixed(4));
            }, 60);
            dbg('flag', 'маркер: прапор показано з хвильовим погойдуванням ' + FLAG_WAVE + ' px (між піном і назвою міста)');
        })();

        document.getElementById('footMail').addEventListener('click', function () { dbg('footer', 'маркер: клік по пошті ' + this.getAttribute('href')); });
        dbg('footer', 'маркер: у підвалі показано рядок з поштою antiruskontrol@ukr.net (mailto)');
        document.getElementById('tbVer').textContent = 'v' + VERSION;
        dbg('version', 'маркер: версія сторінки ' + VERSION);
        initCities();
        tickClock(); setInterval(tickClock, 1000);
        locateUser();
        requestAnimationFrame(loop);
        if (PENDING_SEARCH) searchCity(PENDING_SEARCH).then(function (ok) { if (!ok) loadWeatherData('резервне завантаження: пошук міста з адреси не дав результату'); });
        else loadWeatherData('первинне завантаження сторінки');
    </script>
</body>
</html>