MASSFRONT v1.32.24 — header redesign, EMP ability, stim fix

assets/app.webmanifest

@@ -11,17 +11,17 @@
   "theme_color": "#060c16",
   "icons": [
     {
-      "src": "./icons/icon-192.png?v=1.32.23",
+      "src": "./icons/icon-192.png?v=1.32.24",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "./icons/icon-512.png?v=1.32.23",
+      "src": "./icons/icon-512.png?v=1.32.24",
       "sizes": "512x512",
       "type": "image/png"
     },
     {
-      "src": "./icons/icon-1024.png?v=1.32.23",
+      "src": "./icons/icon-1024.png?v=1.32.24",
       "sizes": "1024x1024",
       "type": "image/png",
       "purpose": "any maskable"

boot.js

@@ -35,7 +35,7 @@
      otherwise reuse a stale source even after the installer or local preview
      has changed, which made new settings appear to be missing until cache was
      cleared manually. Patch bundles keep their content-addressed Blob URLs. */
-  var PACKAGED_REV='1.32.23';
+  var PACKAGED_REV='1.32.24';
   var DB='massfront-updates', STORE='bundles';
   var bootShield=null, bootShieldTimer=0, bootShieldWatchdog=0;
   var bootShieldEvents=['pointerdown','pointerup','touchstart','touchend','click'];

index.html

@@ -9,19 +9,19 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="theme-color" content="#060c16">
 <meta name="format-detection" content="telephone=no">
-<link rel="apple-touch-icon" href="./assets/icons/icon-180.png?v=1.32.23">
-<link rel="apple-touch-icon" sizes="152x152" href="./assets/icons/icon-152.png?v=1.32.23">
-<link rel="apple-touch-startup-image" href="./assets/icons/splash-2732.png?v=1.32.23">
-<link rel="icon" href="./assets/icons/icon-192.png?v=1.32.23">
-<link rel="manifest" href="./assets/app.webmanifest?v=1.32.23">
+<link rel="apple-touch-icon" href="./assets/icons/icon-180.png?v=1.32.24">
+<link rel="apple-touch-icon" sizes="152x152" href="./assets/icons/icon-152.png?v=1.32.24">
+<link rel="apple-touch-startup-image" href="./assets/icons/splash-2732.png?v=1.32.24">
+<link rel="icon" href="./assets/icons/icon-192.png?v=1.32.24">
+<link rel="manifest" href="./assets/app.webmanifest?v=1.32.24">
 <title>MASSFRONT — Mobile RTS</title>
-<link rel="stylesheet" href="./src/styles/ui.css?v=1.32.23">
-<link rel="stylesheet" href="./src/styles/auth.css?v=1.32.23">
-<link rel="stylesheet" href="./src/styles/tutorial.css?v=1.32.23">
-<link rel="stylesheet" href="./src/styles/ads.css?v=1.32.23">
-<link rel="stylesheet" href="./src/styles/store.css?v=1.32.23">
-<link rel="stylesheet" href="./src/styles/restree.css?v=1.32.23">
-<link rel="stylesheet" href="./src/styles/intro.css?v=1.32.23">
+<link rel="stylesheet" href="./src/styles/ui.css?v=1.32.24">
+<link rel="stylesheet" href="./src/styles/auth.css?v=1.32.24">
+<link rel="stylesheet" href="./src/styles/tutorial.css?v=1.32.24">
+<link rel="stylesheet" href="./src/styles/ads.css?v=1.32.24">
+<link rel="stylesheet" href="./src/styles/store.css?v=1.32.24">
+<link rel="stylesheet" href="./src/styles/restree.css?v=1.32.24">
+<link rel="stylesheet" href="./src/styles/intro.css?v=1.32.24">
 <style>
 /* CRITICAL — inline so it holds on the FIRST painted frame even if the linked
    intro.css above is slow or fails. The launch reveal (src/intro.js, z-index 950)
@@ -114,6 +114,7 @@ body:not(.mfIntroDone) .overlay{display:none!important}
     <button class="cbtn abtn" id="abHeal"><span class="em">🛠</span><span>Repair</span><div class="cdring"></div></button>
     <button class="cbtn abtn" id="abRage"><span class="em">⚡</span><span>Surge</span><div class="cdring"></div></button>
     <button class="cbtn abtn" id="abLance"><span class="em">🛰</span><span>Lance</span><div class="cdring"></div></button>
+    <button class="cbtn abtn" id="abEmp"><span class="em">⚡</span><span>EMP</span><div class="cdring"></div></button>
     <button class="cbtn abtn" id="abJump" aria-label="Commander jump jets"><span class="em">↗</span><span>Jump</span><div class="cdring"></div></button>
     <button class="cbtn abtn" id="abClass" style="display:none" aria-label="Selected unit class ability"><span class="em" id="classAbEm">➤</span><span id="classAbNm">Class</span><div class="cdring"></div></button>
     <button class="cbtn abtn" id="abBarrage" aria-label="Charged Barrage" title="Charged Barrage"><span class="em">☄</span><span>Barrage</span><div class="cdring"></div></button>
@@ -154,14 +155,22 @@ body:not(.mfIntroDone) .overlay{display:none!important}
        tappable, because it is the shortest route to the screen the rest of it
        moved to — plus the cores/record box, which is a live figure rather
        than a progression readout. -->
-  <!-- Corner mailbox. Deliberately NOT in .menuStrip: a notification surface
-       wants a fixed, always-in-the-same-place home, and the strip is a row of
-       peers that reflows. -->
-  <button type="button" id="inboxBtn" aria-label="Inbox"><span class="sEmj">✉</span></button>
+  <!-- Identity first, economy second. The old header put the rank ladder, the
+       cores and the record on one crowded line and pushed the whole thing under
+       the OS status bar. Now: a profile icon carrying the account level, the
+       name beside it, the mailbox in the corner OF THE HEADER (so it cannot
+       overlap the numbers the way a free-floating button did), and the
+       resources on their own row underneath. -->
   <div id="metaHead">
-    <button type="button" id="rankEm" aria-label="Open your profile and career record">🎖</button>
-    <div id="rankGreet"><b id="greetLine">COMMANDER</b><span id="greetSub">Tap the rank badge for your career</span></div>
-    <div id="coreBox"><span class="lbl">CORES</span><b id="coreV">0</b><div id="metaRec">0W / 0L</div></div>
+    <button type="button" id="rankEm" aria-label="Open your profile and career record">
+      <span id="rankEmGlyph">🎖</span><span id="rankLvl">1</span>
+    </button>
+    <div id="rankGreet"><b id="greetLine">COMMANDER</b><span id="greetSub">Tap your profile for career details</span></div>
+    <button type="button" id="inboxBtn" aria-label="Inbox"><span class="sEmj">✉</span></button>
+    <div id="metaRes">
+      <div class="metaResCell"><span class="lbl">CORES</span><b id="coreV">0</b></div>
+      <div class="metaResCell"><span class="lbl">RECORD</span><b id="metaRec">0W / 0L</b></div>
+    </div>
   </div>
   <!-- The supplied metallic MASSFRONT key art replaces the old drawn shield SVG
        and the CSS wordmark/tagline, so the menu carries the same brand as the
@@ -202,7 +211,7 @@ body:not(.mfIntroDone) .overlay{display:none!important}
     <div class="updHead">
       <div>
         <div id="updTxt">GAME VERSION</div>
-        <div id="updSub">v1.32.23</div>
+        <div id="updSub">v1.32.24</div>
       </div>
       <div class="updBtns">
         <button id="updCancel" style="display:none">✕</button>

src/game/commander.js

@@ -3,8 +3,8 @@
    ============================================================ */
 let heroLvl=1, heroXp=0, heroXpNext=100;
 let heroDmgMult=1, heroRegen=14;
-let abCool=[0,0,0,0];                  // blast, repair, surge, orbital lance
-const AB_CD=[26,20,30,70];
+let abCool=[0,0,0,0,0];                // blast, repair, surge, orbital lance, EMP
+const AB_CD=[26,20,30,70,45];
 let heroJumpCool=0;
 const HERO_JUMP={range:275,cool:28,energy:170};
 let heroStuckFor=0,heroRescueAt=0;
@@ -281,6 +281,15 @@ const UPGRADES=[
  {em:'💥', nm:'Wider Blast',      ds:'Orbital Blast radius +35%',     fn:()=>{ blastRadius*=1.35; }},
 ];
 let bonusMass=0, bonusEnergy=0, armyDmgMult=1, blastRadius=110;
+/* Combat Stims are a TEMPORARY multiplier and must be kept out of armyDmgMult.
+   armyDmgMult is written ADDITIVELY by thirteen different sources — research,
+   the Veteran Doctrine level-up card, five armory weapon items, consumables,
+   develop modules and operation modifiers. Folding a *=1.45 into it and later
+   doing /=1.45 is not an inverse once any of those has landed in between:
+   (1.00*1.45 + 0.12)/1.45 = 1.083, not 1.12. A player who completed Ballistics I
+   during a stim permanently kept 0.083 of the 0.12 they paid 500 mass and 2500
+   energy for, and level-ups are MORE likely during a stim because kills spike. */
+let stimDmgMult=1;
 function flashScreen(){
   const f=document.getElementById('flash');
   if(!f) return;
@@ -319,6 +328,7 @@ function tryAbility(k){
   if(heroIdx<0){ toast('Commander is down'); return; }
   if(!abUnlock[k]){
     toast(k===3?'🛰 Buy the Orbital Uplink in the Armory to unlock this'
+        :k===4?'⚡ Craft the EMP Charge module in Development to unlock this'
                 :'Unlocks at Commander level '+(k===1?2:3));
     return;
   }
@@ -337,6 +347,37 @@ function tryAbility(k){
     addParticle(3,hx,hy,0,0,.7,190, 90,255,160);
     sfx('heal'); if(typeof radioAck==='function')radioAck('ability',1,hx,hy); return;
   }
+  if(k===4){ // EMP charge — the craftable module from Development
+    /* This module has been on sale in Development for 5 Relic Cores + 30 Isotope
+       since it was added, described as "stun everything in a wide radius", with
+       no implementation anywhere in the codebase and a flag that a four-entry
+       reset array threw away every match. Both are fixed; this is the ability.
+
+       Centred on the Commander rather than aimed: it is a panic button for when
+       the Commander is caught, and a self-centred blast needs no aiming mode —
+       one less state machine to get wrong. Friendlies are untouched. */
+    abCool[4]=AB_CD[4];
+    const hx=ux[heroIdx], hy=uy[heroIdx], R=260;
+    let n=0;
+    forUnitsIn(hx,hy,R,j=>{
+      if(!ualive[j]||uteam[j]===0||j===heroIdx) return;
+      ustun[j]=4; ucool[j]=Math.max(ucool[j],4); n++;
+      addParticle(0,ux[j],uy[j],0,-12,.5,7,150,220,255);
+    });
+    /* Enemy defensive structures are on the same grid and are just as much
+       "everything in a wide radius" as the units are. */
+    let b=0;
+    for(const B of blds){
+      if(!B.alive||B.team===0) continue;
+      if(Math.hypot(B.x-hx,B.y-hy)>R) continue;
+      B.cool=Math.max(B.cool||0,4); b++;
+    }
+    addParticle(3,hx,hy,0,0,.8,R,150,220,255);
+    toast('⚡ EMP — '+n+' unit'+(n===1?'':'s')+(b?' and '+b+' structure'+(b===1?'':'s'):'')+' disabled for 4s');
+    sfx('surge',hx,hy,1.2);
+    if(typeof radioAck==='function')radioAck('ability',n,hx,hy);
+    return;
+  }
   if(k===2){ // combat surge
     abCool[2]=AB_CD[2];
     const hx=ux[heroIdx], hy=uy[heroIdx];

src/game/meta.js

@@ -340,7 +340,12 @@ function invApplyLoadout(){
   b.ready=[]; metaSave();
   return used;
 }
-const AB_BASE=[26,20,30,70];         // must stay in lockstep with AB_CD (blast/repair/surge/lance)
+/* MUST stay in lockstep with AB_CD in commander.js — the rebuild loop below is
+   driven by AB_CD.length, so a shorter AB_BASE writes `undefined * cd` = NaN
+   into the extra slots. A NaN cooldown never satisfies `abCool[k]>0`, so the
+   ability reads as permanently ready and its cooldown never displays. Adding
+   the EMP as a fifth ability without this line did exactly that. */
+const AB_BASE=[26,20,30,70,45];      // blast, repair, surge, lance, EMP
 /* The setup screen's supply-drop choice, kept so perks can be re-applied on top
    of it every match instead of on top of last match's result. */
 let crateRateBase=1;
@@ -570,13 +575,15 @@ function renderMetaHead(){
   const r=metaRankIdx(), R=RANKS[r], next=RANKS[r+1], P=activeProf();
   const set=(id,v)=>{ const e=document.getElementById(id); if(e) e.textContent=v; };
   const ID=profIdentity();
-  const badge=document.getElementById('rankEm');
-  if(badge){
+  const glyph=document.getElementById('rankEmGlyph');
+  if(glyph){
     /* Wearing a commander replaces the emoji with their portrait, framed by
-       whichever frame the account has unlocked and chosen. */
-    if(ID.portrait) badge.innerHTML='<img class="badgePortrait fr-'+ID.frame+'" src="'+ID.portrait+'" alt="">';
-    else badge.textContent=ID.emblem;
+       whichever frame the account has unlocked and chosen. The level badge is a
+       sibling, so it survives this swap. */
+    if(ID.portrait) glyph.innerHTML='<img class="badgePortrait fr-'+ID.frame+'" src="'+ID.portrait+'" alt="">';
+    else glyph.textContent=ID.emblem;
   }
+  set('rankLvl', r+1);
   /* The name / rank label / XP bar / XP count moved to Profile ▸ CAREER
      (renderCareer). The header keeps the badge and a one-line greeting; the
      badge's tooltip carries the rank so the symbol is never a mystery. */

src/game/sim.js

@@ -177,6 +177,12 @@ const HAZ_SPD=0.72, HAZ_RNG=0.70;
    normal engagement resumes, so this cannot make a wave ignore the base it came
    to attack. */
 const umarch=new Uint8Array(MAXU);
+/* EMP stun, in seconds. A stunned unit neither moves nor fires. Declared here
+   with the rest of the per-unit state so it is impossible to miss when reading
+   what a slot carries — and it is cleared in spawnUnit() alongside the others,
+   because a recycled slot inherits every array it is not explicitly told to
+   reset. That exact omission on umarch shipped as a live bug in 1.32.18. */
+const ustun=new Float32Array(MAXU);
 let freeList=[], unitHigh=0;
 const teamCount=[0,0,0];
 const titanCount=[0,0];
@@ -390,7 +396,7 @@ function spawnUnit(type,team,x,y){
      a dead marcher's slot silently refused to engage for the rest of the match.
      main.js clears the array between matches, which is why this only ever
      surfaced mid-match and read as an aggro/AI bug rather than a spawn bug. */
-  umarch[i]=0;
+  umarch[i]=0; ustun[i]=0;
   uPatrolRoute[i]=-1; uPatrolStep[i]=0; uPatrolSlot[i]=0;
   uMoveCohort[i]=-1; uCohesion[i]=1;
   umode[i]=0; umodeT[i]=0;
@@ -1702,7 +1708,8 @@ function crateTick(dt){
   }
   if(boostDmgT>0){
     boostDmgT-=dt;
-    if(boostDmgT<=0){ armyDmgMult/=1.45; toast('🎖 Combat stims worn off'); }
+    /* Set, not divided — see the stimDmgMult note in commander.js. */
+    if(boostDmgT<=0){ stimDmgMult=1; toast('🎖 Combat stims worn off'); }
   }
 }
 function applyCrate(k,x,y){
@@ -1713,7 +1720,7 @@ function applyCrate(k,x,y){
     pickupToast(k,'+250 MASS · +900 ENERGY');
   }
   else if(k.id==='vet'){
-    if(boostDmgT<=0) armyDmgMult*=1.45;
+    stimDmgMult=1.45;
     boostDmgT=30; pickupToast(k,'ARMY DAMAGE +45% · 30 SECONDS');
   }
   else if(k.id==='repair'){
@@ -3314,6 +3321,13 @@ function unitTick(dt){
     if(ubroodLed[i]>0) ubroodLed[i]-=dt;
     if(uhaz[i]>0) uhaz[i]-=dt;
     if(ustomp[i]>0) ustomp[i]-=dt;
+    if(ustun[i]>0){
+      ustun[i]-=dt;
+      /* Held under EMP: no movement, no firing. The arc particle is what tells
+         the player WHY a line of enemies has stopped, so it is not optional. */
+      if(((i+tick)&7)===0) addParticle(0,ux[i],uy[i],rr(-14,14),rr(-14,14),.26,4,150,220,255);
+      continue;
+    }
     if(ushielded[i]>0) ushielded[i]-=dt;
     /* ---- FACTION HERO BEHAVIOURS ------------------------------------------
        Each hero does something its faction's army cannot, so killing it changes
@@ -3433,7 +3447,7 @@ function unitTick(dt){
         const vet=1+uvet[i]*0.15;
         ucool[i]=T.cool*modeCoolMul(md)*classCoolMul(i)*broodCoolMul(i)/(ubuff[i]>0?1.4:1);
         if(md===4){ umode[i]=0; umodeT[i]=MODE_SWITCH*0.4; }   // firing breaks GHOST cover
-        const dmg=T.dmg*vet*modeDmgMul(md)*classDmgMul(i)*broodDmgMul(i)*(ubuff[i]>0?1.5:1)*(uteam[i]===1?aiDmgMult:(uteam[i]===0?armyDmgMult:1))*(i===heroIdx?heroDmgMult:1);
+        const dmg=T.dmg*vet*modeDmgMul(md)*classDmgMul(i)*broodDmgMul(i)*(ubuff[i]>0?1.5:1)*(uteam[i]===1?aiDmgMult:(uteam[i]===0?armyDmgMult*stimDmgMult:1))*(i===heroIdx?heroDmgMult:1);
         const ma=(T.tur?uturr[i]:uang[i])-Math.PI/2;
         const mx=ux[i]+Math.cos(ma)*T.size*0.62, my=uy[i]+Math.sin(ma)*T.size*0.62;
         if(T.wk==='m'){

src/main.js

@@ -231,7 +231,7 @@ function resetWorld(){
   aiHpMult=1;
   stats.kills=[0,0,0]; stats.built=[0,0]; stats.t=0; stats.nests=0; stats.reclaimed=0;
   heroLvl=1; heroXp=0; heroXpNext=100; pendingLevels=0;
-  heroDmgMult=1; heroRegen=14; armyDmgMult=1; bonusMass=0; bonusEnergy=0;
+  heroDmgMult=1; heroRegen=14; armyDmgMult=1; stimDmgMult=1; boostDmgT=0; bonusMass=0; bonusEnergy=0;
   playerBuildMult=1; blastRadius=110;
   titanCount[0]=0; titanCount[1]=0; teamCount[2]=0;
   beams.length=0; fogCov.fill(0); fogSeen.fill(0); fogSources.fill(0); fogScans.length=0;
@@ -1320,6 +1320,7 @@ function wire(){
   $('abHeal').addEventListener('pointerdown',()=>tryAbility(1));
   $('abRage').addEventListener('pointerdown',()=>tryAbility(2));
   $('abLance').addEventListener('pointerdown',()=>tryAbility(3));
+  $('abEmp').addEventListener('pointerdown',()=>tryAbility(4));
   if($('abJump')) $('abJump').addEventListener('pointerdown',()=>tryCommanderJump());
   $('abBarrage').addEventListener('pointerdown',()=>tryArtilleryBarrage());
   if($('abClass')) $('abClass').addEventListener('pointerdown',()=>tryClassAbility());

src/styles/ui.css

@@ -9,7 +9,13 @@
   --red:#ff5d43; --gold:#ffd257; --green:#5dff9a;
   /* Capacitor injects --safe-area-inset-* on Android WebView versions where
      CSS env() reports zero. Keep env() as the browser/iOS fallback. */
-  --sat:var(--safe-area-inset-top,env(safe-area-inset-top,0px));
+  --satRaw:var(--safe-area-inset-top,env(safe-area-inset-top,0px));
+  /* Android WebView reports env(safe-area-inset-top) as 0px unless the activity
+     opts into cutout mode, so relying on it alone painted the OS status bar —
+     clock, wifi, battery — directly on top of the menu header. A floor keeps the
+     UI clear of it everywhere; on a device that DOES report a real inset (an
+     iPhone notch at 47px) max() leaves that untouched. */
+  --sat:max(var(--satRaw),26px);
   --sar:var(--safe-area-inset-right,env(safe-area-inset-right,0px));
   --sab:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));
   --sal:var(--safe-area-inset-left,env(safe-area-inset-left,0px));
@@ -517,7 +523,8 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
 .goData small{display:block;color:#7fb29c;font:600 9px var(--fU);letter-spacing:.03em}.goData.muted{color:#7f9aab;font-size:10px}
 
 /* ---------- META HEADER ---------- */
-#metaHead{display:flex;align-items:center;gap:10px;width:min(92vw,384px);border-radius:13px;padding:8px 13px;
+#metaHead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'icon name mail' 'res res res';
+  align-items:center;gap:8px 10px;width:min(92vw,384px);border-radius:13px;padding:9px 12px 10px;
   border:1px solid transparent;background:var(--panelG) padding-box,var(--steelB) border-box;
   box-shadow:0 4px 14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1);
   clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px)}
@@ -600,7 +607,12 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
 #profileScr,#settingsScr,#setupScr{display:none;justify-content:flex-start;padding-top:calc(var(--sat) + 16px)}
 #setupScr{background:
   radial-gradient(ellipse at 50% -10%,rgba(28,68,104,.55),transparent 60%),rgba(3,7,14,.94)}
-#startScreen{justify-content:center;padding-top:calc(var(--sat) + 10px)}
+/* `safe center` instead of plain `center`. A centred flex column that overflows
+   clips its START — on a 640px-tall screen the menu header sat at -3.6px, above
+   the top of the viewport and unreachable, which is the same "UI under the OS
+   chrome" complaint in a different disguise. `safe` falls back to flex-start the
+   moment the content no longer fits, so nothing is ever pushed off the top. */
+#startScreen{justify-content:safe center;padding-top:calc(var(--sat) + 10px)}
 #startScreen .title{margin-top:14px}
 .menuGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(88vw,340px);margin-top:12px}
 .gbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:13px 8px;border-radius:11px;
@@ -1777,7 +1789,7 @@ body.godMode #godBadge{display:flex}
   body.uiPrimaryOpen .menuRoleInspect{min-height:27px;margin-top:auto;padding:4px 8px}
 }
 @media (max-width:380px) and (orientation:portrait){
-  /* On 320–360px phones the live rates are the only expendable text. Values,
+  /* On 320–360px phones the live rates are the only expendable text. Values,
      resource identities, and both 44px command targets always remain visible. */
   #topbar .res .rate{display:none}
   #topbar{grid-template-columns:repeat(3,minmax(0,1fr)) 44px 44px}
@@ -2010,3 +2022,33 @@ body.godMode #godBadge{display:flex}
   background:#5be69f;box-shadow:0 0 7px rgba(91,230,159,.9)}
 #inboxBtn{position:absolute}
 body.menuMode #inboxHudBtn{display:none}
+
+
+/* ── Menu header: profile icon + level, resources underneath ───────────────
+   Grid areas rather than a flex row, so the mailbox can sit in the header's own
+   top-right corner instead of floating over the numbers, and the resources get
+   a full-width row of their own. */
+#rankEm{grid-area:icon;position:relative;display:flex;align-items:center;justify-content:center}
+#rankEmGlyph{font-size:30px;line-height:1;display:block;filter:drop-shadow(0 0 6px rgba(255,210,87,.5))}
+/* The account level, as a badge on the corner of the portrait. */
+#rankLvl{position:absolute;right:-3px;bottom:-3px;min-width:19px;height:19px;padding:0 4px;
+  display:flex;align-items:center;justify-content:center;border-radius:10px;
+  font-family:var(--fT);font-size:10px;font-weight:800;line-height:1;color:#08131d;
+  background:linear-gradient(180deg,#ffe9a3,#e0b757);border:1px solid rgba(10,20,30,.65);
+  box-shadow:0 1px 4px rgba(0,0,0,.6)}
+#rankGreet{grid-area:name}
+#inboxBtn{grid-area:mail;position:static;width:40px;height:40px;flex:0 0 auto}
+#metaRes{grid-area:res;display:grid;grid-template-columns:1fr 1fr;gap:8px;
+  padding-top:8px;border-top:1px solid rgba(120,170,205,.18)}
+.metaResCell{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:0}
+.metaResCell .lbl{font-size:8.5px;letter-spacing:.16em;color:#7fa8c4;font-weight:700;flex:0 0 auto}
+.metaResCell b{font-family:var(--fT);font-size:15px;color:#8be8ff;font-variant-numeric:tabular-nums;
+  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.metaResCell:last-child b{font-size:13px;color:#cfe8ff}
+#metaRec{margin:0;font-size:inherit;color:inherit}
+#rankEm .badgePortrait{width:40px;height:40px;border-radius:50%}
+@media (max-width:430px){
+  #rankEmGlyph{font-size:26px}
+  #rankEm .badgePortrait{width:36px;height:36px}
+  .metaResCell b{font-size:14px}
+}

src/ui/hud.js

@@ -1539,8 +1539,10 @@ function updateHUD(fps){
     $('xpFill').style.width=(heroXp/heroXpNext*100)+'%';
     $('heroLvlBadge').textContent=heroLvl;
   } else $('heroBar').style.display='none';
-  const btns=[$('abOver'),$('abHeal'),$('abRage'),$('abLance')];
-  for(let k=0;k<4;k++){
+  /* Length-driven, not a hardcoded 4. The EMP module added a fifth ability and
+     the old literal silently left it out of the cooldown/lock rendering. */
+  const btns=[$('abOver'),$('abHeal'),$('abRage'),$('abLance'),$('abEmp')].filter(Boolean);
+  for(let k=0;k<btns.length;k++){
     const cd=btns[k].querySelector('.cdring');
     if(!abUnlock[k]){ btns[k].classList.add('cd'); cd.style.display='flex'; cd.textContent='🔒'; }
     else if(abCool[k]>0){ btns[k].classList.add('cd'); cd.style.display='flex'; cd.textContent=Math.ceil(abCool[k]); }

src/updater.js

@@ -29,7 +29,7 @@
    ============================================================================ */
 
 /* Bumped by the release script. Compared against the manifest's `version`. */
-const APP_VERSION = '1.32.23';
+const APP_VERSION = '1.32.24';
 
 /* The channel URL in update-config.json remains publisher-configurable, but a
    production checker also needs one known-good recovery path. More importantly,