Add balanced temple offerings

Author: web3blind

app/assets/deities/god-labor.svg

@@ -1701,3 +1701,79 @@ body,
     font-size: 0.82rem;
     line-height: 1.4;
 }
+
+
+/* Temple */
+.temple-screen {
+    max-width: 920px;
+    margin: 0 auto;
+}
+
+.temple-balance-note,
+.temple-rules {
+    color: var(--color-text-muted);
+}
+
+.temple-deities {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: var(--space-md);
+    margin: var(--space-md) 0;
+}
+
+.temple-card {
+    display: grid;
+    grid-template-columns: 120px minmax(0, 1fr);
+    gap: var(--space-md);
+    padding: var(--space-md);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius);
+    background: var(--color-surface);
+}
+
+.temple-card-fire_goddess {
+    border-left: 4px solid #ff7a1a;
+}
+
+.temple-card-labor_god {
+    border-left: 4px solid #58a6ff;
+}
+
+.temple-deity-image {
+    width: 120px;
+    height: 120px;
+    border-radius: 24px;
+    background: #08080f;
+}
+
+.temple-deity-copy h2 {
+    margin-bottom: var(--space-xs);
+}
+
+.temple-domain,
+.temple-target,
+.temple-reward,
+.temple-cooldown {
+    color: var(--color-text-muted);
+    font-size: 0.9rem;
+}
+
+.temple-rules ul {
+    margin-left: 1.2rem;
+}
+
+@media (max-width: 720px) {
+    .temple-deities {
+        grid-template-columns: 1fr;
+    }
+}
+
+@media (max-width: 480px) {
+    .temple-card {
+        grid-template-columns: 1fr;
+    }
+    .temple-deity-image {
+        width: 96px;
+        height: 96px;
+    }
+}

app/assets/deities/goddess-fire.svg

@@ -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=20260712f">
+    <link rel="stylesheet" href="css/main.css?v=20260712g">
     <link rel="stylesheet" href="css/themes.css">
     <link rel="stylesheet" href="css/accessibility.css">
 </head>
@@ -99,6 +99,10 @@
     <!-- Screen: Leaderboard -->
     <section id="screen-leaderboard" class="screen" role="main" aria-hidden="true" aria-label="Leaderboard">
     </section>
+
+    <!-- Screen: Temple -->
+    <section id="screen-temple" class="screen" role="main" aria-hidden="true" aria-label="Temple">
+    </section>
     </div>
 
     <!-- Bottom navigation -->
@@ -113,11 +117,11 @@
     <script src="lib/viz.min.js"></script>
 
     <!-- Config -->
-    <script src="js/config.js?v=20260621m"></script>
+    <script src="js/config.js?v=20260712a"></script>
 
     <!-- I18n -->
-    <script src="js/i18n/ru.js?v=20260712f"></script>
-    <script src="js/i18n/en.js?v=20260712f"></script>
+    <script src="js/i18n/ru.js?v=20260712g"></script>
+    <script src="js/i18n/en.js?v=20260712g"></script>
 
     <!-- Utilities -->
     <script src="js/utils/helpers.js?v=20260621l"></script>
@@ -128,7 +132,7 @@
     <script src="js/blockchain/connection.js"></script>
     <script src="js/blockchain/account.js"></script>
     <script src="js/blockchain/history-source.js?v=20260621d"></script>
-    <script src="js/blockchain/broadcast.js?v=20260621m"></script>
+    <script src="js/blockchain/broadcast.js?v=20260712a"></script>
     <script src="js/blockchain/invite.js"></script>
 
     <!-- Protocols -->
@@ -149,7 +153,7 @@
     <script src="js/engine/types.js"></script>
     <script src="js/engine/formulas.js"></script>
     <script src="js/engine/character.js"></script>
-    <script src="js/engine/items.js"></script>
+    <script src="js/engine/items.js?v=20260712a"></script>
     <script src="js/engine/combat.js?v=20260712c"></script>
     <script src="js/engine/duel.js"></script>
     <script src="js/engine/duel-state.js"></script>
@@ -161,12 +165,12 @@
     <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=20260712f"></script>
+    <script src="js/engine/world-events.js?v=20260712g"></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>
     <script src="js/engine/npc-framework.js"></script>
-    <script src="js/engine/state-engine.js?v=20260621m"></script>
+    <script src="js/engine/state-engine.js?v=20260712a"></script>
     <script src="js/engine/daily-leaderboard-storage.js"></script>
     <script src="js/engine/daily-leaderboard.js"></script>
 
@@ -175,14 +179,14 @@
     <script src="js/ui/components/progress-bar.js?v=20260712b"></script>
     <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"></script>
+    <script src="js/ui/components/nav.js?v=20260712a"></script>
     <script src="js/ui/components/battle-narrator.js?v=20260712b"></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=20260712f"></script>
+    <script src="js/ui/screens/home.js?v=20260712g"></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>
@@ -196,10 +200,11 @@
     <script src="js/ui/screens/quests.js?v=20260621n"></script>
     <script src="js/ui/screens/world-boss.js"></script>
     <script src="js/ui/screens/settings.js?v=20260712b"></script>
-    <script src="js/ui/screens/help.js?v=20260711d"></script>
+    <script src="js/ui/screens/help.js?v=20260712a"></script>
     <script src="js/ui/screens/leaderboard.js"></script>
+    <script src="js/ui/screens/temple.js?v=20260712a"></script>
 
     <!-- Main App Controller (must be last) -->
-    <script src="js/ui/app.js?v=20260711d"></script>
+    <script src="js/ui/app.js?v=20260712a"></script>
 </body>
 </html>

app/css/main.css

@@ -206,6 +206,38 @@ var VizBroadcast = (function() {
         });
     }
 
+
+    /**
+     * Send a Temple offering: VM proof + award to a symbolic VIZ account.
+     * The in-game result is deliberately small and cosmetic to avoid pay-to-win balance.
+     * @param {string} deityId
+     * @param {string} targetAccount - null or committee
+     * @param {number} energy - mana basis points
+     * @param {Function} callback
+     */
+    function templeOffering(deityId, targetAccount, energy, callback) {
+        var memo = 'viz://vm/temple/' + deityId;
+        var actionData = {
+            t: cfg.ACTION_TYPES.TEMPLE_OFFERING,
+            d: { deity: deityId, target: targetAccount, energy: energy }
+        };
+
+        gameAction(actionData, function(err, result) {
+            if (err) {
+                callback(err);
+                return;
+            }
+            award(targetAccount, energy, 0, memo, [], function(awardErr, awardResult) {
+                if (awardErr) {
+                    console.log('Temple award failed (VM offering proof was recorded):', awardErr);
+                    callback(awardErr);
+                    return;
+                }
+                callback(null, { action: result, award: awardResult || null });
+            });
+        });
+    }
+
     /**
      * Broadcast quest action (accept / complete / abandon) as a VM custom op.
      * @param {string} type
@@ -307,6 +339,7 @@ var VizBroadcast = (function() {
         gameAction: gameAction,
         huntAction: huntAction,
         armageddonAction: armageddonAction,
+        templeOffering: templeOffering,
         questAction: questAction,
         updateMetadata: updateMetadata,
         chroniclePost: chroniclePost,

app/index.html

@@ -183,6 +183,7 @@ var VizMagicConfig = (function() {
         QUEST_COMPLETE: 'quest.complete',
         QUEST_ABANDON:  'quest.abandon',
         BOSS_ATTACK:    'boss.attack',
+        TEMPLE_OFFERING:'temple.offering',
         // Guild discovery
         GUILD_LISTING:  'guild.listing'
     };

app/js/blockchain/broadcast.js

@@ -145,6 +145,16 @@ var ItemSystem = (function() {
             category: CATEGORIES.RELIC,
             slot: SLOTS.ACCESSORY,
             baseStats: {}
+        },
+        flame_votive_mark: {
+            category: CATEGORIES.RELIC,
+            slot: null,
+            baseStats: {}
+        },
+        labor_votive_mark: {
+            category: CATEGORIES.RELIC,
+            slot: null,
+            baseStats: {}
         }
     };
 

app/js/config.js

@@ -265,6 +265,9 @@ var StateEngine = (function() {
             case AT.HUNT_ARMAGEDDON:
                 events = events.concat(_handleHuntArmageddon(sender, action.data, blockNum));
                 break;
+            case AT.TEMPLE_OFFERING:
+                events = events.concat(_handleTempleOffering(sender, action.data, blockNum));
+                break;
             case AT.ITEM_EQUIP:
                 events = events.concat(_handleEquip(sender, action.data, blockNum));
                 break;
@@ -549,6 +552,48 @@ var StateEngine = (function() {
         }];
     }
 
+
+    /**
+     * Handle a Temple offering. Rewards are intentionally non-combat cosmetic relics.
+     * Cooldown prevents spam and keeps the economy from becoming pay-to-win.
+     */
+    function _handleTempleOffering(sender, data, blockNum) {
+        if (!worldState.characters[sender]) return [];
+        var deity = data.deity || '';
+        var target = data.target || '';
+        var energy = Number(data.energy || 0);
+        var cfgByDeity = {
+            fire_goddess: { target: 'null', minEnergy: 50, item: 'flame_votive_mark' },
+            labor_god: { target: 'committee', minEnergy: 50, item: 'labor_votive_mark' }
+        };
+        var def = cfgByDeity[deity];
+        if (!def || target !== def.target || energy < def.minEnergy) return [];
+
+        if (!worldState.temple) worldState.temple = {};
+        if (!worldState.temple[sender]) worldState.temple[sender] = {};
+        var lastBlock = worldState.temple[sender][deity] || 0;
+        var cooldown = 28800; // roughly one day
+        if (lastBlock && blockNum && blockNum - lastBlock < cooldown) {
+            return [{ type: 'temple_offering_rejected', account: sender, deity: deity, reason: 'cooldown' }];
+        }
+
+        worldState.temple[sender][deity] = blockNum || 0;
+        if (!worldState.inventories[sender]) worldState.inventories[sender] = [];
+        var item = ItemSystem.createItem(def.item, sender, 1, blockNum || 0, sender, false);
+        item.templeDeity = deity;
+        item.nonCombat = true;
+        worldState.inventories[sender].push(item);
+        return [{
+            type: 'temple_offering',
+            account: sender,
+            deity: deity,
+            target: target,
+            energy: energy,
+            itemType: def.item,
+            itemId: item.id
+        }];
+    }
+
     /**
      * Handle item equip
      */
@@ -1274,6 +1319,20 @@ var StateEngine = (function() {
         return result;
     }
 
+
+    /**
+     * Process Temple offering for live UI — same logic as replay.
+     */
+    function processTempleOfferingResult(account, deityId, targetAccount, energy, blockNum) {
+        var events = _handleTempleOffering(account, {
+            deity: deityId,
+            target: targetAccount,
+            energy: energy
+        }, blockNum || 0);
+        if (!events.length) return null;
+        return events[0];
+    }
+
     /**
      * Process movement for live UI — same authoritative mutation path as replay.
      * @param {string} account
@@ -1395,6 +1454,7 @@ var StateEngine = (function() {
         processQuestCompleteResult: processQuestCompleteResult,
         processQuestAbandonResult: processQuestAbandonResult,
         processArmageddonResult: processArmageddonResult,
+        processTempleOfferingResult: processTempleOfferingResult,
         reset: reset
     };
 })();

app/js/engine/items.js

@@ -1009,6 +1009,33 @@ var LangEN = {
     settings_realm_archives: 'Realm Archives',
 
     // Help screen
+    nav_temple: 'Temple',
+    temple_title: 'Temple',
+    temple_intro: 'Mages make small offerings to the gods of the world here. An offering spends mana through a VIZ award and leaves a modest sign of faith in the game.',
+    temple_balance_note: 'Balance: this is not buying power. For now the Temple grants lore relics without combat stats, with a daily limit per deity.',
+    temple_rules_title: 'Offering rules',
+    temple_rule_cost: 'One offering costs 0.50% mana.',
+    temple_rule_cooldown: 'A deity cannot be spammed: roughly one offering per in-world day.',
+    temple_rule_no_pay_to_win: 'The reward does not directly boost combat, so the economy stays safe and the Temple does not become pay-to-win.',
+    temple_fire_goddess_name: 'Goddess of Fire',
+    temple_fire_goddess_domain: 'Flame, cleansing, burnt pride',
+    temple_fire_goddess_text: 'The offering goes to null — sacrificial fire where VIZ burns like smoke above the altar.',
+    temple_labor_god_name: 'God of Labor',
+    temple_labor_god_domain: 'Hammer, craft, common work',
+    temple_labor_god_text: 'The offering goes to the VIZ development committee: not a private idol, but the building of the world.',
+    temple_offering_target: 'Offering account',
+    temple_reward: 'Sign',
+    temple_offer_button: 'Offer {cost}',
+    temple_offering_started: 'Sending the offering to the chain...',
+    temple_offering_failed: 'Offering failed. Mana should not count as spent in game.',
+    temple_offering_success: 'Offering accepted. A sign of faith was added to your bag.',
+    temple_cooldown_active: 'This deity has already accepted an offering today.',
+    temple_last_offering_recorded: 'A recent offering is already recorded in the world.',
+    temple_no_offering_yet: 'No offering to this deity has been recorded yet.',
+    item_flame_votive_mark: 'Altar Spark',
+    item_labor_votive_mark: 'Labor Seal',
+    help_section_temple: 'Temple',
+    help_temple_text: 'At the Temple, you can make small offerings: to the Goddess of Fire through null and to the God of Labor through committee. Rewards are cosmetic/lore-first for balance.',
     nav_help: 'Guide',
     help_title: 'Game Guide',
     help_intro: 'Viz Magic is a browser RPG on the VIZ blockchain. Every action — hunt, craft, trade — is permanently recorded on-chain.',