Polish mobile game affordances

Author: web3blind

app/css/main.css

@@ -167,6 +167,8 @@ body {
 /* Home dashboard */
 .home-dashboard { max-width: 480px; margin: 0 auto; }
 .home-summary { margin-bottom: 24px; }
+.home-summary-button { display: block; width: 100%; text-align: left; color: inherit; background: transparent; border: 1px solid transparent; border-radius: var(--radius); padding: 8px; cursor: pointer; }
+.home-summary-button:hover, .home-summary-button:focus-visible { border-color: var(--color-primary); outline: none; }
 .home-summary h1 { font-size: 1.5rem; margin-bottom: 8px; }
 .action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
 .action-tile {
@@ -815,7 +817,8 @@ body {
     padding: 12px; background: var(--color-surface); border-radius: var(--radius-sm);
     border-left: 3px solid var(--color-border);
 }
-.sell-item-name { display: block; font-weight: 600; margin-bottom: 8px; text-transform: capitalize; }
+.sell-item-name { display: block; font-weight: 700; margin-bottom: 8px; text-transform: capitalize; color: var(--color-text); }
+.sell-item-rarity { margin-left: 4px; }
 .sell-item-controls { display: flex; gap: 8px; align-items: center; }
 .sell-price-input { max-width: 120px; }
 
@@ -1867,3 +1870,12 @@ body,
 .developers-card h2 { font-size: 1.1rem; margin-bottom: 10px; }
 .developers-note { color: var(--color-text-muted); font-size: 0.95rem; }
 .developers-reward-options { display: grid; gap: 10px; margin-top: 12px; }
+
+
+.temple-deity-fallback { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; font-size: 2.5rem; margin: 0 auto 8px; }
+.temple-deity-image { min-width: 72px; min-height: 72px; }
+.boss-lore { margin: 16px 0; padding: 14px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); text-align: left; }
+.boss-lore h3 { margin-bottom: 8px; }
+.boss-lore ul { margin: 8px 0 0 20px; }
+.boss-motto { margin: 14px 0; padding-left: 12px; border-left: 3px solid var(--color-primary); color: var(--color-text); white-space: pre-line; }
+.forecast-card-news { border-color: var(--color-accent); }

app/index.html

@@ -13,7 +13,7 @@
     <link rel="icon" type="image/png" sizes="192x192" href="assets/icons/viz-magic-192.png?v=20260713a">
     <link rel="icon" type="image/png" sizes="512x512" href="assets/icons/viz-magic-512.png?v=20260713a">
     <link rel="apple-touch-icon" href="assets/icons/viz-magic-192.png?v=20260713a">
-    <link rel="stylesheet" href="css/main.css?v=20260713b">
+    <link rel="stylesheet" href="css/main.css?v=20260713c">
     <link rel="stylesheet" href="css/themes.css">
     <link rel="stylesheet" href="css/accessibility.css">
 </head>
@@ -124,8 +124,8 @@
     <script src="js/config.js?v=20260712a"></script>
 
     <!-- I18n -->
-    <script src="js/i18n/ru.js?v=20260713g"></script>
-    <script src="js/i18n/en.js?v=20260713g"></script>
+    <script src="js/i18n/ru.js?v=20260713h"></script>
+    <script src="js/i18n/en.js?v=20260713h"></script>
 
     <!-- Utilities -->
     <script src="js/utils/helpers.js?v=20260621l"></script>
@@ -169,7 +169,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=20260712h"></script>
+    <script src="js/engine/world-events.js?v=20260713a"></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>
@@ -184,32 +184,32 @@
     <script src="js/ui/components/toast.js?v=20260711b"></script>
     <script src="js/ui/components/modal.js"></script>
     <script src="js/ui/components/nav.js?v=20260713a"></script>
-    <script src="js/ui/components/battle-narrator.js?v=20260713b"></script>
+    <script src="js/ui/components/battle-narrator.js?v=20260713c"></script>
 
     <!-- UI Screens -->
     <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=20260713e"></script>
+    <script src="js/ui/screens/home.js?v=20260713f"></script>
     <script src="js/ui/screens/character.js?v=20260713b"></script>
     <script src="js/ui/screens/hunt.js?v=20260713d"></script>
-    <script src="js/ui/screens/inventory.js?v=20260621l"></script>
+    <script src="js/ui/screens/inventory.js?v=20260713a"></script>
     <script src="js/ui/screens/chronicle.js?v=20260712a"></script>
     <script src="js/ui/screens/duel.js"></script>
     <script src="js/ui/screens/arena.js?v=20260621d"></script>
     <script src="js/ui/screens/guild.js?v=20260621l"></script>
     <script src="js/ui/screens/map.js?v=20260621h"></script>
-    <script src="js/ui/screens/marketplace.js?v=20260713b"></script>
-    <script src="js/ui/screens/crafting.js?v=20260713a"></script>
+    <script src="js/ui/screens/marketplace.js?v=20260713c"></script>
+    <script src="js/ui/screens/crafting.js?v=20260713b"></script>
     <script src="js/ui/screens/quests.js?v=20260712a"></script>
-    <script src="js/ui/screens/world-boss.js"></script>
+    <script src="js/ui/screens/world-boss.js?v=20260713a"></script>
     <script src="js/ui/screens/settings.js?v=20260713b"></script>
     <script src="js/ui/screens/help.js?v=20260713a"></script>
     <script src="js/ui/screens/leaderboard.js?v=20260712c"></script>
-    <script src="js/ui/screens/temple.js?v=20260713a"></script>
+    <script src="js/ui/screens/temple.js?v=20260713b"></script>
     <script src="js/ui/screens/developers.js?v=20260713a"></script>
 
     <!-- Main App Controller (must be last) -->
-    <script src="js/ui/app.js?v=20260713a"></script>
+    <script src="js/ui/app.js?v=20260713b"></script>
 </body>
 </html>

app/js/engine/world-events.js

@@ -58,6 +58,23 @@ var WorldEvents = (function() {
         }
     ];
 
+
+    /** Daily magical news: flavor-only, deterministic from block-day. */
+    var MAGIC_NEWS = [
+        { icon: '📰', summaryKey: 'magic_news_sun_wolf' },
+        { icon: '🌲', summaryKey: 'magic_news_forest_patrol' },
+        { icon: '🪄', summaryKey: 'magic_news_wand_union' },
+        { icon: '🐸', summaryKey: 'magic_news_frog_court' },
+        { icon: '🐉', summaryKey: 'magic_news_dragon_shadow' },
+        { icon: '🕯️', summaryKey: 'magic_news_temple_candles' },
+        { icon: '🏪', summaryKey: 'magic_news_bazaar_prices' },
+        { icon: '📜', summaryKey: 'magic_news_chronicle_blots' },
+        { icon: '⚔️', summaryKey: 'magic_news_arena_helmets' },
+        { icon: '🔮', summaryKey: 'magic_news_prophet_sneeze' },
+        { icon: '🌧️', summaryKey: 'magic_news_upward_rain' },
+        { icon: '🧪', summaryKey: 'magic_news_healers_busy' }
+    ];
+
     /** Magical weather definitions. These are in-world, not real-world forecasts. */
     var WEATHER = [
         {
@@ -418,6 +435,20 @@ var WorldEvents = (function() {
         return WEATHER[idx];
     }
 
+
+    /**
+     * Get optional daily magical news. Flavor-only; does not affect combat.
+     * @param {number} blockNum
+     * @returns {Object|null}
+     */
+    function getCurrentMagicNews(blockNum) {
+        var day = Math.floor(blockNum / 28800);
+        if (day % 2 !== 0) return null;
+        var idx = Math.floor(day / 2) % MAGIC_NEWS.length;
+        if (idx < 0) idx = 0;
+        return MAGIC_NEWS[idx];
+    }
+
     /**
      * Check if Weave Surge is active.
      * @param {number} blockNum
@@ -592,6 +623,7 @@ var WorldEvents = (function() {
         getCurrentSky: getCurrentSky,
         getForecastVariantCount: getForecastVariantCount,
         getCurrentFestival: getCurrentFestival,
+        getCurrentMagicNews: getCurrentMagicNews,
         getActiveEvents: getActiveEvents,
         checkEventTriggers: checkEventTriggers,
         checkWeaveSurge: checkWeaveSurge,

app/js/i18n/en.js

@@ -886,6 +886,24 @@ var LangEN = {
     event_world_boss_desc: 'The Aether Dragon has awakened!',
     event_next_season: 'Season Change',
 
+    magic_news_sun_wolf: 'A squad of battle mages met a sun wolf in the enchanted forest. The best healers of the Third Kingdom are treating the entire squad for temporary blindness.',
+    magic_news_forest_patrol: 'The forest watch asks mages not to feed talking stumps with promises. The stumps write everything down.',
+    magic_news_wand_union: 'The union of old wands announced a day of silence. Sparks are allowed only in whispers.',
+    magic_news_frog_court: 'The Frog Court acquitted the rain: witnesses confirmed it was falling upward for a valid reason.',
+    magic_news_dragon_shadow: 'The shadow of the Aether Dragon was seen near the map edge. The shadow claims it was only walking.',
+    magic_news_temple_candles: 'Temple candles burned without fire and argued about the proper shape of flame. Priests found the debate useful.',
+    magic_news_bazaar_prices: 'At the Bazaar, prices haggled with themselves this morning. By noon two prices became apprentices to an appraiser.',
+    magic_news_chronicle_blots: 'Living ink blots appeared in the Chronicle. They promise not to ruin texts if occasionally called letters.',
+    magic_news_arena_helmets: 'The Arena bought helmets with memory. One helmet already remembers a victory that has not happened yet.',
+    magic_news_prophet_sneeze: 'A prophet sneezed three times and predicted a draft. The council called the forecast accurate.',
+    magic_news_upward_rain: 'In the northern lowland the rain went upward again. Fishers complain that clouds steal their bait.',
+    magic_news_healers_busy: 'The best healers of the Third Kingdom opened appointments for consequences of curiosity.',
+    boss_motto: 'Wherever you came from, there is no road back.\nGo forward.\nDo not hurry.\nDo not look back...',
+    boss_lore_title: 'Scout Report',
+    boss_lore_text: 'The Aether Dragon appears rarely, but its shadow changes the world before the fight. This is a shared event: every mage\'s contribution matters.',
+    boss_lore_rule_1: 'An attack costs 2% mana and is written to the chain.',
+    boss_lore_rule_2: 'The more total damage you contribute, the higher your reward share.',
+    boss_lore_rule_3: 'When the battle window is closed, this screen shows preparation and the next awakening.',
     // World Boss
     boss_title: 'World Boss',
     boss_dormant: 'The Aether Dragon Slumbers',

app/js/i18n/ru.js

@@ -886,6 +886,24 @@ var LangRU = {
     event_world_boss_desc: 'Эфирный Дракон пробудился!',
     event_next_season: 'Смена Сезона',
 
+    magic_news_sun_wolf: 'Отряд боевых магов в зачарованном лесу наткнулся на солнечного волка. Временную слепоту всего отряда лечат лучшие знахари Третьего Царства.',
+    magic_news_forest_patrol: 'Лесная стража просит не кормить говорящие пни обещаниями. Пни всё записывают и потом требуют продолжения.',
+    magic_news_wand_union: 'Профсоюз старых жезлов объявил день тишины. Искры разрешены только шёпотом.',
+    magic_news_frog_court: 'Жабий суд оправдал дождь: свидетели подтвердили, что он падал вверх по уважительной причине.',
+    magic_news_dragon_shadow: 'Тень Эфирного Дракона замечена на границе карты. Сама тень утверждает, что просто гуляла.',
+    magic_news_temple_candles: 'В Храме свечи горели без огня и спорили о форме пламени. Жрецы признали спор полезным.',
+    magic_news_bazaar_prices: 'На Базаре цены утром торговались сами с собой. К полудню две цены ушли в ученики к оценщику.',
+    magic_news_chronicle_blots: 'В Хронике появились живые кляксы. Они обещают не портить тексты, если их иногда называть буквами.',
+    magic_news_arena_helmets: 'Арена закупила шлемы с памятью. Один шлем уже вспомнил победу, которой ещё не было.',
+    magic_news_prophet_sneeze: 'Прорицатель чихнул три раза и предсказал сквозняк. Совет магов признал прогноз точным.',
+    magic_news_upward_rain: 'В северной низине дождь опять пошёл вверх. Рыбаки жалуются, что облака уносят наживку.',
+    magic_news_healers_busy: 'Лучшие знахари Третьего Царства открыли запись на лечение последствий любопытства.',
+    boss_motto: 'Откуда бы ты ни пришёл, назад дороги нет.\nИди дальше.\nНе торопись.\nНе оглядывайся...',
+    boss_lore_title: 'Что известно разведке',
+    boss_lore_text: 'Эфирный Дракон появляется редко, но его тень заранее меняет поведение мира. Бой с ним — общее событие: важен вклад каждого мага.',
+    boss_lore_rule_1: 'Атака стоит 2% маны и записывается в цепочку.',
+    boss_lore_rule_2: 'Чем больше вклад в общий урон, тем выше доля награды.',
+    boss_lore_rule_3: 'Если окно битвы закрыто, экран показывает подготовку и следующее пробуждение.',
     // World Boss
     boss_title: 'Мировой Босс',
     boss_dormant: 'Эфирный Дракон Дремлет',
@@ -1116,8 +1134,8 @@ var LangRU = {
     help_section_crafting: 'Мастерская',
     help_crafting_text: 'Откройте Мастерскую, выберите рецепт и нажмите «Создать». Материалы расходуются. Качество зависит от INT и хеша блока.',
 
-    help_section_marketplace: 'Рынок',
-    help_marketplace_text: 'Обзор → купите выставленные предметы. Продать → выставьте свои предметы за Печати Мира. Обмен → прямая передача предмета другому магу.',
+    help_section_marketplace: 'Базар',
+    help_marketplace_text: 'Базар — стихийное место торговли. Обзор → купите выставленные предметы. Продать → выставьте свои предметы за Печати Мира. Обмен → прямая передача предмета другому магу.',
 
     help_section_leaderboard: 'Рейтинг',
     help_leaderboard_text: 'Экран Рейтинга (вкладка с кубком) показывает топ-100 магов по опыту. Твоё место отображается в верхней части. Таблица обновляется автоматически по мере охоты.',

app/js/ui/components/battle-narrator.js

@@ -99,9 +99,9 @@ var BattleNarrator = (function() {
         var hints = voiceGender === 'female' ? femaleHints : maleHints;
         for (var j = 0; j < pool.length; j++) {
             var name = (pool[j].name || '') + ' ' + (pool[j].voiceURI || '');
-            if (hints.test(name)) return pool[j];
+            if (hints.test(name)) return { voice: pool[j], matched: true };
         }
-        return pool[0] || null;
+        return { voice: pool[0] || null, matched: false };
     }
 
     /**
@@ -132,11 +132,17 @@ var BattleNarrator = (function() {
         try {
             var utterance = new SpeechSynthesisUtterance(message);
             var lang = (Helpers.getCurrentLang && Helpers.getCurrentLang() === 'en') ? 'en-US' : 'ru-RU';
-            var voice = _selectVoice(lang);
+            var voiceChoice = _selectVoice(lang);
+            var voice = voiceChoice && voiceChoice.voice ? voiceChoice.voice : null;
+            var matchedVoice = !!(voiceChoice && voiceChoice.matched);
             utterance.lang = lang;
             if (voice) utterance.voice = voice;
-            utterance.rate = (voiceTimbre === 'rough') ? 0.92 : (voiceTimbre === 'soft' ? 0.98 : 1);
-            utterance.pitch = (voiceGender === 'male') ? (voiceTimbre === 'rough' ? 0.84 : 0.9) : (voiceTimbre === 'rough' ? 0.96 : 1.08);
+            utterance.rate = (voiceTimbre === 'rough') ? 0.94 : (voiceTimbre === 'soft' ? 0.98 : 1);
+            if (voiceGender === 'male') {
+                utterance.pitch = matchedVoice ? (voiceTimbre === 'rough' ? 0.86 : 0.92) : 1;
+            } else {
+                utterance.pitch = (voiceTimbre === 'rough') ? 0.98 : 1.08;
+            }
             utterance.volume = 1;
             window.speechSynthesis.cancel();
             window.speechSynthesis.speak(utterance);

app/js/ui/screens/crafting.js

@@ -257,8 +257,6 @@ var CraftingScreen = (function() {
             return html;
         }
 
-        html += '<button class="btn btn-secondary btn-sm craft-tab-back-btn" aria-label="' + t('craft_back') + '">' + t('craft_back') + '</button>';
-
         // Enchantable items (equipped or in bag, with slots available)
         html += '<h2>' + t('enchant_title') + '</h2>';
         html += '<p class="enchant-desc">' + t('enchant_desc') + '</p>';