Refine forecasts and home navigation

Author: web3blind

app/css/main.css

@@ -1674,3 +1674,30 @@ body,
         grid-template-columns: 1fr;
     }
 }
+
+
+.prophecy-mini-button {
+    width: 100%;
+    border: 1px solid var(--color-border);
+    color: var(--color-text);
+    text-align: left;
+    cursor: pointer;
+}
+
+.prophecy-mini-button:focus-visible {
+    outline: 2px solid var(--color-primary);
+    outline-offset: 2px;
+}
+
+.prophecy-mini-button:hover {
+    border-color: var(--color-primary);
+}
+
+.forecast-festival {
+    margin: var(--space-xs) 0 0;
+    padding-top: var(--space-xs);
+    border-top: 1px solid var(--color-border);
+    color: var(--color-text);
+    font-size: 0.82rem;
+    line-height: 1.4;
+}

app/index.html

@@ -13,7 +13,7 @@
     <link rel="icon" type="image/png" sizes="192x192" href="assets/icons/viz-magic-192.png?v=20260712c">
     <link rel="icon" type="image/png" sizes="512x512" href="assets/icons/viz-magic-512.png?v=20260712c">
     <link rel="apple-touch-icon" href="assets/icons/viz-magic-192.png?v=20260712c">
-    <link rel="stylesheet" href="css/main.css?v=20260712e">
+    <link rel="stylesheet" href="css/main.css?v=20260712f">
     <link rel="stylesheet" href="css/themes.css">
     <link rel="stylesheet" href="css/accessibility.css">
 </head>
@@ -116,8 +116,8 @@
     <script src="js/config.js?v=20260621m"></script>
 
     <!-- I18n -->
-    <script src="js/i18n/ru.js?v=20260712e"></script>
-    <script src="js/i18n/en.js?v=20260712e"></script>
+    <script src="js/i18n/ru.js?v=20260712f"></script>
+    <script src="js/i18n/en.js?v=20260712f"></script>
 
     <!-- Utilities -->
     <script src="js/utils/helpers.js?v=20260621l"></script>
@@ -161,7 +161,7 @@
     <script src="js/engine/marketplace.js"></script>
     <script src="js/engine/checkpoint.js"></script>
     <script src="js/engine/block-processor.js"></script>
-    <script src="js/engine/world-events.js?v=20260712e"></script>
+    <script src="js/engine/world-events.js?v=20260712f"></script>
     <script src="js/engine/world-boss.js"></script>
     <script src="js/engine/quest-system.js?v=20260621e"></script>
     <script src="js/engine/loci.js"></script>
@@ -182,7 +182,7 @@
     <script src="js/ui/screens/landing.js"></script>
     <script src="js/ui/screens/login.js?v=20260711a"></script>
     <script src="js/ui/screens/onboarding.js"></script>
-    <script src="js/ui/screens/home.js?v=20260712e"></script>
+    <script src="js/ui/screens/home.js?v=20260712f"></script>
     <script src="js/ui/screens/character.js?v=20260621l"></script>
     <script src="js/ui/screens/hunt.js"></script>
     <script src="js/ui/screens/inventory.js?v=20260621l"></script>

app/js/engine/world-events.js

@@ -304,6 +304,21 @@ var WorldEvents = (function() {
 
 
 
+
+
+    /** Occasional magical holidays tied to game sections. */
+    var FESTIVALS = [
+        { id: 'hearth_spirit_day', icon: '\uD83C\uDFE0', screen: 'home', nameKey: 'festival_hearth_spirit_day', descKey: 'festival_hearth_spirit_day_desc' },
+        { id: 'hunt_tribute', icon: '\u2694\uFE0F', screen: 'hunt', nameKey: 'festival_hunt_tribute', descKey: 'festival_hunt_tribute_desc' },
+        { id: 'guild_dance', icon: '\uD83D\uDEE1\uFE0F', screen: 'guild', nameKey: 'festival_guild_dance', descKey: 'festival_guild_dance_desc' },
+        { id: 'chronicle_ink_night', icon: '\uD83D\uDCDD', screen: 'chronicle', nameKey: 'festival_chronicle_ink_night', descKey: 'festival_chronicle_ink_night_desc' },
+        { id: 'bazaar_bell_day', icon: '\uD83C\uDFEA', screen: 'marketplace', nameKey: 'festival_bazaar_bell_day', descKey: 'festival_bazaar_bell_day_desc' },
+        { id: 'hammer_sparks', icon: '\uD83D\uDD28', screen: 'crafting', nameKey: 'festival_hammer_sparks', descKey: 'festival_hammer_sparks_desc' },
+        { id: 'bag_whisper', icon: '\uD83C\uDF92', screen: 'inventory', nameKey: 'festival_bag_whisper', descKey: 'festival_bag_whisper_desc' },
+        { id: 'prophecy_candle', icon: '\uD83D\uDD2E', screen: 'quests', nameKey: 'festival_prophecy_candle', descKey: 'festival_prophecy_candle_desc' },
+        { id: 'dragon_mask_day', icon: '\uD83D\uDC32', screen: 'world-boss', nameKey: 'festival_dragon_mask_day', descKey: 'festival_dragon_mask_day_desc' }
+    ];
+
     /** Everyday magical sky signs. Combined with omens, this gives a year-sized forecast pool. */
     var SKY_SIGNS = [
         { id: 'sun_cloud', icon: '\u26C5', summaryKey: 'sky_sun_cloud' },
@@ -357,6 +372,20 @@ var WorldEvents = (function() {
 
 
 
+
+
+    /**
+     * Get occasional magical holiday. Appears roughly every fifth in-world day.
+     * @param {number} blockNum
+     * @returns {Object|null}
+     */
+    function getCurrentFestival(blockNum) {
+        var day = Math.floor(blockNum / 28800);
+        if (day % 5 !== 0) return null;
+        var idx = Math.floor(day / 5) % FESTIVALS.length;
+        return FESTIVALS[idx];
+    }
+
     /**
      * Get current sky sign based on block number.
      * @param {number} blockNum
@@ -562,6 +591,7 @@ var WorldEvents = (function() {
         getCurrentWeather: getCurrentWeather,
         getCurrentSky: getCurrentSky,
         getForecastVariantCount: getForecastVariantCount,
+        getCurrentFestival: getCurrentFestival,
         getActiveEvents: getActiveEvents,
         checkEventTriggers: checkEventTriggers,
         checkWeaveSurge: checkWeaveSurge,

app/js/i18n/en.js

@@ -755,11 +755,11 @@ var LangEN = {
     weather_quiet_stars_effect: 'Creatures hit 5% softer, character defense is 5% higher.',
     weather_forbidden_wind: 'The wind has frozen in a forbidden region. Entry is lethal; exit is not promised.',
     weather_forbidden_wind_effect: 'Creatures hit 15% harder, character defense is 5% lower.',
-    weather_dragon_shadow: 'Do not stay long in the shade. The Dragon is hunting and considers shadows its property.',
+    weather_dragon_shadow: 'Aether Dragon shadow: do not stay long in the shade. The Dragon is hunting.',
     weather_dragon_shadow_effect: 'Creatures hit 12% harder.',
     weather_no_looking_back: 'Do not look back. The thing behind you is pretending to be your own thought.',
     weather_no_looking_back_effect: 'Creatures hit 8% harder, character defense is 2% lower.',
-    weather_mirror_fog: 'Mirror fog. Everyone sees themselves victorious; only the quick come out.',
+    weather_mirror_fog: 'Mirror fog: everyone sees themselves victorious, but only the quick come out.',
     weather_mirror_fog_effect: 'Character defense is 8% lower.',
     weather_whispering_mushrooms: 'Mushrooms whisper enemy plans. Some plans are mushroom plans, but still useful.',
     weather_whispering_mushrooms_effect: 'Creatures hit 4% softer, character defense is 6% higher.',
@@ -769,7 +769,7 @@ var LangEN = {
     weather_singing_swamp_effect: 'Creatures hit 6% harder, character defense is 4% lower.',
     weather_upward_rain: 'Rain falls upward. If your boots are wet, the sky is below today.',
     weather_upward_rain_effect: 'Creatures hit 3% softer, character defense is 4% higher.',
-    weather_glass_grass: 'Glass grass cuts each step. Walking is allowed; arguing with the meadow is not.',
+    weather_glass_grass: 'Glass grass: cuts each step. Walking is allowed, but arguing with the meadow spirit is not.',
     weather_glass_grass_effect: 'Creatures hit 9% harder, character defense is 3% lower.',
     weather_sleeping_thunder: 'Thunder sleeps underground. Speak softly: it wakes to overconfidence.',
     weather_sleeping_thunder_effect: 'Creatures hit 6% softer, character defense is 8% higher.',
@@ -816,8 +816,27 @@ var LangEN = {
     sky_sudden_thaw: 'Sudden thaw. Snow has reconsidered being snow.',
     sky_red_dawn: 'Red dawn is watching too carefully.',
     sky_black_snow: 'Black snow falls quietly. Footprints sound louder than steps.',
-    sky_silver_fog: 'Silver fog makes the world richer and more suspicious.',
+    sky_silver_fog: 'Silver rain: makes the world richer and more suspicious.',
     sky_double_rainbow: 'A double rainbow. One is real; the other handles consequences.',
+    festival_today_prefix: 'World holiday',
+    festival_hearth_spirit_day: 'Hearth Spirit Honoring',
+    festival_hearth_spirit_day_desc: 'A warm word is left for the hearth guardian; Home listens more closely today.',
+    festival_hunt_tribute: 'Hunt Tribute',
+    festival_hunt_tribute_desc: 'A small offering is made to the forest keeper for luck before the hunt.',
+    festival_guild_dance: 'Warband Dance',
+    festival_guild_dance_desc: 'Guilds hold battle drills so shields remember hands.',
+    festival_chronicle_ink_night: 'Night of Living Ink',
+    festival_chronicle_ink_night_desc: 'The Chronicle accepts stories more easily and keeps borrowed voices longer.',
+    festival_bazaar_bell_day: 'Bazaar Bell Day',
+    festival_bazaar_bell_day_desc: 'Merchants argue with prices, and prices sometimes argue back.',
+    festival_hammer_sparks: 'Hammer Sparks',
+    festival_hammer_sparks_desc: 'In the Workshop, old things are repaired and new metal is not offended.',
+    festival_bag_whisper: 'Whisper of Bags',
+    festival_bag_whisper_desc: 'Bags count findings and pretend they hid nothing.',
+    festival_prophecy_candle: 'Prophecy Candle',
+    festival_prophecy_candle_desc: 'Quests are read aloud so the future cannot pretend it was random.',
+    festival_dragon_mask_day: 'Day of Dragon Masks',
+    festival_dragon_mask_day_desc: 'Mages wear masks so the Aether Dragon cannot immediately tell who is tastier.',
 
     // World Events
     event_weave_surge: 'Weave Surge',

app/js/i18n/ru.js

@@ -755,11 +755,11 @@ var LangRU = {
     weather_quiet_stars_effect: 'Существа бьют на 5% слабее, защита персонажа выше на 5%.',
     weather_forbidden_wind: 'В запретном регионе застыл ветер. Вход смертелен, выход не обещан.',
     weather_forbidden_wind_effect: 'Существа бьют на 15% сильнее, защита персонажа ниже на 5%.',
-    weather_dragon_shadow: 'Не оставайся надолго в тени. Дракон вышел на охоту и считает тени своими.',
+    weather_dragon_shadow: 'Тень Эфирного Дракона: не оставайся надолго в тени. Дракон вышел на охоту.',
     weather_dragon_shadow_effect: 'Существа бьют на 12% сильнее.',
     weather_no_looking_back: 'Не оглядывайся. То, что идёт следом, делает вид, что оно — твоя мысль.',
     weather_no_looking_back_effect: 'Существа бьют на 8% сильнее, защита персонажа ниже на 2%.',
-    weather_mirror_fog: 'Зеркальный туман. В нём каждый видит себя победителем, а выходит — кто успеет.',
+    weather_mirror_fog: 'Зеркальный туман: в нём каждый видит себя победителем, но выходит тот, кто успеет.',
     weather_mirror_fog_effect: 'Защита персонажа ниже на 8%.',
     weather_whispering_mushrooms: 'Грибы шепчут планы врагов. Некоторые планы грибные, но всё равно полезные.',
     weather_whispering_mushrooms_effect: 'Существа бьют на 4% слабее, защита персонажа выше на 6%.',
@@ -769,7 +769,7 @@ var LangRU = {
     weather_singing_swamp_effect: 'Существа бьют на 6% сильнее, защита персонажа ниже на 4%.',
     weather_upward_rain: 'Дождь идёт вверх. Если промокли ботинки — значит, небо сегодня снизу.',
     weather_upward_rain_effect: 'Существа бьют на 3% слабее, защита персонажа выше на 4%.',
-    weather_glass_grass: 'Стеклянная трава режет шаги. Идти можно, но лучше не спорить с лугом.',
+    weather_glass_grass: 'Стеклянная трава: режет шаги. Идти можно, но лучше не спорить с духом луга.',
     weather_glass_grass_effect: 'Существа бьют на 9% сильнее, защита персонажа ниже на 3%.',
     weather_sleeping_thunder: 'Гром спит под землёй. Говорите тише: он просыпается от самоуверенности.',
     weather_sleeping_thunder_effect: 'Существа бьют на 6% слабее, защита персонажа выше на 8%.',
@@ -816,8 +816,27 @@ var LangRU = {
     sky_sudden_thaw: 'Внезапная оттепель. Снег передумал быть снегом.',
     sky_red_dawn: 'Красный рассвет смотрит слишком внимательно.',
     sky_black_snow: 'Чёрный снег падает тихо. Следы на нём слышнее, чем шаги.',
-    sky_silver_fog: 'Серебряный туман делает мир богаче и подозрительнее.',
+    sky_silver_fog: 'Серебряный дождь: делает мир богаче и подозрительнее.',
     sky_double_rainbow: 'Двойная радуга. Одна настоящая, вторая отвечает за последствия.',
+    festival_today_prefix: 'Праздник мира',
+    festival_hearth_spirit_day: 'Чествование домового',
+    festival_hearth_spirit_day_desc: 'Защитнику очага оставляют тёплое слово; Дом сегодня слушает внимательнее.',
+    festival_hunt_tribute: 'Охотная дань',
+    festival_hunt_tribute_desc: 'Хозяину леса приносят малую жертву на удачу перед охотой.',
+    festival_guild_dance: 'Дружинная пляска',
+    festival_guild_dance_desc: 'Гильдии проводят боевые учения, чтобы щиты помнили руки.',
+    festival_chronicle_ink_night: 'Ночь живых чернил',
+    festival_chronicle_ink_night_desc: 'Хроника легче принимает истории и дольше хранит чужие голоса.',
+    festival_bazaar_bell_day: 'День базарного колокола',
+    festival_bazaar_bell_day_desc: 'Торговцы спорят с ценами, а цены иногда спорят в ответ.',
+    festival_hammer_sparks: 'Искры молота',
+    festival_hammer_sparks_desc: 'В Мастерской принято чинить старое и не обижать новый металл.',
+    festival_bag_whisper: 'Шёпот сумок',
+    festival_bag_whisper_desc: 'Сумки пересчитывают находки и делают вид, что ничего не прятали.',
+    festival_prophecy_candle: 'Свеча пророчества',
+    festival_prophecy_candle_desc: 'Задания читают вслух, чтобы будущее не притворялось случайностью.',
+    festival_dragon_mask_day: 'День драконьих масок',
+    festival_dragon_mask_day_desc: 'Маги надевают маски, чтобы Эфирный Дракон не сразу понял, кто вкуснее.',
 
     // World Events
     event_weave_surge: 'Всплеск Плетения',

app/js/ui/screens/home.js

@@ -5,8 +5,8 @@
 var HomeScreen = (function() {
     'use strict';
 
-    var PRIMARY_HOME_SCREENS = ['home', 'hunt', 'map', 'guild', 'marketplace', 'crafting', 'character', 'help', 'leaderboard'];
-    var SECONDARY_HOME_SCREENS = ['inventory', 'chronicle', 'arena', 'quests', 'world-boss', 'settings'];
+    var PRIMARY_HOME_SCREENS = ['home', 'hunt', 'map', 'chronicle', 'guild', 'marketplace', 'crafting', 'character', 'leaderboard'];
+    var SECONDARY_HOME_SCREENS = ['inventory', 'arena', 'quests', 'world-boss', 'settings', 'help'];
     var HOME_HP_DISPLAY_MAX = 5000;
     var HOME_XP_DISPLAY_MAX = 3000;
 
@@ -92,6 +92,14 @@ var HomeScreen = (function() {
             });
         }
 
+        var prophecyBtn = el.querySelector('.prophecy-mini-button');
+        if (prophecyBtn) {
+            prophecyBtn.addEventListener('click', function() {
+                SoundManager.play('tap');
+                Helpers.EventBus.emit('navigate', 'quests');
+            });
+        }
+
         var installBtn = Helpers.$('btn-install-shortcut');
         if (installBtn) {
             installBtn.addEventListener('click', function() {
@@ -165,6 +173,9 @@ var HomeScreen = (function() {
         var skyText = sky ? t(sky.summaryKey) : '';
         var forecast = weather ? t(weather.summaryKey) : '';
         var effect = weather ? t(weather.effectKey) : '';
+        var festival = WorldEvents.getCurrentFestival ? WorldEvents.getCurrentFestival(blockNum) : null;
+        var festivalHtml = festival ? '<p class="forecast-festival"><span aria-hidden="true">' + festival.icon + '</span> ' +
+            t('festival_today_prefix') + ': ' + t(festival.nameKey) + '. ' + t(festival.descKey) + '</p>' : '';
         return '<section class="season-indicator magical-forecast" aria-label="' + t('weather_forecast_label') + '">' +
             '<div class="forecast-card forecast-card-season">' +
                 '<span class="forecast-icon" aria-hidden="true">' + season.icon + '</span>' +
@@ -182,6 +193,7 @@ var HomeScreen = (function() {
                 '<span class="forecast-kicker">' + t('season_effect_prefix') + '</span>' +
                 '<p class="season-bonus">' + t('school_' + season.dominant) + ' +20%, ' +
                     t('school_' + season.secondary) + ' +10%. ' + effect + '</p>' +
+                festivalHtml +
             '</div>' +
         '</section>';
     }
@@ -193,15 +205,15 @@ var HomeScreen = (function() {
         if (!prophecy) return '';
 
         return '<section class="home-prophecy" aria-label="' + t('home_daily_prophecy') + '">' +
-            '<div class="prophecy-mini">' +
+            '<button type="button" class="prophecy-mini prophecy-mini-button" aria-label="' + t('home_daily_prophecy') + ': ' + t(prophecy.titleKey) + '">' +
                 '<span class="prophecy-icon" aria-hidden="true">\uD83D\uDD2E</span>' +
                 '<div class="prophecy-info">' +
                     '<h3>' + t('home_daily_prophecy') + '</h3>' +
                     '<p>' + t(prophecy.titleKey) + '</p>' +
                     '<p><small>' + t('quest_daily_help_text') + '</small></p>' +
                     '<span class="prophecy-reward">\u2B50 ' + (prophecy.rewards ? prophecy.rewards.xp : 0) + ' XP</span>' +
                 '</div>' +
-            '</div>' +
+            '</button>' +
         '</section>';
     }
 

app/sw.js

@@ -1,5 +1,5 @@
 // Viz Magic — Service Worker
-var CACHE_NAME = 'viz-magic-v38';
+var CACHE_NAME = 'viz-magic-v39';
 var ASSETS = [
     '/',
     '/index.html',