Spaces:

CREATORJD
/

massfront-playtest

Running

App Files Files Community

CREATORJD commited on 12 days ago

Commit

bebd577

verified ·

1 Parent(s): 74e2cf1

Publish MASSFRONT web 1.32.0 (part 2)

Browse files

Files changed (32) hide show

.gitattributes +1 -0
assets/modifiers/modifier-art-atlas-v1.png +3 -0
boot.js +4 -4
index.html +27 -23
src/airlift-factions.js +122 -0
src/airlift.js +857 -0
src/audio.js +1 -1
src/develop.js +38 -11
src/endgame.js +67 -20
src/engine/mesh.js +78 -6
src/engine/terrain.js +82 -0
src/factions.js +46 -24
src/game/ai.js +9 -1
src/game/commander.js +82 -0
src/game/economy.js +22 -1
src/game/meta.js +28 -3
src/game/sim.js +381 -47
src/intro.js +137 -0
src/main.js +102 -26
src/restree3d.js +284 -225
src/storeui.js +205 -42
src/story.js +208 -0
src/styles/intro.css +44 -0
src/styles/restree.css +78 -100
src/styles/store.css +97 -0
src/styles/tutorial.css +10 -0
src/styles/ui.css +195 -20
src/tutorial.js +196 -48
src/ui/hud.js +126 -12
src/ui/input.js +19 -7
src/ui/render3d.js +82 -3
src/updater.js +1 -1

.gitattributes CHANGED Viewed

@@ -64,3 +64,4 @@ assets/factions/cinematic/brood-swarm-v1.png filter=lfs diff=lfs merge=lfs -text
 assets/factions/cinematic/crimson-dominion-v1.png filter=lfs diff=lfs merge=lfs -text
 assets/factions/cinematic/syndicate-coalition-v1.png filter=lfs diff=lfs merge=lfs -text
 assets/factions/cinematic/terran-frontline-command-v1.png filter=lfs diff=lfs merge=lfs -text

 assets/factions/cinematic/crimson-dominion-v1.png filter=lfs diff=lfs merge=lfs -text
 assets/factions/cinematic/syndicate-coalition-v1.png filter=lfs diff=lfs merge=lfs -text
 assets/factions/cinematic/terran-frontline-command-v1.png filter=lfs diff=lfs merge=lfs -text
+assets/modifiers/modifier-art-atlas-v1.png filter=lfs diff=lfs merge=lfs -text

assets/modifiers/modifier-art-atlas-v1.png ADDED Viewed

Git LFS Details

SHA256: 950b005291b6d7879468a1bbfac4015255e336e3565c2fb0dafd3d42d3629ebf
Pointer size: 132 Bytes
Size of remote file: 2.89 MB

boot.js CHANGED Viewed

@@ -27,15 +27,15 @@
     './src/engine/models-legion.js','./src/engine/models-machine.js','./src/engine/models-infestation.js',
     './src/game/sim.js','./src/game/economy.js','./src/game/commander.js',
     './src/game/meta.js','./src/game/ai.js',
-    './src/ui/input.js','./src/ui/hud.js','./src/ui/render3d.js',
-    './src/factions.js','./src/hazards.js','./src/offline.js','./src/audio.js','./src/assetpack.js',
-    './src/authportal.js','./src/tutorial.js','./src/adboards.js','./src/storeui.js','./src/restree3d.js','./src/develop.js','./src/endgame.js','./src/story.js','./src/daily.js','./src/account.js','./src/economy-net.js','./src/updater.js','./src/main.js'
   ];
   /* Packaged scripts need a release key. WebViews and development browsers can
      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.31.0';
   var DB='massfront-updates', STORE='bundles';
   var bootShield=null, bootShieldTimer=0;
   var bootShieldEvents=['pointerdown','pointerup','touchstart','touchend','click'];

     './src/engine/models-legion.js','./src/engine/models-machine.js','./src/engine/models-infestation.js',
     './src/game/sim.js','./src/game/economy.js','./src/game/commander.js',
     './src/game/meta.js','./src/game/ai.js',
+    './src/ui/input.js','./src/ui/hud.js','./src/ui/render3d.js','./src/airlift.js','./src/airlift-factions.js',
+    './src/factions.js','./src/offline.js','./src/audio.js','./src/assetpack.js','./src/hazards.js',
+    './src/authportal.js','./src/tutorial.js','./src/adboards.js','./src/storeui.js','./src/restree3d.js','./src/develop.js','./src/endgame.js','./src/story.js','./src/daily.js','./src/account.js','./src/economy-net.js','./src/updater.js','./src/intro.js','./src/main.js'
   ];
   /* Packaged scripts need a release key. WebViews and development browsers can
      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.0';
   var DB='massfront-updates', STORE='bundles';
   var bootShield=null, bootShieldTimer=0;
   var bootShieldEvents=['pointerdown','pointerup','touchstart','touchend','click'];

index.html CHANGED Viewed

@@ -16,12 +16,13 @@
 <link rel="icon" href="./assets/icons/icon-192.png">
 <link rel="manifest" href="./assets/app.webmanifest">
 <title>MASSFRONT — Mobile RTS</title>
-<link rel="stylesheet" href="./src/styles/ui.css?v=1.31.0">
-<link rel="stylesheet" href="./src/styles/auth.css?v=1.31.0">
-<link rel="stylesheet" href="./src/styles/tutorial.css?v=1.31.0">
-<link rel="stylesheet" href="./src/styles/ads.css?v=1.31.0">
-<link rel="stylesheet" href="./src/styles/store.css?v=1.31.0">
-<link rel="stylesheet" href="./src/styles/restree.css?v=1.31.0">
 </head>
 <body>
 <canvas id="gl"></canvas>
@@ -89,6 +90,7 @@
     <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="abBarrage" aria-label="Charged Barrage" title="Charged Barrage"><span class="em">☄</span><span>Barrage</span><div class="cdring"></div></button>
     <button class="cbtn abtn" id="abHero"><span class="em">🤖</span><span>CDR</span><span class="lvl" id="heroLvlBadge">1</span></button>
   </div>
@@ -185,7 +187,7 @@
     <div class="updHead">
       <div>
         <div id="updTxt">GAME VERSION</div>
-        <div id="updSub">v1.31.0</div>
       </div>
       <div class="updBtns">
         <button id="updCancel" style="display:none">✕</button>
@@ -208,6 +210,7 @@
     <button class="setupTabBtn" data-tab="forces">FORCES</button>
     <button class="setupTabBtn" data-tab="rules">RULES</button>
     <button class="setupTabBtn" data-tab="economy">ECONOMY</button>
   </div>
   <div class="setupScroll">
@@ -217,13 +220,13 @@
   </section>
   <section class="setupCard" data-setup-tab="map">
-    <div class="secLbl">ENGAGEMENT SCALE</div>
     <div class="optRow" id="battleScaleRow">
-      <button class="bsbtn dbtn" data-bs="compact">COMPACT</button>
-      <button class="bsbtn dbtn" data-bs="standard">STANDARD</button>
-      <button class="bsbtn dbtn on" data-bs="grand">GRAND</button>
     </div>
-    <div class="secHint" id="battleScaleHint">2.6 KM FRONT — Full authored deployment spread, more neutral sites and longer warning cycles.</div>
   </section>
   <section class="setupCard deployPlan" data-setup-tab="forces">
@@ -318,15 +321,22 @@
     <div class="secHint" id="defFocusHint">Classic RTS balance between mobile armies and static defences.</div>
   </section>
-  <section class="setupCard danger" data-setup-tab="rules">
-    <div class="secLbl">WILDCARDS — RISK = REWARD</div>
     <div class="optRow optGrid" id="wcRowSel">
       <button class="wbtn dbtn on" data-w="0">None</button>
       <button class="wbtn dbtn" data-w="1">☠ 1</button>
       <button class="wbtn dbtn" data-w="2">☠ 2</button>
       <button class="wbtn dbtn" data-w="3">☠ 3</button>
     </div>
-    <div class="secHint danger" id="wcHint">Random danger modifiers · +35% XP &amp; cores each</div>
   </section>
   </div>
@@ -348,11 +358,10 @@
 <div class="overlay" id="opsScr">
   <div class="subMenuHead">
     <h2>⚔ OPERATIONS</h2>
-    <span>Threat · contract modifiers · weekly operation · mastery</span>
   </div>
   <div class="screenTabs" id="opsTabs" role="tablist" aria-label="Operation categories">
     <button class="screenTabBtn on" id="opsTab-threat" type="button" role="tab" data-mf-tab="threat" aria-controls="opsPane-threat"><span class="tabGlyph">⚠</span><span>THREAT</span></button>
-    <button class="screenTabBtn" id="opsTab-modifiers" type="button" role="tab" data-mf-tab="modifiers" aria-controls="opsPane-modifiers"><span class="tabGlyph">◆</span><span>MODIFIERS</span></button>
     <button class="screenTabBtn" id="opsTab-weekly" type="button" role="tab" data-mf-tab="weekly" aria-controls="opsPane-weekly"><span class="tabGlyph">▣</span><span>WEEKLY</span></button>
     <button class="screenTabBtn" id="opsTab-mastery" type="button" role="tab" data-mf-tab="mastery" aria-controls="opsPane-mastery"><span class="tabGlyph">★</span><span>MASTERY</span></button>
   </div>
@@ -370,11 +379,6 @@
       <div id="threatRow"></div>
       <div id="threatInfo" class="secHint"></div>
     </section>
-    <section class="setupCard mfTabPanel" id="opsPane-modifiers" role="tabpanel" aria-labelledby="opsTab-modifiers" data-mf-panel="modifiers">
-      <div class="secLbl">OPERATION MODIFIERS — pick your own fight</div>
-      <div id="opModRow"></div>
-      <div id="opPayout"></div>
-    </section>
     <section class="setupCard mfTabPanel" id="opsPane-weekly" role="tabpanel" aria-labelledby="opsTab-weekly" data-mf-panel="weekly">
       <div class="secLbl">WEEKLY OPERATION</div>
       <div id="weeklyBox"></div>
@@ -554,7 +558,7 @@
   <div class="title" style="font-size:34px">PAUSED</div>
   <button class="mbtn" id="resumeBtn">▶ &nbsp;RESUME</button>
   <button class="mbtn alt" id="pauseSettings">⚙ &nbsp;SETTINGS</button>
-  <button class="mbtn alt" id="quitBtn">✦ &nbsp;MAIN MENU</button>
 </div>
 <script src="./boot.js"></script>
 </body>

 <link rel="icon" href="./assets/icons/icon-192.png">
 <link rel="manifest" href="./assets/app.webmanifest">
 <title>MASSFRONT — Mobile RTS</title>
+<link rel="stylesheet" href="./src/styles/ui.css?v=1.32.0">
+<link rel="stylesheet" href="./src/styles/auth.css?v=1.32.0">
+<link rel="stylesheet" href="./src/styles/tutorial.css?v=1.32.0">
+<link rel="stylesheet" href="./src/styles/ads.css?v=1.32.0">
+<link rel="stylesheet" href="./src/styles/store.css?v=1.32.0">
+<link rel="stylesheet" href="./src/styles/restree.css?v=1.32.0">
+<link rel="stylesheet" href="./src/styles/intro.css?v=1.32.0">
 </head>
 <body>
 <canvas id="gl"></canvas>
     <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="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>
     <button class="cbtn abtn" id="abHero"><span class="em">🤖</span><span>CDR</span><span class="lvl" id="heroLvlBadge">1</span></button>
   </div>
     <div class="updHead">
       <div>
         <div id="updTxt">GAME VERSION</div>
+        <div id="updSub">v1.32.0</div>
       </div>
       <div class="updBtns">
         <button id="updCancel" style="display:none">✕</button>
     <button class="setupTabBtn" data-tab="forces">FORCES</button>
     <button class="setupTabBtn" data-tab="rules">RULES</button>
     <button class="setupTabBtn" data-tab="economy">ECONOMY</button>
+    <button class="setupTabBtn" data-tab="modifiers">MODIFIERS</button>
   </div>
   <div class="setupScroll">
   </section>
   <section class="setupCard" data-setup-tab="map">
+    <div class="secLbl">MAP SIZE</div>
     <div class="optRow" id="battleScaleRow">
+      <button class="bsbtn dbtn" data-bs="compact"><b>COMPACT</b><span>1.9 KM</span><small>8–12 MIN</small></button>
+      <button class="bsbtn dbtn on" data-bs="standard"><b>STANDARD</b><span>2.2 KM</span><small>12–18 MIN</small></button>
+      <button class="bsbtn dbtn" data-bs="large"><b>LARGE</b><span>2.6 KM</span><small>18–25 MIN</small></button>
     </div>
+    <div class="secHint" id="battleScaleHint">2.2 KM · EST. 12–18 MIN — Balanced travel, expansion space and contested resources.</div>
   </section>
   <section class="setupCard deployPlan" data-setup-tab="forces">
     <div class="secHint" id="defFocusHint">Classic RTS balance between mobile armies and static defences.</div>
   </section>
+  <section class="setupCard" data-setup-tab="modifiers">
+    <div class="secLbl">MATCH MODIFIERS — CHOOSE YOUR RISK</div>
+    <div class="secHint">Optional rules for this deployment. Selected modifiers increase the projected payout and override the random wildcard count below.</div>
+    <div id="opModRow"></div>
+    <div id="opPayout"></div>
+  </section>
+  <section class="setupCard danger" data-setup-tab="modifiers">
+    <div class="secLbl">RANDOM MODIFIER LOADOUT</div>
     <div class="optRow optGrid" id="wcRowSel">
       <button class="wbtn dbtn on" data-w="0">None</button>
       <button class="wbtn dbtn" data-w="1">☠ 1</button>
       <button class="wbtn dbtn" data-w="2">☠ 2</button>
       <button class="wbtn dbtn" data-w="3">☠ 3</button>
     </div>
+    <div class="secHint danger" id="wcHint">Quick-pick random danger modifiers · +35% XP &amp; cores each</div>
   </section>
   </div>
 <div class="overlay" id="opsScr">
   <div class="subMenuHead">
     <h2>⚔ OPERATIONS</h2>
+    <span>Campaign · threat ladder · weekly operation · mastery</span>
   </div>
   <div class="screenTabs" id="opsTabs" role="tablist" aria-label="Operation categories">
     <button class="screenTabBtn on" id="opsTab-threat" type="button" role="tab" data-mf-tab="threat" aria-controls="opsPane-threat"><span class="tabGlyph">⚠</span><span>THREAT</span></button>
     <button class="screenTabBtn" id="opsTab-weekly" type="button" role="tab" data-mf-tab="weekly" aria-controls="opsPane-weekly"><span class="tabGlyph">▣</span><span>WEEKLY</span></button>
     <button class="screenTabBtn" id="opsTab-mastery" type="button" role="tab" data-mf-tab="mastery" aria-controls="opsPane-mastery"><span class="tabGlyph">★</span><span>MASTERY</span></button>
   </div>
       <div id="threatRow"></div>
       <div id="threatInfo" class="secHint"></div>
     </section>
     <section class="setupCard mfTabPanel" id="opsPane-weekly" role="tabpanel" aria-labelledby="opsTab-weekly" data-mf-panel="weekly">
       <div class="secLbl">WEEKLY OPERATION</div>
       <div id="weeklyBox"></div>
   <div class="title" style="font-size:34px">PAUSED</div>
   <button class="mbtn" id="resumeBtn">▶ &nbsp;RESUME</button>
   <button class="mbtn alt" id="pauseSettings">⚙ &nbsp;SETTINGS</button>
+  <button class="mbtn alt" id="quitBtn">✦ &nbsp;ABANDON MATCH</button>
 </div>
 <script src="./boot.js"></script>
 </body>

src/airlift-factions.js ADDED Viewed

	@@ -0,0 +1,122 @@

+/* ============================================================================
+   BUILDABLE FACTION AIRLIFTS — geometry-only takeover
+   ----------------------------------------------------------------------------
+   airlift.js owns the Atlas simulation, cargo manifests and mobile orders.
+   This file loads immediately after it and changes only model factories before
+   initModels() uploads them. Keeping the art takeover separate means transport
+   saves and mechanics cannot fork by faction.
+   ============================================================================ */
+/* Four honest, disconnected nacelles are part of the Atlas silhouette, not
+   painted engine marks on one broad wing. The coordinates are also a compact
+   art-contract used by the render regression. */
+const MF_AFL_ATLAS_LIFT_PODS=[[-5.4,-7.4],[-5.4,7.4],[4.8,-7.4],[4.8,7.4]];
+const MF_AFL_PHASE_LIFT_NODES=[[5.7,-3.2],[5.7,3.2],[-.8,-5.7],[-.8,5.7],[-6.1,-8.0],[-6.1,8.0]];
+const MF_AFL_PHASE_APERTURE=[-.2,2.0,3.2];
+/* Custom Coalition colours are material-routed just like the core palette.
+   Without these bindings the builder would inherit whichever material the
+   previous primitive happened to use, making the Ark's energy nodes matte. */
+const MF_AFL_SYN_HULL=C(72,88,92), MF_AFL_SYN_EDGE=C(142,176,166), MF_AFL_SYN_GLOW=C(104,255,146);
+COL_MAT.set(MF_AFL_SYN_HULL,MAT.TWR_COAT);
+COL_MAT.set(MF_AFL_SYN_EDGE,MAT.TWR_MACH);
+COL_MAT.set(MF_AFL_SYN_GLOW,MAT.LAMP);
+/* TERRAN FRONTLINE — ATLAS SKYCRANE
+   A narrow armoured cargo spine carries a framed forward cockpit and a real
+   shadowed rear ramp. Four lift pods sit beyond thin outriggers, leaving clear
+   daylight between pod, hull and neighbour at command zoom. */
+function mfAflAtlasModel(){
+  const m=MB();
+  const spine=[[-10.2,-2.8],[-8.0,-3.5],[4.8,-3.25],[9.5,-2.0],[10.8,0],
+               [9.5,2.0],[4.8,3.25],[-8.0,3.5],[-10.2,2.8]];
+  m.extrude(0,2.7,0,spine,3.15,MET_D);                         // cargo pressure hull
+  m.extrude(-1.2,5.8,0,spine.map(p=>[p[0]*.72,p[1]*.70]),1.25,MET);
+  m.bevelBox(6.9,5.25,0,5.2,1.25,5.0,.38,MET_L);             // cockpit frame
+  m.extrude(7.4,6.45,0,[[-2.0,-2.05],[1.45,-1.35],[2.0,0],[1.45,1.35],[-2.0,2.05]],
+            1.45,GLASS);                                      // unmistakable forward canopy
+  m.box(7.4,7.94,0,3.5,.24,4.0,DARK);                        // canopy roof bar
+  for(const sd of [-1,1])m.box(7.9,6.82,sd*2.18,3.4,.28,.25,TEAM_T,.08*sd);
+  /* Rear opening is layered: housing, black aperture, then a projecting ramp
+     lip. At mobile tilt this remains a readable exit instead of a flat end. */
+  m.bevelBox(-8.4,3.45,0,4.1,2.6,6.2,.45,MET_D);
+  m.box(-10.28,3.78,0,.34,2.15,4.6,DARKER);
+  m.wedge(-10.72,2.75,0,1.15,.55,4.9,MET_L,0,true);
+  for(const sd of [-1,1])m.box(-10.55,3.05,sd*2.18,.25,.30,.42,LAMP);
+  for(const P of MF_AFL_ATLAS_LIFT_PODS){
+    const x=P[0],z=P[1],sd=Math.sign(z);
+    m.bevelBox(x,3.7,sd*5.25,3.0,.65,4.2,.22,MET_D);          // narrow outrigger
+    m.bevelBox(x,2.1,z,4.7,3.0,4.0,.48,MET_D);               // separated pod casing
+    m.bevelBox(x,5.05,z,3.55,1.0,3.0,.26,MET_L);
+    m.cyl(x,.35,z,1.60,1.38,1.55,14,DARKER);                 // downward lift bell
+    m.ring(x,1.94,z,1.02,1.48,14,ENERGY);                    // visible lift core
+    m.tube(x,5.98,z,1.28,.72,.42,12,DARKER);                 // open intake, not a flat cap
+    m.box(x,5.48,z+sd*1.58,2.35,.24,.24,TEAM_A);
+    m.box(x+1.42,4.28,z,1.05,.30,2.55,MET_L);                // service hatch rail
+  }
+  /* Vehicle-scale roof detail breaks up the long transport body without
+     changing the narrow load-bearing silhouette. */
+  m.bevelBox(-1.8,7.05,0,7.6,.78,4.6,.24,TEAM_T);
+  ventBank(m,-2.0,7.86,0,4.8,3.7,6,DARK,0);
+  m.greeble(-5.8,7.58,0,2.8,3.3,.55,5,MET_L,0,2471);
+  for(const sd of [-1,1]){
+    glowStrip(m,1.7,7.26,sd*2.18,5.0,ENERGY,0);
+    m.bevelBox(-3.7,2.15,sd*3.45,4.6,.78,.82,.18,DARKER);     // landing rail
+    for(const x of [-5.2,-2.2])m.cyl(x,.25,sd*3.45,.42,.42,1.25,8,RUBBER);
+  }
+  sensorMast(m,-6.2,7.25,1.15,1.75,MET_L);
+  return {hull:m.build(),tur:null,s:1.16,air:1};
+}
+/* SYNDICATE COALITION — PHASE ARK
+   No cockpit, tail, cargo fuselage or Terran nacelles are reused. Separate
+   shallow delta plates form a broad triangular craft around an actual open
+   centre; the illuminated ring bridges that opening as a teleport aperture.
+   Six distributed nodes provide lift, so its energy language is structural. */
+function mfAflPhaseArkModel(){
+  const m=MB();
+  for(const sd of [-1,1]){
+    /* Two convex plates per side avoid a hidden concave-cap fan while leaving
+       the circular middle physically absent. */
+    m.extrude(0,.65,0,[[9.8,sd*1.15],[-8.6,sd*10.2],[-6.3,sd*4.15]],1.45,MF_AFL_SYN_HULL);
+    m.extrude(0,1.25,0,[[9.8,sd*1.15],[-6.3,sd*4.15],[2.75,sd*3.05]],1.05,TWR_ARM_D);
+    m.box(-1.7,2.31,sd*6.1,10.6,.20,.58,MF_AFL_SYN_EDGE,sd*.32);
+    m.box(-3.8,2.53,sd*7.65,6.0,.16,.34,TEAM_T,sd*.52);
+  }
+  m.extrude(0,.72,0,[[10.5,0],[2.75,-2.85],[2.75,2.85]],1.62,TWR_ARM_D); // delta nose, no canopy
+  m.extrude(0,.70,0,[[-8.4,-3.9],[-2.8,-3.0],[-2.8,3.0],[-8.4,3.9]],1.55,MF_AFL_SYN_HULL);
+  m.bevelBox(-5.7,2.28,0,4.4,.48,5.8,.18,MF_AFL_SYN_EDGE);   // rear field bridge, not a tail
+  const A=MF_AFL_PHASE_APERTURE;
+  m.ring(A[0],2.18,0,A[1],A[2],28,DARKER);                  // structural aperture rim
+  m.ring(A[0],2.38,0,2.30,2.88,28,MF_AFL_SYN_GLOW);         // open luminous teleport annulus
+  m.ring(A[0],2.48,0,1.82,2.12,28,MF_AFL_SYN_EDGE);
+  for(let k=0;k<8;k++){
+    const a=k/8*TAU;
+    m.box(A[0]+Math.cos(a)*3.05,2.22,Math.sin(a)*3.05,.72,.36,.34,MF_AFL_SYN_EDGE,-a);
+  }
+  for(const P of MF_AFL_PHASE_LIFT_NODES){
+    const x=P[0],z=P[1];
+    m.cyl(x,.34,z,.88,.72,.58,12,TWR_MACH);
+    m.ring(x,1.02,z,.62,1.05,14,MF_AFL_SYN_GLOW);
+    m.sphere(x,1.13,z,.56,8,MF_AFL_SYN_GLOW,.62,false);
+    m.ring(x,1.63,z,.35,.76,12,MF_AFL_SYN_EDGE);
+  }
+  /* Small field-control bosses sell scale while keeping the entire craft
+     shallower than one Atlas lift pod. */
+  for(const sd of [-1,1])for(const x of [-5.4,-2.2,1.2,4.6])
+    m.bevelBox(x,2.35,sd*(3.8+(.5-Math.abs(x)*.025)),1.25,.44,.92,.13,
+      (x===1.2||x===-5.4)?MF_AFL_SYN_GLOW:MF_AFL_SYN_EDGE);
+  return {hull:m.build(),tur:null,s:1.17,air:1};
+}
+/* Safe because main.js calls initModels only after every manifest script has
+   loaded. The default mesh serves Terran/Nova; only the Coalition receives the
+   Phase Ark through the existing faction registry. */
+UNIT_MDL[MF_UT_AIRLIFT]=mfAflAtlasModel;
+FAC_KIT.syndicate[MF_UT_AIRLIFT]=mfAflPhaseArkModel;

src/airlift.js ADDED Viewed

	@@ -0,0 +1,857 @@

+/* ============================================================================
+   ATLAS SKYCRANE — buildable heavy air transport
+   ----------------------------------------------------------------------------
+   The pre-deployment `carrier` is the orbital base lander. This module never
+   reuses that singleton: the Skycrane is an ordinary TYPES unit with its own
+   serialized passenger manifest, orders and generation-safe handles.
+   Passengers are deliberately removed from the live simulation while aboard.
+   Keeping a hidden ground unit alive made spatial queries, fog and splash
+   damage continue to see it; a compact manifest is both cheaper and honest.
+   ============================================================================ */
+const MF_UT_AIRLIFT=TYPES.length;
+const MF_AIRLIFT_CAPACITY=12;
+TYPES.push({
+  name:'Atlas Skycrane',spr:'raptor',tur:null,size:34,r:12.5,hp:1850,dmg:0,rng:0,cool:9,
+  spd:50,psp:0,ptype:0,aoe:0,wk:'n',tg:'a',cm:210,ce:820,bt:13,air:1,tier:2,
+  cat:'transport',airTransport:1,transportCap:MF_AIRLIFT_CAPACITY
+});
+UCAT.transport={nm:'AIR TRANSPORT',em:'⇩'};
+UNIT_MODES[MF_UT_AIRLIFT]=[0];
+ARM[MF_UT_AIRLIFT]=2;
+if(typeof INTEL_ROLE_COPY!=='undefined')
+  INTEL_ROLE_COPY.transport='Heavy airlift for relocating infantry, constructors and light vehicles';
+if(typeof INTEL_ROLE_GUIDE!=='undefined') INTEL_ROLE_GUIDE.transport={
+  tag:'HEAVY AIRLIFT',form:'LOAD / DROP',
+  use:'Carry a mixed light force over terrain, then deploy it in a readable formation.',
+  avoid:'Unarmed and vulnerable to anti-air; heavy armor, artillery and aircraft cannot board.'
+};
+/* A broad twin-engine silhouette remains legible at command zoom: deep cargo
+   hull, separated wing nacelles, open-looking rear ramp and sparse team trim.
+   The geometry uses the same material atlas as the current vehicle pipeline. */
+function mfAirliftModel(){
+  const m=MB();
+  const hull=[[-9,-3.5],[-6.5,-4.8],[3.5,-4.2],[9,-2.2],[10.5,0],[9,2.2],[3.5,4.2],[-6.5,4.8],[-9,3.5]];
+  m.extrude(0,3.0,0,hull,3.4,MET_D);
+  m.extrude(-.6,6.4,0,hull.map(p=>[p[0]*.78,p[1]*.76]),2.2,MET);
+  m.wedge(7.8,8.6,0,5.8,2.0,5.6,GLASS,0,true);                 // flight deck
+  m.bevelBox(-6.8,5.6,0,4.0,2.2,6.2,.55,DARK);                // cargo ramp housing
+  m.box(-9.0,4.0,0,.65,2.9,5.0,DARKER);                       // shadowed rear aperture
+  m.box(-9.38,4.2,0,.28,2.4,4.2,MET_L);                       // ramp lip
+  for(const side of [-1,1]){
+    m.wedge(-.2,5.8,side*6.0,14.5,1.15,5.6,TEAM_A,Math.PI/2,side<0);
+    m.bevelBox(-1.0,5.0,side*7.8,7.4,3.0,3.5,.55,MET_D);
+    cylX(m,-4.2,6.0,side*7.8,7.2,1.62,1.20,12,MET,false);
+    tubeX(m,2.5,6.0,side*7.8,1.05,1.78,.92,12,TWR_BORE);
+    m.box(-.8,8.4,side*7.8,4.8,.32,1.9,ENERGY);
+    m.bevelBox(-4.2,1.4,side*3.9,6.2,1.0,1.3,.25,DARKER);      // landing rail
+    for(const x of [-6.4,-2.0]) m.cyl(x,.25,side*3.9,.48,.48,1.4,8,RUBBER);
+  }
+  m.bevelBox(-2.0,8.3,0,8.8,1.2,5.8,.35,TEAM_T);
+  ventBank(m,-3.0,9.52,0,5.2,4.4,6,MET_D,0);
+  glowStrip(m,2.2,8.55,-3.1,5.4,ENERGY,0);
+  glowStrip(m,2.2,8.55, 3.1,5.4,ENERGY,0);
+  m.box(-7.0,8.1,0,3.8,.7,1.1,LAMP);                          // cargo status light
+  sensorMast(m,-5.2,9.4,1.4,2.1,MET_L);
+  return {hull:m.build(),tur:null,s:1.18,air:1};
+}
+/* TYPES gained two non-rendered simulation entries before the transport.
+   Filling their fallback factories also keeps initModels' dense loop valid. */
+if(!UNIT_MDL[31]) UNIT_MDL[31]=mdlBroodmother;
+if(!UNIT_MDL[32]) UNIT_MDL[32]=mdlConstructor;
+UNIT_MDL[MF_UT_AIRLIFT]=mfAirliftModel;
+const mfAirliftHolds=[];
+let mfAirliftBoardOrders=[];
+let mfAirliftAim=null;
+let mfAirliftLastLoss=0;
+function mfAirliftIsLive(i,gen){
+  return mfTransportIsLive(i,gen,'atlas');
+}
+function mfTransportKindByType(type){
+  if(type===MF_UT_AIRLIFT)return 'atlas';
+  if(typeof MF_UT_MASSFLESH!=='undefined'&&(type===MF_UT_MASSFLESH||type===MF_UT_MASSFLESH_AIR))return 'massflesh';
+  return '';
+}
+function mfTransportIsLive(i,gen,kind){
+  return i>=0&&ualive[i]&&ugen[i]===gen&&mfTransportKindByType(utype[i])===kind;
+}
+function mfAirliftHold(i,create){
+  if(i<0) return null;
+  let H=mfAirliftHolds[i];
+  if(H&&H.gen!==ugen[i]) H=mfAirliftHolds[i]=null;
+  if(!H&&create&&ualive[i]&&utype[i]===MF_UT_AIRLIFT)
+    H=mfAirliftHolds[i]={gen:ugen[i],capacity:MF_AIRLIFT_CAPACITY,used:0,cargo:[],mission:null,fx:0};
+  return H;
+}
+function mfAirliftSlotCost(i){
+  if(i<0||!ualive[i]) return 0;
+  const T=TYPES[utype[i]],cat=T.cat||'veh';
+  if(T.airTransport||T.air||T.naval||cat==='art'||cat==='exp'||cat==='hero') return 0;
+  if(T.builder||T.miner) return 1;
+  if(cat==='inf') return 1;
+  if(cat==='veh'&&(ARM[utype[i]]||0)<=1&&T.size<=18) return 2;
+  return 0;
+}
+function mfAirliftReserved(i,gen){
+  let n=0;
+  for(const O of mfAirliftBoardOrders) if(O.sky===i&&O.skyGen===gen)n+=O.slots;
+  return n;
+}
+function mfAirliftSerialize(i,slots){
+  return {
+    type:utype[i],team:uteam[i],slots,
+    hpRatio:uhpm[i]>0?uhp[i]/uhpm[i]:1,
+    veteran:uvet[i],kills:ukills[i],mode:umode[i],cool:Math.max(0,ucool[i])
+  };
+}
+function mfAirliftBoardPoint(O,rank){
+  const side=(rank&1)?1:-1,row=Math.floor(rank/2),a=uang[O.sky]-Math.PI/2;
+  const back=17+row*5,lateral=side*(7+row*1.5);
+  return {
+    x:ux[O.sky]-Math.cos(a)*back-Math.sin(a)*lateral,
+    y:uy[O.sky]-Math.sin(a)*back+Math.cos(a)*lateral
+  };
+}
+function mfAirliftEligibleSelection(sky){
+  const ok=[],rejected=[];
+  for(let i=0;i<unitHigh;i++) if(ualive[i]&&usel[i]&&i!==sky){
+    const slots=mfAirliftSlotCost(i);
+    (slots?ok:rejected).push({i,gen:ugen[i],slots});
+  }
+  return {ok,rejected};
+}
+function mfAirliftIssueBoard(sky){
+  if(!ualive[sky]||uteam[sky]!==0||utype[sky]!==MF_UT_AIRLIFT)return false;
+  const H=mfAirliftHold(sky,true),picked=mfAirliftEligibleSelection(sky);
+  let free=H.capacity-H.used-mfAirliftReserved(sky,H.gen),accepted=0,full=0;
+  for(const P of picked.ok){
+    if(P.slots>free){full++;continue;}
+    mfAirliftBoardOrders.push({unit:P.i,unitGen:P.gen,sky,skyGen:H.gen,slots:P.slots});
+    free-=P.slots;accepted++;
+  }
+  if(!accepted){
+    toast(picked.rejected.length?'CANNOT BOARD — only infantry, constructors and light vehicles':'SKYCRANE CARGO FULL');
+    sfx('ui');return false;
+  }
+  utgt[sky]=-1;ustate[sky]=0;utx[sky]=ux[sky];uty[sky]=uy[sky];uhold[sky]=1;
+  clearSel();usel[sky]=1;updateSelInfo();
+  toast('⇩ BOARDING '+accepted+' UNIT'+(accepted===1?'':'S')+(picked.rejected.length?' · '+picked.rejected.length+' TOO HEAVY':'')+(full?' · '+full+' NO SPACE':''));
+  uiCommandAck('move',accepted,ux[sky],uy[sky]);
+  return true;
+}
+function mfAirliftFormation(cargo,x,y){
+  const n=cargo.length,cols=Math.max(1,Math.ceil(Math.sqrt(n*1.45))),rows=Math.ceil(n/cols),out=[];
+  let largest=5;
+  for(const P of cargo)largest=Math.max(largest,(TYPES[P.type]&&TYPES[P.type].r)||5);
+  const gap=Math.max(16,largest*2+7);
+  for(let k=0;k<n;k++){
+    const col=k%cols,row=Math.floor(k/cols),px=x+(col-(Math.min(cols,n-row*cols)-1)/2)*gap;
+    const py=y+(row-(rows-1)/2)*gap;
+    let L=findLand(clamp(px,18,MAP-18),clamp(py,18,MAP-18));
+    if(typeof battlefieldClampPoint==='function')L=battlefieldClampPoint(L[0],L[1],22);
+    out.push({x:L[0],y:L[1]});
+  }
+  return out;
+}
+function mfAirliftCommandUnload(sky,x,y){
+  const H=mfAirliftHold(sky,false);
+  if(!H||!H.cargo.length)return false;
+  x=clamp(x,24,MAP-24);y=clamp(y,24,MAP-24);
+  if(typeof battlefieldClampPoint==='function'){const p=battlefieldClampPoint(x,y,48);x=p[0];y=p[1];}
+  H.mission={x,y,slots:mfAirliftFormation(H.cargo,x,y)};
+  uhold[sky]=0;utgt[sky]=-1;ustate[sky]=1;utx[sky]=x;uty[sky]=y;
+  mfAirliftAim=null;mfAirliftUpdateButton();
+  addParticle(3,x,y,0,0,.72,44,92,226,255);
+  toast('⇩ DROP ZONE CONFIRMED · '+H.cargo.length+' PASSENGERS');
+  uiCommandAck('move',1,x,y);
+  return true;
+}
+function mfAirliftArmUnload(sky){
+  const H=mfAirliftHold(sky,false);
+  if(!H||!H.cargo.length){toast('SKYCRANE CARGO EMPTY');sfx('ui');return false;}
+  mfAirliftAim={sky,gen:ugen[sky]};
+  if(typeof aiming!=='undefined')aiming=-1;
+  if(typeof armPatrol!=='undefined'&&armPatrol)cancelPatrolDraft(true);
+  mfAirliftUpdateButton();
+  toast('⇩ TAP THE MAP TO SET A DROP ZONE');sfx('ui');return true;
+}
+function mfAirliftPreTick(dt){
+  for(let k=mfAirliftBoardOrders.length-1;k>=0;k--){
+    const O=mfAirliftBoardOrders[k];
+    if(!mfAirliftIsLive(O.sky,O.skyGen)||!ualive[O.unit]||ugen[O.unit]!==O.unitGen){
+      mfAirliftBoardOrders.splice(k,1);continue;
+    }
+    const rank=mfAirliftBoardOrders.filter(Q=>Q.sky===O.sky&&Q.skyGen===O.skyGen).indexOf(O);
+    const P=mfAirliftBoardPoint(O,Math.max(0,rank));
+    utgt[O.unit]=-1;utgtg[O.unit]=-1;uhold[O.unit]=0;ustate[O.unit]=1;
+    utx[O.unit]=P.x;uty[O.unit]=P.y;
+  }
+  for(let i=0;i<mfAirliftHolds.length;i++){
+    const H=mfAirliftHolds[i];if(!H||!mfAirliftIsLive(i,H.gen)||!H.mission)continue;
+    utgt[i]=-1;utgtg[i]=-1;uhold[i]=0;ustate[i]=1;utx[i]=H.mission.x;uty[i]=H.mission.y;
+  }
+}
+function mfAirliftUnloadNow(i,H){
+  const remaining=[],dropped=[];
+  for(let k=0;k<H.cargo.length;k++){
+    const P=H.cargo[k],S=H.mission.slots[k]||{x:H.mission.x,y:H.mission.y};
+    const u=spawnUnit(P.type,P.team,S.x,S.y);
+    if(u<0){remaining.push(P);continue;}
+    uhp[u]=clamp(uhpm[u]*P.hpRatio,1,uhpm[u]);uvet[u]=P.veteran;ukills[u]=P.kills;ucool[u]=P.cool;
+    if(unitModes(P.type).indexOf(P.mode)>=0)umode[u]=P.mode;
+    utx[u]=S.x;uty[u]=S.y;ustate[u]=0;
+    addBeam(ux[i],uy[i],ux[u],uy[u],3.4,90,225,255,.30,'tractor');
+    addParticle(3,ux[u],uy[u],0,0,.55,TYPES[P.type].size*1.9,92,226,255);
+    dropped.push(u);
+  }
+  H.cargo=remaining;H.used=remaining.reduce((n,P)=>n+P.slots,0);H.mission=null;
+  uhold[i]=0;ustate[i]=0;utx[i]=ux[i];uty[i]=uy[i];
+  sfx('deploy',ux[i],uy[i],1.15);
+  if(dropped.length){toast('⇩ '+dropped.length+' UNIT'+(dropped.length===1?'':'S')+' DEPLOYED');uiCommandAck('deploy',dropped.length,ux[i],uy[i]);}
+  if(remaining.length)toast('DROP PARTIAL — '+remaining.length+' PASSENGERS REMAIN');
+  updateSelInfo();
+}
+function mfAirliftPostTick(dt){
+  let changed=false;
+  for(let k=mfAirliftBoardOrders.length-1;k>=0;k--){
+    const O=mfAirliftBoardOrders[k];
+    if(!mfAirliftIsLive(O.sky,O.skyGen)||!ualive[O.unit]||ugen[O.unit]!==O.unitGen){
+      mfAirliftBoardOrders.splice(k,1);continue;
+    }
+    const reach=TYPES[utype[O.unit]].r+TYPES[MF_UT_AIRLIFT].r+8;
+    if(dist2(ux[O.unit],uy[O.unit],ux[O.sky],uy[O.sky])>reach*reach)continue;
+    const H=mfAirliftHold(O.sky,true),P=mfAirliftSerialize(O.unit,O.slots),px=ux[O.unit],py=uy[O.unit];
+    H.cargo.push(P);H.used+=O.slots;
+    addBeam(px,py,ux[O.sky],uy[O.sky],3.6,86,226,255,.34,'tractor');
+    addParticle(3,px,py,0,0,.45,TYPES[P.type].size*1.8,86,226,255);
+    killUnit(O.unit,true);mfAirliftBoardOrders.splice(k,1);changed=true;
+    sfx('laser',ux[O.sky],uy[O.sky],.62);
+  }
+  for(let i=0;i<mfAirliftHolds.length;i++){
+    const H=mfAirliftHolds[i];
+    if(!H)continue;
+    if(!mfAirliftIsLive(i,H.gen)){mfAirliftHolds[i]=null;continue;}
+    if(H.mission){
+      H.fx-=dt;
+      if(H.fx<=0){
+        H.fx=.16;
+        for(const S of H.mission.slots)addParticle(3,S.x,S.y,0,0,.23,18,86,226,255);
+        addParticle(3,H.mission.x,H.mission.y,0,0,.28,42,210,246,255);
+      }
+      if(dist2(ux[i],uy[i],H.mission.x,H.mission.y)<22*22)mfAirliftUnloadNow(i,H);
+    }
+  }
+  if(changed){
+    let loaded=0;for(const H of mfAirliftHolds)if(H)loaded+=H.cargo.length;
+    toast('⇩ CARGO SECURED · '+loaded+' ABOARD');updateSelInfo();
+  }
+}
+/* Takeovers preserve the base simulation as the fallback path. */
+const mfAirliftSpawnUnitBase=spawnUnit;
+spawnUnit=function(type,team,x,y){
+  const i=mfAirliftSpawnUnitBase(type,team,x,y);
+  if(i>=0){mfAirliftHolds[i]=null;if(type===MF_UT_AIRLIFT)mfAirliftHold(i,true);}
+  return i;
+};
+const mfAirliftKillUnitBase=killUnit;
+killUnit=function(i,silent){
+  if(ualive[i]&&utype[i]===MF_UT_AIRLIFT){
+    const H=mfAirliftHold(i,false),lost=H?H.cargo.length:0;
+    mfAirliftLastLoss=lost;
+    for(const O of mfAirliftBoardOrders) if(O.sky===i&&O.skyGen===ugen[i]&&ualive[O.unit]&&ugen[O.unit]===O.unitGen){
+      ustate[O.unit]=0;utgt[O.unit]=-1;utx[O.unit]=ux[O.unit];uty[O.unit]=uy[O.unit];
+    }
+    mfAirliftBoardOrders=mfAirliftBoardOrders.filter(O=>!(O.sky===i&&O.skyGen===ugen[i]));
+    if(mfAirliftAim&&mfAirliftAim.sky===i&&mfAirliftAim.gen===ugen[i])mfAirliftAim=null;
+    if(H){H.cargo.length=0;H.used=0;H.mission=null;mfAirliftHolds[i]=null;}
+    if(lost&&!silent){
+      addParticle(3,ux[i],uy[i],0,0,.8,70,255,112,70);
+      toast('AIRLIFT LOST · '+lost+' PASSENGER'+(lost===1?'':'S')+' KILLED');
+    }
+  }
+  return mfAirliftKillUnitBase(i,silent);
+};
+const mfAirliftUnitTickBase=unitTick;
+unitTick=function(dt){mfAirliftPreTick(dt);mfAirliftUnitTickBase(dt);mfAirliftPostTick(dt);};
+/* A board order is intentionally higher priority than ordinary friendly-unit
+   selection: selected troops + tap Skycrane is the whole mobile gesture. */
+const mfAirliftOnTapBase=onTap;
+onTap=function(sx,sy){
+  const W=s2w(sx,sy),wx=W[0],wy=W[1];
+  if(mfAirliftAim){
+    const A=mfAirliftAim;mfAirliftAim=null;mfAirliftUpdateButton();
+    if(mfAirliftIsLive(A.sky,A.gen))mfAirliftCommandUnload(A.sky,wx,wy);
+    return;
+  }
+  const pk=pickUnit(wx,wy);
+  if(pk.own>=0&&utype[pk.own]===MF_UT_AIRLIFT&&selCount()>0&&!usel[pk.own]){
+    if(mfAirliftIssueBoard(pk.own))return;
+    const hasOther=(()=>{for(let i=0;i<unitHigh;i++)if(ualive[i]&&usel[i]&&i!==pk.own)return true;return false;})();
+    if(hasOther)return;
+  }
+  return mfAirliftOnTapBase(sx,sy);
+};
+function mfAirliftSvgIcon(size){
+  const w=document.createElement('div');w.className='mfAirliftIcon';w.style.width=size+'px';w.style.height=size+'px';
+  w.innerHTML='<svg viewBox="0 0 96 96" aria-hidden="true"><defs><linearGradient id="mfSkyG" x1="0" y1="0" x2="0" y2="1"><stop stop-color="#d8edf7"/><stop offset="1" stop-color="#547187"/></linearGradient></defs><path fill="#17354a" stroke="#75dcff" stroke-width="3" d="M8 53l25-12 7-24h16l7 24 25 12-4 13-27-5-2 18H41l-2-18-27 5z"/><path fill="url(#mfSkyG)" d="M39 33h18l7 22-16 12-16-12z"/><path fill="#7ee8ff" d="M42 24h12v11H42zM16 54h18v6H16zm46 0h18v6H62z"/><path fill="#07121a" d="M41 69h14v8H41z"/></svg>';
+  return w;
+}
+const mfAirliftUnitIconBase=unitIconEl;
+unitIconEl=function(tIdx,size){return tIdx===MF_UT_AIRLIFT?mfAirliftSvgIcon(size):mfAirliftUnitIconBase(tIdx,size);};
+const mfAirliftPurposeBase=intelUnitPurpose;
+intelUnitPurpose=function(T){
+  if(T&&T.airTransport)return 'Unarmed heavy airlift. Board infantry, constructors and light vehicles, then set a protected formation drop zone.';
+  return mfAirliftPurposeBase(T);
+};
+const mfAirliftShowUnitTypeBase=showUnitTypeCard;
+showUnitTypeCard=function(tIdx,pinned){
+  mfAirliftShowUnitTypeBase(tIdx,pinned);
+  if(tIdx!==MF_UT_AIRLIFT)return;
+  const row=$('unitCard')&&$('unitCard').querySelector('.ucChips');
+  if(row)row.insertAdjacentHTML('beforeend',intelChip('⬣','WEIGHT: HEAVY')
+    +'<span class="ucChip mfAirliftCapacity"><i>▦</i>'+MF_AIRLIFT_CAPACITY+' SLOTS</span>');
+};
+const mfAirliftShowUnitBase=showUnitCard;
+showUnitCard=function(uIdx,bIdx,pinned){
+  mfAirliftShowUnitBase(uIdx,bIdx,pinned);
+  if(uIdx<0||!ualive[uIdx]||utype[uIdx]!==MF_UT_AIRLIFT)return;
+  const H=mfAirliftHold(uIdx,true),chip=$('unitCard')&&$('unitCard').querySelector('.mfAirliftCapacity');
+  if(chip)chip.innerHTML='<i>▦</i>'+H.used+' / '+H.capacity+' SLOTS';
+};
+function mfAirliftRenderCard(){
+  const g=$('prodGrid'),T=TYPES[MF_UT_AIRLIFT];g.innerHTML='';
+  renderMenuRoleBrief('unit','transport',[MF_UT_AIRLIFT]);
+  const d=document.createElement('div');d.className='bcard mfAirliftCard';
+  d.innerHTML='<div class="nm">'+T.name+'</div><div class="cost">'+T.cm+'m <span>'+T.ce+'e</span></div>'
+    +'<div class="mfAirliftBadges"><b>HEAVY</b><b>AIR TRANSPORT</b><b>'+T.transportCap+' SLOTS</b></div>'
+    +'<div class="cardPurpose">INFANTRY · CONSTRUCTORS · LIGHT VEHICLES</div>';
+  d.setAttribute('role','button');d.setAttribute('aria-label','Build Atlas Skycrane heavy air transport, capacity 12 slots');
+  const icw=document.createElement('div');icw.className='icw';icw.appendChild(unitIconEl(MF_UT_AIRLIFT,48));d.insertBefore(icw,d.firstChild);
+  d.addEventListener('pointerdown',ev=>{
+    ev.stopPropagation();if(openBld<0)return;const B=blds[openBld];
+    if(B&&B.alive&&B.queue.length<30){B.queue.push(MF_UT_AIRLIFT);sfx('ui');renderQueue();}
+  });
+  addCardIntelButton(d,'unit',MF_UT_AIRLIFT);g.appendChild(d);
+}
+const mfAirliftRenderProdBase=renderProdMenu;
+renderProdMenu=function(){
+  const B=openBld>=0?blds[openBld]:null,
+    atlas=!!(B&&B.type==='airfield'&&bldFactionKey(B)!=='horde'),
+    wants=atlas&&prodTab==='transport';
+  mfAirliftRenderProdBase();
+  if(!atlas)return;
+  const tr=$('prodTabs');tr.style.display='flex';
+  const b=document.createElement('button');b.className='tabBtn'+(wants?' on':'');
+  b.innerHTML='<span class="tEm">⇩</span>AIRLIFT';b.setAttribute('aria-label','Air transport production');
+  if(wants)for(const x of tr.querySelectorAll('.tabBtn'))x.classList.remove('on');
+  if(wants)b.classList.add('on');
+  b.addEventListener('pointerdown',ev=>{ev.stopPropagation();prodTab='transport';sfx('ui');renderProdMenu();});
+  tr.appendChild(b);
+  if(wants){prodTab='transport';mfAirliftRenderCard();}
+};
+function mfAirliftSelected(){
+  let found=-1;
+  for(let i=0;i<unitHigh;i++)if(ualive[i]&&usel[i]&&utype[i]===MF_UT_AIRLIFT){if(found>=0)return -1;found=i;}
+  return found;
+}
+function mfAirliftUpdateButton(){
+  const b=$('mfUnloadBtn');if(!b)return;
+  const i=mfAirliftSelected(),H=i>=0?mfAirliftHold(i,true):null;
+  b.style.display=i>=0?'flex':'none';b.disabled=!H||!H.cargo.length;
+  b.classList.toggle('on',!!(mfAirliftAim&&i===mfAirliftAim.sky&&ugen[i]===mfAirliftAim.gen));
+  const nm=b.querySelector('.lbl');if(nm)nm.textContent=H&&H.cargo.length?'UNLOAD '+H.cargo.length:'UNLOAD';
+  b.setAttribute('aria-label',H?'Unload Skycrane cargo, '+H.used+' of '+H.capacity+' slots used':'Unload Skycrane cargo');
+}
+const mfAirliftUpdateSelBase=updateSelInfo;
+updateSelInfo=function(){
+  mfAirliftUpdateSelBase();
+  const i=mfAirliftSelected(),H=i>=0?mfAirliftHold(i,true):null;
+  if(i<0&&mfAirliftAim){mfAirliftAim=null;}
+  if(H){
+    const line=$('selInfo')&&$('selInfo').querySelector('.selIntelCopy span');
+    if(line)line.textContent+=' · AIR TRANSPORT · CARGO '+H.used+'/'+H.capacity;
+    const chip=$('unitCard')&&$('unitCard').querySelector('.mfAirliftCapacity');
+    if(chip)chip.innerHTML='<i>▦</i>'+H.used+' / '+H.capacity+' SLOTS';
+  }
+  mfAirliftUpdateButton();
+};
+function mfAirliftInitUI(){
+  const row=$('tacRow');if(!row||$('mfUnloadBtn'))return;
+  const b=document.createElement('button');b.type='button';b.className='cbtn mfAirliftOrder';b.id='mfUnloadBtn';
+  b.style.display='none';b.innerHTML='<span class="em">⇩</span><span class="lbl">UNLOAD</span>';
+  b.addEventListener('pointerdown',ev=>{ev.preventDefault();ev.stopPropagation();const i=mfAirliftSelected();if(i>=0)mfAirliftArmUnload(i);});
+  row.insertBefore(b,$('clearBtn'));
+  const st=document.createElement('style');st.textContent='\n'
+    +'.mfAirliftIcon{filter:drop-shadow(0 0 7px rgba(90,220,255,.42)) drop-shadow(0 4px 4px rgba(0,0,0,.65))}.mfAirliftIcon svg{width:100%;height:100%;display:block}'
+    +'.mfAirliftBadges{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:3px 0}.mfAirliftBadges b{padding:3px 5px;border:1px solid rgba(100,220,255,.38);border-radius:4px;background:rgba(20,92,122,.32);color:#9beaff;font:700 7px/1 var(--fT);letter-spacing:.05em}'
+    +'.mfAirliftCard{min-height:126px}.mfAirliftOrder{min-width:49px!important;min-height:44px!important}.mfAirliftOrder:disabled{opacity:.42;filter:saturate(.45)}';
+  document.head.appendChild(st);
+}
+mfAirliftInitUI();
+/* ============================================================================
+   MASSFLESH — Brood breakthrough transport
+   ----------------------------------------------------------------------------
+   This is not a recoloured Skycrane. It is a heavy walking digestive organism
+   that absorbs a light brood, unfolds into a short-lived flying form, lashes a
+   path through rear structures, then births the stored organisms behind the
+   defensive line. Two TYPES entries let the existing simulation and renderer
+   apply honest counters without per-frame global flags:
+     landed  = HEAVY ground target → anti-tank
+     winged  = AIR target          → anti-air
+   ============================================================================ */
+const MF_UT_MASSFLESH=TYPES.length,MF_MASS_CAPACITY=18,MF_MASS_FLIGHT=26;
+TYPES.push({
+  name:'Massflesh Carrier',spr:'brood',tur:null,size:42,r:15.5,hp:2850,dmg:0,rng:0,cool:9,
+  spd:25,psp:0,ptype:0,aoe:0,wk:'n',tg:'g',cm:190,ce:610,bt:12,air:0,tier:2,
+  cat:'biomass',brood:1,massflesh:1,transportCap:MF_MASS_CAPACITY
+});
+const MF_UT_MASSFLESH_AIR=TYPES.length;
+TYPES.push({
+  name:'Massflesh Ascendant',spr:'brood',tur:null,size:45,r:16,hp:2850,dmg:58,rng:145,cool:1.55,
+  spd:58,psp:0,ptype:0,aoe:0,wk:'n',tg:'g',cm:0,ce:0,bt:0,air:1,tier:2,
+  cat:'biomass',brood:1,massflesh:1,massfleshAir:1,transportCap:MF_MASS_CAPACITY
+});
+UCAT.biomass={nm:'LIVING TRANSPORT',em:'♒'};
+UNIT_MODES[MF_UT_MASSFLESH]=[0];UNIT_MODES[MF_UT_MASSFLESH_AIR]=[0];
+ARM[MF_UT_MASSFLESH]=2;ARM[MF_UT_MASSFLESH_AIR]=0;
+INTEL_ROLE_COPY.biomass='Living breakthrough carrier that consumes a light brood and births it behind defenses';
+INTEL_ROLE_GUIDE.biomass={
+  tag:'BREAKTHROUGH ORGANISM',form:'MERGE / ASCEND / BIRTH',
+  use:'Absorb a light brood, cross the defensive line during timed flight, then birth the attack in the rear.',
+  avoid:'Counter the landed body with anti-tank and the winged body with dedicated anti-air.'
+};
+/* Massflesh uses its own biological zones. Reusing CHITIN/BIO_MEM across the
+   whole animal produced a pale toy capsule in the tactical preview and a row
+   of dark beads in flight. These colours select distinct PBR atlas materials:
+   shell, wet muscle, translucent lift sac, membrane, bone, cavity and organ. */
+const MF_CHITIN=C(72,43,39),MF_CHITIN_H=C(132,79,57),MF_FLESH=C(88,35,50),MF_FLESH_H=C(151,61,77);
+const MF_SAC=C(148,196,84),MF_MEM=C(72,48,86),MF_TENDON=C(111,77,94),MF_WEAK=C(218,112,255),MF_WEAK_H=C(232,255,132);
+const MF_BORE=C(11,5,10),MF_BONE=C(211,190,145);
+COL_MAT.set(MF_CHITIN,MAT.CHITIN);COL_MAT.set(MF_CHITIN_H,MAT.CHITIN);
+COL_MAT.set(MF_FLESH,MAT.RUST);COL_MAT.set(MF_FLESH_H,MAT.LEAF);
+COL_MAT.set(MF_SAC,MAT.CRYST);COL_MAT.set(MF_MEM,MAT.LEAF);COL_MAT.set(MF_TENDON,MAT.LEAF);
+COL_MAT.set(MF_WEAK,MAT.TWR_GLOW);COL_MAT.set(MF_WEAK_H,MAT.LAMP);
+COL_MAT.set(MF_BORE,MAT.TWR_BORE);COL_MAT.set(MF_BONE,MAT.STONE);
+/* Join a tapered primitive between authored anatomy points. Curved limbs use
+   several short segments: inexpensive on mobile, but far clearer than boxes
+   or disconnected bead chains. */
+function mfMassLimb(m,a,b,r1,r2,col,seg){
+  let dx=b[0]-a[0],dy=b[1]-a[1],dz=b[2]-a[2];const len=Math.hypot(dx,dy,dz)||1;dx/=len;dy/=len;dz/=len;
+  const rx=Math.abs(dy)>.92?1:0,ry=Math.abs(dy)>.92?0:1,rz=0;
+  let vx=ry*dz-rz*dy,vy=rz*dx-rx*dz,vz=rx*dy-ry*dx,vl=Math.hypot(vx,vy,vz)||1;vx/=vl;vy/=vl;vz/=vl;
+  const wx=vy*dz-vz*dy,wy=vz*dx-vx*dz,wz=vx*dy-vy*dx,mm=MB();
+  mm.cyl(0,0,0,r1,r2,len,seg||7,col,true);
+  for(let i=0;i<mm.v.length;i+=12){
+    const px=mm.v[i],py=mm.v[i+1],pz=mm.v[i+2],nx=mm.v[i+3],ny=mm.v[i+4],nz=mm.v[i+5];
+    mm.v[i]=a[0]+vx*px+dx*py+wx*pz;mm.v[i+1]=a[1]+vy*px+dy*py+wy*pz;mm.v[i+2]=a[2]+vz*px+dz*py+wz*pz;
+    mm.v[i+3]=vx*nx+dx*ny+wx*nz;mm.v[i+4]=vy*nx+dy*ny+wy*nz;mm.v[i+5]=vz*nx+dz*ny+wz*nz;
+  }
+  const off=m.n;for(const v of mm.v)m.v.push(v);for(const ix of mm.i)m.i.push(ix+off);m.n+=mm.n;m.m=mm.m;m.tm=mm.tm;return m;
+}
+function mfMassWeakOrgan(m,x,y,z,r){
+  m.sphere(x,y,z,r,8,MF_WEAK,.82,false);m.ring(x,y+r*.78,z,r*1.05,r*1.36,12,MF_WEAK_H);
+}
+function mfMassHook(m,a,b,c,d,r){
+  mfMassLimb(m,a,b,r,r*.72,MF_TENDON,7);mfMassLimb(m,b,c,r*.73,r*.40,MF_CHITIN_H,7);
+  mfMassLimb(m,c,d,r*.42,.045,MF_BONE,6);m.sphere(b[0],b[1],b[2],r*.84,7,MF_CHITIN,.62,false);
+}
+function mfMassGroundModel(){
+  const m=MB();
+  /* Unequal wet belly, armored thorax and shielded head break the old capsule
+     silhouette before the smaller anatomy is even visible. */
+  m.sphere(-3.8,3.4,0,7.8,13,MF_FLESH,.52,false);
+  m.sphere(-8.5,4.0,-.7,5.8,11,MF_CHITIN,.66,false);
+  m.sphere(.8,4.5,.5,6.5,12,MF_CHITIN,.58,false);
+  m.sphere(7.9,4.1,-.3,4.7,11,MF_CHITIN_H,.64,false);
+  /* Layered shell scutes leave wet seams instead of coating the animal in one
+     noisy material. Their alternating offset keeps the top outline irregular. */
+  for(let k=0;k<5;k++){
+    const x=-8.0+k*3.25,z=(k&1)?.85:-.75,r=3.15-k*.12;
+    m.sphere(x,7.0+(k%3)*.24,z,r,8,k&1?MF_CHITIN_H:MF_CHITIN,.30,false);
+    for(const sd of [-1,1])m.sphere(x,5.3,sd*(3.9+(k%2)*.35),1.45,7,k&1?MF_FLESH_H:MF_CHITIN_H,.55,false);
+  }
+  /* Open dorsal birthing cavity: black lumen, fleshy lip, hooked teeth and
+     visible stored biomass remain legible at production-preview zoom. */
+  m.tube(-4.4,6.8,0,4.8,2.35,2.0,13,MF_BORE);m.ring(-4.4,8.82,0,2.25,4.85,14,MF_FLESH_H);
+  for(let k=0;k<7;k++){
+    const a=k/7*TAU,r=3.7+(k&1)*.25;
+    mfMassLimb(m,[-4.4+Math.cos(a)*r,8.6,Math.sin(a)*r],[-4.4+Math.cos(a)*r*1.13,10.0,Math.sin(a)*r*1.13],.34,.035,MF_BONE,6);
+  }
+  for(const p of [[-5.4,8.2,-1.1],[-3.5,8.4,.8],[-4.8,8.15,1.5]])m.sphere(p[0],p[1],p[2],.82,7,MF_SAC,.78,false);
+  /* Folded asymmetric lift sacs telegraph the later air state. Bright cores
+     are exposed weak organs rather than decorative team lights. */
+  const sacs=[[-1.1,6.0,-5.1,2.65],[1.0,6.5,5.7,3.45],[-6.8,5.7,5.0,2.25]];
+  for(const S of sacs){m.sphere(S[0],S[1],S[2],S[3],9,MF_SAC,.72,false);m.ring(S[0],S[1]+S[3]*.72,S[2],S[3]*.65,S[3]*.88,11,MF_CHITIN_H);}
+  mfMassWeakOrgan(m,1.0,8.0,5.7,1.02);mfMassWeakOrgan(m,-1.1,7.55,-5.1,.82);
+  for(const sd of [-1,1]){
+    /* Five load-bearing hooks per side create a low predatory stance. */
+    for(let k=0;k<5;k++){
+      const x=-7.0+k*3.35,a=[x,3.3,sd*4.5],b=[x-.7,1.4,sd*(8.0+(k&1)*.8)],c=[x+1.1,.35,sd*(11.0+k*.38)],d=[x+2.35,1.0,sd*(9.8+k*.32)];
+      mfMassHook(m,a,b,c,d,.82-k*.035);
+    }
+    /* Forward mandibles establish +X and curl back toward the mouth. */
+    mfMassHook(m,[8.2,4.0,sd*2.5],[11.2,3.0,sd*4.1],[13.5,2.0,sd*2.8],[12.0,2.7,sd*.85],.72);
+  }
+  tubeX(m,10.0,3.8,0,2.35,1.9,.9,10,MF_BORE);
+  mfMassWeakOrgan(m,8.9,6.5,-2.15,.82);mfMassWeakOrgan(m,9.5,6.25,1.75,.64);
+  for(let k=0;k<7;k++){
+    const x=-9+k*2.25,h=2.6+(k%3)*.65;mfMassLimb(m,[x,7.5,(k&1)?.45:-.45],[x-.5,7.5+h,(k&1)?1.0:-1.0],.38,.025,MF_BONE,6);
+  }
+  return {hull:m.build(),tur:null,s:1.08};
+}
+function mfMassAirModel(){
+  const m=MB();
+  /* Ascension rotates the siege pod upright. A pendant muscular body carries
+     the payload below a swollen neural lift organ; there are no machine-like
+     wings or aircraft surfaces. */
+  m.sphere(-1.0,8.0,0,5.7,11,MF_FLESH,.92,false);
+  m.sphere(-1.8,12.2,.3,6.0,12,MF_CHITIN,.72,false);
+  m.sphere(-2.0,18.3,.7,7.2,13,MF_SAC,1.02,false);
+  m.sphere(-4.2,17.0,-1.0,6.4,12,MF_CHITIN,.60,false);
+  m.sphere(1.4,17.8,1.0,5.3,11,MF_CHITIN_H,.58,false);
+  /* A radial armored cranial halo protects—but does not completely cover—the
+     translucent lift sac. Horns point away from the weak core. */
+  for(let k=0;k<10;k++){
+    const a=k/10*TAU+.16,ca=Math.cos(a),sa=Math.sin(a),r=7.2+(k%3)*.35;
+    m.sphere(-2+ca*r,18.2+(k&1)*.35,.7+sa*r,2.25,8,k&1?MF_CHITIN_H:MF_CHITIN,.46,false);
+    mfMassLimb(m,[-2+ca*r,18.5,.7+sa*r],[-2+ca*(r+5.0),21.0+(k%2)*1.1,.7+sa*(r+5.0)],.54,.035,k%3?MF_BONE:MF_CHITIN_H,6);
+  }
+  /* The large exposed organ is the visually honest anti-air target. */
+  m.sphere(1.9,20.0,-.5,3.55,10,MF_SAC,.94,false);mfMassWeakOrgan(m,2.8,21.2,-.5,2.15);
+  /* Raised above the horn plane so command-view cameras cannot hide the
+     anti-air weak organ behind the cranial shell. */
+  mfMassWeakOrgan(m,-1.0,23.7,.6,3.15);m.sphere(-.7,24.8,.4,2.35,9,MF_WEAK_H,1,false);
+  m.ring(-2.0,24.1,.7,3.2,5.25,15,MF_WEAK_H);
+  /* Birthing throat faces forward beneath the cranial shell. */
+  tubeX(m,2.0,12.0,0,3.8,3.0,1.45,11,MF_BORE);ringX(m,5.55,12.0,0,1.5,3.05,12,MF_FLESH_H);
+  for(const sd of [-1,1]){
+    mfMassWeakOrgan(m,2.2,15.0,sd*3.15,sd>0?.82:.62);
+    mfMassHook(m,[2.5,13.0,sd*2.6],[6.0,10.0,sd*4.3],[8.6,6.0,sd*3.3],[6.5,7.0,sd*.9],.72);
+  }
+  /* Six secondary tendrils hang from the lower body; three long primaries form
+     the recognizable hooked cephalopod silhouette and remain separated. */
+  for(let k=0;k<6;k++){
+    const a=k/6*TAU+.35,ca=Math.cos(a),sa=Math.sin(a),start=[-1+ca*3.8,9.0,sa*3.8];
+    mfMassHook(m,start,[-1+ca*6.0,5.7,sa*6.2],[-1+ca*8.2,1.0,sa*8.6],[-1+ca*6.1,2.0,sa*6.4],.68-k*.025);
+  }
+  for(const sd of [-1,0,1]){
+    const z=sd*3.4;mfMassLimb(m,[1.3,10.0,z],[5.0,5.7,z+sd*4.0],1.0,.70,MF_TENDON,8);
+    mfMassLimb(m,[5.0,5.7,z+sd*4.0],[11.5,.4,z+sd*8.0],.72,.35,MF_CHITIN_H,8);
+    mfMassLimb(m,[11.5,.4,z+sd*8.0],[8.2,1.8,z+sd*5.6],.36,.045,MF_BONE,6);
+  }
+  return {hull:m.build(),tur:null,s:1.02,air:1};
+}
+UNIT_MDL[MF_UT_MASSFLESH]=mfMassGroundModel;
+UNIT_MDL[MF_UT_MASSFLESH_AIR]=mfMassAirModel;
+const mfMassHolds=[];
+let mfMassBoardOrders=[],mfMassBirthAim=null,mfMassAlertUnit=-1,mfMassAiNext=135,mfMassAiLastT=0;
+function mfMassIsLive(i,gen){return mfTransportIsLive(i,gen,'massflesh');}
+function mfMassHold(i,create){
+  if(i<0)return null;let H=mfMassHolds[i];
+  if(H&&H.gen!==ugen[i])H=mfMassHolds[i]=null;
+  if(!H&&create&&ualive[i]&&mfTransportKindByType(utype[i])==='massflesh')
+    H=mfMassHolds[i]={gen:ugen[i],capacity:MF_MASS_CAPACITY,used:0,cargo:[],flight:0,mission:null,fx:0,attack:0,aiT:2};
+  return H;
+}
+function mfMassSlotCost(i,team){
+  if(i<0||!ualive[i]||uteam[i]!==team)return 0;
+  const T=TYPES[utype[i]],cat=T.cat||'veh';
+  if(T.massflesh||T.air||T.naval||cat==='art'||cat==='exp'||cat==='hero'||(ARM[utype[i]]||0)>1)return 0;
+  if(!unitIsBrood(i))return 0;
+  return T.size<=17?1:2;
+}
+function mfMassReserved(i,gen){let n=0;for(const O of mfMassBoardOrders)if(O.mass===i&&O.massGen===gen)n+=O.slots;return n;}
+function mfMassBoardPoint(O,rank){
+  const a=uang[O.mass]-Math.PI/2,side=(rank&1)?1:-1,row=Math.floor(rank/2);
+  return {x:ux[O.mass]-Math.cos(a)*(20+row*5)-Math.sin(a)*side*(8+row),
+          y:uy[O.mass]-Math.sin(a)*(20+row*5)+Math.cos(a)*side*(8+row)};
+}
+function mfMassQueueBoard(mass,entries,playerOrder){
+  const H=mfMassHold(mass,true);if(!H||utype[mass]!==MF_UT_MASSFLESH)return 0;
+  let free=H.capacity-H.used-mfMassReserved(mass,H.gen),n=0;
+  for(const i of entries){
+    const slots=mfMassSlotCost(i,uteam[mass]);
+    if(!slots||slots>free||mfMassBoardOrders.some(O=>O.unit===i&&O.unitGen===ugen[i]))continue;
+    mfMassBoardOrders.push({unit:i,unitGen:ugen[i],mass,massGen:H.gen,slots});free-=slots;n++;
+  }
+  if(n){
+    utgt[mass]=-1;ustate[mass]=0;utx[mass]=ux[mass];uty[mass]=uy[mass];uhold[mass]=1;
+    if(playerOrder){clearSel();usel[mass]=1;updateSelInfo();toast('♒ '+n+' BROOD MERGING INTO BIOMASS');uiCommandAck('move',n,ux[mass],uy[mass]);}
+  }
+  return n;
+}
+function mfMassIssueBoard(mass){
+  const candidates=[],rejected=[];
+  for(let i=0;i<unitHigh;i++)if(ualive[i]&&usel[i]&&i!==mass)(mfMassSlotCost(i,uteam[mass])?candidates:rejected).push(i);
+  const n=mfMassQueueBoard(mass,candidates,true);
+  if(!n){toast(rejected.length?'MASSFLESH REJECTS HEAVY OR NON-BROOD UNITS':'MASSFLESH BIOMASS FULL');sfx('ui');}
+  return n>0;
+}
+function mfMassAlert(i,state){
+  if(i<0||!ualive[i]||uteam[i]===0)return;
+  mfMassAlertUnit=i;const el=$('mfMassAlert');if(!el)return;
+  el.style.display='block';el.innerHTML='<b>⚠ MASSFLESH '+state+'</b><span>BREAKTHROUGH ORGANISM · TAP TO TRACK</span>';
+}
+function mfMassBeginFlight(i){
+  const H=mfMassHold(i,false);if(!H||!H.cargo.length||utype[i]!==MF_UT_MASSFLESH)return false;
+  utype[i]=MF_UT_MASSFLESH_AIR;H.flight=MF_MASS_FLIGHT;H.mission=null;H.attack=.25;uhold[i]=0;ustate[i]=0;
+  addParticle(3,ux[i],uy[i],0,0,1.0,100,185,92,255);
+  for(let k=0;k<10;k++)addParticle(4,ux[i]+rr(-12,12),uy[i]+rr(-12,12),rr(-18,18),rr(-18,18),.8,8,135,236,72);
+  sfx('cre_attack',ux[i],uy[i],1.6);
+  if(uteam[i]!==0){mfMassAlert(i,'AIRBORNE');sfx('alarm',ux[i],uy[i],1.15);if(typeof radioAck==='function')radioAck('attack',1,ux[i],uy[i]);}
+  else toast('♒ MASSFLESH ASCENDED · '+Math.ceil(H.flight)+'s FLIGHT WINDOW');
+  updateSelInfo();return true;
+}
+function mfMassBehindPlayerTarget(i){
+  let tx=heroIdx>=0&&ualive[heroIdx]?ux[heroIdx]:MAP*.25,ty=heroIdx>=0&&ualive[heroIdx]?uy[heroIdx]:MAP*.25;
+  for(const B of blds)if(B.alive&&B.team===0&&(B.type==='hq'||B.type==='fac')){tx=B.x;ty=B.y;if(B.type==='hq')break;}
+  let dx=tx-ux[i],dy=ty-uy[i],d=Math.hypot(dx,dy)||1;dx/=d;dy/=d;
+  const L=findLand(clamp(tx+dx*150,24,MAP-24),clamp(ty+dy*150,24,MAP-24));return {x:L[0],y:L[1]};
+}
+function mfMassCommandBirth(i,x,y){
+  const H=mfMassHold(i,false);if(!H||utype[i]!==MF_UT_MASSFLESH_AIR||!H.cargo.length)return false;
+  x=clamp(x,24,MAP-24);y=clamp(y,24,MAP-24);H.mission={x,y,slots:mfAirliftFormation(H.cargo,x,y)};
+  utgt[i]=-1;ustate[i]=1;utx[i]=x;uty[i]=y;mfMassBirthAim=null;mfMassUpdateUI();
+  addParticle(3,x,y,0,0,.8,58,168,92,255);
+  if(uteam[i]===0){toast('♒ BIRTH SITE MARKED · '+H.cargo.length+' ORGANISMS');uiCommandAck('deploy',H.cargo.length,x,y);}
+  return true;
+}
+function mfMassBirthNow(i,H){
+  const target=H.mission||{x:ux[i],y:uy[i],slots:mfAirliftFormation(H.cargo,ux[i],uy[i])},remaining=[],born=[];
+  for(let k=0;k<H.cargo.length;k++){
+    const P=H.cargo[k],S=target.slots[k]||target,u=spawnUnit(P.type,P.team,S.x,S.y);
+    if(u<0){remaining.push(P);continue;}
+    uhp[u]=clamp(uhpm[u]*P.hpRatio,1,uhpm[u]);uvet[u]=P.veteran;ukills[u]=P.kills;ucool[u]=P.cool;
+    if(unitModes(P.type).indexOf(P.mode)>=0)umode[u]=P.mode;
+    if(P.team===1){const q=mfMassBehindPlayerTarget(i);ustate[u]=2;utx[u]=q.x;uty[u]=q.y;}
+    addBeam(ux[i],uy[i],ux[u],uy[u],4.5,168,88,255,.36,'tractor');
+    addParticle(6,ux[u],uy[u],0,0,.55,TYPES[P.type].size*1.8,150,242,82);born.push(u);
+  }
+  H.cargo=remaining;H.used=remaining.reduce((n,P)=>n+P.slots,0);H.mission=null;H.flight=0;
+  utype[i]=MF_UT_MASSFLESH;ustate[i]=0;utx[i]=ux[i];uty[i]=uy[i];uhold[i]=0;
+  addParticle(3,ux[i],uy[i],0,0,.9,86,185,92,255);sfx('deploy',ux[i],uy[i],1.25);sfx('cre_attack',ux[i],uy[i],1.1);
+  if(uteam[i]===0)toast('♒ '+born.length+' ORGANISMS BORN INTO FORMATION');
+  updateSelInfo();return born;
+}
+function mfMassTentacleAttack(i,H){
+  let target=-1,best=145*145,kind='unit';
+  forUnitsIn(ux[i],uy[i],145,j=>{
+    if(uteam[j]===uteam[i]||TYPES[utype[j]].air)return;
+    const d=dist2(ux[i],uy[i],ux[j],uy[j]),light=(ARM[utype[j]]||0)===0;
+    const score=d*(light?.55:1.45);if(score<best){best=score;target=j;kind='unit';}
+  });
+  const b=findEnemyBld(ux[i],uy[i],uteam[i],145);
+  if(b>=0){const d=dist2(ux[i],uy[i],blds[b].x,blds[b].y)*.42;if(d<best){best=d;target=b;kind='building';}}
+  if(target<0)return null;
+  const x=kind==='unit'?ux[target]:blds[target].x,y=kind==='unit'?uy[target]:blds[target].y;
+  let dmg=TYPES[MF_UT_MASSFLESH_AIR].dmg;
+  if(kind==='building'){dmg*=1.75;damageBld(target,dmg,uteam[i]);}
+  else{dmg*=(ARM[utype[target]]||0)===0?1.45:.52;dealDamage(target,dmg,uteam[i],i);}
+  addBeam(ux[i],uy[i],x,y,5.2,176,78,255,.30,'lightning');addBeam(ux[i],uy[i],x,y,2.2,132,242,78,.34,'tractor');
+  addParticle(4,x,y,0,0,.42,15,135,238,76);sfx('cre_attack',ux[i],uy[i],1.25);sfx('sonic',x,y,.72);
+  H.attack=TYPES[MF_UT_MASSFLESH_AIR].cool;return {kind,target,dmg};
+}
+function mfMassPreTick(dt){
+  for(let k=mfMassBoardOrders.length-1;k>=0;k--){
+    const O=mfMassBoardOrders[k];
+    if(!mfMassIsLive(O.mass,O.massGen)||utype[O.mass]!==MF_UT_MASSFLESH||!ualive[O.unit]||ugen[O.unit]!==O.unitGen){mfMassBoardOrders.splice(k,1);continue;}
+    const rank=mfMassBoardOrders.filter(Q=>Q.mass===O.mass&&Q.massGen===O.massGen).indexOf(O),P=mfMassBoardPoint(O,Math.max(0,rank));
+    utgt[O.unit]=-1;utgtg[O.unit]=-1;ustate[O.unit]=1;utx[O.unit]=P.x;uty[O.unit]=P.y;uhold[O.unit]=0;
+  }
+  for(let i=0;i<mfMassHolds.length;i++){
+    const H=mfMassHolds[i];if(!H||!mfMassIsLive(i,H.gen)||utype[i]!==MF_UT_MASSFLESH_AIR||!H.mission)continue;
+    utgt[i]=-1;utgtg[i]=-1;ustate[i]=1;utx[i]=H.mission.x;uty[i]=H.mission.y;uhold[i]=0;
+  }
+}
+function mfMassPostTick(dt){
+  for(let k=mfMassBoardOrders.length-1;k>=0;k--){
+    const O=mfMassBoardOrders[k];
+    if(!mfMassIsLive(O.mass,O.massGen)||!ualive[O.unit]||ugen[O.unit]!==O.unitGen){mfMassBoardOrders.splice(k,1);continue;}
+    const reach=TYPES[utype[O.unit]].r+TYPES[MF_UT_MASSFLESH].r+9;
+    if(dist2(ux[O.unit],uy[O.unit],ux[O.mass],uy[O.mass])>reach*reach)continue;
+    const H=mfMassHold(O.mass,true),P=mfAirliftSerialize(O.unit,O.slots),x=ux[O.unit],y=uy[O.unit];
+    P.biomass=Math.round(uhp[O.unit]+TYPES[P.type].size*4);H.cargo.push(P);H.used+=O.slots;
+    for(let q=0;q<3;q++)addBeam(x+rr(-3,3),y+rr(-3,3),ux[O.mass],uy[O.mass],2.8,145,235,76,.32,'tractor');
+    addParticle(4,x,y,0,0,.55,TYPES[P.type].size*1.7,153,238,78);killUnit(O.unit,true);mfMassBoardOrders.splice(k,1);
+    sfx('cre_attack',ux[O.mass],uy[O.mass],.68);
+  }
+  for(let i=0;i<mfMassHolds.length;i++){
+    const H=mfMassHolds[i];if(!H)continue;
+    if(!mfMassIsLive(i,H.gen)){mfMassHolds[i]=null;continue;}
+    H.aiT-=dt;
+    if(utype[i]===MF_UT_MASSFLESH){
+      if(uteam[i]===1&&typeof AI!=='undefined'&&AI.fac==='horde'&&H.aiT<=0){
+        H.aiT=2.2;
+        if(H.used<6){const near=[];forUnitsIn(ux[i],uy[i],260,j=>{if(j!==i&&mfMassSlotCost(j,uteam[i]))near.push(j);});mfMassQueueBoard(i,near.slice(0,6),false);}
+        if(H.used>=4&&!mfMassReserved(i,H.gen)){
+          mfMassBeginFlight(i);const D=mfMassBehindPlayerTarget(i);mfMassCommandBirth(i,D.x,D.y);
+        }
+      }
+      continue;
+    }
+    H.flight=Math.max(0,H.flight-dt);H.attack=Math.max(0,H.attack-dt);
+    if(H.attack<=0)mfMassTentacleAttack(i,H);
+    if(uteam[i]!==0)mfMassAlert(i,'AIRBORNE · '+Math.ceil(H.flight)+'s');
+    /* Flight is a temporary breakthrough state, not a permanent aircraft mode.
+       Birth at the current position when the membrane timer ruptures even if a
+       distant order is still pending.  This keeps anti-air counterplay finite. */
+    if(H.flight<=0){
+      H.mission={x:ux[i],y:uy[i],slots:mfAirliftFormation(H.cargo,ux[i],uy[i])};mfMassBirthNow(i,H);
+    }else if(H.mission){
+      H.fx-=dt;if(H.fx<=0){H.fx=.17;for(const S of H.mission.slots)addParticle(3,S.x,S.y,0,0,.24,20,168,92,255);}
+      if(dist2(ux[i],uy[i],H.mission.x,H.mission.y)<24*24)mfMassBirthNow(i,H);
+    }
+  }
+  mfMassRefreshAlert();mfMassUpdateUI();
+}
+const mfMassSpawnBase=spawnUnit;
+spawnUnit=function(type,team,x,y){
+  const i=mfMassSpawnBase(type,team,x,y);
+  if(i>=0){mfMassHolds[i]=null;if(type===MF_UT_MASSFLESH||type===MF_UT_MASSFLESH_AIR)mfMassHold(i,true);}
+  return i;
+};
+const mfMassKillBase=killUnit;
+killUnit=function(i,silent){
+  if(ualive[i]&&mfTransportKindByType(utype[i])==='massflesh'){
+    const H=mfMassHold(i,false),lost=H?H.cargo.length:0;
+    for(const O of mfMassBoardOrders)if(O.mass===i&&O.massGen===ugen[i]&&ualive[O.unit]&&ugen[O.unit]===O.unitGen){ustate[O.unit]=0;utx[O.unit]=ux[O.unit];uty[O.unit]=uy[O.unit];}
+    mfMassBoardOrders=mfMassBoardOrders.filter(O=>!(O.mass===i&&O.massGen===ugen[i]));
+    if(H){H.cargo.length=0;H.used=0;H.mission=null;mfMassHolds[i]=null;}
+    if(lost&&!silent){toast('MASSFLESH SLAIN · '+lost+' STORED ORGANISMS LOST');addParticle(4,ux[i],uy[i],0,0,1.0,80,150,238,72);}
+    if(mfMassAlertUnit===i)mfMassAlertUnit=-1;
+  }
+  return mfMassKillBase(i,silent);
+};
+const mfMassUnitTickBase=unitTick;
+unitTick=function(dt){mfMassPreTick(dt);mfMassUnitTickBase(dt);mfMassPostTick(dt);};
+const mfMassOnTapBase=onTap;
+onTap=function(sx,sy){
+  const W=s2w(sx,sy),wx=W[0],wy=W[1];
+  if(mfMassBirthAim){const A=mfMassBirthAim;mfMassBirthAim=null;if(mfMassIsLive(A.i,A.gen))mfMassCommandBirth(A.i,wx,wy);return;}
+  const pk=pickUnit(wx,wy);
+  if(pk.own>=0&&utype[pk.own]===MF_UT_MASSFLESH&&selCount()>0&&!usel[pk.own]){
+    if(mfMassIssueBoard(pk.own))return;
+    for(let i=0;i<unitHigh;i++)if(ualive[i]&&usel[i]&&i!==pk.own)return;
+  }
+  return mfMassOnTapBase(sx,sy);
+};
+const mfMassPurposeBase=intelUnitPurpose;
+intelUnitPurpose=function(T){
+  if(T&&T.massflesh)return T.massfleshAir
+    ?'Timed winged breakthrough state. Tentacles rend structures and light units; dedicated anti-air brings it down.'
+    :'Living heavy carrier. Merge a light Brood into biomass, then ascend and birth it behind the defensive line.';
+  return mfMassPurposeBase(T);
+};
+const mfMassShowTypeBase=showUnitTypeCard;
+showUnitTypeCard=function(tIdx,pinned){
+  mfMassShowTypeBase(tIdx,pinned);const T=TYPES[tIdx];if(!T||!T.massflesh)return;
+  const row=$('unitCard')&&$('unitCard').querySelector('.ucChips');
+  if(row)row.insertAdjacentHTML('beforeend',T.massfleshAir
+    ?intelChip('✈','AIRBORNE')+intelChip('⌖','COUNTER: ANTI-AIR','bad')
+    :intelChip('⬣','GROUND HEAVY')+intelChip('⌖','COUNTER: ANTI-TANK','bad')+'<span class="ucChip mfMassCapacity"><i>◉</i>'+MF_MASS_CAPACITY+' BIOMASS</span>');
+  const card=$('unitCard'),warn=card&&card.querySelector('.ucCounter.caution'),ammo=card&&card.querySelector('.ucAmmo');
+  if(T.massfleshAir){if(warn)warn.remove();if(ammo)ammo.textContent='TENTACLES · +75% STRUCTURES · +45% LIGHT · WEAK VS HEAVY';}
+};
+function mfMassSvgIcon(size){
+  const w=document.createElement('div');w.className='mfMassIcon';w.style.width=size+'px';w.style.height=size+'px';
+  w.innerHTML='<svg viewBox="0 0 96 96" aria-hidden="true"><path fill="#27143a" stroke="#bd76ff" stroke-width="3" d="M13 52c4-22 18-37 35-37s31 15 35 37c-8 17-19 27-35 28-16-1-27-11-35-28z"/><path fill="#6c933e" d="M22 51c9-9 13-22 26-25 13 3 17 16 26 25-9 9-13 18-26 19-13-1-17-10-26-19z"/><circle cx="48" cy="45" r="11" fill="#c06cff"/><path stroke="#9eea58" stroke-width="5" stroke-linecap="round" d="M26 65L13 82m28-12-5 17m34-22 13 17M55 70l5 17"/></svg>';
+  return w;
+}
+const mfMassIconBase=unitIconEl;
+unitIconEl=function(tIdx,size){return (tIdx===MF_UT_MASSFLESH||tIdx===MF_UT_MASSFLESH_AIR)?mfMassSvgIcon(size):mfMassIconBase(tIdx,size);};
+function mfMassRenderCard(){
+  const g=$('prodGrid'),T=TYPES[MF_UT_MASSFLESH];g.innerHTML='';renderMenuRoleBrief('unit','biomass',[MF_UT_MASSFLESH]);
+  const d=document.createElement('div');d.className='bcard mfMassCard';
+  d.innerHTML='<div class="nm">'+T.name+'</div><div class="cost">'+T.cm+'m <span>'+T.ce+'e</span></div>'
+    +'<div class="mfMassBadges"><b>GROUND HEAVY</b><b>ANTI-TANK COUNTERS</b><b>'+T.transportCap+' BIOMASS</b></div>'
+    +'<div class="cardPurpose">MERGE · ASCEND · BIRTH BEHIND DEFENSES</div>';
+  d.setAttribute('role','button');d.setAttribute('aria-label','Grow Massflesh Brood breakthrough carrier');
+  const icw=document.createElement('div');icw.className='icw';icw.appendChild(unitIconEl(MF_UT_MASSFLESH,48));d.insertBefore(icw,d.firstChild);
+  d.addEventListener('pointerdown',ev=>{ev.stopPropagation();const B=openBld>=0?blds[openBld]:null;if(B&&bldFactionKey(B)==='horde'&&B.queue.length<30){B.queue.push(MF_UT_MASSFLESH);sfx('ui');renderQueue();}});
+  addCardIntelButton(d,'unit',MF_UT_MASSFLESH);g.appendChild(d);
+}
+const mfMassRenderProdBase=renderProdMenu;
+renderProdMenu=function(){
+  const B=openBld>=0?blds[openBld]:null,brood=!!(B&&B.type==='fac'&&bldFactionKey(B)==='horde'),wants=brood&&prodTab==='biomass';
+  mfMassRenderProdBase();if(!brood)return;
+  const tr=$('prodTabs');tr.style.display='flex';const b=document.createElement('button');b.className='tabBtn'+(wants?' on':'');
+  b.innerHTML='<span class="tEm">♒</span>MASSFLESH';b.setAttribute('aria-label','Brood living transport production');
+  if(wants)for(const x of tr.querySelectorAll('.tabBtn'))x.classList.remove('on');
+  b.addEventListener('pointerdown',ev=>{ev.stopPropagation();prodTab='biomass';sfx('ui');renderProdMenu();});
+  /* A faction-defining organism must not be hidden beyond the phone-width tab
+     scroller.  Keep it first for Brood factories while leaving Terran clean. */
+  tr.insertBefore(b,tr.firstChild);
+  if(wants){prodTab='biomass';mfMassRenderCard();}
+};
+function mfMassSelected(){let found=-1;for(let i=0;i<unitHigh;i++)if(ualive[i]&&usel[i]&&mfTransportKindByType(utype[i])==='massflesh'){if(found>=0)return -1;found=i;}return found;}
+function mfMassUpdateUI(){
+  const b=$('mfMassActionBtn');if(!b)return;const i=mfMassSelected(),H=i>=0?mfMassHold(i,true):null,air=i>=0&&utype[i]===MF_UT_MASSFLESH_AIR;
+  b.style.display=i>=0?'flex':'none';b.disabled=!H||!H.cargo.length;
+  const label=b.querySelector('.lbl');if(label)label.textContent=air?'BIRTH '+Math.ceil(H.flight)+'s':'TAKE FLIGHT';
+  b.classList.toggle('on',!!(mfMassBirthAim&&i===mfMassBirthAim.i));
+  b.setAttribute('aria-label',air?'Set Massflesh birth site; airborne counter is anti-air':'Take flight; landed Massflesh counter is anti-tank');
+}
+const mfMassUpdateSelBase=updateSelInfo;
+updateSelInfo=function(){
+  mfMassUpdateSelBase();const i=mfMassSelected(),H=i>=0?mfMassHold(i,true):null;
+  if(i<0)mfMassBirthAim=null;
+  if(H){const line=$('selInfo')&&$('selInfo').querySelector('.selIntelCopy span'),air=utype[i]===MF_UT_MASSFLESH_AIR;
+    if(line)line.textContent+=' · '+(air?'AIRBORNE / ANTI-AIR':'GROUND HEAVY / ANTI-TANK')+' · BIOMASS '+H.used+'/'+H.capacity;
+    const chip=$('unitCard')&&$('unitCard').querySelector('.mfMassCapacity');if(chip)chip.innerHTML='<i>◉</i>'+H.used+' / '+H.capacity+' BIOMASS';
+  }
+  mfMassUpdateUI();
+};
+function mfMassRefreshAlert(){
+  const el=$('mfMassAlert');if(!el)return;let best=-1,state='APPROACHING';
+  for(let i=0;i<unitHigh;i++)if(ualive[i]&&uteam[i]!==0&&mfTransportKindByType(utype[i])==='massflesh'){
+    if(utype[i]===MF_UT_MASSFLESH_AIR){best=i;state='AIRBORNE';break;}
+    for(const B of blds)if(B.alive&&B.team===0&&dist2(ux[i],uy[i],B.x,B.y)<620*620){best=i;break;}
+  }
+  if(best>=0)mfMassAlert(best,state);else{el.style.display='none';mfMassAlertUnit=-1;}
+}
+function mfMassInitUI(){
+  const row=$('tacRow');if(!row||$('mfMassActionBtn'))return;
+  const b=document.createElement('button');b.type='button';b.id='mfMassActionBtn';b.className='cbtn mfMassAction';b.style.display='none';
+  b.innerHTML='<span class="em">♒</span><span class="lbl">TAKE FLIGHT</span>';
+  b.addEventListener('pointerdown',ev=>{ev.preventDefault();ev.stopPropagation();const i=mfMassSelected();if(i<0)return;if(utype[i]===MF_UT_MASSFLESH)mfMassBeginFlight(i);else{mfMassBirthAim={i,gen:ugen[i]};toast('♒ TAP BEHIND THE DEFENSIVE LINE TO BIRTH THE BROOD');mfMassUpdateUI();}});
+  row.insertBefore(b,$('clearBtn'));
+  const a=document.createElement('button');a.type='button';a.id='mfMassAlert';a.style.display='none';a.setAttribute('aria-label','Track inbound Massflesh breakthrough carrier');
+  a.addEventListener('pointerdown',()=>{const i=mfMassAlertUnit;if(i>=0&&ualive[i]){cam.x=ux[i];cam.y=uy[i];camFollow=i;clampCam();camUpdateMatrices();sfx('ui');}});document.body.appendChild(a);
+  const st=document.createElement('style');st.textContent='\n'
+    +'.mfMassIcon{filter:drop-shadow(0 0 8px rgba(184,102,255,.5))}.mfMassIcon svg{width:100%;height:100%;display:block}'
+    +'.mfMassCard{width:156px!important;min-height:176px}.mfMassBadges{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:3px 0}.mfMassBadges b{padding:3px 5px;border:1px solid rgba(185,112,255,.48);border-radius:4px;background:rgba(72,28,92,.42);color:#d9aaff;font:700 7px/1 var(--fT)}'
+    +'.mfMassAction{min-width:58px!important;min-height:44px!important}.mfMassAction:disabled{opacity:.42}'
+    +'#mfMassAlert{position:fixed;left:50%;transform:translateX(-50%);top:calc(var(--sat) + 158px);z-index:60;min-width:260px;min-height:50px;padding:8px 14px;border:1px solid #c274ff;border-left:5px solid #aaf05e;border-radius:10px;background:linear-gradient(180deg,rgba(55,18,74,.96),rgba(21,10,35,.97));color:#f0d8ff;box-shadow:0 0 22px rgba(182,94,255,.34);font-family:var(--fT)}#mfMassAlert b{display:block;font-size:12px;letter-spacing:.08em}#mfMassAlert span{display:block;margin-top:3px;font-size:9px;color:#c9f88f;letter-spacing:.06em}body.menuMode #mfMassAlert{display:none!important}';
+  document.head.appendChild(st);
+}
+mfMassInitUI();
+/* Seed one genuine breakthrough organism into a developed Brood AI economy.
+   The normal AI continues to own every other production choice. */
+const mfMassAiTickBase=aiTick;
+aiTick=function(dt){
+  if(stats.t<mfMassAiLastT){mfMassAiNext=135;}mfMassAiLastT=stats.t;
+  if(typeof AI!=='undefined'&&AI.fac==='horde'&&stats.t>=mfMassAiNext){
+    const live=(()=>{let n=0;for(let i=0;i<unitHigh;i++)if(ualive[i]&&uteam[i]===1&&mfTransportKindByType(utype[i])==='massflesh')n++;return n;})();
+    const B=blds.find(B=>B.alive&&B.team===1&&B.type==='fac'&&B.tier>=2&&B.prog>=1&&B.queue.length<3);
+    if(!live&&B){B.queue.unshift(MF_UT_MASSFLESH);mfMassAiNext=stats.t+190;}else mfMassAiNext=stats.t+12;
+  }
+  return mfMassAiTickBase(dt);
+};

src/audio.js CHANGED Viewed

@@ -657,7 +657,7 @@ function radioFaction(){
     else if(typeof carrier!=='undefined'&&carrier.fac) key=carrier.fac;
   }catch(e){}
   const A=typeof facArt==='function'?facArt(key):null;
-  return A||{id:'nova',nm:'Nova Federation',cdr:'Command',col:'#5db6ff'};
 }
 function radioPanel(){
   let el=document.getElementById('radioAck');

     else if(typeof carrier!=='undefined'&&carrier.fac) key=carrier.fac;
   }catch(e){}
   const A=typeof facArt==='function'?facArt(key):null;
+  return A||{id:'nova',nm:'Terran Frontline Command',cdr:'Command',col:'#5db6ff'};
 }
 function radioPanel(){
   let el=document.getElementById('radioAck');

src/develop.js CHANGED Viewed

@@ -50,12 +50,26 @@ function matCostStr(c){
 }
 /* What a match pays out. Scaled by the threat the player chose to fight at, so
    the endgame ladder feeds the crafting economy instead of running beside it. */
 function matsFromMatch(res){
   const t=(typeof threatSel==='function')?threatSel():1;
   const s=res.win?1:0.35;
   return {
-    alloy  : Math.round((6+res.kills*0.004+res.built*0.5)*s*(1+t*0.14)),
-    circuit: Math.round((2+res.kills*0.0016)*s*(1+t*0.12)),
     isotope: Math.round((res.win?2:0)+res.kills*0.0009*s*(1+t*0.10)),
     relic  : (res.nests>0||res.win&&t>=4)? Math.round(s*(1+t*0.08)) : 0,
   };
@@ -79,8 +93,17 @@ const DEVTREE=[
   cost:{alloy:25}, data:6, req:[]},
  {id:'logistics',  br:'DOCTRINE',    nm:'Forward Logistics',ds:'Modules wear 25% slower',
   cost:{alloy:50,circuit:18}, data:12, req:['salvage']},
  {id:'refit',      br:'DOCTRINE',    nm:'Field Refit',      ds:'Unlocks repairing worn modules',
   cost:{alloy:70,circuit:26}, data:18, req:['logistics']},
  {id:'firemission',br:'DOCTRINE',    nm:'Fire Mission Protocol',
   ds:'Unlocks the player-commanded Charged Barrage for selected artillery',
   cost:{alloy:90,circuit:44,isotope:8}, data:26, req:['logistics'], art:'res_refit'},
@@ -118,10 +141,11 @@ function moduleSlots(){ return 1+(devHas('slot2')?1:0)+(devHas('slot3')?1:0); }
 function wearRate(){ return devHas('logistics')?0.75:1; }
 function matYield(){ return devHas('salvage')?1.35:1; }
-/* The field Research Complex is the source of account research. Completed
-   studies bank three Data each; keeping a live network through debrief adds a
-   smaller survival bonus. Short surrender loops cannot farm it, and difficulty
-   only pays when the player actually completed science. */
 function researchDataFromMatch(win){
   const studies=Math.max(0,typeof resDone!=='undefined'?resDone|0:0);
   let labs=0;
@@ -130,12 +154,15 @@ function researchDataFromMatch(win){
   const studyData=studies*3;
   const network=Math.min(3,labs);
   const hold=win&&labs?2:0;
-  const challenge=studies?clamp(difficulty|0,0,2):0;
-  const raw=studyData+network+hold+challenge;
   const threat=(typeof threatSel==='function')?1+Math.max(0,threatSel()-1)*0.06:1;
   const total=Math.min(24,Math.round(raw*threat));
   META.researchData=(META.researchData||0)+total;
-  return {total,parts:[['Studies',studyData],['Lab network',network],['Objective hold',hold],['Challenge',challenge]].filter(p=>p[1]>0)};
 }
 /* ---- MODULES ---------------------------------------------------------------
@@ -343,10 +370,10 @@ function renderDevelop(){
 }
 /* Called at match end, after rewards. */
 function developRecord(res){
-  const g=matsFromMatch(res), y=matYield();
   for(const k in g) g[k]=Math.round(g[k]*y);
   matGrant(g);
   const broke=wearModules();
-  return {mats:g, broke};
 }
 function initDevelop(){ matBag(); devDone(); modOwned(); modEquipped(); renderDevelop(); }

 }
 /* What a match pays out. Scaled by the threat the player chose to fight at, so
    the endgame ladder feeds the crafting economy instead of running beside it. */
+function fieldRecoveryFromMatch(res){
+  const committed=typeof matchCommitted==='function'?matchCommitted(res.win):(res.win||(stats.t|0)>=60);
+  if(!committed) return {alloy:0,circuit:0};
+  const lossScale=res.win?1:0.45;
+  const reserveAlloy=Math.min(res.win?12:5,Math.floor(Math.max(0,res.fieldMass||0)/300)*lossScale)|0;
+  const reclaimedAlloy=Math.min(res.win?8:4,Math.floor(Math.max(0,res.reclaimed||0)/180)*lossScale)|0;
+  return {
+    alloy:reserveAlloy+reclaimedAlloy,
+    circuit:Math.min(res.win?8:3,Math.floor(Math.max(0,res.fieldEnergy||0)/1400)*lossScale)|0,
+    reserveAlloy,reclaimedAlloy,
+  };
+}
 function matsFromMatch(res){
+  if(typeof matchCommitted==='function'&&!matchCommitted(res.win)) return {alloy:0,circuit:0,isotope:0,relic:0};
   const t=(typeof threatSel==='function')?threatSel():1;
   const s=res.win?1:0.35;
+  const recovery=fieldRecoveryFromMatch(res);
   return {
+    alloy  : Math.round((8+res.kills*0.004+res.built*0.5)*s*(1+t*0.14))+recovery.alloy,
+    circuit: Math.round((3+res.kills*0.0016)*s*(1+t*0.12))+recovery.circuit,
     isotope: Math.round((res.win?2:0)+res.kills*0.0009*s*(1+t*0.10)),
     relic  : (res.nests>0||res.win&&t>=4)? Math.round(s*(1+t*0.08)) : 0,
   };
   cost:{alloy:25}, data:6, req:[]},
  {id:'logistics',  br:'DOCTRINE',    nm:'Forward Logistics',ds:'Modules wear 25% slower',
   cost:{alloy:50,circuit:18}, data:12, req:['salvage']},
+ {id:'breakthrough',br:'DOCTRINE',   nm:'Breakthrough Protocol',
+  ds:'Unlocks a timed assault push for infantry, armour and anti-tank platoons',
+  cost:{alloy:72,circuit:30,isotope:5}, data:20, req:['logistics'], art:'res_ability'},
+ {id:'intercept',  br:'DOCTRINE',    nm:'Interceptor Protocol',
+  ds:'Unlocks high-speed interception for aircraft and anti-air screens',
+  cost:{alloy:58,circuit:42,isotope:7}, data:22, req:['logistics'], art:'res_optics'},
  {id:'refit',      br:'DOCTRINE',    nm:'Field Refit',      ds:'Unlocks repairing worn modules',
   cost:{alloy:70,circuit:26}, data:18, req:['logistics']},
+ {id:'fieldservice',br:'DOCTRINE',   nm:'Field Service Net',
+  ds:'Unlocks a selected support platoon repair-and-shield pulse',
+  cost:{alloy:82,circuit:48,isotope:6}, data:24, req:['refit'], art:'res_servos'},
  {id:'firemission',br:'DOCTRINE',    nm:'Fire Mission Protocol',
   ds:'Unlocks the player-commanded Charged Barrage for selected artillery',
   cost:{alloy:90,circuit:44,isotope:8}, data:26, req:['logistics'], art:'res_refit'},
 function wearRate(){ return devHas('logistics')?0.75:1; }
 function matYield(){ return devHas('salvage')?1.35:1; }
+/* Every committed operation advances account research, including a defeat.
+   The Research Complex remains the fastest source through studies and a live
+   network bonus, but making it the ONLY source created a progression deadlock:
+   a newcomer who lost the lab earned zero Data and could never improve the lab.
+   Short surrender loops still pay nothing. */
 function researchDataFromMatch(win){
   const studies=Math.max(0,typeof resDone!=='undefined'?resDone|0:0);
   let labs=0;
   const studyData=studies*3;
   const network=Math.min(3,labs);
   const hold=win&&labs?2:0;
+  const committed=typeof matchCommitted==='function'?matchCommitted(win):(win||(stats.t|0)>=60);
+  const mission=committed?(win?4:2):0;
+  const challenge=win?clamp(difficulty|0,0,2):0;
+  const raw=mission+studyData+network+hold+challenge;
   const threat=(typeof threatSel==='function')?1+Math.max(0,threatSel()-1)*0.06:1;
   const total=Math.min(24,Math.round(raw*threat));
   META.researchData=(META.researchData||0)+total;
+  return {total,parts:[['Mission recovery',mission],['Studies',studyData],['Lab network',network],
+    ['Objective hold',hold],['Challenge',challenge]].filter(p=>p[1]>0)};
 }
 /* ---- MODULES ---------------------------------------------------------------
 }
 /* Called at match end, after rewards. */
 function developRecord(res){
+  const recovery=fieldRecoveryFromMatch(res),g=matsFromMatch(res), y=matYield();
   for(const k in g) g[k]=Math.round(g[k]*y);
   matGrant(g);
   const broke=wearModules();
+  return {mats:g,recovery,broke};
 }
 function initDevelop(){ matBag(); devDone(); modOwned(); modEquipped(); renderDevelop(); }

src/endgame.js CHANGED Viewed

@@ -42,22 +42,48 @@ const THREAT_NM=['','SKIRMISH','PROBE','RAID','OFFENSIVE','CAMPAIGN','WAR',
    something cosmetic or something crippling. Choosing which knives to hold is
    the interesting decision; the dice were taking it away. */
 const OPMODS=[
- {id:'iron',   nm:'Iron Enemy',      ds:'Enemy units +25% health',        rw:0.30},
- {id:'titan',  nm:'Early Titans',    ds:'The enemy fields TITANs early',  rw:0.45},
- {id:'fogb',   nm:'Fog Bank',        ds:'Vision reduced by 40%',          rw:0.25},
- {id:'veins',  nm:'Scarce Veins',    ds:'Your mass income -30%',          rw:0.40},
- {id:'swarm',  nm:'Hiveworld',       ds:'Wildlife escalates twice as fast',rw:0.35},
- {id:'blitz',  nm:'Blitz Doctrine',  ds:'Enemy waves arrive 40% sooner',  rw:0.35},
- {id:'brittle',nm:'Brittle Frames',  ds:'Your units -20% health',         rw:0.40},
- {id:'nofab',  nm:'No Salvage',      ds:'Wrecks cannot be reclaimed',     rw:0.20},
- {id:'volatile',nm:'Volatile Cores', ds:'Every death detonates',          rw:0.15},
- {id:'dark',   nm:'Blood Moon',      ds:'Permanent night',                rw:0.10},
 ];
 function opModsOn(){ META.opmods=META.opmods||{}; return META.opmods; }
-function opModActive(id){ return !!opModsOn()[id]; }
 function toggleOpMod(id){
   const o=opModsOn();
   if(o[id]) delete o[id]; else o[id]=1;
   metaSave(); renderOps(); sfx('ui');
 }
 function opModMult(){
@@ -65,7 +91,10 @@ function opModMult(){
   return m;
 }
 /* The total the player is playing for, shown before they commit. */
-function payoutMult(){ return threatReward()*opModMult(); }
 /* ---- SCORE -----------------------------------------------------------------
    One number so runs are comparable — to your own past runs, and to the weekly.
@@ -218,9 +247,8 @@ function renderOpsBrief(mode){
 }
 function renderOps(){
   const el=document.getElementById('opsScr'); if(!el) return;
-  /* Keep the combined plan visible while the player moves between categories.
-     Threat and modifiers only make sense together; hiding the multiplier on
-     the Modifiers tab made every other tab look like an unrelated menu. */
   renderOpsBrief((MF_TAB_STATE&&MF_TAB_STATE.opsScr)||'threat');
   /* Threat ladder */
   const tl=document.getElementById('threatRow');
@@ -245,13 +273,32 @@ function renderOps(){
   /* Modifiers */
   const mr=document.getElementById('opModRow');
   if(mr){
-    mr.innerHTML=OPMODS.map(k=>'<div class="opMod'+(opModActive(k.id)?' on':'')+'" data-id="'+k.id+'">'
-      +'<div class="opTx"><b>'+k.nm+'</b><span>'+k.ds+'</span></div>'
-      +'<div class="opRw">+'+Math.round(k.rw*100)+'%</div></div>').join('');
-    mr.querySelectorAll('.opMod').forEach(d=>d.addEventListener('pointerdown',()=>toggleOpMod(d.dataset.id)));
   }
   const pm=document.getElementById('opPayout');
-  if(pm) pm.innerHTML='PAYOUT  <b>×'+payoutMult().toFixed(2)+'</b>';
   /* Weekly */
   const wd=weeklyDef(), wb=weeklyBest();
   const wk=document.getElementById('weeklyBox');

    something cosmetic or something crippling. Choosing which knives to hold is
    the interesting decision; the dice were taking it away. */
 const OPMODS=[
+ {id:'iron',   nm:'Iron Enemy',      ds:'Enemy units +25% health',         rw:0.30,gate:{kind:'rank',n:0}},
+ {id:'fogb',   nm:'Fog Bank',        ds:'Vision reduced by 40%',           rw:0.25,gate:{kind:'rank',n:1}},
+ {id:'veins',  nm:'Scarce Veins',    ds:'Your mass income -30%',           rw:0.40,gate:{kind:'wins',n:1}},
+ {id:'swarm',  nm:'Hiveworld',       ds:'Wildlife escalates twice as fast',rw:0.35,gate:{kind:'tutorial',n:1}},
+ {id:'blitz',  nm:'Blitz Doctrine',  ds:'Enemy waves arrive 40% sooner',   rw:0.35,gate:{kind:'rank',n:2}},
+ {id:'volatile',nm:'Volatile Cores', ds:'Every death detonates',           rw:0.15,gate:{kind:'matches',n:3}},
+ {id:'titan',  nm:'Early Titans',    ds:'The enemy fields TITANs early',   rw:0.45,gate:{kind:'threat',n:4}},
+ {id:'brittle',nm:'Brittle Frames',  ds:'Your units -20% health',          rw:0.40,gate:{kind:'rank',n:3}},
+ {id:'nofab',  nm:'No Salvage',      ds:'Wrecks cannot be reclaimed',      rw:0.20,gate:{kind:'mastery',n:3}},
+ {id:'dark',   nm:'Blood Moon',      ds:'Permanent night',                 rw:0.10,gate:{kind:'wins',n:5}},
 ];
 function opModsOn(){ META.opmods=META.opmods||{}; return META.opmods; }
+function opModUnlockState(mod){
+  const g=mod&&mod.gate||{kind:'rank',n:0}; let value=0,label='Available';
+  if(g.kind==='rank'){
+    value=typeof metaRankIdx==='function'?metaRankIdx():0;
+    const rank=(typeof RANKS!=='undefined'&&RANKS[g.n])||{nm:'Commander Rank '+(g.n+1)};
+    label=g.n===0?'Recruit access':'Reach '+rank.nm+' rank';
+  }else if(g.kind==='wins'){
+    value=META.wins||0; label='Win '+g.n+' operation'+(g.n===1?'':'s');
+  }else if(g.kind==='matches'){
+    value=META.matches||0; label='Complete '+g.n+' operations';
+  }else if(g.kind==='tutorial'){
+    value=META.tutorial&&META.tutorial.done?1:0; label='Complete First Command training';
+  }else if(g.kind==='threat'){
+    value=typeof threatUnlocked==='function'?threatUnlocked():1; label='Unlock Threat T'+g.n;
+  }else if(g.kind==='mastery'){
+    value=typeof masteryTotal==='function'?masteryTotal().done:0; label='Earn '+g.n+' battlefield masteries';
+  }
+  return {open:value>=g.n,label,progress:Math.min(value,g.n)+' / '+g.n};
+}
+function opModUnlocked(mod){ return opModUnlockState(typeof mod==='string'?OPMODS.find(x=>x.id===mod):mod).open; }
+function opModActive(id){ return opModUnlocked(id)&&!!opModsOn()[id]; }
 function toggleOpMod(id){
+  const mod=OPMODS.find(x=>x.id===id),unlock=opModUnlockState(mod);
+  if(!mod||!unlock.open){ toast('🔒 '+(mod?mod.nm:'Modifier')+' — '+unlock.label+' ('+unlock.progress+')'); sfx('ui'); return; }
   const o=opModsOn();
   if(o[id]) delete o[id]; else o[id]=1;
+  /* Hand-picked rules and the random quick-pick are two alternatives. Keeping
+     both selected made the random buttons appear broken because chosen rules
+     intentionally win at match start. */
+  wcChoice=0; META.wcPref=0;
   metaSave(); renderOps(); sfx('ui');
 }
 function opModMult(){
   return m;
 }
 /* The total the player is playing for, shown before they commit. */
+function payoutMult(){
+  const chosen=OPMODS.some(k=>opModActive(k.id));
+  return threatReward()*(chosen?opModMult():(1+0.35*Math.max(0,wcChoice|0)));
+}
 /* ---- SCORE -----------------------------------------------------------------
    One number so runs are comparable — to your own past runs, and to the weekly.
 }
 function renderOps(){
   const el=document.getElementById('opsScr'); if(!el) return;
+  /* Keep the combined plan visible in Operations while modifier selection
+     itself lives with the rest of the per-match Map Settings. */
   renderOpsBrief((MF_TAB_STATE&&MF_TAB_STATE.opsScr)||'threat');
   /* Threat ladder */
   const tl=document.getElementById('threatRow');
   /* Modifiers */
   const mr=document.getElementById('opModRow');
   if(mr){
+    mr.innerHTML=OPMODS.map((k,mi)=>{ const u=opModUnlockState(k),active=opModActive(k.id),
+      /* The atlas is row-major 5x2. CSS percentage positions are relative to
+         the remaining overflow, so five columns land at 0/25/50/75/100. */
+      artX=(mi%5)*25,artY=mi<5?0:100; return '<div class="opMod'
+      +(active?' on':'')+(u.open?'':' lock')+'" data-id="'+k.id+'" role="button" tabindex="0" aria-disabled="'+(!u.open)+'">'
+      +'<div class="opModArt" aria-hidden="true" style="--opx:'+artX+'%;--opy:'+artY+'%"><i></i></div>'
+      +'<div class="opTx"><b>'+k.nm+'</b><span>'+k.ds+'</span><small class="opUnlock '+(u.open?'earned':'')+'">'
+      +(u.open?'✓ ':'🔒 ')+u.label+(u.open?'':' · '+u.progress)+'</small></div>'
+      +'<div class="opRw">+'+Math.round(k.rw*100)+'%</div></div>'; }).join('');
+    mr.querySelectorAll('.opMod').forEach(d=>{
+      d.addEventListener('pointerdown',()=>toggleOpMod(d.dataset.id));
+      d.addEventListener('keydown',ev=>{
+        if(ev.key!=='Enter'&&ev.key!==' ') return;
+        ev.preventDefault(); toggleOpMod(d.dataset.id);
+      });
+    });
   }
   const pm=document.getElementById('opPayout');
+  if(pm) pm.innerHTML=(wcChoice?'RANDOM ×'+wcChoice+' · ':'PAYOUT  ')+'<b>×'+payoutMult().toFixed(2)+'</b>';
+  const available=OPMODS.filter(opModUnlocked).length;
+  document.querySelectorAll('.wbtn').forEach(b=>{
+    const n=+b.dataset.w,blocked=n>available;
+    b.disabled=blocked; b.classList.toggle('lock',blocked);
+    b.title=blocked?'Unlock '+n+' modifiers first ('+available+' available)':'';
+    b.classList.toggle('on',!blocked&&n===wcChoice);
+  });
   /* Weekly */
   const wd=weeklyDef(), wb=weeklyBest();
   const wk=document.getElementById('weeklyBox');

src/engine/mesh.js CHANGED Viewed

@@ -729,7 +729,9 @@ layout(location=3) in vec2 aUV;
 layout(location=4) in float aMat;
 uniform mat4 uVP;
 uniform vec3 uEye;
-out vec3 vNrm; out vec2 vMapUV; out vec2 vDetUV; out float vFog; out vec3 vCol;
 void main(){
   vNrm=aNrm; vCol=aCol;
   vMapUV=vec2(aPos.x,aPos.z)/uMapSize;
@@ -737,18 +739,41 @@ void main(){
   float d=length(aPos-uEye);
   vFog=clamp((d-2600.0)/4200.0,0.0,0.5);
   float bd=min(min(aPos.x, MAPSIZE_CONST-aPos.x), min(aPos.z, MAPSIZE_CONST-aPos.z));
-  vFog=max(vFog, clamp((BFOG_CONST-bd)/BFOG_CONST,0.0,1.0));   // border haze
   gl_Position=uVP*vec4(aPos,1.0);
 }`.replace('uMapSize','MAPSIZE_CONST');
 const FST=`#version 300 es
 precision highp float;
-in vec3 vNrm; in vec2 vMapUV; in vec2 vDetUV; in float vFog; in vec3 vCol;
 uniform sampler2D uMap;
 uniform sampler2D uDetail;
 uniform sampler2D uFogMap;
 uniform float uFogActive;
 uniform vec3 uSun; uniform vec3 uSunC;
 uniform vec3 uAmbSky; uniform vec3 uAmbGnd; uniform vec3 uFogC;
 out vec4 o;
 void main(){
   vec3 n=normalize(vNrm);
@@ -764,13 +789,59 @@ void main(){
   vec3 amb=mix(uAmbGnd,uAmbSky,hemi);
   vec3 lit=base*(amb + uSunC*(ndl*0.80+wrap*0.20));
   lit=vec3(1.0)-exp(-lit*1.55);       // same curve as the model shader
-  lit=mix(lit,uFogC,vFog);            // fog is a display-space colour: blend after
   /* Fog-of-war follows the terrain itself. A screen overlay could not survive
      camera tilt and the first ground-quad attempt visibly cut hills into dark
      tiles. Sampling the 64x64 sensor texture in map UV space gives smooth,
      depth-correct current/explored/unexplored transitions for one texture read. */
-  float fow=texture(uFogMap,vMapUV).a*uFogActive;
   lit=mix(lit,vec3(0.008,0.016,0.030),fow);
   o=vec4(pow(max(lit,vec3(0.0)),vec3(0.4545)),1.0);
 }`;
 /* ============================================================================
@@ -1105,7 +1176,8 @@ function initGL3D(){
   gl.uniform1i(U3.uMat,0); gl.uniform1i(U3.uNrm,2); gl.uniform1i(U3.uOrm,3);
   UG.uVP=gl.getUniformLocation(progG,'uVP');
   progT=mkProg(VST.replace(/MAPSIZE_CONST/g,MAP.toFixed(1)).replace(/BFOG_CONST/g,'430.0'),FST);
-  for(const k of ['uVP','uEye','uSun','uSunC','uAmbSky','uAmbGnd','uFogC','uMap','uDetail','uFogMap','uFogActive'])
     UT[k]=gl.getUniformLocation(progT,k);
   gl.useProgram(progT); gl.uniform1i(UT.uMap,0); gl.uniform1i(UT.uDetail,1); gl.uniform1i(UT.uFogMap,7);
   initAO();

 layout(location=4) in float aMat;
 uniform mat4 uVP;
 uniform vec3 uEye;
+uniform vec2 uPlayBounds;
+uniform float uEdgeStyle;
+out vec3 vNrm; out vec2 vMapUV; out vec2 vDetUV; out float vFog; out float vBorder; out float vPlayBorder; out float vOutside; out float vExclusion; out vec3 vCol;
 void main(){
   vNrm=aNrm; vCol=aCol;
   vMapUV=vec2(aPos.x,aPos.z)/uMapSize;
   float d=length(aPos-uEye);
   vFog=clamp((d-2600.0)/4200.0,0.0,0.5);
   float bd=min(min(aPos.x, MAPSIZE_CONST-aPos.x), min(aPos.z, MAPSIZE_CONST-aPos.z));
+  vBorder=clamp((BFOG_CONST-bd)/BFOG_CONST,0.0,1.0);
+  vOutside=max(0.0,-bd);
+  /* Match the authored theatre silhouette used by the red tactical grid.
+     Finite superellipse powers keep every biome from ending in the same hard
+     square, while the harmonics create broad coast/inlet/waste variation
+     without introducing high-frequency collision traps. */
+  vec2 pc=vec2((uPlayBounds.x+uPlayBounds.y)*0.5);
+  vec2 pd=aPos.xz-pc;
+  float pa=atan(pd.y,pd.x), ca=abs(cos(pa)), sa=abs(sin(pa));
+  float power=uEdgeStyle>0.5&&uEdgeStyle<1.5?3.15:(uEdgeStyle>1.5&&uEdgeStyle<2.5?6.25:(uEdgeStyle>2.5?4.15:5.0));
+  float halfSpan=(uPlayBounds.y-uPlayBounds.x)*0.5;
+  float baseR=halfSpan/pow(pow(ca,power)+pow(sa,power),1.0/power);
+  float shape=uEdgeStyle>0.5&&uEdgeStyle<1.5
+    ?0.945+0.024*sin(pa*3.0+0.65)+0.016*sin(pa*7.0-1.10)
+    :(uEdgeStyle>1.5&&uEdgeStyle<2.5
+      ?0.958+0.020*sin(pa*5.0+0.30)+0.012*sin(pa*9.0+1.20)
+      :(uEdgeStyle>2.5
+        ?0.948+0.025*sin(pa*2.0-0.80)+0.016*sin(pa*6.0+0.45)
+        :0.966+0.014*sin(pa*4.0+0.35)+0.010*sin(pa*7.0-0.55)));
+  float pbd=baseR*shape-length(pd);
+  vPlayBorder=clamp((160.0-pbd)/160.0,0.0,1.0);
+  vExclusion=max(0.0,-pbd);
+  vFog=max(vFog,vBorder);                         // border haze
   gl_Position=uVP*vec4(aPos,1.0);
 }`.replace('uMapSize','MAPSIZE_CONST');
 const FST=`#version 300 es
 precision highp float;
+in vec3 vNrm; in vec2 vMapUV; in vec2 vDetUV; in float vFog; in float vBorder; in float vPlayBorder; in float vOutside; in float vExclusion; in vec3 vCol;
 uniform sampler2D uMap;
 uniform sampler2D uDetail;
 uniform sampler2D uFogMap;
 uniform float uFogActive;
 uniform vec3 uSun; uniform vec3 uSunC;
 uniform vec3 uAmbSky; uniform vec3 uAmbGnd; uniform vec3 uFogC;
+uniform float uEdgeStyle; uniform float uEdgeTime; uniform vec3 uEdgeTint;
 out vec4 o;
 void main(){
   vec3 n=normalize(vNrm);
   vec3 amb=mix(uAmbGnd,uAmbSky,hemi);
   vec3 lit=base*(amb + uSunC*(ndl*0.80+wrap*0.20));
   lit=vec3(1.0)-exp(-lit*1.55);       // same curve as the model shader
   /* Fog-of-war follows the terrain itself. A screen overlay could not survive
      camera tilt and the first ground-quad attempt visibly cut hills into dark
      tiles. Sampling the 64x64 sensor texture in map UV space gives smooth,
      depth-correct current/explored/unexplored transitions for one texture read. */
+  /* Border weather is a physical cover over the sensor map, not another layer
+     beneath it. The old order fogged the terrain and THEN mixed it toward FOW
+     black, which cut a navy polygon out of the otherwise matching clear
+     colour. Fade sensor darkness out as haze starts, apply it to the terrain,
+     and put the atmospheric veil on last. */
+  /* Sensor darkness must not redraw the tactical frontier as a black slab.
+     Protect both the physical terrain skirt and the currently selected safe
+     theatre edge; Compact and Standard deliberately end before the mesh does. */
+  float borderProtect=1.0-smoothstep(0.02,0.18,max(vBorder,vPlayBorder));
+  float fow=texture(uFogMap,vMapUV).a*uFogActive*borderProtect;
   lit=mix(lit,vec3(0.008,0.016,0.030),fow);
+  lit=mix(lit,uFogC,vFog);            // final veil: FOW can never darken it
+  /* The low-density skirt outside the simulation receives a restrained fog
+     variation. It suggests rolling ground continuing into weather without
+     becoming navigable terrain or revealing a second hard edge. Both ends of
+     the band return to the exact fog colour, so the authored seam and the far
+     framebuffer clear remain continuous. */
+  float outerBand=smoothstep(10.0,180.0,vOutside)*(1.0-smoothstep(640.0,940.0,vOutside));
+  float outerNoise=(d1*0.68+d2*0.32)-0.5;
+  vec3 outerFog=uFogC*(0.965+outerNoise*0.065);
+  lit=mix(lit,outerFog,outerBand*0.72);
+  /* The red command boundary is drawn on the last safe ground. Only AFTER
+     crossing it does this procedural exclusion treatment begin. Detail noise
+     perturbs the onset so coastlines and wasteland fronts do not read as a
+     second perfect rectangle, while a long fade returns to atmospheric fog
+     before the low-density skirt itself ends. */
+  float irregular=((d1*0.68+d2*0.32)-0.5)*42.0;
+  float onset=max(8.0,14.0+irregular);
+  float zone=smoothstep(onset,max(onset+34.0,82.0+irregular),vExclusion)
+            *(1.0-smoothstep(760.0,1180.0,vExclusion));
+  vec3 zoneCol=mix(uFogC,uEdgeTint,0.42);
+  if(uEdgeStyle>0.5&&uEdgeStyle<1.5){
+    // Coastal/island exclusion: dark water with narrow moving foam trains.
+    float wave=0.5+0.5*sin(vExclusion*0.064+vDetUV.x*0.31-vDetUV.y*0.19+uEdgeTime*0.72);
+    float foam=pow(wave,12.0)*(1.0-smoothstep(250.0,560.0,vExclusion));
+    zoneCol=mix(uFogC,uEdgeTint,0.58)+vec3(0.10,0.16,0.18)*foam;
+  }else if(uEdgeStyle>1.5&&uEdgeStyle<2.5){
+    // Dry exclusion: ash plates split by ember-lit procedural cracks.
+    float crack=pow(abs(sin(vDetUV.x*0.73+sin(vDetUV.y*.17))*sin(vDetUV.y*.61-vDetUV.x*.11)),18.0);
+    zoneCol=mix(uFogC,uEdgeTint,0.56)+vec3(0.20,0.035,0.008)*crack*(0.35+0.20*sin(uEdgeTime*.45));
+  }else if(uEdgeStyle>2.5){
+    // Highland/arctic exclusion: broad storm bands moving through dense mist.
+    float storm=0.5+0.5*sin((vDetUV.x+vDetUV.y)*0.34+outerNoise*5.0+uEdgeTime*0.34);
+    zoneCol=mix(uFogC,uEdgeTint,0.34)*(0.88+storm*0.16);
+  }else{
+    // Temperate maps retain muted terrain colour under deep perimeter mist.
+    zoneCol=mix(uFogC,uEdgeTint,0.38)*(0.94+outerNoise*0.10);
+  }
+  lit=mix(lit,zoneCol,zone*0.78);
   o=vec4(pow(max(lit,vec3(0.0)),vec3(0.4545)),1.0);
 }`;
 /* ============================================================================
   gl.uniform1i(U3.uMat,0); gl.uniform1i(U3.uNrm,2); gl.uniform1i(U3.uOrm,3);
   UG.uVP=gl.getUniformLocation(progG,'uVP');
   progT=mkProg(VST.replace(/MAPSIZE_CONST/g,MAP.toFixed(1)).replace(/BFOG_CONST/g,'430.0'),FST);
+  for(const k of ['uVP','uEye','uSun','uSunC','uAmbSky','uAmbGnd','uFogC','uMap','uDetail','uFogMap','uFogActive',
+                   'uPlayBounds','uEdgeStyle','uEdgeTime','uEdgeTint'])
     UT[k]=gl.getUniformLocation(progT,k);
   gl.useProgram(progT); gl.uniform1i(UT.uMap,0); gl.uniform1i(UT.uDetail,1); gl.uniform1i(UT.uFogMap,7);
   initAO();

src/engine/terrain.js CHANGED Viewed

@@ -24,6 +24,14 @@ const SEABED=-26;                    // floor the ocean bottom so water has dept
 let terrMesh=null, terrVerts=null, terrVAO=null, terrVBO=null, terrIBO=null, terrIdxCount=0;
 let waterMesh=null, waterVAO=null, waterVBO=null, waterIBO=null, waterIdxCount=0, waterVerts=null;
 /* World height in world units. Bilinear so slopes are smooth and the camera
    ray-march in s2w() converges instead of stair-stepping. */
@@ -118,10 +126,78 @@ function buildTerrainMesh(themeKey){
     gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,idx,gl.STATIC_DRAW);
     gl.bindVertexArray(null);
   }
   buildWaterMesh(TH);
   return terrVAO;
 }
 /* Rewrite a rectangular window of terrain vertices — positions, normals and
    colours — from the current heightfield. Normals are central differences of
    the heightfield rather than face normals, which keeps the surface smooth
@@ -279,6 +355,12 @@ function drawTerrain(){
   gl.drawElements(gl.TRIANGLES,terrIdxCount,gl.UNSIGNED_INT,0);
   drawCalls++; triCount+=terrIdxCount/3;
 }
 function drawWater(){
   if(!waterVAO||!waterIdxCount) return;
   gl.bindVertexArray(waterVAO);

 let terrMesh=null, terrVerts=null, terrVAO=null, terrVBO=null, terrIBO=null, terrIdxCount=0;
 let waterMesh=null, waterVAO=null, waterVBO=null, waterIBO=null, waterIdxCount=0, waterVerts=null;
+/* The playable heightfield still ends at MAP, but the camera is deliberately
+   allowed to overhang it so a corner base can remain centred while the player
+   rotates. A cheap low-density skirt gives that overhang real depth instead
+   of exposing the framebuffer clear as a flat blue/black wedge. The terrain
+   shader turns the skirt into atmospheric fake-land; it never participates in
+   pathfinding, fog sensors, placement or deformation. */
+const TERR_EDGE_EXT=960;
+let terrEdgeVAO=null, terrEdgeVBO=null, terrEdgeIBO=null, terrEdgeIdxCount=0;
 /* World height in world units. Bilinear so slopes are smooth and the camera
    ray-march in s2w() converges instead of stair-stepping. */
     gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,idx,gl.STATIC_DRAW);
     gl.bindVertexArray(null);
   }
+  buildTerrainEdgeMesh(TH);
   buildWaterMesh(TH);
   return terrVAO;
 }
+/* Four rectilinear strips cover the world outside [0,MAP]. Keeping 0 and MAP
+   as authored vertices makes the join exact, while a handful of radial bands
+   is enough because dense haze intentionally removes high-frequency detail.
+   North/south extend around the corners; west/east only fill the middle, so
+   there are no holes and no overlapping coplanar corner sheets. */
+function buildTerrainEdgeMesh(TH){
+  const verts=[],idx=[];
+  const edgeKind=curMap==='isles'?1:(curTheme==='ashland'||curMap==='crater'?2:
+    (curTheme==='arctic'||curMap==='highland'?3:0));
+  const sink=edgeKind===1?38:edgeKind===2?13:edgeKind===3?27:20;
+  const reliefAmp=edgeKind===2?7.2:edgeKind===3?2.8:4.2;
+  const axis=(a,b,n)=>Array.from({length:n+1},(_,i)=>a+(b-a)*i/n);
+  const along=axis(-TERR_EDGE_EXT,MAP+TERR_EDGE_EXT,48);
+  const middle=axis(0,MAP,32);
+  const bands=[0,130,330,610,TERR_EDGE_EXT];
+  const smooth=q=>q*q*(3-2*q);
+  const addRect=(xs,zs)=>{
+    const base=verts.length/12, nx=xs.length;
+    for(const z of zs) for(const x of xs){
+      const outside=Math.max(0,-x,x-MAP,-z,z-MAP), q=clamp(outside/TERR_EDGE_EXT,0,1);
+      const bx=clamp(x,0,MAP), bz=clamp(z,0,MAP), join=clamp(outside/150,0,1);
+      /* Continue the edge silhouette, then let it settle slightly into the
+         weather. Relief starts at zero on the seam, so even a grazing camera
+         cannot reveal a vertical crack between authored and fake terrain. */
+      const relief=(Math.sin(x*.0067+z*.0031)+Math.sin(z*.0083-x*.0027))*(1-q)*reliefAmp*join;
+      /* Isles fall away fastest into their drowned perimeter; dry maps keep
+         harder broken shelves; storm maps flatten into a low obscured waste. */
+      const h=terrainH(bx,bz)-smooth(q)*sink+relief;
+      const cc=TH.cliff||[112,116,122];
+      verts.push(x,h,z, 0,1,0, cc[0]/255,cc[1]/255,cc[2]/255,
+        x*.035,z*.035,MAT.EARTH);
+    }
+    for(let z=0;z<zs.length-1;z++) for(let x=0;x<xs.length-1;x++){
+      const a=base+z*nx+x,b=a+1,c=a+nx,d=c+1;
+      idx.push(a,c,b,b,c,d);
+    }
+  };
+  addRect(along,bands.slice().reverse().map(d=>-d));
+  addRect(along,bands.map(d=>MAP+d));
+  addRect(bands.slice().reverse().map(d=>-d),middle);
+  addRect(bands.map(d=>MAP+d),middle);
+  terrEdgeIdxCount=idx.length;
+  const data=new Float32Array(verts),indices=new Uint32Array(idx);
+  if(!terrEdgeVAO){
+    terrEdgeVAO=gl.createVertexArray(); gl.bindVertexArray(terrEdgeVAO);
+    terrEdgeVBO=gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER,terrEdgeVBO);
+    gl.bufferData(gl.ARRAY_BUFFER,data,gl.STATIC_DRAW);
+    gl.enableVertexAttribArray(0); gl.vertexAttribPointer(0,3,gl.FLOAT,false,VSTRIDE,0);
+    gl.enableVertexAttribArray(1); gl.vertexAttribPointer(1,3,gl.FLOAT,false,VSTRIDE,12);
+    gl.enableVertexAttribArray(2); gl.vertexAttribPointer(2,3,gl.FLOAT,false,VSTRIDE,24);
+    gl.enableVertexAttribArray(3); gl.vertexAttribPointer(3,2,gl.FLOAT,false,VSTRIDE,36);
+    gl.enableVertexAttribArray(4); gl.vertexAttribPointer(4,1,gl.FLOAT,false,VSTRIDE,44);
+    terrEdgeIBO=gl.createBuffer(); gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,terrEdgeIBO);
+    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,indices,gl.STATIC_DRAW);
+    gl.disableVertexAttribArray(5); gl.vertexAttrib4f(5,0,0,0,1);
+    gl.disableVertexAttribArray(6); gl.vertexAttrib1f(6,0);
+    gl.disableVertexAttribArray(7); gl.vertexAttrib4f(7,1,1,1,1);
+    gl.disableVertexAttribArray(8); gl.vertexAttrib1f(8,1);
+    gl.bindVertexArray(null);
+  }else{
+    gl.bindVertexArray(terrEdgeVAO);
+    gl.bindBuffer(gl.ARRAY_BUFFER,terrEdgeVBO); gl.bufferData(gl.ARRAY_BUFFER,data,gl.STATIC_DRAW);
+    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER,terrEdgeIBO); gl.bufferData(gl.ELEMENT_ARRAY_BUFFER,indices,gl.STATIC_DRAW);
+    gl.bindVertexArray(null);
+  }
+}
 /* Rewrite a rectangular window of terrain vertices — positions, normals and
    colours — from the current heightfield. Normals are central differences of
    the heightfield rather than face normals, which keeps the surface smooth
   gl.drawElements(gl.TRIANGLES,terrIdxCount,gl.UNSIGNED_INT,0);
   drawCalls++; triCount+=terrIdxCount/3;
 }
+function drawTerrainEdge(){
+  if(!terrEdgeVAO||!terrEdgeIdxCount) return;
+  gl.bindVertexArray(terrEdgeVAO);
+  gl.drawElements(gl.TRIANGLES,terrEdgeIdxCount,gl.UNSIGNED_INT,0);
+  drawCalls++; triCount+=terrEdgeIdxCount/3;
+}
 function drawWater(){
   if(!waterVAO||!waterIdxCount) return;
   gl.bindVertexArray(waterVAO);

src/factions.js CHANGED Viewed

@@ -18,29 +18,38 @@
 const FACART={
   nova:{
-    id:'nova', nm:'Nova Federation', key:'nova', side:'player',
-    motto:'ORDER. SCIENCE. UNITY.',
     col:'#5db6ff', col2:'#0d2740',
     cdr:'Captain Elara Kai',
     quote:'For peace. For the people. For tomorrow.',
-    lore:'The Nova Federation brings stability to a fragmented galaxy through '+
-         'advanced technology, disciplined military, and an unshakable belief '+
-         'in a united future.',
     bonusNm:'Advanced Engineering',
     bonus:'Units build faster and cost less.',
     units:[['STRIKER','Light Skirmisher','First on the field, first to fall. Numbers, not armour.'],
            ['RHINO','Main Battle Tank','The line everything else is built behind.'],
            ['GOLIATH','Assault Walker','450 hull and a splash cannon. Breaks a defended position.'],
-           ['WASP','Interceptor','Air cover. Cheap enough to lose and fast enough not to.']]},
   ascendancy:{
-    id:'ascendancy', nm:'Red Ascendancy', key:'legion', side:'ai',
-    motto:'STRENGTH. DUTY. ASCENSION.',
     col:'#ff6b58', col2:'#3a0f12',
     cdr:'Lord Darion Vex',
     quote:'The weak are fuel. The strong ascend.',
-    lore:'The Red Ascendancy believes in merit through might. Through relentless '+
-         'conquest and absolute discipline, they forge humanity into its '+
-         'strongest form.',
     bonusNm:'Martial Doctrine',
     bonus:'All combat units deal more damage the longer they remain in combat.',
     units:[['GOLIATH','Assault Walker','Ascendancy doctrine starts here: walk forward, do not stop.'],
@@ -53,30 +62,40 @@ const FACART={
     col:'#8ce85a', col2:'#12300f',
     cdr:'Broker Lys Renn',
     quote:'Information is power. Profit is freedom.',
-    lore:'The Syndicate Coalition thrives in chaos. Using superior intel, '+
-         'guerrilla tactics and economic control, they turn uncertainty into '+
-         'power.',
     bonusNm:'Black Market',
     bonus:'Gain additional resources from captured deposits and structures.',
     units:[['KESTREL','Recon Flyer','150 range on a 120-hull airframe. Sees first, leaves first.'],
            ['WASP','Interceptor','Air superiority bought cheaply and replaced often.'],
            ['RAPTOR','Strike Craft','85 damage in a 32 splash. Hits a worker line and is gone.'],
-           ['RESONATOR','Sonic Platform','Its sound passes straight through shields.']]},
   horde:{
-    id:'horde', nm:'Umbral Brood', key:'horde', side:'ai',
-    motto:'CONSUME. SPREAD. ENDURE.',
     col:'#b978ff', col2:'#22103a',
     cdr:'The Brood Sovereign',
     quote:'It does not negotiate. It arrives.',
-    lore:'No one has found where the Brood began. It answers no hail, holds no '+
-         'ground it has not eaten, and every world it leaves behind is quiet in '+
-         'the same way.',
     bonusNm:'Endless Spawn',
     bonus:'Cheaper broods, faster hatcheries, and packs that grow as they feed.',
-    units:[['STRIKER','Brood Skirmisher','Worthless alone. Never alone.'],
-           ['PYRO','Spitter','Short-ranged burning splash. Made for packed formations.'],
-           ['CINDER','Immolator','46 splash of flame. What the swarm sends at a defended wall.'],
-           ['ALPHA RAVAGER','Brood Alpha','1500 hull at melee range. The thing behind the tide.']]},
 };
 /* Map an ai.js faction key back to its art entry. */
@@ -140,6 +159,9 @@ function facCard(id){
     +'<div class="facUnits">'
       +A.units.map(u=>'<div class="facUnit"><b>'+u[0]+'</b><span>'+u[1]+'</span><i>'+u[2]+'</i></div>').join('')
     +'</div>'
     +'<div class="facBonus"><span class="facBonusNm">'+A.bonusNm+'</span>'+A.bonus+'</div>'
   +'</section>';
 }

 const FACART={
   nova:{
+    id:'nova', nm:'Terran Frontline Command', key:'nova', side:'player',
+    motto:'DISCIPLINE. TECHNOLOGY. UNITY.',
     col:'#5db6ff', col2:'#0d2740',
     cdr:'Captain Elara Kai',
     quote:'For peace. For the people. For tomorrow.',
+    lore:'Frontline Command is a combined-arms expedition built around hardened positions, '+
+         'precision fire and dependable battlefield logistics. It wins by seeing first, '+
+         'building a line, then advancing that line without breaking it.',
+    strong:'Long-range fire · durable defence · flexible combined arms',
+    weak:'Slower deployment · costly advanced upgrades · flanking and EMP pressure',
+    endgoal:'Restore the Halcyon relay lattice, evacuate the surviving colonies, and found a defensive alliance strong enough to stop the next invasion.',
+    arc:'LANDING → RELIEF CORRIDOR → PLANETARY SHIELD',
     bonusNm:'Advanced Engineering',
     bonus:'Units build faster and cost less.',
     units:[['STRIKER','Light Skirmisher','First on the field, first to fall. Numbers, not armour.'],
            ['RHINO','Main Battle Tank','The line everything else is built behind.'],
            ['GOLIATH','Assault Walker','450 hull and a splash cannon. Breaks a defended position.'],
+           ['WASP','Interceptor','Air cover. Cheap enough to lose and fast enough not to.'],
+           ['ATLAS SKYCRANE','Heavy Air Transport','Four lift pods carry a mixed light force over terrain and deploy it in formation.']]},
   ascendancy:{
+    id:'ascendancy', nm:'Crimson Dominion', key:'legion', side:'ai',
+    motto:'STRENGTH. AUTHORITY. CONQUEST.',
     col:'#ff6b58', col2:'#3a0f12',
     cdr:'Lord Darion Vex',
     quote:'The weak are fuel. The strong ascend.',
+    lore:'The Dominion is an authoritarian war machine of armoured offensives, '+
+         'suppression batteries and siege engines. It wins by forcing one decisive '+
+         'front and breaking it with overwhelming burst damage.',
+    strong:'Heavy frontal assaults · anti-armour · siege and morale pressure',
+    weak:'Predictable lanes · expensive elites · disruption and mobile harassment',
+    endgoal:'Seize every pre-collapse war forge on Halcyon and crown Vex as the sole authority capable of unifying humanity by force.',
+    arc:'CONQUEST → WAR FORGES → IMPERIAL ASCENSION',
     bonusNm:'Martial Doctrine',
     bonus:'All combat units deal more damage the longer they remain in combat.',
     units:[['GOLIATH','Assault Walker','Ascendancy doctrine starts here: walk forward, do not stop.'],
     col:'#8ce85a', col2:'#12300f',
     cdr:'Broker Lys Renn',
     quote:'Information is power. Profit is freedom.',
+    lore:'The Coalition fields autonomous constructs, predictive targeting and the '+
+         'most advanced energy weapons on Halcyon. Its machine cadres reshape an '+
+         'engagement before slower armies understand the threat.',
+    strong:'Precision energy weapons · drones · shields · area control',
+    weak:'Low hull strength · setup time · melee pressure · EMP and resource drain',
+    endgoal:'Awaken the buried planetary intelligence, merge every market and defence network into it, and make the Coalition indispensable to all survivors.',
+    arc:'INFILTRATION → MACHINE AWAKENING → PERFECT NETWORK',
     bonusNm:'Black Market',
     bonus:'Gain additional resources from captured deposits and structures.',
     units:[['KESTREL','Recon Flyer','150 range on a 120-hull airframe. Sees first, leaves first.'],
            ['WASP','Interceptor','Air superiority bought cheaply and replaced often.'],
            ['RAPTOR','Strike Craft','85 damage in a 32 splash. Hits a worker line and is gone.'],
+           ['RESONATOR','Sonic Platform','Its sound passes straight through shields.'],
+           ['PHASE ARK','Energy Air Transport','A cockpitless delta carrier that phase-transfers light constructs through defended terrain.']]},
   horde:{
+    id:'horde', nm:'Brood Swarm', key:'horde', side:'ai',
+    motto:'EVOLVE. ASSIMILATE. ENDURE.',
     col:'#b978ff', col2:'#22103a',
     cdr:'The Brood Sovereign',
     quote:'It does not negotiate. It arrives.',
+    lore:'The Brood is a wholly biological hive: no vehicles, factories or machine '+
+         'weapons. It grows organisms, spreads living territory, mutates under '+
+         'pressure and overwhelms defences through relentless numbers.',
+    strong:'Critical mass · anti-light claws · structure rending · caster utility',
+    weak:'Area fire · long-range siege · detection · exposed growth organs',
+    endgoal:'Root a world-spanning neural organism in Halcyon’s mantle, assimilate every useful genome, and launch living seed-ships toward the inner systems.',
+    arc:'INFESTATION → PLANETARY NERVOUS SYSTEM → STAR SEEDING',
     bonusNm:'Endless Spawn',
     bonus:'Cheaper broods, faster hatcheries, and packs that grow as they feed.',
+    units:[['RAVAGER','Ravager','118 hull. Fast claws rend light armor and structures; isolated bodies die quickly.'],
+           ['TIDECASTER','Brood Tidecaster','Forms from 28 nearby creatures and organizes the mass into one targeted tide.'],
+           ['SPITTER','Spitter','Biological ranged utility for breaking packed light formations.'],
+           ['ALPHA RAVAGER','Brood Alpha','A tougher living breach-organism, still dependent on numbers and leadership.'],
+           ['MASSFLESH','Living Breach Carrier','Broods merge into its body; it can float briefly, lash structures, and birth a tide behind defensive lines.']]},
 };
 /* Map an ai.js faction key back to its art entry. */
     +'<div class="facUnits">'
       +A.units.map(u=>'<div class="facUnit"><b>'+u[0]+'</b><span>'+u[1]+'</span><i>'+u[2]+'</i></div>').join('')
     +'</div>'
+    +'<div class="facDoctrine"><div class="facStrong"><b>STRONG AT</b>'+A.strong+'</div>'
+      +'<div class="facWeak"><b>WEAK AGAINST</b>'+A.weak+'</div></div>'
+    +'<div class="facEndgoal"><span>CAMPAIGN ENDGOAL</span><b>'+A.arc+'</b><p>'+A.endgoal+'</p></div>'
     +'<div class="facBonus"><span class="facBonusNm">'+A.bonusNm+'</span>'+A.bonus+'</div>'
   +'</section>';
 }

src/game/ai.js CHANGED Viewed

@@ -172,6 +172,7 @@ function aiFreeSpot(type){
     const a=Math.random()*TAU, d=70+Math.random()*320;
     const x=clamp(AI.base.x+Math.cos(a)*d,edge,MAP-edge);
     const y=clamp(AI.base.y+Math.sin(a)*d,edge,MAP-edge);
     if(!footOnLand(type,x,y,0,fac)||footBlocked(type,x,y,0,null,fac)) continue;
     let ok=true;
     for(const D of deposits){
@@ -240,7 +241,7 @@ function aiTick(dt){
     const reach=(900+AI.t*0.9)*(900+AI.t*0.9);
     for(let d=0;d<deposits.length;d++){
       const D=deposits[d];
-      if(D.taken) continue;
       const dd=dist2(D.x,D.y,AI.base.x,AI.base.y);
       if(dd<bd && dd<reach){ bd=dd; bestD=d; }
     }
@@ -525,9 +526,16 @@ function aiTick(dt){
       const px3=-dy2/L, py3=dx2/L;
       const c1=[clamp(mx2+px3*320,60,MAP-60),clamp(my2+py3*320,60,MAP-60)];
       const c2=[clamp(mx2-px3*320,60,MAP-60),clamp(my2-py3*320,60,MAP-60)];
       const w=defenseAt(c1[0],c1[1],0)<=defenseAt(c2[0],c2[1],0)?c1:c2;
       tx=clamp(tx+(w[0]-mx2)*0.7,60,MAP-60);
       ty=clamp(ty+(w[1]-my2)*0.7,60,MAP-60);
     }
     /* Easy commits about half its standing army instead of nearly all of it, so
        a wave is something you repel rather than something you survive — and the

     const a=Math.random()*TAU, d=70+Math.random()*320;
     const x=clamp(AI.base.x+Math.cos(a)*d,edge,MAP-edge);
     const y=clamp(AI.base.y+Math.sin(a)*d,edge,MAP-edge);
+    if(typeof battlefieldContains==='function'&&!battlefieldContains(x,y,edge))continue;
     if(!footOnLand(type,x,y,0,fac)||footBlocked(type,x,y,0,null,fac)) continue;
     let ok=true;
     for(const D of deposits){
     const reach=(900+AI.t*0.9)*(900+AI.t*0.9);
     for(let d=0;d<deposits.length;d++){
       const D=deposits[d];
+      if(D.taken||depositTier(D)<=0) continue;
       const dd=dist2(D.x,D.y,AI.base.x,AI.base.y);
       if(dd<bd && dd<reach){ bd=dd; bestD=d; }
     }
       const px3=-dy2/L, py3=dx2/L;
       const c1=[clamp(mx2+px3*320,60,MAP-60),clamp(my2+py3*320,60,MAP-60)];
       const c2=[clamp(mx2-px3*320,60,MAP-60),clamp(my2-py3*320,60,MAP-60)];
+      if(typeof battlefieldClampPoint==='function'){
+        const a1=battlefieldClampPoint(c1[0],c1[1],60),a2=battlefieldClampPoint(c2[0],c2[1],60);
+        c1[0]=a1[0];c1[1]=a1[1];c2[0]=a2[0];c2[1]=a2[1];
+      }
       const w=defenseAt(c1[0],c1[1],0)<=defenseAt(c2[0],c2[1],0)?c1:c2;
       tx=clamp(tx+(w[0]-mx2)*0.7,60,MAP-60);
       ty=clamp(ty+(w[1]-my2)*0.7,60,MAP-60);
+      if(typeof battlefieldClampPoint==='function'){
+        const p=battlefieldClampPoint(tx,ty,60);tx=p[0];ty=p[1];
+      }
     }
     /* Easy commits about half its standing army instead of nearly all of it, so
        a wave is something you repel rather than something you survive — and the

src/game/commander.js CHANGED Viewed

@@ -172,6 +172,87 @@ function artBarrageButtonState(){
   b.title=desc;b.setAttribute('aria-label',desc);
 }
 function heroXP(x){
   if(heroIdx<0) return;
   heroXp+=x;
@@ -290,6 +371,7 @@ function fireBlast(wx,wy){
 }
 function abilTick(dt){
   for(let i=0;i<abCool.length;i++) if(abCool[i]>0) abCool[i]-=dt;
   artBarrageTick(dt);
 }
 /* ---------- ORBITAL LANCE — a sweeping beam bought in the Armory ---------- */

   b.title=desc;b.setAttribute('aria-label',desc);
 }
+/* ---------- CONTEXTUAL CLASS DOCTRINES ------------------------------------
+   One adaptive button keeps the phone HUD readable while still giving three
+   major unit families a real unlocked active. The selected composition decides
+   which command is presented; mixed selections choose the family with the most
+   eligible units. Artillery retains its authored target-and-charge Barrage. */
+const CLASS_AB={
+  assault:{nm:'BREAK',em:'➤',req:'breakthrough',energy:130,cool:44,dur:9,
+    cats:['inf','veh','at','aoe','exp'],
+    ds:'+28% damage, +22% speed and faster fire for 9s; units take +12% damage.'},
+  intercept:{nm:'INTERCEPT',em:'⌁',req:'intercept',energy:95,cool:38,dur:8,
+    cats:['air','aa'],
+    ds:'+58% speed, +22% range and faster tracking for 8s.'},
+  service:{nm:'SERVICE',em:'✚',req:'fieldservice',energy:115,cool:34,dur:7,
+    cats:['sup'],
+    ds:'Support units restore nearby allies and project a 28% damage screen for 7s.'}
+};
+const classAbCool={assault:0,intercept:0,service:0};
+function classAbilityEligible(A){
+  const out=[];
+  for(let i=0;i<unitHigh;i++)if(ualive[i]&&uteam[i]===0&&usel[i]&&A.cats.indexOf(TYPES[utype[i]].cat)>=0)out.push(i);
+  return out;
+}
+function classAbilityChoice(){
+  let best=null,bestN=0;
+  for(const k of ['service','intercept','assault']){
+    const n=classAbilityEligible(CLASS_AB[k]).length;
+    if(n>bestN){best=k;bestN=n;}
+  }
+  return best?{key:best,A:CLASS_AB[best],units:classAbilityEligible(CLASS_AB[best])}:null;
+}
+function classAbilityUnlocked(A){return typeof devHas==='function'&&devHas(A.req);}
+function tryClassAbility(){
+  const C=classAbilityChoice();
+  if(!C){toast('Select assault, interceptor, anti-air, or support units first');sfx('ui');return;}
+  const A=C.A;
+  if(!classAbilityUnlocked(A)){
+    const n=(typeof DEVTREE!=='undefined'&&DEVTREE.find(x=>x.id===A.req));
+    toast('LOCKED — research '+(n?n.nm:A.req)+' in DEVELOPMENT > DOCTRINE');sfx('ui');return;
+  }
+  if(classAbCool[C.key]>0){toast(A.nm+' REARMING — '+Math.ceil(classAbCool[C.key])+'s');return;}
+  if(!canAfford(0,0,A.energy)){toast(A.nm+' NEEDS '+A.energy+' ENERGY');return;}
+  pay(0,0,A.energy);classAbCool[C.key]=A.cool;
+  const touched=new Set(),centres=C.units;
+  if(C.key==='service'){
+    for(const i of centres){
+      uclassBuff[i]=3;uclassBuffT[i]=A.dur;
+      forUnitsIn(ux[i],uy[i],125,j=>{
+        if(uteam[j]!==0)return;touched.add(j);uclassBuff[j]=3;uclassBuffT[j]=Math.max(uclassBuffT[j],A.dur);
+        uhp[j]=Math.min(uhpm[j],uhp[j]+uhpm[j]*.26+55);
+        addParticle(0,ux[j],uy[j],0,-8,.42,6,82,255,164);
+      });
+      for(const B of blds)if(B.alive&&B.team===0&&dist2(ux[i],uy[i],B.x,B.y)<=145*145){
+        B.hp=Math.min(B.hpm,B.hp+B.hpm*.18+80);touched.add(B);
+      }
+      addParticle(3,ux[i],uy[i],0,0,.75,250,82,255,164);
+    }
+  }else{
+    const kind=C.key==='intercept'?2:1;
+    for(const i of centres){uclassBuff[i]=kind;uclassBuffT[i]=A.dur;touched.add(i);
+      const col=kind===2?[75,225,255]:[255,112,54];
+      addParticle(3,ux[i],uy[i],0,0,.5,TYPES[utype[i]].size*2.5,col[0],col[1],col[2]);
+    }
+  }
+  let cx=0,cy=0;for(const i of centres){cx+=ux[i];cy+=uy[i];}cx/=centres.length;cy/=centres.length;
+  toast(A.em+' '+A.nm+' — '+touched.size+' '+(touched.size===1?'ASSET':'ASSETS')+' AFFECTED');
+  sfx(C.key==='service'?'heal':'surge',cx,cy,1.05);
+  if(typeof radioAck==='function')radioAck('ability',touched.size,cx,cy);
+}
+function classAbilityReset(){for(const k in classAbCool)classAbCool[k]=0;}
+function classAbilityTick(dt){for(const k in classAbCool)if(classAbCool[k]>0)classAbCool[k]=Math.max(0,classAbCool[k]-dt);}
+function classAbilityButtonState(){
+  const b=document.getElementById('abClass');if(!b)return;
+  const C=classAbilityChoice(),cd=b.querySelector('.cdring'),em=document.getElementById('classAbEm'),nm=document.getElementById('classAbNm');
+  b.style.display=C?'flex':'none';if(!C)return;
+  const A=C.A,locked=!classAbilityUnlocked(A);em.textContent=A.em;nm.textContent=A.nm;
+  let cover='';if(locked)cover='LOCK';else if(classAbCool[C.key]>0)cover=Math.ceil(classAbCool[C.key]);else if(resE[0]<A.energy)cover='E';
+  b.classList.toggle('cd',!!cover);cd.style.display=cover?'flex':'none';cd.textContent=cover;
+  const desc=A.nm+' — '+A.energy+' energy, '+A.cool+'s cooldown. '+A.ds;
+  b.title=desc;b.setAttribute('aria-label',desc);
+}
 function heroXP(x){
   if(heroIdx<0) return;
   heroXp+=x;
 }
 function abilTick(dt){
   for(let i=0;i<abCool.length;i++) if(abCool[i]>0) abCool[i]-=dt;
+  classAbilityTick(dt);
   artBarrageTick(dt);
 }
 /* ---------- ORBITAL LANCE — a sweeping beam bought in the Armory ---------- */

src/game/economy.js CHANGED Viewed

@@ -42,7 +42,20 @@ function econTick(dt){
     for(const B of bldLive){
       if(!B.alive||B.team!==team||B.prog<1) continue;
       if(B.type==='hq'){ mi+=5.0; ei+=26; }
-      if(B.type==='mex') mi+= (B.lvl===3?11 : B.lvl===2?7 : 4)*(B.rich?2:1)*(team===0&&WC.veins?0.7:1);
       else if(B.type==='pgen') ei+= B.lvl===3?38 : B.lvl===2?24 : 14;
       else if(B.type==='geo') ei+=30;
       else if(B.type==='silo') silos++;
@@ -131,6 +144,10 @@ function snapPlace(){
   x = ax!==null? ax : Math.round((x-offX)/SNAP)*SNAP+offX;
   y = ay!==null? ay : Math.round((y-offY)/SNAP)*SNAP+offY;
   placing.x=clamp(x,40,MAP-40); placing.y=clamp(y,40,MAP-40);
 }
 function startPlacing(type){
   // pull back to a framing where the build grid is legible, if we're very close
@@ -149,6 +166,10 @@ function startPlacing(type){
 function placementValid(){
   if(!placing) return false;
   const T=BT[placing.type];
   if(!canAfford(0,T.cm,T.ce)) return false;
   if(placing.type==='mex'){
     return depositAt(placing.x,placing.y,34)>=0;

     for(const B of bldLive){
       if(!B.alive||B.team!==team||B.prog<1) continue;
       if(B.type==='hq'){ mi+=5.0; ei+=26; }
+      if(B.type==='mex'){
+        const D=B.dep>=0?deposits[B.dep]:null, before=depositTier(D);
+        if(before>0){
+          const base=(B.lvl===3?11 : B.lvl===2?7 : 4)*(DEPOSIT_YIELD[before]||1)*(team===0&&WC.veins?0.7:1);
+          const got=drainDeposit(D,base*dt);
+          mi+=got/Math.max(dt,.0001);
+          B.nodeTier=depositTier(D); B.nodeRemaining=D.remaining;
+          if(team===0&&B.nodeTier!==before){
+            if(B.nodeTier>0) toast('◇ PHASE FIELD DOWNGRADED — TIER '+B.nodeTier+' · '+Math.ceil(D.remaining)+' ore remains');
+            else toast('◇ PHASE FIELD DEPLETED — relocate the Prospector or claim another node');
+            sfx('notify',B.x,B.y,.72);
+          }
+        } else { B.nodeTier=0; B.nodeRemaining=0; }
+      }
       else if(B.type==='pgen') ei+= B.lvl===3?38 : B.lvl===2?24 : 14;
       else if(B.type==='geo') ei+=30;
       else if(B.type==='silo') silos++;
   x = ax!==null? ax : Math.round((x-offX)/SNAP)*SNAP+offX;
   y = ay!==null? ay : Math.round((y-offY)/SNAP)*SNAP+offY;
   placing.x=clamp(x,40,MAP-40); placing.y=clamp(y,40,MAP-40);
+  if(typeof battlefieldClampPoint==='function'){
+    const edgePad=Math.hypot(fw,fh)*.5+8,p=battlefieldClampPoint(placing.x,placing.y,edgePad);
+    placing.x=p[0];placing.y=p[1];
+  }
 }
 function startPlacing(type){
   // pull back to a framing where the build grid is legible, if we're very close
 function placementValid(){
   if(!placing) return false;
   const T=BT[placing.type];
+  if(typeof battlefieldContains==='function'){
+    const f=bldFoot(placing.type),edgePad=Math.hypot(f[0],f[1])*.5+8;
+    if(!battlefieldContains(placing.x,placing.y,edgePad))return false;
+  }
   if(!canAfford(0,T.cm,T.ce)) return false;
   if(placing.type==='mex'){
     return depositAt(placing.x,placing.y,34)>=0;

src/game/meta.js CHANGED Viewed

@@ -232,6 +232,7 @@ function invRarityRoll(win,seed){
 function invGrantMatchLoot(win){
   const b=invBag(), p=activeProf(), seed=(p?p.id:'p')+'|'+META.matches+'|'+(stats.kills[0]|0)+'|'+(stats.t|0)+'|'+difficulty;
   const rarity=invRarityRoll(win,seed), loot={gear:null,consumables:[]};
   /* Victories always award gear. A committed loss can still recover a piece,
      but a quick surrender cannot be used to farm the inventory. */
   const gearDrop=win||((stats.t|0)>=180&&(invHash(seed+'|gear')%100)<35);
@@ -363,7 +364,8 @@ function pickWildcards(n){
      fallback for a player who has never opened that screen, not a tax on one
      who has. */
   if(typeof opModsOn==='function'){
-    const chosen=Object.keys(opModsOn());
     if(chosen.length){
       for(const id of chosen){
         const w=WILDCARDS.find(x=>x.id===id);
@@ -376,7 +378,11 @@ function pickWildcards(n){
       return;
     }
   }
-  const pool=[...WILDCARDS];
   for(let k=0;k<n&&pool.length;k++){
     const w=pool.splice(Math.random()*pool.length|0,1)[0];
     WC[w.id]=true; wcActive.push(w);
@@ -403,11 +409,18 @@ function renderWcRow(){
 function rewardDayKey(){
   const d=new Date(); return d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
 }
 /* Cores used to be one opaque formula dominated by raw kill count. That made a
    defensive victory feel worse than farming wildlife and gave no clue what the
    economy valued. This ledger caps farmable categories, pays the objective and
    chosen difficulty, and rewards a genuinely fortified base. */
 function coreRewardLedger(win){
   const secs=stats.t|0, kills=stats.kills[0]|0;
   const fort=(typeof fortOf==='function'&&fortOf(0))?fortOf(0).tier|0:0;
   const completion=secs>=90?18:6;
@@ -427,12 +440,13 @@ function coreRewardLedger(win){
 }
 function metaGrant(win){
   const mult=wcRewardMult();
   /* Boosters apply on top of the wildcard multiplier, so a player who stacked
      both sees a genuinely large number — which is the point of spending an
      hour-long booster on a hard match rather than an easy one. */
   const bx=(typeof boostMul==='function')?boostMul('xp'):1;
   const bc=(typeof boostMul==='function')?boostMul('cores'):1;
-  const xp=Math.round((40+stats.kills[0]*0.35+(win?120:30)+difficulty*40)*mult*bx);
   const ledger=coreRewardLedger(win);
   const cores=Math.round(ledger.base*mult*bc);
   const data=(typeof researchDataFromMatch==='function')?researchDataFromMatch(win):{total:0,parts:[]};
@@ -601,6 +615,17 @@ function mfSetTabs(root,key,focus){
     if(scroller) scroller.scrollTop=0;
     const b=tabs.find(x=>x.dataset.mfTab===active);
     if(b) try{ b.focus({preventScroll:true}); }catch(e){ b.focus(); }
     if(typeof sfx==='function') sfx('ui');
   }
 }

 function invGrantMatchLoot(win){
   const b=invBag(), p=activeProf(), seed=(p?p.id:'p')+'|'+META.matches+'|'+(stats.kills[0]|0)+'|'+(stats.t|0)+'|'+difficulty;
   const rarity=invRarityRoll(win,seed), loot={gear:null,consumables:[]};
+  if(typeof matchCommitted==='function'&&!matchCommitted(win)) return loot;
   /* Victories always award gear. A committed loss can still recover a piece,
      but a quick surrender cannot be used to farm the inventory. */
   const gearDrop=win||((stats.t|0)>=180&&(invHash(seed+'|gear')%100)<35);
      fallback for a player who has never opened that screen, not a tax on one
      who has. */
   if(typeof opModsOn==='function'){
+    const chosen=Object.keys(opModsOn()).filter(id=>typeof opModUnlocked!=='function'||opModUnlocked(id)||
+      (typeof weeklyMode!=='undefined'&&weeklyMode));
     if(chosen.length){
       for(const id of chosen){
         const w=WILDCARDS.find(x=>x.id===id);
       return;
     }
   }
+  const pool=WILDCARDS.filter(w=>{
+    if(typeof opModUnlocked!=='function') return true;
+    const mod=typeof OPMODS!=='undefined'&&OPMODS.find(o=>o.id===w.id);
+    return !mod||opModUnlocked(mod);
+  });
   for(let k=0;k<n&&pool.length;k++){
     const w=pool.splice(Math.random()*pool.length|0,1)[0];
     WC[w.id]=true; wcActive.push(w);
 function rewardDayKey(){
   const d=new Date(); return d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
 }
+/* One anti-farm rule for every persistent reward. A real early defeat still
+   counts when the player fought or built; opening a match and immediately
+   quitting cannot mint XP, cores, loot, Data or crafting materials. */
+function matchCommitted(win){
+  return !!win||(stats.t|0)>=60||(stats.kills[0]|0)>=8||((stats.built&&stats.built[0])|0)>=3||(stats.nests|0)>=1;
+}
 /* Cores used to be one opaque formula dominated by raw kill count. That made a
    defensive victory feel worse than farming wildlife and gave no clue what the
    economy valued. This ledger caps farmable categories, pays the objective and
    chosen difficulty, and rewards a genuinely fortified base. */
 function coreRewardLedger(win){
+  if(!matchCommitted(win)) return {base:0,parts:[]};
   const secs=stats.t|0, kills=stats.kills[0]|0;
   const fort=(typeof fortOf==='function'&&fortOf(0))?fortOf(0).tier|0:0;
   const completion=secs>=90?18:6;
 }
 function metaGrant(win){
   const mult=wcRewardMult();
+  const committed=matchCommitted(win);
   /* Boosters apply on top of the wildcard multiplier, so a player who stacked
      both sees a genuinely large number — which is the point of spending an
      hour-long booster on a hard match rather than an easy one. */
   const bx=(typeof boostMul==='function')?boostMul('xp'):1;
   const bc=(typeof boostMul==='function')?boostMul('cores'):1;
+  const xp=committed?Math.round((40+stats.kills[0]*0.35+(win?120:30)+difficulty*40)*mult*bx):0;
   const ledger=coreRewardLedger(win);
   const cores=Math.round(ledger.base*mult*bc);
   const data=(typeof researchDataFromMatch==='function')?researchDataFromMatch(win):{total:0,parts:[]};
     if(scroller) scroller.scrollTop=0;
     const b=tabs.find(x=>x.dataset.mfTab===active);
     if(b) try{ b.focus({preventScroll:true}); }catch(e){ b.focus(); }
+    /* Keep the active category fully inside its horizontal rail without using
+       scrollIntoView, which can also move the entire Android page vertically. */
+    if(b){
+      const rail=b.closest('.screenTabs');
+      if(rail) requestAnimationFrame(()=>{
+        const left=b.offsetLeft,right=left+b.offsetWidth,viewL=rail.scrollLeft,viewR=viewL+rail.clientWidth;
+        if(b===tabs[0]) rail.scrollLeft=0;
+        else if(left<viewL+4) rail.scrollLeft=Math.max(0,left-8);
+        else if(right>viewR-4) rail.scrollLeft=Math.max(0,right-rail.clientWidth+8);
+      });
+    }
     if(typeof sfx==='function') sfx('ui');
   }
 }

src/game/sim.js CHANGED Viewed

@@ -32,8 +32,8 @@ const TYPES=[
  {name:'Pyro',     spr:'pyro',   tur:null,     size:16, r:6.0, hp:240,  dmg:11, rng:58,  cool:.38, spd:52, psp:130, ptype:5, aoe:18, wk:'m', tg:'g',  cm:40,  ce:160,  bt:3.5, air:0, tier:1},
  {name:'Vulture',  spr:'vulture',tur:null,     size:16, r:6.0, hp:170,  dmg:52, rng:190, cool:1.3, spd:42, psp:300, ptype:8, aoe:26,  wk:'e', tg:'air',cm:42,  ce:170,  bt:3.6, air:0, tier:1},
  {name:'Bulwark',  spr:'bulwark',tur:null,     size:21, r:7.8, hp:950,  dmg:0,  rng:0,   cool:9,   spd:28, psp:0,   ptype:0, aoe:0,  wk:'n', tg:'a',  cm:90,  ce:380,  bt:7.0, air:0, tier:2, upkeepE:5},
- {name:'Ravager',  spr:'rav',    tur:null,     size:16, r:5.6, hp:230,  dmg:30, rng:20,  cool:1.0, spd:46, psp:0,   ptype:0, aoe:0,  wk:'m', tg:'g',  cm:0,   ce:0,    bt:0,   air:0, tier:0, legs:1},
- {name:'Alpha Ravager',spr:'rav',tur:null,     size:28, r:10,  hp:1500, dmg:90, rng:26,  cool:1.4, spd:36, psp:0,   ptype:0, aoe:12, wk:'m', tg:'g',  cm:0,   ce:0,    bt:0,   air:0, tier:0, legs:1},
  {name:'Corvette', spr:'corv',   tur:null,     size:20, r:7.5, hp:320,  dmg:24, rng:115, cool:1.0, spd:42, psp:120, ptype:6, aoe:0,  wk:'i', tg:'a',  cm:55,  ce:220,  bt:5.0, air:0, tier:1, naval:1},
  {name:'Dreadnought',spr:'dread',tur:null,     size:32, r:12,  hp:1300, dmg:75, rng:290, cool:5.0, spd:20, psp:150, ptype:2, aoe:34, wk:'e', tg:'g',  cm:170, ce:680,  bt:12,  air:0, tier:2, naval:1},
  {name:'Bombard',  spr:'bombH',  tur:'bombT',  size:21, r:8,   hp:400,  dmg:95, rng:400, cool:7.0, spd:14, psp:150, ptype:9, aoe:44, wk:'e', tg:'g',  cm:140, ce:560,  bt:10,  air:0, tier:2, minRng:100},
@@ -62,7 +62,16 @@ const TYPES=[
     hitting harder. They are never buildable: a faction fields its own. */
  {name:'Lord Darion Vex',  spr:'praetor',tur:null,     size:34, r:12,  hp:6200, dmg:130,rng:250, cool:2.4, spd:22, psp:210, ptype:9, aoe:70, wk:'e', tg:'a',  cm:0,   ce:0,    bt:0,   air:0, tier:0, cat:'hero', legs:1, hero:'legion'},
  {name:'Broker Lys Renn',   spr:'archon', tur:null,     size:30, r:11,  hp:4600, dmg:70, rng:165, cool:.55, spd:38, psp:0,   ptype:6, aoe:10, wk:'s', tg:'a',  cm:0,   ce:0,    bt:0,   air:0, tier:0, cat:'hero', hero:'syndicate'},
- {name:'The Brood Sovereign',spr:'brood',tur:null,     size:38, r:14,  hp:7400, dmg:110,rng:34,  cool:1.2, spd:30, psp:0,   ptype:0, aoe:26, wk:'m', tg:'g',  cm:0,   ce:0,    bt:0,   air:0, tier:0, cat:'hero', legs:1, hero:'horde'},
 ];
 /* UNIT CATEGORIES. Used by the build menu, the unit card and the AI's
    composition logic, so a role is a real thing the game reasons about rather
@@ -89,6 +98,7 @@ const UCAT={
   for(const T of TYPES) if(!T.cat) T.cat=byName[T.name]||'veh';
 })();
 const UT_ENGINEER=19;                       // index of the Constructor in TYPES
 const SHIELD_REDUCE=0.72, SHIELD_R=95;
 const AGGRO_MULT=1.9, AGGRO_ADD=70;
 const TITAN_STOMP_DMG=210, TITAN_STOMP_R=85;
@@ -99,6 +109,24 @@ const uang=new Float32Array(MAXU), uturr=new Float32Array(MAXU);
 const utx=new Float32Array(MAXU), uty=new Float32Array(MAXU);
 const uhp=new Float32Array(MAXU), uhpm=new Float32Array(MAXU);
 const ucool=new Float32Array(MAXU), ubuff=new Float32Array(MAXU), ustomp=new Float32Array(MAXU);
 const utype=new Uint8Array(MAXU), uteam=new Uint8Array(MAXU);
 const ualive=new Uint8Array(MAXU), ustate=new Uint8Array(MAXU);
 const usel=new Uint8Array(MAXU);
@@ -160,7 +188,7 @@ function livingEnemyCommanders(){
   return enemyHeroIdxs;
 }
 function unitIsBrood(i){
-  return uteam[i]===2 || utype[i]===12 || utype[i]===13 || utype[i]===30 ||
     (uteam[i]===1 && typeof AI!=='undefined' && AI.fac==='horde');
 }
@@ -251,6 +279,8 @@ const MODES=[
   {id:3,nm:'OVERDRIVE',em:'⏵', ds:'Redlined: +60% fire rate, +35% speed, bleeds HP'},
   {id:4,nm:'GHOST',    em:'◌', ds:'Silent running: unseen until you fire, −35% speed'},
   {id:5,nm:'SUPPRESS', em:'≋', ds:'Sustained fire: +85% rate, −30% range, no movement'},
 ];
 /* Which modes a chassis can actually take. Artillery roots to shoot further;
    assault armour digs in; light frames redline or go quiet; flamers suppress. */
@@ -286,6 +316,8 @@ const UNIT_MODES=[
   [0,1],      // 28 Praetor      — siege
   [0,2],      // 29 Archon       — guard
   [0,3],      // 30 Broodmother  — overdrive
 ];
 const MODE_SWITCH=1.6;                   // seconds locked while deploying
 /* MODES ARE TRADES.
@@ -305,6 +337,10 @@ function modeCoolMul(m){ return m===3?0.625 : m===5?0.54 : 1; }
 function modeSpdMul(m){ return (m===1||m===5)?0 : m===2?0.40 : m===3?1.35 : m===4?0.65 : 1; }
 function modeTakenMul(m){ return m===2?0.55 : m===1?1.35 : m===3?1.15 : m===4?1.25 : 1; }
 function unitModes(ty){ return UNIT_MODES[ty]||[0]; }
 function cycleMode(i){
   const list=unitModes(utype[i]);
   if(list.length<2) return false;
@@ -331,13 +367,20 @@ function spawnUnit(type,team,x,y){
   let i;
   if(freeList.length) i=freeList.pop();
   else { if(unitHigh>=MAXU) return -1; i=unitHigh++; }
   const L=TYPES[type].naval? (findWater(x,y)||[x,y]) : findLand(x,y);
   x=L[0]; y=L[1];
   const T=TYPES[type];
   ux[i]=x; uy[i]=y; uang[i]=team?Math.PI:0; uturr[i]=uang[i];
   utx[i]=x; uty[i]=y;
   uhp[i]=T.hp*(team===0?resHpMult:(team===1?aiHpMult*(WC.iron?1.25:1):1)); uhpm[i]=uhp[i];
   ucool[i]=Math.random()*T.cool; ubuff[i]=0; ustomp[i]=0;
   utype[i]=type; uteam[i]=team; ualive[i]=1; ustate[i]=0; usel[i]=0;
   ugen[i]=(ugen[i]+1)|0;                    // this slot is now a different unit
   uwalk[i]=Math.random()*6.283;             // desynchronise the gait across a squad
@@ -568,7 +611,7 @@ const BT={
 })();
 const ARM=[0,1,2,1,2, 0,1,1,2, 1,1,2, 0,2, 1,2, 1,0, 1, 0,
            1,1,1,1,0,0,2,2,        // Reaper Cinder Lancer Resonator Warden Kestrel Basilisk Harbinger
-           2,1,2];                 // Praetor Archon Broodmother
 const ARM_NM=['LIGHT','MEDIUM','HEAVY'];
 /* WEAPON vs ARMOUR.
    The original spread was +-15..30%, which sounds like a counter system and
@@ -604,7 +647,9 @@ const STM={p:0.9,b:1.0,m:1.1,e:1.55,g:1.20,f:0.65,s:1.15,i:1.05,n:1};   // vs st
 const AMMO_PTYPE={0:'CASELESS TRACER',1:'AP CANNON SHELL',2:'BALLISTIC HE SHELL',3:'COMMANDER HE SHELL',
   4:'UNGUIDED ROCKET',5:'THERMAL GEL',6:'ION PLASMA ORB',7:'GUIDED MISSILE',8:'FLAK AIRBURST',9:'CLUSTER MUNITION'};
 function ammoName(T){
-  if(!T||T.wk==='n') return 'UNARMED';
   if(T.wk==='m') return T.ptype===5?'NAPALM JET':'MELEE STRIKE';
   if(T.wk==='b') return T.ptype===5?'THERMAL PLASMA BEAM':T.name==='Longbow'?'COHERENT SNIPER BEAM':T.name==='TITAN'?'TITAN PARTICLE LANCE':'LASER ENERGY';
   if(T.wk==='g') return 'GAUSS PENETRATOR';
@@ -736,7 +781,7 @@ const RESEARCH=[
  {id:'bal1', nm:'Ballistics I',  em:'🗡', ds:'+12% unit damage',   cm:120, ce:500, t:35, req:null, clvl:3},
  {id:'plate1',nm:'Plating I',    em:'🛡', ds:'+15% unit HP',       cm:130, ce:550, t:40, req:null, clvl:3},
  {id:'optics',nm:'Optics Array', em:'🔭', ds:'+12% unit range',    cm:110, ce:480, t:35, req:null, clvl:4},
- {id:'nano', nm:'Nano Assembly', em:'⚙', ds:'+25% build speed',   cm:140, ce:600, t:40, req:null, clvl:4},
  {id:'fusion',nm:'Fusion Cells', em:'⚡', ds:'+30% energy income', cm:120, ce:500, t:35, req:null, clvl:4},
  {id:'hardpoint',nm:'Hardpoint Bracing',em:'🏰',ds:'+25% structure HP',cm:140,ce:580,t:42,req:null,clvl:3},
  {id:'contain',nm:'Containment Lattice',em:'◆',ds:'+50% Research Complex shield',cm:135,ce:620,t:45,req:null,clvl:4},
@@ -838,7 +883,11 @@ function bldPanelStatText(B){
   if(B.type==='sgen') return 'FIELD '+bldNum(S.field)+'  ·  STRUCTURE REPAIR '+bldNum(S.repair)+'/s';
   if(B.type==='uplink') return 'FIELD '+bldNum(S.field)+'  ·  RANGE BOOST +'+bldNum((S.boost-1)*100)+'%';
   if(B.type==='nova') return 'STRIKE '+NOVA.dmg+'  ·  RECHARGE '+bldNum(S.recharge)+'s';
-  if(B.type==='mex') return 'MASS INCOME +'+S.income+'/s';
   if(B.type==='pgen') return 'ENERGY INCOME +'+S.income+'/s';
   return (BT[B.type].bcat||'STRUCTURE').toUpperCase()+'  ·  HP '+Math.ceil(B.hpm);
 }
@@ -907,16 +956,20 @@ function addBld(type,team,x,y,instant,rot){
   const shieldMax=type==='techlab'?900*labBufferMult:0;
   const b={type,team,fac,x,y,hp:(instant?T.hp:T.hp*0.1)*hpM,hpm:T.hp*hpM,r:T.r,alive:true,prog:instant?1:0,
             cool:0,queue:[],repeat:false,prodT:0,heal:0,tier:1,lvl:1,upT:0,upMax:1,tang:team?Math.PI:0,
-            seen:false,boost:0,boostM:UPLINK_BOOST,res:-1,resT:0,rally:null,rich:false,
             shield:instant?shieldMax:0,shieldMax,shieldT:0,dmgT:0,
             guardReady:type==='techlab',guardT:0,guardCharge:0,
             rot:rot||0,footTier:bldFootTierCount(type,fac),link:0,anim:Math.random()*10,animS:0,conduit:[]};
-  if(type==='mex') for(const D of deposits) if(dist2(D.x,D.y,x,y)<9){ b.rich=D.rich; break; }
   if(type==='nova') b.cool=NOVA.cd*0.6;          // first charge after construction
   blds.push(b); rebuildBGrid();
   /* Level and pave the ground for it. Doing this at placement rather than at
      completion means the site is visibly prepared while construction runs. */
   if(type!=='nest') makeFoundation(b);
   return b;
 }
 /* BASE UNDER ATTACK.
@@ -961,6 +1014,7 @@ function damageBld(b,dmg,attTeam){
   B.hitT=0.35;                                               // drives the flinch/spark anim
   if(B.hp<=0){
     B.alive=false;
     spawnExplosion(B.x,B.y,BT[B.type].size*1.1,B.team===2?1:B.team);
     addCrater(B.x,B.y,BT[B.type].size*1.9);
     addRubble(B.x,B.y,BT[B.type].size*0.9);
@@ -989,6 +1043,30 @@ function damageBld(b,dmg,attTeam){
 // Procedurally seeded per map — every battlefield has its own economy layout,
 // always point-mirrored so both commanders get a fair start.
 const deposits=[], geysers=[];
 function setupDeposits(){
   deposits.length=0; geysers.length=0;
   const def=MAPDEFS[curMap]||MAPDEFS.vanguard;
@@ -997,39 +1075,53 @@ function setupDeposits(){
     const starts=skirmishSpawnPoints(),all=[],gall=[];
     const addNode=(arr,x,y,rich,minD,starter)=>{
       x=clamp(x,100,MAP-100); y=clamp(y,100,MAP-100);
       for(const p of arr) if(dist2(x,y,p[0],p[1])<minD*minD) return false;
       arr.push(rich==null?[x,y,null,starter||'']:[x,y,rich,starter||'']); return true;
     };
     /* The selected start owns equal nearby resources. Choosing another edge
        of the map must never secretly remove the opening economy. */
     for(let si=0;si<starts.length;si++){
       const S=starts[si],a=Math.atan2(MAP*.5-S.y,MAP*.5-S.x),fx=Math.cos(a),fy=Math.sin(a),rx=-fy,ry=fx;
-      addNode(all,S.x+fx*150,S.y+fy*150,0,95,S.zone);
-      addNode(all,S.x+fx*250+rx*115,S.y+fy*250+ry*115,0,95,S.zone);
-      addNode(all,S.x+fx*250-rx*115,S.y+fy*250-ry*115,0,95,S.zone);
-      addNode(gall,S.x+fx*355+rx*(si&1?100:-100),S.y+fy*355+ry*(si&1?100:-100),null,140,S.zone);
     }
-    const bp=typeof battlefieldPresetDef==='function'?battlefieldPresetDef():{extra:0};
-    let tries=0,target=Math.max(18,starts.length*3+8+(bp.extra||0));
     while(all.length<target&&tries++<700){
-      const x=rr(220,MAP-220),y=rr(220,MAP-220);
-      let clear=true; for(const S of starts) if(dist2(x,y,S.x,S.y)<360*360){clear=false;break;}
-      if(clear) addNode(all,x,y,(all.length%7===3)?1:0,155);
     }
-    tries=0; const gTarget=Math.max(4,starts.length+2);
     while(gall.length<gTarget&&tries++<500){
-      const x=rr(260,MAP-260),y=rr(260,MAP-260);
-      let clear=true; for(const p of all) if(dist2(x,y,p[0],p[1])<150*150){clear=false;break;}
-      if(clear) addNode(gall,x,y,null,210);
     }
     window.__depPts=all.concat(gall);
-    for(const p of all) deposits.push({x:p[0],y:p[1],taken:false,rich:!!p[2],starter:p[3]||''});
     for(const p of gall) geysers.push({x:p[0],y:p[1],taken:false,starter:p[3]||''});
     return;
   }
   const pts=[];                              // [x,y,rich]
   const bx=MAP*SP_LO, by=MAP*SP_HI;
   const farOK=(x,y,minD)=>{
     for(const p of pts){
       if(dist2(x,y,p[0],p[1])<minD*minD) return false;
       if(dist2(x,y,MAP-p[0],MAP-p[1])<minD*minD) return false;
@@ -1052,6 +1144,7 @@ function setupDeposits(){
   while(gp.length<2 && tries++<300){
     const x=rr(300,MAP-300), y=rr(300,MAP-300);
     let ok=dist2(x,y,bx,by)>380*380 && dist2(x,y,MAP-bx,MAP-by)>380*380;
     if(ok) for(const p of pts) if(dist2(x,y,p[0],p[1])<150*150||dist2(x,y,MAP-p[0],MAP-p[1])<150*150){ ok=false; break; }
     if(ok) for(const g of gp) if(dist2(x,y,g[0],g[1])<220*220||dist2(x,y,MAP-g[0],MAP-g[1])<220*220){ ok=false; break; }
     if(ok) gp.push([x,y]);
@@ -1060,7 +1153,7 @@ function setupDeposits(){
   for(const p of pts){ all.push(p); all.push([MAP-p[0],MAP-p[1],p[2]]); }
   for(const p of gp){ gall.push(p); gall.push([MAP-p[0],MAP-p[1]]); }
   window.__depPts=all.concat(gall);          // terrain raises land under all nodes
-  for(const p of all) deposits.push({x:p[0],y:p[1],taken:false,rich:!!p[2],starter:''});
   for(const p of gall) geysers.push({x:p[0],y:p[1],taken:false,starter:''});
 }
 function geyserAt(x,y,rad){
@@ -1110,12 +1203,14 @@ function setupNests(){
   const placed=[];
   while(n<nestGoal && tries++<200){
     const px2=rr(500,MAP-500), py2=rr(500,MAP-500);
     if(typeof farFromStartZones==='function'&&!farFromStartZones(px2,py2,650)) continue;
     if(laneDist(px2,py2)<LANE_CLEAR) continue;      // keep the corridor passable
     let clear=true;
     for(const q of placed) if(dist2(px2,py2,q[0],q[1])<380*380){ clear=false; break; }
     if(!clear) continue;
-    const L=findLand(px2,py2);
     placed.push(L);
     addBld('nest',2,L[0],L[1],true);
     /* Guard units at the hive door scale down too — on Easy a wandering scout
@@ -1363,8 +1458,10 @@ function envTick(dt){
     const nests=liveNests();
     if(nests.length && nests.length<[3+tier,5+tier*1.5,6+tier*2][D]){
       const N=nests[Math.random()*nests.length|0];
-      const L=findLand(N.x+rr(-300,300),N.y+rr(-300,300));
-      if(dist2(L[0],L[1],MAP*SP_LO,MAP*SP_HI)>480*480 && dist2(L[0],L[1],MAP*SP_HI,MAP*SP_LO)>480*480
          && laneDist(L[0],L[1])>=LANE_CLEAR){
         let clear=true;
         for(const B of blds) if(B.alive&&dist2(L[0],L[1],B.x,B.y)<120*120){ clear=false; break; }
@@ -1509,7 +1606,15 @@ function spawnCrate(x,y,forced){
     for(const q of CRATE_KINDS){ roll-=q.w; if(roll<=0){k=q;break;} }
     k=k||CRATE_KINDS[0];
   }
-  const L=findLand(x,y);
   crates.push({x:L[0],y:L[1],kind:k,alt:520,t:0,seen:false});
   return crates[crates.length-1];
 }
@@ -1635,8 +1740,11 @@ function planDistricts(){
     :dist2(x,y,spawnA[0],spawnA[1])>d*d&&dist2(x,y,spawnB[0],spawnB[1])>d*d;
   const plot=(x,y,w,h,a,kind,zone)=>{
     cityPlan.push({x,y,w,h,a,kind,zone});
     cityZones[zone].total++;
   };
   const makeDistrict=(cx2,cy2,ind)=>{
     const zi=cityZones.length;
@@ -1688,6 +1796,7 @@ function planDistricts(){
   const tryPlace=(ind,minD)=>{
     for(let a=0;a<70;a++){
       const x=rr(MAP*0.18,MAP*0.82), y=rr(MAP*0.18,MAP*0.82);
       if(!farFromSpawns(x,y,700)||!isWalkable(x,y)) continue;
       let clash=false;
       for(const p of placed) if(dist2(x,y,p[0],p[1])<minD*minD){ clash=true; break; }
@@ -1718,20 +1827,23 @@ function setupRelics(){
   // loot scattered through every district
   for(const Z of cityZones) for(let k=0;k<(Z.ind?3:2);k++){
     const a=rnd()*TAU, d=rr(60,250);
-    const L=findLand(clamp(Z.x+Math.cos(a)*d,80,MAP-80), clamp(Z.y+Math.sin(a)*d,80,MAP-80));
     spawnCrate(L[0],L[1]);
     if(crates.length) crates[crates.length-1].alt=0;
   }
   // industrial belts are ringed with volatile tanks — dangerous ground to fight over
   for(const Z of cityZones) if(Z.ind) for(let k=0;k<5;k++){
     const a=rnd()*TAU, d=rr(190,310);
-    const L=findLand(clamp(Z.x+Math.cos(a)*d,80,MAP-80), clamp(Z.y+Math.sin(a)*d,80,MAP-80));
     tanks.push({x:L[0],y:L[1],s:rr(30,42),hp:260,alive:true,fuse:0});
   }
   const spawnA=[MAP*SP_LO,MAP*SP_HI], spawnB=[MAP*SP_HI,MAP*SP_LO];
   const tn=10+(rnd()*8|0);
   for(let k=0;k<tn;k++){
-    const L=findLand(rr(260,MAP-260),rr(260,MAP-260));
     if(typeof farFromStartZones==='function'&&!farFromStartZones(L[0],L[1],420)) continue;
     tanks.push({x:L[0],y:L[1],s:rr(28,40),hp:260,alive:true,fuse:0});
   }
@@ -2408,7 +2520,7 @@ function band(a,b2){ return a+Math.random()*(b2-a); }
 function depositAt(x,y,rad){
   for(let d=0;d<deposits.length;d++){
     const D=deposits[d];
-    if(!D.taken && dist2(x,y,D.x,D.y)<rad*rad) return d;
   }
   return -1;
 }
@@ -2521,11 +2633,28 @@ function setupDoodads(){
     if(trees.length<THEMES[curTheme].trees && h>0.42 && h<0.60 && rnd()<0.75) trees.push({x,y,s:rr(16,34),a:rr(0,TAU)});
     else if(rocks.length<60 && rnd()<0.3) rocks.push({x,y,s:rr(16,44),a:rr(0,TAU)});
   }
-  // crystal clusters near deposits
-  for(const D of deposits){
-    for(let k=0;k<2;k++){
-      const a=rnd()*TAU, d=rr(38,64);
-      crystals.push({x:D.x+Math.cos(a)*d,y:D.y+Math.sin(a)*d,s:rr(12,20),a:rr(-0.4,0.4)});
     }
   }
 }
@@ -2787,6 +2916,7 @@ function dealDamage(j,dmg,attTeam,attacker,mu,wk){
   if(uteam[j]===0&&attTeam!==0&&META.settings.godMode){uhp[j]=uhpm[j];return;}
   if(ushielded[j]>0 && !(wk&&WK_PIERCE[wk])) dmg*=SHIELD_REDUCE;
   if(umode[j]) dmg*=modeTakenMul(umode[j]);      // GUARD stance eats the hit
   uhp[j]-=dmg;
   if(uhp[j]>0&&unitIsBrood(j)&&dmg>=uhpm[j]*0.04&&Math.random()<0.16)
     sfx('cre_pain',ux[j],uy[j],clamp(TYPES[utype[j]].size/18,0.65,1.5));
@@ -2928,9 +3058,202 @@ function unitSeparation(i,T,isBug,swarmLOD,total){
   if(mag>cap){sepVX=sepVX/mag*cap;sepVY=sepVY/mag*cap;}
 }
 let tick=0;
 function unitTick(dt){
   rebuildGrid();
   tickMoveCohorts();
   /* Patrol planning lives in input.js, which loads after the simulation. The
      guarded call preserves boot/replay tooling that evaluates sim.js alone. */
   if(typeof tickPatrolRoutes==='function')tickPatrolRoutes(dt);
@@ -2949,6 +3272,8 @@ function unitTick(dt){
     const T=TYPES[utype[i]];
     if(ucool[i]>0) ucool[i]-=dt;
     if(ubuff[i]>0) ubuff[i]-=dt;
     if(uhaz[i]>0) uhaz[i]-=dt;
     if(ustomp[i]>0) ustomp[i]-=dt;
     if(ushielded[i]>0) ushielded[i]-=dt;
@@ -3001,6 +3326,7 @@ function unitTick(dt){
         } else if(uteam[i]===0 && (tick&63)===0) stallE=0.8;
       }
     }
     // validate target
     let tg=utgt[i];
     if(tg>=0 && !foeTgt(i,tg,utgtg[i])){ tg=utgt[i]=-1; }
@@ -3014,7 +3340,7 @@ function unitTick(dt){
       else if((i+tick)%9===0&&perfScale>0.4)
         addParticle(1,ux[i],uy[i],rr(-4,4),rr(-14,-6),.5,3, 255,140,60);
     }
-    const rngM=(uteam[i]===0?resRngMult:1)*modeRngMul(md)*(uhaz[i]>0?HAZ_RNG:1);
     // staggered acquisition
     if(T.wk!=='n' && (i+tick)%acqMod===0 && ustate[i]!==1 && ustate[i]!==6){
       /* On the march, acquisition shrinks to self-defence range: the column
@@ -3067,9 +3393,9 @@ function unitTick(dt){
       // fire
       if(inRange && ucool[i]<=0 && !(T.minRng && er<T.minRng)){
         const vet=1+uvet[i]*0.15;
-        ucool[i]=T.cool*modeCoolMul(md)/(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)*(ubuff[i]>0?1.5:1)*(uteam[i]===1?aiDmgMult:(uteam[i]===0?armyDmgMult: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'){
@@ -3077,8 +3403,8 @@ function unitTick(dt){
           if(tg>=0){
             dealDamage(tg,dmg*dmgMul('m',utype[tg]),uteam[i],i,dmgMul('m',utype[tg]));
             if(T.aoe>0) forUnitsIn(ex,ey,T.aoe,j=>{ if(uteam[j]!==uteam[i]&&j!==tg) dealDamage(j,dmg*0.5*dmgMul('m',utype[j]),uteam[i],i); });
-          } else if(isRelicTg(tg)) damageRelic(relics[relicOf(tg)],dmg*STM.m,uteam[i]);
-          else damageBld(-2-tg,dmg*STM.m,uteam[i]);
           addParticle(0,ex,ey,0,0,.14,9, 255,190,90);
           addParticle(5,ex,ey,rr(-40,40),rr(-40,40),.25,4, 255,170,60);
           if((i&3)===0) sfx(unitIsBrood(i)?'cre_attack':(T.ptype===5?'flame':'hit'),ux[i],uy[i],1);
@@ -3105,7 +3431,7 @@ function unitTick(dt){
           if((i&3)===0) sfx(T.ptype===5?'flame':'laser',ux[i],uy[i],utype[i]===8?1.8:1);
         } else {
           const pmu=tg>=0?dmgMul(T.wk||'p',utype[tg]):(STM[T.wk||'p']||1);
-          const pk=fireProj(T.ptype,uteam[i],mx,my,ex+rr(-3,3),ey+rr(-3,3),T.psp,dmg*pmu,T.aoe,tg);
           const commanderCannon=utype[i]===4;
           if(pk>=0){
             pmu0[pk]=pmu; pwk[pk]=T.wk||'p'; pCannon[pk]=commanderCannon?1:0;
@@ -3160,7 +3486,7 @@ function unitTick(dt){
     if(wantMove && distGoal>0.001){
       // ground units make better time on the old highways
       const rd=(!T.air&&!T.naval&&roadAt(ux[i],uy[i]))?ROAD_SPD:1;
-      const sp=T.spd*spdM*(ubuff[i]>0?1.35:1)*(uhaz[i]>0?HAZ_SPD:1)*rd*uCohesion[i]*Math.min(1,distGoal/18+0.25);
       // flow-field steering for long marches (routes armies around lakes)
       let ffOk=false;
       /* Formation orders share a coarse field to the leg centre, then fan out
@@ -3214,6 +3540,10 @@ function unitTick(dt){
     // apply with medium constraint: ground stays on land, ships stay on water, air flies anywhere
     const ox=ux[i], oy=uy[i];
     let nx=clamp(ox+mvx*dt,8,MAP-8), ny=clamp(oy+mvy*dt,8,MAP-8);
     if(!T.air && (mvx||mvy)){
       const okAt=T.naval? ((X,Y)=>!isWalkable(X,Y)) : isWalkable;
       if(!okAt(nx,ny)){
@@ -3412,14 +3742,16 @@ function bldTick(dt){
     if(B.prog<1){
       /* FORCED TEMPO booster: construction only, and only for the player. */
       const doctrine=(B.team===0&&typeof defenseFocus!=='undefined'&&defenseFocus&&DEFT[B.type])?1.333:1;
       const bs=(B.team===0?((typeof boostMul==='function'?boostMul('build'):1)*
-                            (typeof bldSpeedMult!=='undefined'?bldSpeedMult:1)*doctrine):1);
       const wasProg=B.prog;
       B.prog=Math.min(1,B.prog+dt*bs/BT[B.type].bt);
       B.hp=Math.min(B.hpm,B.hp+B.hpm*0.9*dt/BT[B.type].bt);
       if((tick&7)===0) addParticle(2,B.x+rr(-B.r,B.r),B.y+rr(-B.r,B.r),rr(-4,4),rr(-10,-2),.3,3, 160,230,255);
       if(wasProg<1&&B.prog>=1){
         if(B.type==='techlab') B.shield=B.shieldMax;
         if(B.team===0) sfx('build',B.x,B.y,1);
       }
       continue;
@@ -3433,6 +3765,7 @@ function bldTick(dt){
     if(B.dmgT>0) B.dmgT-=dt;
     if(B.shieldT>0) B.shieldT-=dt;
     if(B.guardT>0) B.guardT-=dt;
     const bfac=bldFactionKey(B);
     if(B.team<2){                                   // fortification regen
       const F=fortOf(B.team);
@@ -3799,7 +4132,8 @@ function bldTick(dt){
           addParticle(1,B.x+rr(0.2,0.3)*szf,B.y-szf*0.34,rr(-2,2),rr(-10,-6),.9,5, 118,118,124);
         }
         const t=B.queue[0], T=TYPES[t];
-        const speed=(B.team===1?aiBuildMult:playerBuildMult)*(1+0.12*Math.min(2,B.adj||0))*fortOf(B.team).prod;
         const frac=dt*speed/T.bt;
         if(!payStream(B.team, T.cm*frac, T.ce*frac)){
           if(B.team===0){ if(resM[0]<T.cm*frac) stallM=0.8; if(resE[0]<T.ce*frac) stallE=0.8; }

  {name:'Pyro',     spr:'pyro',   tur:null,     size:16, r:6.0, hp:240,  dmg:11, rng:58,  cool:.38, spd:52, psp:130, ptype:5, aoe:18, wk:'m', tg:'g',  cm:40,  ce:160,  bt:3.5, air:0, tier:1},
  {name:'Vulture',  spr:'vulture',tur:null,     size:16, r:6.0, hp:170,  dmg:52, rng:190, cool:1.3, spd:42, psp:300, ptype:8, aoe:26,  wk:'e', tg:'air',cm:42,  ce:170,  bt:3.6, air:0, tier:1},
  {name:'Bulwark',  spr:'bulwark',tur:null,     size:21, r:7.8, hp:950,  dmg:0,  rng:0,   cool:9,   spd:28, psp:0,   ptype:0, aoe:0,  wk:'n', tg:'a',  cm:90,  ce:380,  bt:7.0, air:0, tier:2, upkeepE:5},
+ {name:'Ravager',  spr:'rav',    tur:null,     size:16, r:5.6, hp:118,  dmg:27, rng:20,  cool:.9, spd:49, psp:0,   ptype:0, aoe:0,  wk:'m', tg:'g',  cm:0,   ce:0,    bt:0,   air:0, tier:0, legs:1, brood:1, bldMul:1.55},
+ {name:'Alpha Ravager',spr:'rav',tur:null,     size:28, r:10,  hp:780,  dmg:82, rng:26,  cool:1.25,spd:38, psp:0,   ptype:0, aoe:12, wk:'m', tg:'g',  cm:0,   ce:0,    bt:0,   air:0, tier:0, legs:1, brood:1, bldMul:1.75},
  {name:'Corvette', spr:'corv',   tur:null,     size:20, r:7.5, hp:320,  dmg:24, rng:115, cool:1.0, spd:42, psp:120, ptype:6, aoe:0,  wk:'i', tg:'a',  cm:55,  ce:220,  bt:5.0, air:0, tier:1, naval:1},
  {name:'Dreadnought',spr:'dread',tur:null,     size:32, r:12,  hp:1300, dmg:75, rng:290, cool:5.0, spd:20, psp:150, ptype:2, aoe:34, wk:'e', tg:'g',  cm:170, ce:680,  bt:12,  air:0, tier:2, naval:1},
  {name:'Bombard',  spr:'bombH',  tur:'bombT',  size:21, r:8,   hp:400,  dmg:95, rng:400, cool:7.0, spd:14, psp:150, ptype:9, aoe:44, wk:'e', tg:'g',  cm:140, ce:560,  bt:10,  air:0, tier:2, minRng:100},
     hitting harder. They are never buildable: a faction fields its own. */
  {name:'Lord Darion Vex',  spr:'praetor',tur:null,     size:34, r:12,  hp:6200, dmg:130,rng:250, cool:2.4, spd:22, psp:210, ptype:9, aoe:70, wk:'e', tg:'a',  cm:0,   ce:0,    bt:0,   air:0, tier:0, cat:'hero', legs:1, hero:'legion'},
  {name:'Broker Lys Renn',   spr:'archon', tur:null,     size:30, r:11,  hp:4600, dmg:70, rng:165, cool:.55, spd:38, psp:0,   ptype:6, aoe:10, wk:'s', tg:'a',  cm:0,   ce:0,    bt:0,   air:0, tier:0, cat:'hero', hero:'syndicate'},
+ {name:'The Brood Sovereign',spr:'brood',tur:null,     size:38, r:14,  hp:7400, dmg:110,rng:34,  cool:1.2, spd:30, psp:0,   ptype:0, aoe:26, wk:'m', tg:'g',  cm:0,   ce:0,    bt:0,   air:0, tier:0, cat:'hero', legs:1, hero:'horde', brood:1, bldMul:1.65},
+ /* A Tidecaster is not built. A critical mass of nearby Ravagers grows one,
+    trading an individual body for coordination, speed and a target-minded
+    tide. Its own health stays deliberately low: the counterplay is to pick the
+    leader out of the crowd and let the mass dissolve back into animals. */
+ {name:'Brood Tidecaster',spr:'brood',tur:null, size:24, r:8.5, hp:390, dmg:24, rng:142, cool:2.4, spd:40, psp:175, ptype:6, aoe:26, wk:'s', tg:'a', cm:0, ce:0, bt:0, air:0, tier:0, cat:'sup', legs:1, brood:1, caster:1, bldMul:1.35},
+ /* Mobile resource utility. Prospectors earn less than an Extractor but can
+    work a field before territory reaches it; the authored mining beam makes
+    the economic action readable from the ordinary battle camera. */
+ {name:'Prospector',spr:'warden',tur:null, size:17, r:6.2, hp:190, dmg:0, rng:0, cool:9, spd:39, psp:0, ptype:0, aoe:0, wk:'n', tg:'a', cm:52, ce:210, bt:5.0, air:0, tier:1, cat:'sup', miner:1},
 ];
 /* UNIT CATEGORIES. Used by the build menu, the unit card and the AI's
    composition logic, so a role is a real thing the game reasons about rather
   for(const T of TYPES) if(!T.cat) T.cat=byName[T.name]||'veh';
 })();
 const UT_ENGINEER=19;                       // index of the Constructor in TYPES
+const UT_BROOD_CASTER=31, UT_MINER=32;
 const SHIELD_REDUCE=0.72, SHIELD_R=95;
 const AGGRO_MULT=1.9, AGGRO_ADD=70;
 const TITAN_STOMP_DMG=210, TITAN_STOMP_R=85;
 const utx=new Float32Array(MAXU), uty=new Float32Array(MAXU);
 const uhp=new Float32Array(MAXU), uhpm=new Float32Array(MAXU);
 const ucool=new Float32Array(MAXU), ubuff=new Float32Array(MAXU), ustomp=new Float32Array(MAXU);
+/* Contextual class abilities use their own effect channel. `ubuff` is the
+   Commander surge and intentionally boosts everything; class doctrine needs
+   narrower, readable trades so an interceptor does not receive the same buff
+   as a breakthrough tank. 1=breakthrough, 2=intercept, 3=service shield. */
+const uclassBuff=new Uint8Array(MAXU), uclassBuffT=new Float32Array(MAXU);
+function classDmgMul(i){return uclassBuffT[i]>0&&uclassBuff[i]===1?1.28:uclassBuffT[i]>0&&uclassBuff[i]===2?1.12:1;}
+function classCoolMul(i){return uclassBuffT[i]>0&&uclassBuff[i]===1?.78:uclassBuffT[i]>0&&uclassBuff[i]===2?.65:1;}
+function classSpdMul(i){return uclassBuffT[i]>0&&uclassBuff[i]===1?1.22:uclassBuffT[i]>0&&uclassBuff[i]===2?1.58:1;}
+function classRngMul(i){return uclassBuffT[i]>0&&uclassBuff[i]===2?1.22:1;}
+function classTakenMul(i){return uclassBuffT[i]>0&&uclassBuff[i]===1?1.12:uclassBuffT[i]>0&&uclassBuff[i]===2?.86:uclassBuffT[i]>0&&uclassBuff[i]===3?.72:1;}
+/* Brood leadership is intentionally offensive utility rather than hidden
+   bonus health. A player who kills the visible Tidecaster immediately strips
+   the speed, damage and cadence from every nearby creature. */
+const ubroodLed=new Float32Array(MAXU), uMineT=new Float32Array(MAXU);
+const uMineNode=new Int16Array(MAXU); uMineNode.fill(-1);
+function broodDmgMul(i){return ubroodLed[i]>0?1.18:1;}
+function broodCoolMul(i){return ubroodLed[i]>0?.82:1;}
+function broodSpdMul(i){return ubroodLed[i]>0?1.14:1;}
 const utype=new Uint8Array(MAXU), uteam=new Uint8Array(MAXU);
 const ualive=new Uint8Array(MAXU), ustate=new Uint8Array(MAXU);
 const usel=new Uint8Array(MAXU);
   return enemyHeroIdxs;
 }
 function unitIsBrood(i){
+  return uteam[i]===2 || !!(TYPES[utype[i]]&&TYPES[utype[i]].brood) ||
     (uteam[i]===1 && typeof AI!=='undefined' && AI.fac==='horde');
 }
   {id:3,nm:'OVERDRIVE',em:'⏵', ds:'Redlined: +60% fire rate, +35% speed, bleeds HP'},
   {id:4,nm:'GHOST',    em:'◌', ds:'Silent running: unseen until you fire, −35% speed'},
   {id:5,nm:'SUPPRESS', em:'≋', ds:'Sustained fire: +85% rate, −30% range, no movement'},
+  {id:6,nm:'ASSIST',   em:'↯', ds:'Tractor beam: accelerate a factory, build site or Command HQ'},
+  {id:7,nm:'SURVEY',   em:'⌾', ds:'Explore the nearest unclaimed phase-crystal field'},
 ];
 /* Which modes a chassis can actually take. Artillery roots to shoot further;
    assault armour digs in; light frames redline or go quiet; flamers suppress. */
   [0,1],      // 28 Praetor      — siege
   [0,2],      // 29 Archon       — guard
   [0,3],      // 30 Broodmother  — overdrive
+  [0],        // 31 Tidecaster   — biological leader
+  [0,6,7],    // 32 Prospector   — mine / assist / survey
 ];
 const MODE_SWITCH=1.6;                   // seconds locked while deploying
 /* MODES ARE TRADES.
 function modeSpdMul(m){ return (m===1||m===5)?0 : m===2?0.40 : m===3?1.35 : m===4?0.65 : 1; }
 function modeTakenMul(m){ return m===2?0.55 : m===1?1.35 : m===3?1.15 : m===4?1.25 : 1; }
 function unitModes(ty){ return UNIT_MODES[ty]||[0]; }
+function unitModeDef(ty,m){
+  if(ty===UT_MINER&&m===0) return {id:0,nm:'MINE',em:'⛏',ds:'Lock a mining tractor beam onto an active phase-crystal field'};
+  return MODES[m]||MODES[0];
+}
 function cycleMode(i){
   const list=unitModes(utype[i]);
   if(list.length<2) return false;
   let i;
   if(freeList.length) i=freeList.pop();
   else { if(unitHigh>=MAXU) return -1; i=unitHigh++; }
+  if(typeof battlefieldClampPoint==='function'){
+    const bp=battlefieldClampPoint(x,y,(TYPES[type].r||4)+8);x=bp[0];y=bp[1];
+  }
   const L=TYPES[type].naval? (findWater(x,y)||[x,y]) : findLand(x,y);
   x=L[0]; y=L[1];
+  if(typeof battlefieldClampPoint==='function'){
+    const bp=battlefieldClampPoint(x,y,(TYPES[type].r||4)+8);x=bp[0];y=bp[1];
+  }
   const T=TYPES[type];
   ux[i]=x; uy[i]=y; uang[i]=team?Math.PI:0; uturr[i]=uang[i];
   utx[i]=x; uty[i]=y;
   uhp[i]=T.hp*(team===0?resHpMult:(team===1?aiHpMult*(WC.iron?1.25:1):1)); uhpm[i]=uhp[i];
   ucool[i]=Math.random()*T.cool; ubuff[i]=0; ustomp[i]=0;
+  uclassBuff[i]=0;uclassBuffT[i]=0;ubroodLed[i]=0;uMineT[i]=0;uMineNode[i]=-1;
   utype[i]=type; uteam[i]=team; ualive[i]=1; ustate[i]=0; usel[i]=0;
   ugen[i]=(ugen[i]+1)|0;                    // this slot is now a different unit
   uwalk[i]=Math.random()*6.283;             // desynchronise the gait across a squad
 })();
 const ARM=[0,1,2,1,2, 0,1,1,2, 1,1,2, 0,2, 1,2, 1,0, 1, 0,
            1,1,1,1,0,0,2,2,        // Reaper Cinder Lancer Resonator Warden Kestrel Basilisk Harbinger
+           2,1,2,0,0];             // Praetor Archon Broodmother Tidecaster Prospector
 const ARM_NM=['LIGHT','MEDIUM','HEAVY'];
 /* WEAPON vs ARMOUR.
    The original spread was +-15..30%, which sounds like a counter system and
 const AMMO_PTYPE={0:'CASELESS TRACER',1:'AP CANNON SHELL',2:'BALLISTIC HE SHELL',3:'COMMANDER HE SHELL',
   4:'UNGUIDED ROCKET',5:'THERMAL GEL',6:'ION PLASMA ORB',7:'GUIDED MISSILE',8:'FLAK AIRBURST',9:'CLUSTER MUNITION'};
 function ammoName(T){
+  if(!T) return 'UNARMED';
+  if(T.miner) return 'MINING TRACTOR LASER';
+  if(T.wk==='n') return 'UNARMED';
   if(T.wk==='m') return T.ptype===5?'NAPALM JET':'MELEE STRIKE';
   if(T.wk==='b') return T.ptype===5?'THERMAL PLASMA BEAM':T.name==='Longbow'?'COHERENT SNIPER BEAM':T.name==='TITAN'?'TITAN PARTICLE LANCE':'LASER ENERGY';
   if(T.wk==='g') return 'GAUSS PENETRATOR';
  {id:'bal1', nm:'Ballistics I',  em:'🗡', ds:'+12% unit damage',   cm:120, ce:500, t:35, req:null, clvl:3},
  {id:'plate1',nm:'Plating I',    em:'🛡', ds:'+15% unit HP',       cm:130, ce:550, t:40, req:null, clvl:3},
  {id:'optics',nm:'Optics Array', em:'🔭', ds:'+12% unit range',    cm:110, ce:480, t:35, req:null, clvl:4},
+ {id:'nano', nm:'Field Automation', em:'⚙', ds:'+25% build speed · +2 Constructor/Prospector cap', cm:140, ce:600, t:40, req:null, clvl:4},
  {id:'fusion',nm:'Fusion Cells', em:'⚡', ds:'+30% energy income', cm:120, ce:500, t:35, req:null, clvl:4},
  {id:'hardpoint',nm:'Hardpoint Bracing',em:'🏰',ds:'+25% structure HP',cm:140,ce:580,t:42,req:null,clvl:3},
  {id:'contain',nm:'Containment Lattice',em:'◆',ds:'+50% Research Complex shield',cm:135,ce:620,t:45,req:null,clvl:4},
   if(B.type==='sgen') return 'FIELD '+bldNum(S.field)+'  ·  STRUCTURE REPAIR '+bldNum(S.repair)+'/s';
   if(B.type==='uplink') return 'FIELD '+bldNum(S.field)+'  ·  RANGE BOOST +'+bldNum((S.boost-1)*100)+'%';
   if(B.type==='nova') return 'STRIKE '+NOVA.dmg+'  ·  RECHARGE '+bldNum(S.recharge)+'s';
+  if(B.type==='mex'){
+    const D=B.dep>=0?deposits[B.dep]:null,tier=depositTier(D),rate=S.income*(DEPOSIT_YIELD[tier]||0);
+    return tier>0?'MASS +'+bldNum(rate)+'/s  ·  FIELD TIER '+tier+'  ·  '+Math.ceil(D.remaining)+' ORE LEFT'
+                 :'FIELD DEPLETED  ·  RELOCATE MINERS';
+  }
   if(B.type==='pgen') return 'ENERGY INCOME +'+S.income+'/s';
   return (BT[B.type].bcat||'STRUCTURE').toUpperCase()+'  ·  HP '+Math.ceil(B.hpm);
 }
   const shieldMax=type==='techlab'?900*labBufferMult:0;
   const b={type,team,fac,x,y,hp:(instant?T.hp:T.hp*0.1)*hpM,hpm:T.hp*hpM,r:T.r,alive:true,prog:instant?1:0,
             cool:0,queue:[],repeat:false,prodT:0,heal:0,tier:1,lvl:1,upT:0,upMax:1,tang:team?Math.PI:0,
+            seen:false,boost:0,boostM:UPLINK_BOOST,res:-1,resT:0,rally:null,rich:false,dep:-1,
             shield:instant?shieldMax:0,shieldMax,shieldT:0,dmgT:0,
             guardReady:type==='techlab',guardT:0,guardCharge:0,
             rot:rot||0,footTier:bldFootTierCount(type,fac),link:0,anim:Math.random()*10,animS:0,conduit:[]};
+  if(type==='mex') for(let di=0;di<deposits.length;di++){
+    const D=deposits[di];
+    if(dist2(D.x,D.y,x,y)<9){ b.dep=di; b.rich=(D.initialTier||1)>=3; break; }
+  }
   if(type==='nova') b.cool=NOVA.cd*0.6;          // first charge after construction
   blds.push(b); rebuildBGrid();
   /* Level and pave the ground for it. Doing this at placement rather than at
      completion means the site is visibly prepared while construction runs. */
   if(type!=='nest') makeFoundation(b);
+  if(type==='mex'&&instant) deployExtractorMiner(b);
   return b;
 }
 /* BASE UNDER ATTACK.
   B.hitT=0.35;                                               // drives the flinch/spark anim
   if(B.hp<=0){
     B.alive=false;
+    if(B.type==='mex'&&B.dep>=0) redirectProspectorsFromNode(B.dep,B.team);
     spawnExplosion(B.x,B.y,BT[B.type].size*1.1,B.team===2?1:B.team);
     addCrater(B.x,B.y,BT[B.type].size*1.9);
     addRubble(B.x,B.y,BT[B.type].size*0.9);
 // Procedurally seeded per map — every battlefield has its own economy layout,
 // always point-mirrored so both commanders get a fair start.
 const deposits=[], geysers=[];
+const DEPOSIT_BAND=1000;
+const DEPOSIT_YIELD=[0,1,1.48,2.12];
+function makeDeposit(x,y,rich,starter){
+  /* Tier is both a gameplay value and a silhouette. Starter fields begin at
+     Tier II, rare contested veins at Tier III, and ordinary expansion pockets
+     at Tier I. Every band is finite and visibly collapses into the next. */
+  const patterned=((Math.floor(x/97)+Math.floor(y/113))&3)===0;
+  const tier=rich?3:(starter||patterned?2:1);
+  return {x,y,taken:false,rich:tier===3,starter:starter||'',initialTier:tier,
+    tier,capacity:DEPOSIT_BAND*tier,remaining:DEPOSIT_BAND*tier,depleted:false,pulse:rr(0,TAU)};
+}
+function depositTier(D){
+  if(!D||D.remaining<=0){ if(D){D.remaining=0;D.tier=0;D.depleted=true;} return 0; }
+  D.tier=clamp(Math.ceil(D.remaining/DEPOSIT_BAND),1,D.initialTier||3);
+  D.depleted=false; return D.tier;
+}
+function depositYield(D){ return DEPOSIT_YIELD[depositTier(D)]||0; }
+function drainDeposit(D,amount){
+  if(!D||amount<=0||depositTier(D)<=0) return 0;
+  const got=Math.min(D.remaining,amount),before=D.tier;
+  D.remaining-=got; const after=depositTier(D);
+  if(after!==before) D.phaseFlash=1.4;
+  return got;
+}
 function setupDeposits(){
   deposits.length=0; geysers.length=0;
   const def=MAPDEFS[curMap]||MAPDEFS.vanguard;
     const starts=skirmishSpawnPoints(),all=[],gall=[];
     const addNode=(arr,x,y,rich,minD,starter)=>{
       x=clamp(x,100,MAP-100); y=clamp(y,100,MAP-100);
+      /* Objectives belong inside the red tactical line. Starter fields near an
+         inlet are projected inward; random expansion fields are rejected by
+         the loops below so their authored spacing remains natural. */
+      if(typeof battlefieldClampPoint==='function'){
+        const p=battlefieldClampPoint(x,y,112); x=p[0]; y=p[1];
+      }
       for(const p of arr) if(dist2(x,y,p[0],p[1])<minD*minD) return false;
       arr.push(rich==null?[x,y,null,starter||'']:[x,y,rich,starter||'']); return true;
     };
     /* The selected start owns equal nearby resources. Choosing another edge
        of the map must never secretly remove the opening economy. */
+    const bp=typeof battlefieldPresetDef==='function'?battlefieldPresetDef():
+      {spread:1,nodes:18,geysers:2,world:1};
+    const spread=bp.spread||1;
     for(let si=0;si<starts.length;si++){
       const S=starts[si],a=Math.atan2(MAP*.5-S.y,MAP*.5-S.x),fx=Math.cos(a),fy=Math.sin(a),rx=-fy,ry=fx;
+      addNode(all,S.x+fx*150*spread,S.y+fy*150*spread,0,88*spread,S.zone);
+      addNode(all,S.x+fx*250*spread+rx*115*spread,S.y+fy*250*spread+ry*115*spread,0,88*spread,S.zone);
+      addNode(all,S.x+fx*250*spread-rx*115*spread,S.y+fy*250*spread-ry*115*spread,0,88*spread,S.zone);
+      addNode(gall,S.x+fx*355*spread+rx*(si&1?100:-100)*spread,
+                    S.y+fy*355*spread+ry*(si&1?100:-100)*spread,null,125*spread,S.zone);
     }
+    const bounds=typeof battlefieldPlayBounds==='function'?battlefieldPlayBounds(170*spread):{lo:220,hi:MAP-220};
+    let tries=0,target=Math.max(starts.length*3+4,(bp.nodes||18)+Math.max(0,starts.length-2)*3);
     while(all.length<target&&tries++<700){
+      const x=rr(bounds.lo,bounds.hi),y=rr(bounds.lo,bounds.hi);
+      if(typeof battlefieldContains==='function'&&!battlefieldContains(x,y,112))continue;
+      let clear=true; for(const S of starts) if(dist2(x,y,S.x,S.y)<(330*spread)**2){clear=false;break;}
+      if(clear) addNode(all,x,y,(all.length%7===3)?1:0,145*spread);
     }
+    tries=0; const gTarget=starts.length+(bp.geysers||2);
     while(gall.length<gTarget&&tries++<500){
+      const x=rr(bounds.lo,bounds.hi),y=rr(bounds.lo,bounds.hi);
+      if(typeof battlefieldContains==='function'&&!battlefieldContains(x,y,112))continue;
+      let clear=true; for(const p of all) if(dist2(x,y,p[0],p[1])<(145*spread)**2){clear=false;break;}
+      if(clear) addNode(gall,x,y,null,190*spread);
     }
     window.__depPts=all.concat(gall);
+    for(const p of all) deposits.push(makeDeposit(p[0],p[1],!!p[2],p[3]||''));
     for(const p of gall) geysers.push({x:p[0],y:p[1],taken:false,starter:p[3]||''});
     return;
   }
   const pts=[];                              // [x,y,rich]
   const bx=MAP*SP_LO, by=MAP*SP_HI;
   const farOK=(x,y,minD)=>{
+    if(typeof battlefieldContains==='function'&&(!battlefieldContains(x,y,112)||
+       !battlefieldContains(MAP-x,MAP-y,112)))return false;
     for(const p of pts){
       if(dist2(x,y,p[0],p[1])<minD*minD) return false;
       if(dist2(x,y,MAP-p[0],MAP-p[1])<minD*minD) return false;
   while(gp.length<2 && tries++<300){
     const x=rr(300,MAP-300), y=rr(300,MAP-300);
     let ok=dist2(x,y,bx,by)>380*380 && dist2(x,y,MAP-bx,MAP-by)>380*380;
+    if(ok&&typeof battlefieldContains==='function')ok=battlefieldContains(x,y,112)&&battlefieldContains(MAP-x,MAP-y,112);
     if(ok) for(const p of pts) if(dist2(x,y,p[0],p[1])<150*150||dist2(x,y,MAP-p[0],MAP-p[1])<150*150){ ok=false; break; }
     if(ok) for(const g of gp) if(dist2(x,y,g[0],g[1])<220*220||dist2(x,y,MAP-g[0],MAP-g[1])<220*220){ ok=false; break; }
     if(ok) gp.push([x,y]);
   for(const p of pts){ all.push(p); all.push([MAP-p[0],MAP-p[1],p[2]]); }
   for(const p of gp){ gall.push(p); gall.push([MAP-p[0],MAP-p[1]]); }
   window.__depPts=all.concat(gall);          // terrain raises land under all nodes
+  for(const p of all) deposits.push(makeDeposit(p[0],p[1],!!p[2],''));
   for(const p of gall) geysers.push({x:p[0],y:p[1],taken:false,starter:''});
 }
 function geyserAt(x,y,rad){
   const placed=[];
   while(n<nestGoal && tries++<200){
     const px2=rr(500,MAP-500), py2=rr(500,MAP-500);
+    if(typeof battlefieldContains==='function'&&!battlefieldContains(px2,py2,135))continue;
     if(typeof farFromStartZones==='function'&&!farFromStartZones(px2,py2,650)) continue;
     if(laneDist(px2,py2)<LANE_CLEAR) continue;      // keep the corridor passable
     let clear=true;
     for(const q of placed) if(dist2(px2,py2,q[0],q[1])<380*380){ clear=false; break; }
     if(!clear) continue;
+    let L=findLand(px2,py2);
+    if(typeof battlefieldClampPoint==='function')L=battlefieldClampPoint(L[0],L[1],135);
     placed.push(L);
     addBld('nest',2,L[0],L[1],true);
     /* Guard units at the hive door scale down too — on Easy a wandering scout
     const nests=liveNests();
     if(nests.length && nests.length<[3+tier,5+tier*1.5,6+tier*2][D]){
       const N=nests[Math.random()*nests.length|0];
+      let L=findLand(N.x+rr(-300,300),N.y+rr(-300,300));
+      if(typeof battlefieldClampPoint==='function')L=battlefieldClampPoint(L[0],L[1],135);
+      if((typeof battlefieldContains!=='function'||battlefieldContains(L[0],L[1],135))
+         && dist2(L[0],L[1],MAP*SP_LO,MAP*SP_HI)>480*480 && dist2(L[0],L[1],MAP*SP_HI,MAP*SP_LO)>480*480
          && laneDist(L[0],L[1])>=LANE_CLEAR){
         let clear=true;
         for(const B of blds) if(B.alive&&dist2(L[0],L[1],B.x,B.y)<120*120){ clear=false; break; }
     for(const q of CRATE_KINDS){ roll-=q.w; if(roll<=0){k=q;break;} }
     k=k||CRATE_KINDS[0];
   }
+  /* Random drops sample the physical square, while Compact and authored map
+     edges do not. Clamp before and after the land search: the first gives the
+     search a reachable in-theatre seed, and the second prevents findLand from
+     stepping back across a notched/coastal command boundary. 36 covers the
+     largest rarity crate's ground footprint; two extra world units absorb
+     projection/float error instead of leaving its outer pixel on the line. */
+  let P=typeof battlefieldClampPoint==='function'?battlefieldClampPoint(x,y,38):[x,y];
+  let L=findLand(P[0],P[1]);
+  if(typeof battlefieldClampPoint==='function')L=battlefieldClampPoint(L[0],L[1],38);
   crates.push({x:L[0],y:L[1],kind:k,alt:520,t:0,seen:false});
   return crates[crates.length-1];
 }
     :dist2(x,y,spawnA[0],spawnA[1])>d*d&&dist2(x,y,spawnB[0],spawnB[1])>d*d;
   const plot=(x,y,w,h,a,kind,zone)=>{
+    const pad=Math.max(58,Math.hypot(w,h)*.55);
+    if(typeof battlefieldContains==='function'&&!battlefieldContains(x,y,pad))return false;
     cityPlan.push({x,y,w,h,a,kind,zone});
     cityZones[zone].total++;
+    return true;
   };
   const makeDistrict=(cx2,cy2,ind)=>{
     const zi=cityZones.length;
   const tryPlace=(ind,minD)=>{
     for(let a=0;a<70;a++){
       const x=rr(MAP*0.18,MAP*0.82), y=rr(MAP*0.18,MAP*0.82);
+      if(typeof battlefieldContains==='function'&&!battlefieldContains(x,y,310))continue;
       if(!farFromSpawns(x,y,700)||!isWalkable(x,y)) continue;
       let clash=false;
       for(const p of placed) if(dist2(x,y,p[0],p[1])<minD*minD){ clash=true; break; }
   // loot scattered through every district
   for(const Z of cityZones) for(let k=0;k<(Z.ind?3:2);k++){
     const a=rnd()*TAU, d=rr(60,250);
+    let L=findLand(clamp(Z.x+Math.cos(a)*d,80,MAP-80), clamp(Z.y+Math.sin(a)*d,80,MAP-80));
+    if(typeof battlefieldClampPoint==='function')L=battlefieldClampPoint(L[0],L[1],70);
     spawnCrate(L[0],L[1]);
     if(crates.length) crates[crates.length-1].alt=0;
   }
   // industrial belts are ringed with volatile tanks — dangerous ground to fight over
   for(const Z of cityZones) if(Z.ind) for(let k=0;k<5;k++){
     const a=rnd()*TAU, d=rr(190,310);
+    let L=findLand(clamp(Z.x+Math.cos(a)*d,80,MAP-80), clamp(Z.y+Math.sin(a)*d,80,MAP-80));
+    if(typeof battlefieldClampPoint==='function')L=battlefieldClampPoint(L[0],L[1],70);
     tanks.push({x:L[0],y:L[1],s:rr(30,42),hp:260,alive:true,fuse:0});
   }
   const spawnA=[MAP*SP_LO,MAP*SP_HI], spawnB=[MAP*SP_HI,MAP*SP_LO];
   const tn=10+(rnd()*8|0);
   for(let k=0;k<tn;k++){
+    let L=findLand(rr(260,MAP-260),rr(260,MAP-260));
+    if(typeof battlefieldClampPoint==='function')L=battlefieldClampPoint(L[0],L[1],70);
     if(typeof farFromStartZones==='function'&&!farFromStartZones(L[0],L[1],420)) continue;
     tanks.push({x:L[0],y:L[1],s:rr(28,40),hp:260,alive:true,fuse:0});
   }
 function depositAt(x,y,rad){
   for(let d=0;d<deposits.length;d++){
     const D=deposits[d];
+    if(!D.taken && depositTier(D)>0 && dist2(x,y,D.x,D.y)<rad*rad) return d;
   }
   return -1;
 }
     if(trees.length<THEMES[curTheme].trees && h>0.42 && h<0.60 && rnd()<0.75) trees.push({x,y,s:rr(16,34),a:rr(0,TAU)});
     else if(rocks.length<60 && rnd()<0.3) rocks.push({x,y,s:rr(16,44),a:rr(0,TAU)});
   }
+  /* PHASE-CRYSTAL FIELDS. Two decorative shards could not communicate value,
+     ownership or depletion. Each economic tier now owns a concentric stratum:
+     outer Tier III spires disappear first, then Tier II, leaving a small Tier I
+     core before exhaustion. The fields are original Halcyon phase ore rather
+     than a copy of another game's resource silhouette. */
+  for(let di=0;di<deposits.length;di++){
+    const D=deposits[di],tier=D.initialTier||1;
+    /* A readable central crown makes the field recognizable at phone zoom.
+       These are real instanced crystal meshes in the 3D pass, not map pins. */
+    for(let k=0;k<3;k++){
+      const a=k/3*TAU+rr(-.18,.18),d=k?rr(7,15):rr(1,5);
+      crystals.push({x:D.x+Math.cos(a)*d,y:D.y+Math.sin(a)*d,
+        s:rr(30,41)+(tier-1)*3,a:rr(-0.28,0.28),dep:di,band:1,phase:rr(0,TAU),core:1});
+    }
+    for(let band=1;band<=tier;band++){
+      const count=band===1?7:band===2?6:7;
+      for(let k=0;k<count;k++){
+        const a=(k/count)*TAU+rr(-.18,.18)+band*.41;
+        const d=band===1?rr(17,37):band===2?rr(40,62):rr(65,88);
+        crystals.push({x:D.x+Math.cos(a)*d,y:D.y+Math.sin(a)*d,
+          s:rr(14+band*2,22+band*3),a:rr(-0.42,0.42),dep:di,band,phase:rr(0,TAU)});
+      }
     }
   }
 }
   if(uteam[j]===0&&attTeam!==0&&META.settings.godMode){uhp[j]=uhpm[j];return;}
   if(ushielded[j]>0 && !(wk&&WK_PIERCE[wk])) dmg*=SHIELD_REDUCE;
   if(umode[j]) dmg*=modeTakenMul(umode[j]);      // GUARD stance eats the hit
+  dmg*=classTakenMul(j);
   uhp[j]-=dmg;
   if(uhp[j]>0&&unitIsBrood(j)&&dmg>=uhpm[j]*0.04&&Math.random()<0.16)
     sfx('cre_pain',ux[j],uy[j],clamp(TYPES[utype[j]].size/18,0.65,1.5));
   if(mag>cap){sepVX=sepVX/mag*cap;sepVY=sepVY/mag*cap;}
 }
 let tick=0;
+const BROOD_MASS=28, BROOD_AURA=285;
+let broodMassT=0;
+function broodCriticalMassTick(dt){
+  broodMassT-=dt; if(broodMassT>0) return;
+  broodMassT=1.35;
+  /* Wildlife and the Brood opponent both currently emerge through the hive
+     team. Keeping the mechanic on the biological roster prevents a recolored
+     machine from accidentally qualifying as a caster just because the enemy
+     faction selector says Brood. */
+  const fighters=[],casters=[];
+  for(let i=0;i<unitHigh;i++) if(ualive[i]&&uteam[i]===2){
+    if(utype[i]===12||utype[i]===13) fighters.push(i);
+    else if(utype[i]===UT_BROOD_CASTER) casters.push(i);
+  }
+  const desired=Math.min(7,Math.floor(fighters.length/BROOD_MASS));
+  if(casters.length<desired){
+    let seed=-1,best=0;
+    /* Sample the mass rather than doing an all-pairs search. The spatial hash
+       still verifies that the chosen body sits inside a genuine local crowd. */
+    for(let n=0;n<fighters.length;n+=Math.max(1,(fighters.length/40)|0)){
+      const i=fighters[n]; if(utype[i]!==12) continue;
+      let local=0,led=false;
+      forUnitsIn(ux[i],uy[i],225,j=>{
+        if(uteam[j]!==2) return;
+        if(utype[j]===12||utype[j]===13) local++;
+        if(utype[j]===UT_BROOD_CASTER) led=true;
+      });
+      if(!led&&local>best){best=local;seed=i;}
+    }
+    if(seed>=0&&best>=BROOD_MASS){
+      const x=ux[seed],y=uy[seed]; killUnit(seed,true);
+      const c=spawnUnit(UT_BROOD_CASTER,2,x,y);
+      if(c>=0){
+        casters.push(c); ustate[c]=2; ubroodLed[c]=3;
+        addParticle(3,x,y,0,0,.8,92,180,92,255);
+        addParticle(3,x,y,0,0,1.25,150,92,230,155);
+        for(let q=0;q<12;q++) addParticle(0,x,y,rr(-46,46),rr(-46,46),.55,5,178,255,96);
+        if(typeof fogPointVisible!=='function'||fogPointVisible(x,y)){
+          toast('☣ CRITICAL MASS — a Brood Tidecaster has formed');
+          sfx('alarm',x,y,.72);
+        }
+      }
+    }
+  }
+  /* A caster converts a loose crowd into one purposeful wave. It does not make
+     units occupy the same point: staggered target offsets retain the existing
+     soft separation while the entire tide advances on one strategic object. */
+  for(const c of casters){
+    if(!ualive[c]) continue;
+    const bi=findEnemyBld(ux[c],uy[c],2,MAP*1.5);
+    let tx=utx[c],ty=uty[c],tg=-1;
+    if(bi>=0){tx=blds[bi].x;ty=blds[bi].y;tg=-2-bi;}
+    else {
+      const e=findEnemy(ux[c],uy[c],2,MAP*1.25);
+      if(e>=0){tx=ux[e];ty=uy[e];tg=e;}
+    }
+    if(tg===-1&&bi<0) continue;
+    const fld=requestField(tx,ty); let slot=0;
+    forUnitsIn(ux[c],uy[c],BROOD_AURA,j=>{
+      if(uteam[j]!==2||(utype[j]!==12&&utype[j]!==13&&utype[j]!==UT_BROOD_CASTER)) return;
+      ubroodLed[j]=2.8;
+      const lane=(slot++%7)-3,row=(slot/7|0);
+      ustate[j]=2; utgt[j]=-1; utgtg[j]=-1; ufield[j]=fld; umarch[j]=1;
+      utx[j]=clamp(tx+lane*15,20,MAP-20); uty[j]=clamp(ty+row*12,20,MAP-20);
+    });
+  }
+}
+function nearestOreNode(x,y,rad){
+  let best=-1,bd=rad*rad;
+  for(let d=0;d<deposits.length;d++){
+    const D=deposits[d]; if(depositTier(D)<=0) continue;
+    const dd=dist2(x,y,D.x,D.y); if(dd<bd){bd=dd;best=d;}
+  }
+  return best;
+}
+function supportUnitCap(team){
+  if(team!==0) return 10;
+  const lab=hasBld(0,'techlab')?2:0,automation=(typeof researched!=='undefined'&&researched.nano)?2:0;
+  return Math.min(12,3+Math.floor(Math.max(0,heroLvl-1)/2)+lab+automation);
+}
+function supportUnitCount(team,includeQueues){
+  let n=0;
+  for(let i=0;i<unitHigh;i++) if(ualive[i]&&uteam[i]===team&&(utype[i]===UT_ENGINEER||utype[i]===UT_MINER)) n++;
+  if(includeQueues) for(const B of bldLive) if(B.alive&&B.team===team&&B.queue)
+    for(const q of B.queue) if(q===UT_ENGINEER||q===UT_MINER)n++;
+  return n;
+}
+function nearestSupportBuilding(i,types,rad){
+  let best=-1,bd=rad*rad;
+  for(let b=0;b<blds.length;b++){
+    const B=blds[b]; if(!B.alive||B.team!==uteam[i]||types.indexOf(B.type)<0)continue;
+    const d=dist2(ux[i],uy[i],B.x,B.y);if(d<bd){bd=d;best=b;}
+  }
+  return best;
+}
+function redirectProspector(i){
+  if(!ualive[i]||utype[i]!==UT_MINER)return false;
+  let best=-1,bd=Infinity;
+  for(const B of bldLive){
+    if(!B.alive||B.team!==uteam[i]||B.type!=='mex'||B.dep<0||depositTier(deposits[B.dep])<=0)continue;
+    const d=dist2(ux[i],uy[i],B.x,B.y);if(d<bd){bd=d;best=B.dep;}
+  }
+  if(best>=0){
+    const D=deposits[best];umode[i]=0;uMineNode[i]=best;ustate[i]=2;utgt[i]=-1;
+    utx[i]=D.x+rr(-30,30);uty[i]=D.y+rr(-30,30);ufield[i]=requestField(D.x,D.y);
+    return true;
+  }
+  const h=nearestSupportBuilding(i,['hq','fac','airfield','harbor','tgate'],MAP*2);
+  umode[i]=6;uMineNode[i]=-1;
+  if(h>=0){const B=blds[h];ustate[i]=2;utx[i]=B.x+rr(-24,24);uty[i]=B.y+rr(-24,24);ufield[i]=requestField(B.x,B.y);return true;}
+  return false;
+}
+function redirectProspectorsFromNode(dep,team){
+  for(let i=0;i<unitHigh;i++)if(ualive[i]&&uteam[i]===team&&utype[i]===UT_MINER&&uMineNode[i]===dep){
+    uMineNode[i]=-1;redirectProspector(i);
+    if(team===0)toast('⛏ EXTRACTOR LOST — Prospector reassigned automatically');
+  }
+}
+function deployExtractorMiner(B){
+  if(!B||B.type!=='mex'||B.freeMiner)return -1;
+  B.freeMiner=true;
+  /* The Extractor's attached Prospector is part of the structure package and
+     is never denied by the manual support cap. If grants push the roster over
+     that cap, factories simply cannot recruit more support until Commander or
+     Research Lab progression catches up. */
+  const i=spawnUnit(UT_MINER,B.team,B.x+B.r+18,B.y+B.r*.45);
+  if(i>=0){uMineNode[i]=B.dep;utx[i]=B.x;uty[i]=B.y;if(B.team===0)toast('⛏ PROSPECTOR DEPLOYED — MINE / ASSIST / SURVEY orders unlocked');}
+  return i;
+}
+function prospectorAssistTick(i,dt){
+  const range=145;
+  let bi=nearestSupportBuilding(i,['hq','fac','airfield','harbor','tgate'],range);
+  if(bi<0){
+    if(ustate[i]===2&&dist2(ux[i],uy[i],utx[i],uty[i])>35*35)return false;
+    bi=nearestSupportBuilding(i,['hq','fac','airfield','harbor','tgate'],MAP*2);
+    if(bi<0)return false;
+    const G=blds[bi];ustate[i]=2;utx[i]=G.x+rr(-28,28);uty[i]=G.y+rr(-28,28);ufield[i]=requestField(G.x,G.y);return false;
+  }
+  const B=blds[bi],a=Math.atan2(B.y-uy[i],B.x-ux[i]);umov[i]=0;uang[i]=a+Math.PI/2;
+  B.tractorT=.18;B.tractorN=Math.min(2,(B.tractorFrame===tick?(B.tractorN||0)+1:1));B.tractorFrame=tick;
+  const mx=ux[i]+Math.cos(a)*TYPES[UT_MINER].size*.55,my=uy[i]+Math.sin(a)*TYPES[UT_MINER].size*.55;
+  addBeam(mx,my,B.x,B.y,3.2,90,225,255,.11,'laser');
+  if(B.type==='hq'&&uteam[i]<2){resM[uteam[i]]=Math.min(RES_MCAP[uteam[i]],resM[uteam[i]]+.42*dt);resE[uteam[i]]=Math.min(RES_ECAP[uteam[i]],resE[uteam[i]]+1.8*dt);}
+  return true;
+}
+function prospectorSurveyTick(i,dt){
+  let di=uMineNode[i],bit=1<<Math.min(2,uteam[i]);
+  if(di<0||depositTier(deposits[di])<=0||((deposits[di].surveyed||0)&bit)){
+    let best=-1,bd=Infinity;
+    for(let d=0;d<deposits.length;d++){
+      const D=deposits[d];if(depositTier(D)<=0||((D.surveyed||0)&bit))continue;
+      const dd=dist2(ux[i],uy[i],D.x,D.y);if(dd<bd){bd=dd;best=d;}
+    }
+    if(best<0){umode[i]=6;return redirectProspector(i);}
+    di=uMineNode[i]=best;const D=deposits[di];ustate[i]=2;utx[i]=D.x+50;uty[i]=D.y;ufield[i]=requestField(D.x,D.y);return false;
+  }
+  const D=deposits[di];if(dist2(ux[i],uy[i],D.x,D.y)>110*110)return false;
+  D.surveyed=(D.surveyed||0)|bit;uMineT[i]=1.5;
+  addParticle(3,D.x,D.y,0,0,.8,155,80,225,255);if(typeof mmPing==='function')mmPing(D.x,D.y);
+  if(uteam[i]===0){resM[0]=Math.min(RES_MCAP[0],resM[0]+35+depositTier(D)*15);toast('⌾ SURVEY COMPLETE — Tier '+depositTier(D)+' phase field charted');sfx('notify',D.x,D.y,.8);}
+  uMineNode[i]=-1;return true;
+}
+function minerUnitTick(i,dt){
+  if(umode[i]===6)return prospectorAssistTick(i,dt);
+  if(umode[i]===7)return prospectorSurveyTick(i,dt);
+  const R=125,existing=uMineNode[i];
+  let di=existing>=0&&depositTier(deposits[existing])>0?existing:-1;
+  if(di<0||dist2(ux[i],uy[i],deposits[di].x,deposits[di].y)>R*R) di=nearestOreNode(ux[i],uy[i],R);
+  if(di<0){uMineNode[i]=-1;if(!redirectProspector(i))return false;return false;}
+  const D=deposits[di];
+  /* A fresh move order always wins. The Prospector only locks onto the field
+     after arriving, so it cannot feel as if it ignored the player's drag. */
+  if(ustate[i]===2&&dist2(ux[i],uy[i],utx[i],uty[i])>30*30&&dist2(utx[i],uty[i],D.x,D.y)>R*R) return false;
+  uMineNode[i]=di; umov[i]=0;
+  const a=Math.atan2(D.y-uy[i],D.x-ux[i]); uang[i]=a+Math.PI/2;
+  const mx=ux[i]+Math.cos(a)*TYPES[utype[i]].size*.55,my=uy[i]+Math.sin(a)*TYPES[utype[i]].size*.55;
+  const tier=depositTier(D),col=tier===3?[205,105,255]:tier===2?[80,255,165]:[80,220,255];
+  addBeam(mx,my,D.x+Math.cos(D.pulse||0)*5,D.y+Math.sin(D.pulse||0)*5,3.4,col[0],col[1],col[2],.11,'laser');
+  addParticle(0,D.x+rr(-9,9),D.y+rr(-9,9),rr(-5,5),rr(-14,-4),.25,4,col[0],col[1],col[2]);
+  uMineT[i]-=dt;
+  if(uMineT[i]<=0){
+    uMineT[i]=.68; const before=D.tier,got=drainDeposit(D,1.15);
+    if(uteam[i]<2) resM[uteam[i]]=Math.min(RES_MCAP[uteam[i]],resM[uteam[i]]+got);
+    if((tick+i)%9===0) sfx('laser',ux[i],uy[i],.42);
+    if(uteam[i]===0&&D.tier!==before){
+      toast(D.tier?'◇ MOBILE MINING — field dropped to Tier '+D.tier:'◇ MOBILE MINING — field depleted');
+      sfx('notify',D.x,D.y,.7);
+    }
+    if(D.tier===0)redirectProspector(i);
+  }
+  return true;
+}
 function unitTick(dt){
   rebuildGrid();
   tickMoveCohorts();
+  broodCriticalMassTick(dt);
   /* Patrol planning lives in input.js, which loads after the simulation. The
      guarded call preserves boot/replay tooling that evaluates sim.js alone. */
   if(typeof tickPatrolRoutes==='function')tickPatrolRoutes(dt);
     const T=TYPES[utype[i]];
     if(ucool[i]>0) ucool[i]-=dt;
     if(ubuff[i]>0) ubuff[i]-=dt;
+    if(uclassBuffT[i]>0){uclassBuffT[i]-=dt;if(uclassBuffT[i]<=0){uclassBuffT[i]=0;uclassBuff[i]=0;}}
+    if(ubroodLed[i]>0) ubroodLed[i]-=dt;
     if(uhaz[i]>0) uhaz[i]-=dt;
     if(ustomp[i]>0) ustomp[i]-=dt;
     if(ushielded[i]>0) ushielded[i]-=dt;
         } else if(uteam[i]===0 && (tick&63)===0) stallE=0.8;
       }
     }
+    if(T.miner&&minerUnitTick(i,dt)) continue;
     // validate target
     let tg=utgt[i];
     if(tg>=0 && !foeTgt(i,tg,utgtg[i])){ tg=utgt[i]=-1; }
       else if((i+tick)%9===0&&perfScale>0.4)
         addParticle(1,ux[i],uy[i],rr(-4,4),rr(-14,-6),.5,3, 255,140,60);
     }
+    const rngM=(uteam[i]===0?resRngMult:1)*modeRngMul(md)*classRngMul(i)*(uhaz[i]>0?HAZ_RNG:1);
     // staggered acquisition
     if(T.wk!=='n' && (i+tick)%acqMod===0 && ustate[i]!==1 && ustate[i]!==6){
       /* On the march, acquisition shrinks to self-defence range: the column
       // fire
       if(inRange && ucool[i]<=0 && !(T.minRng && er<T.minRng)){
         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 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'){
           if(tg>=0){
             dealDamage(tg,dmg*dmgMul('m',utype[tg]),uteam[i],i,dmgMul('m',utype[tg]));
             if(T.aoe>0) forUnitsIn(ex,ey,T.aoe,j=>{ if(uteam[j]!==uteam[i]&&j!==tg) dealDamage(j,dmg*0.5*dmgMul('m',utype[j]),uteam[i],i); });
+          } else if(isRelicTg(tg)) damageRelic(relics[relicOf(tg)],dmg*STM.m*(T.bldMul||1),uteam[i]);
+          else damageBld(-2-tg,dmg*STM.m*(T.bldMul||1),uteam[i]);
           addParticle(0,ex,ey,0,0,.14,9, 255,190,90);
           addParticle(5,ex,ey,rr(-40,40),rr(-40,40),.25,4, 255,170,60);
           if((i&3)===0) sfx(unitIsBrood(i)?'cre_attack':(T.ptype===5?'flame':'hit'),ux[i],uy[i],1);
           if((i&3)===0) sfx(T.ptype===5?'flame':'laser',ux[i],uy[i],utype[i]===8?1.8:1);
         } else {
           const pmu=tg>=0?dmgMul(T.wk||'p',utype[tg]):(STM[T.wk||'p']||1);
+          const pk=fireProj(T.ptype,uteam[i],mx,my,ex+rr(-3,3),ey+rr(-3,3),T.psp,dmg*pmu*(tg<=-2?(T.bldMul||1):1),T.aoe,tg);
           const commanderCannon=utype[i]===4;
           if(pk>=0){
             pmu0[pk]=pmu; pwk[pk]=T.wk||'p'; pCannon[pk]=commanderCannon?1:0;
     if(wantMove && distGoal>0.001){
       // ground units make better time on the old highways
       const rd=(!T.air&&!T.naval&&roadAt(ux[i],uy[i]))?ROAD_SPD:1;
+      const sp=T.spd*spdM*classSpdMul(i)*broodSpdMul(i)*(ubuff[i]>0?1.35:1)*(uhaz[i]>0?HAZ_SPD:1)*rd*uCohesion[i]*Math.min(1,distGoal/18+0.25);
       // flow-field steering for long marches (routes armies around lakes)
       let ffOk=false;
       /* Formation orders share a coarse field to the leg centre, then fan out
     // apply with medium constraint: ground stays on land, ships stay on water, air flies anywhere
     const ox=ux[i], oy=uy[i];
     let nx=clamp(ox+mvx*dt,8,MAP-8), ny=clamp(oy+mvy*dt,8,MAP-8);
+    if(typeof battlefieldClampPoint==='function'){
+      const bp=battlefieldClampPoint(nx,ny,T.r+8);nx=bp[0];ny=bp[1];
+      const goal=battlefieldClampPoint(utx[i],uty[i],T.r+8);utx[i]=goal[0];uty[i]=goal[1];
+    }
     if(!T.air && (mvx||mvy)){
       const okAt=T.naval? ((X,Y)=>!isWalkable(X,Y)) : isWalkable;
       if(!okAt(nx,ny)){
     if(B.prog<1){
       /* FORCED TEMPO booster: construction only, and only for the player. */
       const doctrine=(B.team===0&&typeof defenseFocus!=='undefined'&&defenseFocus&&DEFT[B.type])?1.333:1;
+      const tractor=B.tractorT>0?1+.22*Math.min(2,B.tractorN||1):1;
       const bs=(B.team===0?((typeof boostMul==='function'?boostMul('build'):1)*
+                            (typeof bldSpeedMult!=='undefined'?bldSpeedMult:1)*doctrine):1)*tractor;
       const wasProg=B.prog;
       B.prog=Math.min(1,B.prog+dt*bs/BT[B.type].bt);
       B.hp=Math.min(B.hpm,B.hp+B.hpm*0.9*dt/BT[B.type].bt);
       if((tick&7)===0) addParticle(2,B.x+rr(-B.r,B.r),B.y+rr(-B.r,B.r),rr(-4,4),rr(-10,-2),.3,3, 160,230,255);
       if(wasProg<1&&B.prog>=1){
         if(B.type==='techlab') B.shield=B.shieldMax;
+        if(B.type==='mex') deployExtractorMiner(B);
         if(B.team===0) sfx('build',B.x,B.y,1);
       }
       continue;
     if(B.dmgT>0) B.dmgT-=dt;
     if(B.shieldT>0) B.shieldT-=dt;
     if(B.guardT>0) B.guardT-=dt;
+    if(B.tractorT>0)B.tractorT-=dt;
     const bfac=bldFactionKey(B);
     if(B.team<2){                                   // fortification regen
       const F=fortOf(B.team);
           addParticle(1,B.x+rr(0.2,0.3)*szf,B.y-szf*0.34,rr(-2,2),rr(-10,-6),.9,5, 118,118,124);
         }
         const t=B.queue[0], T=TYPES[t];
+        const tractor=B.tractorT>0?1+.22*Math.min(2,B.tractorN||1):1;
+        const speed=(B.team===1?aiBuildMult:playerBuildMult)*(1+0.12*Math.min(2,B.adj||0))*fortOf(B.team).prod*tractor;
         const frac=dt*speed/T.bt;
         if(!payStream(B.team, T.cm*frac, T.ce*frac)){
           if(B.team===0){ if(resM[0]<T.cm*frac) stallM=0.8; if(resE[0]<T.ce*frac) stallE=0.8; }

src/intro.js ADDED Viewed

	@@ -0,0 +1,137 @@

+/* ============================================================================
+   PRE-ALPHA TITLE REVEAL
+   ----------------------------------------------------------------------------
+   The opening deliberately uses no faction dossier/contact-sheet imagery.
+   Those assets belong in the codex. Cinematic faction chapters will return
+   only when purpose-built key art exists for them.
+   ============================================================================ */
+(function(){
+  'use strict';
+  var SEEN_KEY='mf_prealpha_cinematic_v2';
+  var LEGACY_SEEN_KEY='mf_prealpha_cinematic_v1';
+  var el=null,timer=0,open=false,reduced=false,lastFocus=null,motionQuery=null;
+  var hadCareer=false;
+  try{
+    hadCareer=!!localStorage.getItem('massfront_profiles_v1')||
+      !!localStorage.getItem('massfront_meta_v1');
+  }catch(e){}
+  function version(){
+    try{
+      if(typeof currentRunningVersion==='function') return currentRunningVersion();
+      if(typeof APP_VERSION!=='undefined') return APP_VERSION;
+      if(typeof PACKAGED_REV!=='undefined') return PACKAGED_REV;
+    }catch(e){}
+    return 'PREVIEW';
+  }
+  function escapeHtml(s){
+    return String(s||'').replace(/[&<>"']/g,function(c){
+      return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c];
+    });
+  }
+  function seen(){
+    try{return !!localStorage.getItem(SEEN_KEY)||!!localStorage.getItem(LEGACY_SEEN_KEY);}catch(e){return false;}
+  }
+  function markSeen(){
+    try{localStorage.setItem(SEEN_KEY,JSON.stringify({version:version(),seenAt:Date.now()}));}catch(e){}
+  }
+  function markup(){
+    return '<section id="mfPreAlphaIntro" class="mfTitleReveal" role="dialog" aria-modal="true" '+
+      'aria-labelledby="mfTitleWordmark" aria-describedby="mfTitleSubtitle" hidden>'+
+      '<div class="mfTitleBackdrop" aria-hidden="true"><div class="mfTitleGrid"></div><div class="mfTitleSweep"></div></div>'+
+      '<div class="mfTitleTop">'+
+        '<div class="mfTitleBuild"><b>PRE-ALPHA</b><span>v'+escapeHtml(version())+'</span></div>'+
+        '<button id="mfIntroSkip" class="mfTitleSkip" type="button">SKIP <span aria-hidden="true">&#10005;</span></button>'+
+      '</div>'+
+      '<main class="mfTitleCenter">'+
+        '<div class="mfTitleInsignia"><img src="./assets/icons/icon-192.png" alt=""><i></i></div>'+
+        '<div class="mfTitleEyebrow">COMMAND UPLINK ESTABLISHED</div>'+
+        '<h1 id="mfTitleWordmark">MASSFRONT</h1>'+
+        '<div id="mfTitleSubtitle" class="mfTitleSubtitle"><i></i><span>SUPREME MOBILE WARFARE</span><i></i></div>'+
+        '<div class="mfTitleStatus"><span></span> THE FRONT AWAITS YOUR ORDERS</div>'+
+      '</main>'+
+      '<div class="mfTitleBottom">'+
+        '<button id="mfIntroStart" class="mfTitleStart" type="button"><span aria-hidden="true">&#9654;</span> START NOW</button>'+
+      '</div>'+
+    '</section>';
+  }
+  function clearTimer(){if(timer){clearTimeout(timer);timer=0;}}
+  function scheduleClose(){
+    clearTimer();
+    if(!open||reduced) return;
+    timer=setTimeout(function(){closeIntro(false);},2800);
+  }
+  function closeIntro(startNow){
+    if(!el||!open) return;
+    markSeen();clearTimer();open=false;
+    el.classList.remove('open');el.setAttribute('aria-hidden','true');
+    document.body.classList.remove('mfIntroOpen');
+    var front=document.getElementById('startScreen');if(front) front.removeAttribute('aria-hidden');
+    setTimeout(function(){if(el&&!open) el.hidden=true;},260);
+    if(typeof initAudio==='function'){try{initAudio();}catch(e){}}
+    if(typeof sfx==='function'){try{sfx('ui');}catch(e){}}
+    var play=document.getElementById('startBtn');
+    if(startNow&&play) setTimeout(function(){play.click();},660);
+    else if(play) setTimeout(function(){try{play.focus({preventScroll:true});}catch(e){play.focus();}},90);
+    else if(lastFocus) lastFocus.focus();
+  }
+  function openIntro(force){
+    if(!el) return;
+    if(!force&&(hadCareer||seen())) return;
+    lastFocus=document.activeElement;open=true;el.hidden=false;el.removeAttribute('aria-hidden');
+    document.body.classList.add('mfIntroOpen');
+    var front=document.getElementById('startScreen');if(front) front.setAttribute('aria-hidden','true');
+    requestAnimationFrame(function(){
+      if(!open) return;el.classList.add('open');
+      var start=document.getElementById('mfIntroStart');if(start) start.focus({preventScroll:true});
+    });
+    scheduleClose();
+  }
+  function bindTap(node,fn){
+    if(typeof mfBindTap==='function') mfBindTap(node,fn);else node.addEventListener('click',fn);
+  }
+  function onKey(e){
+    if(!open) return;
+    if(e.key==='Escape'){e.preventDefault();closeIntro(false);return;}
+    if(e.key!=='Tab') return;
+    var buttons=Array.prototype.slice.call(el.querySelectorAll('button:not([disabled])')).filter(function(b){return b.offsetParent!==null;});
+    if(!buttons.length) return;
+    var first=buttons[0],last=buttons[buttons.length-1];
+    if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}
+    else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}
+  }
+  function addReplay(){
+    if(document.getElementById('mfIntroReplay')) return;
+    var front=document.getElementById('startScreen'),anchor=document.getElementById('updPanel');
+    if(!front) return;
+    var b=document.createElement('button');b.id='mfIntroReplay';b.className='mfIntroReplay';b.type='button';
+    b.innerHTML='<span aria-hidden="true">&#9673;</span><b>PRE-ALPHA TITLE</b><small>REPLAY OPENING</small>';
+    bindTap(b,function(){openIntro(true);});
+    if(anchor) front.insertBefore(b,anchor);else front.appendChild(b);
+  }
+  function motionChanged(e){
+    reduced=!!e.matches;if(el) el.dataset.motion=reduced?'reduce':'full';
+    if(reduced) clearTimer();else scheduleClose();
+  }
+  function initIntro(){
+    if(el) return;
+    var host=document.createElement('div');host.innerHTML=markup();el=host.firstElementChild;document.body.appendChild(el);
+    motionQuery=window.matchMedia?matchMedia('(prefers-reduced-motion: reduce)'):null;
+    reduced=!!(motionQuery&&motionQuery.matches);el.dataset.motion=reduced?'reduce':'full';
+    if(motionQuery){
+      if(typeof motionQuery.addEventListener==='function') motionQuery.addEventListener('change',motionChanged);
+      else if(typeof motionQuery.addListener==='function') motionQuery.addListener(motionChanged);
+    }
+    bindTap(document.getElementById('mfIntroSkip'),function(){closeIntro(false);});
+    bindTap(document.getElementById('mfIntroStart'),function(){closeIntro(true);});
+    document.addEventListener('keydown',onKey,true);addReplay();
+    var force=false;try{force=new URLSearchParams(location.search).get('intro')==='1';}catch(e){}
+    setTimeout(function(){openIntro(force);},650);
+  }
+  window.initIntro=initIntro;
+  window.showPreAlphaIntro=function(){openIntro(true);};
+  window.__mfIntroDebug=function(){return {open:open,phase:'title',stage:0,stageId:'title',reduced:reduced,
+    hadCareer:hadCareer,seen:seen(),wouldAuto:!hadCareer&&!seen(),version:version(),usesFactionArt:false};};
+})();

src/main.js CHANGED Viewed

@@ -37,20 +37,69 @@ const START_ZONES=[
   {id:'se',n:'5',x:.82,y:.82},{id:'s', n:'6',x:.50,y:.85},
   {id:'sw',n:'7',x:.18,y:.82},{id:'w', n:'8',x:.15,y:.50}
 ];
-/* MAP is baked into terrain, pathfinding, fog and shaders.  Resizing it at
-   runtime would desynchronise all four, so engagement scale changes the
-   authored opening theatre inside that fixed 2.6 km world instead.  Compact
-   starts pull toward the centre; Grand keeps the original coordinates. */
 const BATTLEFIELD_PRESETS={
-  compact:{nm:'COMPACT', km:'1.9 KM FRONT', start:.72, extra:0, site:0.82, haz:0.88,
-           ds:'Close opening lines, frequent resource-site caches and faster hazards.'},
-  standard:{nm:'STANDARD',km:'2.2 KM FRONT', start:.86, extra:2, site:1, haz:1,
-            ds:'Balanced opening distance, contested resources and hazard cadence.'},
-  grand:{nm:'GRAND',km:'2.6 KM FRONT', start:1, extra:5, site:1.18, haz:1.12,
-         ds:'Full authored deployment spread, more neutral sites and longer warning cycles.'}
 };
-let battlefieldPreset='grand';
-function battlefieldPresetDef(){ return BATTLEFIELD_PRESETS[battlefieldPreset]||BATTLEFIELD_PRESETS.grand; }
 let playerStartZone='sw', spawnPick='player';
 let aiSlots=[
   {on:true, diff:1,zone:'ne'},
@@ -189,11 +238,13 @@ function resetWorld(){
   if(typeof mmPings!=='undefined') mmPings.length=0;
   meteors.length=0; stormTimer=200;
   fields.length=0; ffNext=0; ufield.fill(-1); ushielded.fill(0); umarch.fill(0);
   researched={}; resDone=0; researchCarry={}; resHpMult=1; resRngMult=1; resEnergyMult=1;
   resBldHpMult=1; resDefDmgMult=1; labBufferMult=1;
   deformQ.length=0; musicInt=0; lastDmgTotal=0; dmgAccum=[0,0,0]; dayT=0.08; shLife.fill(0);
   abCool=[0,0,0,0]; abUnlock=[true,false,false,false]; aiming=-1;
   if(typeof artBarrageReset==='function') artBarrageReset();
   salvageMult=1; bldHpMult=1; matchClock=timeLimit; goalDone=false;
   infestT=230; nestSpreadT=170; infestLvl=0; tideT=260; birds.length=0; bugQ.length=0;
   if(typeof hazReset==='function') hazReset();          // map hazard clock
@@ -283,7 +334,7 @@ function newSkirmish(){
     }
     let bd=1e12,bi=-1;
     for(let d=0;d<deposits.length;d++){ const D=deposits[d];
-      if(D.taken) continue; const dd=dist2(D.x,D.y,exs,eys); if(dd<bd){bd=dd;bi=d;} }
     if(bi>=0){ deposits[bi].taken=true; addBld('mex',1,deposits[bi].x,deposits[bi].y,true); }
     aiBases.push({x:egx,y:egy,diff:S.diff,slot:S.slot,commander:h});
     aiDeployArrivals.push({x:egx,y:egy,fac:AI.fac,ang:a+Math.PI,depart:0});
@@ -507,7 +558,9 @@ function endGame(win,reason){
   /* The endgame layer scores the run, advances the threat ladder, ticks the
      mastery grid and records a weekly best — all from what actually happened. */
   const dv=demoMode?null:(typeof developRecord==='function'?developRecord({
-    win:!!win, kills:stats.kills[0]|0, built:(stats.built[0])|0, nests:stats.nests|0}):null);
   const eg=demoMode?null:(typeof endgameRecord==='function'?endgameRecord({
     win:!!win, kills:stats.kills[0]|0, built:(stats.built[0])|0,
     seconds:stats.t|0, difficulty:difficulty|0}):null);
@@ -531,6 +584,7 @@ function endGame(win,reason){
       const fld=rw.field||{mass:0,energy:0,reclaimed:0};
       const mats=dv?Object.keys(dv.mats).filter(k=>dv.mats[k]>0).map(k=>
         '<div class="goRes"><b>'+MATS[k].em+' '+dv.mats[k]+'</b><span>'+MATS[k].nm.toUpperCase()+'</span></div>').join(''):'';
       let loot='';
       if(rw.loot&&rw.loot.gear){
         const g=rw.loot.gear, rr=invRarity(g.rarity);
@@ -545,11 +599,14 @@ function endGame(win,reason){
         +(rw.mult>1.001?'<small>×'+rw.mult.toFixed(2)+' OPERATION MULTIPLIER</small>':'')+'</h3>'
         +'<div class="goPayout"><div><b>+'+rw.xp+'</b><span>XP</span></div><div><b>+'+rw.cores+'</b><span>⬡ CORES</span></div>'
         +'<div><b>+'+(rw.data||0)+'</b><span>◆ RESEARCH DATA</span></div></div>'
-        +'<div class="goBreak">'+rw.parts.map(p=>'<span>'+p[0]+' <b>+'+p[1]+'</b></span>').join('')+'</div></section>'
         +'<section class="goSection"><h3>FIELD RECOVERY</h3><div class="goResourceGrid">'
         +'<div class="goRes"><b>'+fld.mass.toLocaleString()+'</b><span>MASS IN RESERVE</span></div>'
         +'<div class="goRes"><b>'+fld.energy.toLocaleString()+'</b><span>ENERGY IN RESERVE</span></div>'
-        +'<div class="goRes"><b>'+fld.reclaimed.toLocaleString()+'</b><span>MASS RECLAIMED</span></div>'+mats+'</div></section>'
         +(loot?'<section class="goSection"><h3>ITEMS ACQUIRED</h3>'+loot+'</section>':'')
         +(rw.rankUp?'<div class="goNotice good">◈ PROMOTED — '+rw.rankUp.em+' '+rw.rankUp.nm.toUpperCase()+'</div>':'')
         +(eg&&eg.msgs.length?'<div class="goNotice">'+eg.msgs.join('<br>')+'</div>':'')
@@ -938,9 +995,9 @@ function wire(){
   pick('.pcbtn',b=>{ resPace=+b.dataset.p; });
   pick('.crbtn',b=>{ crateRate=crateRateBase=+b.dataset.c; });
   pick('.bsbtn',b=>{
-    battlefieldPreset=BATTLEFIELD_PRESETS[b.dataset.bs]?b.dataset.bs:'grand';
-    const h=$('battleScaleHint'),P=battlefieldPresetDef();
-    if(h) h.textContent=P.km+' — '+P.ds;
     renderSpawnPlanner();
   });
   pick('.ifbtn',b=>{
@@ -956,13 +1013,16 @@ function wire(){
       :'Classic RTS balance between mobile armies and static defences.';
   });
   initSpawnPlanner();
-  /* Battle setup is split into four short task-focused pages. SHOW ALL remains
      useful for experienced players who want to audit an entire custom match. */
   const setup=$('setupScr');setup.dataset.tab=setup.dataset.tab||'map';
   document.querySelectorAll('.setupTabBtn').forEach(b=>mfBindTap(b,()=>{
     setup.dataset.tab=b.dataset.tab;setup.classList.remove('setupAll');
     document.querySelectorAll('.setupTabBtn').forEach(x=>x.classList.toggle('on',x===b));
     $('advToggle').classList.remove('on');$('advToggle').textContent='SHOW ALL';sfx('ui');
     const sc=setup.querySelector('.setupScroll');if(sc)sc.scrollTop=0;
   }));
   $('advToggle').addEventListener('pointerdown',()=>{
@@ -978,9 +1038,14 @@ function wire(){
   if(typeof renderFacRow==='function') renderFacRow();
   document.querySelectorAll('.wbtn').forEach(b=>{
     b.addEventListener('pointerdown',()=>{
       document.querySelectorAll('.wbtn').forEach(x=>x.classList.remove('on'));
       b.classList.add('on'); wcChoice=+b.dataset.w;
       META.wcPref=wcChoice; metaSave(); initAudio(); sfx('ui');
     });
   });
   mfBindTap($('armoryBtn'),()=>{
@@ -1001,6 +1066,7 @@ function wire(){
   });
   mfBindTap($('startBtn'),()=>{ initAudio(); sfx('ui');
     renderMapRow(); renderSpawnPlanner();
     showFrontScreen('setupScr'); });
   mfBindTap($('setupBack'),()=>{ sfx('ui');
     renderMetaHead(); showFrontScreen('startScreen'); });
@@ -1028,7 +1094,11 @@ function wire(){
   mfBindTap($('restartBtn'),returnToMainMenu);
   mfBindTap($('menuBtn'),()=>{ if(!running) return; paused=true; $('pauseOverlay').style.display='flex'; });
   mfBindTap($('resumeBtn'),()=>{ paused=false; $('pauseOverlay').style.display='none'; });
-  mfBindTap($('quitBtn'),returnToMainMenu);
   mfBindTap($('pauseSettings'),()=>{ openSettings('pause'); });
   mfBindTap($('setBack'),()=>{
     $('settingsScr').style.display='none'; sfx('ui');
@@ -1112,7 +1182,10 @@ function wire(){
     if(!B.alive) return;
     resM[0]=Math.min(RES_MCAP[0],resM[0]+Math.round(BT[B.type].cm*0.5));
     B.alive=false; rebuildBGrid();
-    if(B.type==='mex') for(const D of deposits) if(D.x===B.x&&D.y===B.y) D.taken=false;
     if(B.type==='geo') for(const G of geysers) if(G.x===B.x&&G.y===B.y) G.taken=false;
     addParticle(3,B.x,B.y,0,0,.5,BT[B.type].size, 120,230,255);
     toast('♻ '+BT[B.type].name+' sold');
@@ -1194,6 +1267,7 @@ function wire(){
   $('abRage').addEventListener('pointerdown',()=>tryAbility(2));
   $('abLance').addEventListener('pointerdown',()=>tryAbility(3));
   $('abBarrage').addEventListener('pointerdown',()=>tryArtilleryBarrage());
   $('abHero').addEventListener('pointerdown',()=>selectHero());
   mfBindTap($('heroBar'),()=>{
     selectHero();
@@ -1226,7 +1300,9 @@ function boot(){
   if(su.d!=null&&su.d>=0&&su.d<=2) difficulty=su.d;
   if(THEMES[su.t]) curTheme=su.t;
   if(MAPDEFS[su.m]) curMap=su.m;
-  if(BATTLEFIELD_PRESETS[su.bs]) battlefieldPreset=su.bs;
   if(su.f&&(su.f==='random'||FACTIONS[su.f])) aiFactionSel=su.f;
   if(su.g&&GOALS.some(g=>g.id===su.g)) goalSel=su.g;
   if(su.tl!=null) timeLimit=+su.tl||0;
@@ -1255,8 +1331,8 @@ function boot(){
   document.querySelectorAll('.pcbtn').forEach(b=>b.classList.toggle('on',+b.dataset.p===resPace));
   document.querySelectorAll('.crbtn').forEach(b=>b.classList.toggle('on',+b.dataset.c===crateRate));
   document.querySelectorAll('.bsbtn').forEach(b=>b.classList.toggle('on',b.dataset.bs===battlefieldPreset));
-  const bsh=$('battleScaleHint'),bsp=battlefieldPresetDef();
-  if(bsh) bsh.textContent=bsp.km+' — '+bsp.ds;
   document.querySelectorAll('.ifbtn').forEach(b=>b.classList.toggle('on',!!+b.dataset.i===infestationOn));
   const ifh=$('infestHint'); if(ifh) ifh.textContent=infestationOn
     ?'Neutral nests spread and erupt during the battle.'
@@ -1329,7 +1405,7 @@ function boot(){
     if(typeof storyRefreshBadge==='function') storyRefreshBadge(); sfx('ui'); });
   /* New subsystems. Each lives in its own module and registers its own UI, so
      none of them need to touch index.html or this file beyond this line. */
-  for(const fn of ['initOffline','initSampleAudio','initAssetPacks','initAuthPortal','initTutorial','initAdBoards','initStoreUI','initResTree3D','initEconomyNet'])
     if(typeof window[fn]==='function'){ try{ window[fn](); }catch(e){ console.error(fn,e); } }
   /* The auth portal loads its cached AP_SESSION synchronously. Initialise the
      Profile account/save panel afterwards so it renders that real session,

   {id:'se',n:'5',x:.82,y:.82},{id:'s', n:'6',x:.50,y:.85},
   {id:'sw',n:'7',x:.18,y:.82},{id:'w', n:'8',x:.15,y:.50}
 ];
+/* MAP is baked into terrain, pathfinding, fog and shaders. Resizing that buffer
+   at runtime would desynchronise all four, so map size defines a playable
+   theatre inside the fixed 2.6 km terrain. Spawn separation, neutral resource
+   bounds and resource counts all use the same theatre scale; this produces a
+   genuinely faster Compact match without allocating a second terrain stack. */
 const BATTLEFIELD_PRESETS={
+  compact:{nm:'COMPACT',km:'1.9 KM',dur:'8\u201312 MIN',world:.72,start:.72,spread:.84,nodes:14,geysers:1,site:.82,haz:.88,
+           ds:'Close spawns, concentrated resource fields and quick clashes.'},
+  standard:{nm:'STANDARD',km:'2.2 KM',dur:'12\u201318 MIN',world:.86,start:.86,spread:1,nodes:18,geysers:2,site:1,haz:1,
+             ds:'Balanced travel, expansion space and contested resources.'},
+  large:{nm:'LARGE',km:'2.6 KM',dur:'18\u201325 MIN',world:1,start:1,spread:1.16,nodes:22,geysers:3,site:1.18,haz:1.12,
+         ds:'Maximum separation, additional fields and room for multi-front wars.'}
 };
+let battlefieldPreset='standard';
+function battlefieldPresetKey(key){ return key==='grand'?'large':(BATTLEFIELD_PRESETS[key]?key:'standard'); }
+function battlefieldPresetDef(){ return BATTLEFIELD_PRESETS[battlefieldPresetKey(battlefieldPreset)]; }
+function battlefieldPresetHint(){
+  const P=battlefieldPresetDef();
+  return P.km+' \u00b7 EST. '+P.dur+' \u2014 '+P.ds;
+}
+function battlefieldPlayBounds(pad){
+  const P=battlefieldPresetDef(),span=MAP*(P.world||1),inset=(MAP-span)*.5;
+  const lo=inset+(pad||0),hi=MAP-inset-(pad||0);
+  return lo<hi?{lo,hi,span}:{lo:MAP*.5-40,hi:MAP*.5+40,span:80};
+}
+/* THEATRE SILHOUETTES.
+   Map size still owns one stable square allocation, but the playable edge is
+   not the same square stamped onto every biome.  Each theme receives a
+   deterministic superellipse plus low-frequency authored inlets/notches.
+   The same formula is duplicated in the terrain vertex shader and sampled by
+   the holographic border, so gameplay, red line and exclusion art agree. */
+function battlefieldShapeStyle(){
+  return curMap==='isles'?1:(curTheme==='ashland'||curMap==='crater'?2:
+    (curTheme==='arctic'||curMap==='highland'?3:0));
+}
+function battlefieldShapeRadius(angle,pad){
+  const B=battlefieldPlayBounds(0),half=Math.max(45,(B.hi-B.lo)*.5-(pad||0));
+  const style=battlefieldShapeStyle(),ca=Math.abs(Math.cos(angle)),sa=Math.abs(Math.sin(angle));
+  const power=style===1?3.15:style===2?6.25:style===3?4.15:5.0;
+  const base=half/Math.pow(Math.pow(ca,power)+Math.pow(sa,power),1/power);
+  let shape;
+  if(style===1)      shape=.945+.024*Math.sin(angle*3+.65)+.016*Math.sin(angle*7-1.10);
+  else if(style===2) shape=.958+.020*Math.sin(angle*5+.30)+.012*Math.sin(angle*9+1.20);
+  else if(style===3) shape=.948+.025*Math.sin(angle*2-.80)+.016*Math.sin(angle*6+.45);
+  else               shape=.966+.014*Math.sin(angle*4+.35)+.010*Math.sin(angle*7-.55);
+  return Math.max(36,base*shape);
+}
+function battlefieldSignedDistance(x,y,pad){
+  const B=battlefieldPlayBounds(0),cx=(B.lo+B.hi)*.5,cy=cx,dx=x-cx,dy=y-cy;
+  const r=Math.hypot(dx,dy),a=r>0.001?Math.atan2(dy,dx):0;
+  return battlefieldShapeRadius(a,pad)-r;
+}
+function battlefieldContains(x,y,pad){ return battlefieldSignedDistance(x,y,pad)>=0; }
+function battlefieldClampPoint(x,y,pad){
+  const B=battlefieldPlayBounds(0),cx=(B.lo+B.hi)*.5,cy=cx,dx=x-cx,dy=y-cy,r=Math.hypot(dx,dy);
+  const a=r>0.001?Math.atan2(dy,dx):0,limit=battlefieldShapeRadius(a,pad);
+  if(r<=limit)return [x,y];
+  const q=limit/Math.max(.001,r);return [cx+dx*q,cy+dy*q];
+}
+function battlefieldBoundaryPoint(angle,pad){
+  const B=battlefieldPlayBounds(0),c=(B.lo+B.hi)*.5,r=battlefieldShapeRadius(angle,pad);
+  return [c+Math.cos(angle)*r,c+Math.sin(angle)*r];
+}
 let playerStartZone='sw', spawnPick='player';
 let aiSlots=[
   {on:true, diff:1,zone:'ne'},
   if(typeof mmPings!=='undefined') mmPings.length=0;
   meteors.length=0; stormTimer=200;
   fields.length=0; ffNext=0; ufield.fill(-1); ushielded.fill(0); umarch.fill(0);
+  ubroodLed.fill(0);uMineT.fill(0);uMineNode.fill(-1);broodMassT=0;
   researched={}; resDone=0; researchCarry={}; resHpMult=1; resRngMult=1; resEnergyMult=1;
   resBldHpMult=1; resDefDmgMult=1; labBufferMult=1;
   deformQ.length=0; musicInt=0; lastDmgTotal=0; dmgAccum=[0,0,0]; dayT=0.08; shLife.fill(0);
   abCool=[0,0,0,0]; abUnlock=[true,false,false,false]; aiming=-1;
   if(typeof artBarrageReset==='function') artBarrageReset();
+  if(typeof classAbilityReset==='function') classAbilityReset();
   salvageMult=1; bldHpMult=1; matchClock=timeLimit; goalDone=false;
   infestT=230; nestSpreadT=170; infestLvl=0; tideT=260; birds.length=0; bugQ.length=0;
   if(typeof hazReset==='function') hazReset();          // map hazard clock
     }
     let bd=1e12,bi=-1;
     for(let d=0;d<deposits.length;d++){ const D=deposits[d];
+      if(D.taken||depositTier(D)<=0) continue; const dd=dist2(D.x,D.y,exs,eys); if(dd<bd){bd=dd;bi=d;} }
     if(bi>=0){ deposits[bi].taken=true; addBld('mex',1,deposits[bi].x,deposits[bi].y,true); }
     aiBases.push({x:egx,y:egy,diff:S.diff,slot:S.slot,commander:h});
     aiDeployArrivals.push({x:egx,y:egy,fac:AI.fac,ang:a+Math.PI,depart:0});
   /* The endgame layer scores the run, advances the threat ladder, ticks the
      mastery grid and records a weekly best — all from what actually happened. */
   const dv=demoMode?null:(typeof developRecord==='function'?developRecord({
+    win:!!win, kills:stats.kills[0]|0, built:(stats.built[0])|0, nests:stats.nests|0,
+    fieldMass:Math.max(0,Math.floor(resM[0]||0)),fieldEnergy:Math.max(0,Math.floor(resE[0]||0)),
+    reclaimed:Math.max(0,Math.round(stats.reclaimed||0))}):null);
   const eg=demoMode?null:(typeof endgameRecord==='function'?endgameRecord({
     win:!!win, kills:stats.kills[0]|0, built:(stats.built[0])|0,
     seconds:stats.t|0, difficulty:difficulty|0}):null);
       const fld=rw.field||{mass:0,energy:0,reclaimed:0};
       const mats=dv?Object.keys(dv.mats).filter(k=>dv.mats[k]>0).map(k=>
         '<div class="goRes"><b>'+MATS[k].em+' '+dv.mats[k]+'</b><span>'+MATS[k].nm.toUpperCase()+'</span></div>').join(''):'';
+      const dataBreak=(rw.dataParts||[]).map(p=>'<span>'+p[0]+' <b>+'+p[1]+'</b></span>').join('');
       let loot='';
       if(rw.loot&&rw.loot.gear){
         const g=rw.loot.gear, rr=invRarity(g.rarity);
         +(rw.mult>1.001?'<small>×'+rw.mult.toFixed(2)+' OPERATION MULTIPLIER</small>':'')+'</h3>'
         +'<div class="goPayout"><div><b>+'+rw.xp+'</b><span>XP</span></div><div><b>+'+rw.cores+'</b><span>⬡ CORES</span></div>'
         +'<div><b>+'+(rw.data||0)+'</b><span>◆ RESEARCH DATA</span></div></div>'
+        +'<div class="goBreak">'+rw.parts.map(p=>'<span>'+p[0]+' <b>+'+p[1]+'</b></span>').join('')+'</div>'
+        +(dataBreak?'<div class="goBreak research"><strong>RESEARCH DATA</strong>'+dataBreak+'</div>':'')+'</section>'
         +'<section class="goSection"><h3>FIELD RECOVERY</h3><div class="goResourceGrid">'
         +'<div class="goRes"><b>'+fld.mass.toLocaleString()+'</b><span>MASS IN RESERVE</span></div>'
         +'<div class="goRes"><b>'+fld.energy.toLocaleString()+'</b><span>ENERGY IN RESERVE</span></div>'
+        +'<div class="goRes"><b>'+fld.reclaimed.toLocaleString()+'</b><span>MASS RECLAIMED</span></div></div>'
+        +(mats?'<h4 class="goAccountSalvage">ACCOUNT SALVAGE <small>Persisted to Development inventory</small></h4>'
+          +'<div class="goResourceGrid account">'+mats+'</div>':'')+'</section>'
         +(loot?'<section class="goSection"><h3>ITEMS ACQUIRED</h3>'+loot+'</section>':'')
         +(rw.rankUp?'<div class="goNotice good">◈ PROMOTED — '+rw.rankUp.em+' '+rw.rankUp.nm.toUpperCase()+'</div>':'')
         +(eg&&eg.msgs.length?'<div class="goNotice">'+eg.msgs.join('<br>')+'</div>':'')
   pick('.pcbtn',b=>{ resPace=+b.dataset.p; });
   pick('.crbtn',b=>{ crateRate=crateRateBase=+b.dataset.c; });
   pick('.bsbtn',b=>{
+    battlefieldPreset=battlefieldPresetKey(b.dataset.bs);
+    const h=$('battleScaleHint');
+    if(h) h.textContent=battlefieldPresetHint();
     renderSpawnPlanner();
   });
   pick('.ifbtn',b=>{
       :'Classic RTS balance between mobile armies and static defences.';
   });
   initSpawnPlanner();
+  /* Battle setup is split into five short task-focused pages. Match modifiers
+     live here because they change one deployment, not the Operations hub.
+     SHOW ALL remains
      useful for experienced players who want to audit an entire custom match. */
   const setup=$('setupScr');setup.dataset.tab=setup.dataset.tab||'map';
   document.querySelectorAll('.setupTabBtn').forEach(b=>mfBindTap(b,()=>{
     setup.dataset.tab=b.dataset.tab;setup.classList.remove('setupAll');
     document.querySelectorAll('.setupTabBtn').forEach(x=>x.classList.toggle('on',x===b));
     $('advToggle').classList.remove('on');$('advToggle').textContent='SHOW ALL';sfx('ui');
+    if(b.dataset.tab==='modifiers'&&typeof renderOps==='function') renderOps();
     const sc=setup.querySelector('.setupScroll');if(sc)sc.scrollTop=0;
   }));
   $('advToggle').addEventListener('pointerdown',()=>{
   if(typeof renderFacRow==='function') renderFacRow();
   document.querySelectorAll('.wbtn').forEach(b=>{
     b.addEventListener('pointerdown',()=>{
+      if(b.disabled) return;
       document.querySelectorAll('.wbtn').forEach(x=>x.classList.remove('on'));
       b.classList.add('on'); wcChoice=+b.dataset.w;
+      /* Random quick-picks and hand-selected modifiers are intentionally
+         exclusive, so neither control can silently override the other. */
+      META.opmods={};
       META.wcPref=wcChoice; metaSave(); initAudio(); sfx('ui');
+      if(typeof renderOps==='function') renderOps();
     });
   });
   mfBindTap($('armoryBtn'),()=>{
   });
   mfBindTap($('startBtn'),()=>{ initAudio(); sfx('ui');
     renderMapRow(); renderSpawnPlanner();
+    if(typeof renderOps==='function') renderOps();
     showFrontScreen('setupScr'); });
   mfBindTap($('setupBack'),()=>{ sfx('ui');
     renderMetaHead(); showFrontScreen('startScreen'); });
   mfBindTap($('restartBtn'),returnToMainMenu);
   mfBindTap($('menuBtn'),()=>{ if(!running) return; paused=true; $('pauseOverlay').style.display='flex'; });
   mfBindTap($('resumeBtn'),()=>{ paused=false; $('pauseOverlay').style.display='none'; });
+  mfBindTap($('quitBtn'),()=>{
+    const go=()=>returnToMainMenu();
+    if(typeof accConfirm==='function') accConfirm('Abandon this operation? The unfinished match grants no mission payout.',go);
+    else go();
+  });
   mfBindTap($('pauseSettings'),()=>{ openSettings('pause'); });
   mfBindTap($('setBack'),()=>{
     $('settingsScr').style.display='none'; sfx('ui');
     if(!B.alive) return;
     resM[0]=Math.min(RES_MCAP[0],resM[0]+Math.round(BT[B.type].cm*0.5));
     B.alive=false; rebuildBGrid();
+    if(B.type==='mex'){
+      if(B.dep>=0) redirectProspectorsFromNode(B.dep,B.team);
+      for(const D of deposits) if(D.x===B.x&&D.y===B.y) D.taken=false;
+    }
     if(B.type==='geo') for(const G of geysers) if(G.x===B.x&&G.y===B.y) G.taken=false;
     addParticle(3,B.x,B.y,0,0,.5,BT[B.type].size, 120,230,255);
     toast('♻ '+BT[B.type].name+' sold');
   $('abRage').addEventListener('pointerdown',()=>tryAbility(2));
   $('abLance').addEventListener('pointerdown',()=>tryAbility(3));
   $('abBarrage').addEventListener('pointerdown',()=>tryArtilleryBarrage());
+  if($('abClass')) $('abClass').addEventListener('pointerdown',()=>tryClassAbility());
   $('abHero').addEventListener('pointerdown',()=>selectHero());
   mfBindTap($('heroBar'),()=>{
     selectHero();
   if(su.d!=null&&su.d>=0&&su.d<=2) difficulty=su.d;
   if(THEMES[su.t]) curTheme=su.t;
   if(MAPDEFS[su.m]) curMap=su.m;
+  /* `grand` was the pre-1.32 name for Large. Keep old setup saves valid while
+     storing only the player-facing Compact / Standard / Large vocabulary. */
+  if(BATTLEFIELD_PRESETS[su.bs]||su.bs==='grand') battlefieldPreset=battlefieldPresetKey(su.bs);
   if(su.f&&(su.f==='random'||FACTIONS[su.f])) aiFactionSel=su.f;
   if(su.g&&GOALS.some(g=>g.id===su.g)) goalSel=su.g;
   if(su.tl!=null) timeLimit=+su.tl||0;
   document.querySelectorAll('.pcbtn').forEach(b=>b.classList.toggle('on',+b.dataset.p===resPace));
   document.querySelectorAll('.crbtn').forEach(b=>b.classList.toggle('on',+b.dataset.c===crateRate));
   document.querySelectorAll('.bsbtn').forEach(b=>b.classList.toggle('on',b.dataset.bs===battlefieldPreset));
+  const bsh=$('battleScaleHint');
+  if(bsh) bsh.textContent=battlefieldPresetHint();
   document.querySelectorAll('.ifbtn').forEach(b=>b.classList.toggle('on',!!+b.dataset.i===infestationOn));
   const ifh=$('infestHint'); if(ifh) ifh.textContent=infestationOn
     ?'Neutral nests spread and erupt during the battle.'
     if(typeof storyRefreshBadge==='function') storyRefreshBadge(); sfx('ui'); });
   /* New subsystems. Each lives in its own module and registers its own UI, so
      none of them need to touch index.html or this file beyond this line. */
+  for(const fn of ['initOffline','initSampleAudio','initAssetPacks','initAuthPortal','initTutorial','initAdBoards','initStoreUI','initResTree3D','initEconomyNet','initIntro'])
     if(typeof window[fn]==='function'){ try{ window[fn](); }catch(e){ console.error(fn,e); } }
   /* The auth portal loads its cached AP_SESSION synchronously. Initialise the
      Profile account/save panel afterwards so it renders that real session,

src/restree3d.js CHANGED Viewed

@@ -1,274 +1,333 @@
 /* ============================================================================
-   RESTREE3D — spatial 3D research tree
    ----------------------------------------------------------------------------
-   Replaces the flat research list in the Development screen with a navigable
-   CSS-3D tree: branches sit at different depths, nodes lift toward the viewer
-   as they become owned/affordable, and prerequisite lines are drawn behind
-   the node layer. No WebGL — the battlefield already owns that context, so
-   this uses `perspective` + `transform-style:preserve-3d` on plain DOM nodes
-   (the same technique #startScreen already uses for its parallax, see
-   ui.css). Everything here is display only: purchasing goes through the real
-   devHas/devAvail/devBuy in develop.js, never reimplemented.
-   Hook-in: takes over the global `renderDevelop` (same takeover pattern
-   src/audio.js uses for `sfx` — a function declaration is a reassignable
-   global binding). The takeover happens inside initResTree3D(), which
-   main.js calls once at boot, after develop.js has already declared the
-   original renderDevelop. On every call, the original still runs first
-   (so materials row + tabs + the craft/loadout tabs are untouched); if the
-   research tab is active, its flat-list output in #devBody is then replaced
-   with the 3D tree.
    ============================================================================ */
 (function(){
-  /* index.html already links this stylesheet; inject defensively in case a
-     stripped-down host page does not carry that tag. */
   if(!document.querySelector('link[href*="restree.css"]')){
     var lk=document.createElement('link');
     lk.rel='stylesheet'; lk.href='./src/styles/restree.css';
     document.head.appendChild(lk);
   }
-  /* ---- layout constants ----------------------------------------------------
-     Branch = row (Y) and base depth (Z). Tier within a branch = column (X).
-     DEVTREE lists each branch's 4 nodes in prerequisite-chain order already
-     (metallurgy->optics->servos->slot2, etc.), same as develop.js's own flat
-     loop, so array index within a branch IS the tier — no topo-sort needed. */
-  var BRS=['FABRICATION','DOCTRINE','XENOLOGY'];
-  var TIER_X=98, ROW_Y=132;
-  var BASE_Z={FABRICATION:36,DOCTRINE:-18,XENOLOGY:-84};
-  var LIFT={owned:26,afford:14,avail:0,locked:-16};
-  var SVG_W=420,SVG_H=400,SVG_CX=210,SVG_CY=200,SVG_ZBACK=-160;
-  /* Camera/gesture state lives outside the DOM so it survives every rebuild
-     (e.g. renderDevelop() re-running after a purchase). */
-  var RT={rx:-11,ry:-15,zoom:.92,panX:0,panY:0,sel:null,pts:new Map(),multi:false,lastTap:0};
-  var RX_MIN=-42,RX_MAX=14,RY_MIN=-72,RY_MAX=72,ZOOM_MIN=.55,ZOOM_MAX=1.9,PAN_MAX=130;
-  function clamp(v,a,b){ return v<a?a:(v>b?b:v); }
-  function is3D(){ return !(typeof META!=='undefined'&&META.settings&&META.settings.perf==='low'); }
-  function stateOf(n){
     if(devHas(n.id)) return 'owned';
     if(!devAvail(n)) return 'locked';
-    return ((META.researchData||0)>=n.data&&matHas(n.cost))?'afford':'avail';
   }
-  function blockerNames(n){
-    return n.req.filter(function(r){ return !devHas(r); })
-      .map(function(r){ var d=DEVTREE.find(function(x){ return x.id===r; }); return d?d.nm:r; });
   }
-  /* Every node's position + current state, computed fresh on every build so
-     a purchase (which changes devHas/devAvail) immediately reflows the tree. */
-  function layoutRows(){
-    var out=[];
-    BRS.forEach(function(br,bi){
-      var nodes=DEVTREE.filter(function(x){ return x.br===br; });
-      /* Doctrine carries a lateral active-ability leaf. Centre each row from
-         its real count so the fifth node stays inside the mobile stage. */
-      var step=Math.min(TIER_X,352/Math.max(1,nodes.length-1));
-      nodes.forEach(function(n,ti){
-        var st=stateOf(n);
-        out.push({
-          n:n, br:br, state:st,
-          x:(ti-(nodes.length-1)*.5)*step, y:(bi-1)*ROW_Y, z:BASE_Z[br]+LIFT[st]
         });
       });
     });
-    return out;
   }
-  function applyTransform(scene){
-    if(!scene) return;
-    if(!is3D()){ scene.style.transform='translate3d(0,0,0)'; return; }
-    scene.style.transform='translate('+RT.panX+'px,'+RT.panY+'px) scale('+RT.zoom+') '
-      +'rotateX('+RT.rx+'deg) rotateY('+RT.ry+'deg)';
   }
-  /* ---- detail panel ---------------------------------------------------------- */
-  function detailHtml(){
-    var n=RT.sel && DEVTREE.find(function(x){ return x.id===RT.sel; });
-    if(!n) return '<div class="rt3d-detail" id="rtDetail"></div>';
-    var st=stateOf(n);
-    var body='<button class="rt3d-detail-x" id="rtClose" type="button">✕</button>'
-      +'<div class="rt3d-detail-hd"><div class="rt-ic">'+itemArt(n.art||'res_'+n.id,'🔬',30)+'</div>'
-      +'<div><b>'+n.nm+'</b><span>'+n.ds+'</span></div></div>'
-      +'<div class="rt3d-detail-row"><div class="rt3d-detail-lbl">COST</div>'
-      +matCostStr(n.cost)+'<span class="costOne">◆ '+n.data+' DATA</span></div>';
-    if(n.req.length){
-      body+='<div class="rt3d-detail-row"><div class="rt3d-detail-lbl">PREREQUISITES</div><div class="rt3d-reqs">'
-        +n.req.map(function(r){
-          var rd=DEVTREE.find(function(x){ return x.id===r; });
-          var ok=devHas(r);
-          return '<span class="rt3d-reqChip '+(ok?'ok':'no')+'">'+(ok?'✓ ':'')+(rd?rd.nm:r)+'</span>';
-        }).join('')+'</div></div>';
     }
-    var label = st==='owned' ? '✓ RESEARCHED' : (st==='locked' ? '🔒 LOCKED' : 'RESEARCH');
-    var bcls = st==='owned' ? 'done' : (st==='afford' ? 'go' : '');
-    body+='<button class="rt3d-detail-buy '+bcls+'" id="rtBuy" type="button">'+label+'</button>';
-    return '<div class="rt3d-detail show" id="rtDetail">'+body+'</div>';
   }
-  function wireDetail(){
-    var x=document.getElementById('rtClose');
-    if(x) x.addEventListener('pointerdown',function(ev){ ev.stopPropagation(); closeDetail(); });
-    var b=document.getElementById('rtBuy');
-    if(b) b.addEventListener('pointerdown',function(ev){
-      ev.stopPropagation();
-      var n=RT.sel && DEVTREE.find(function(x){ return x.id===RT.sel; });
-      if(n) devBuy(n);   // real purchase rules live in develop.js — never duplicated here
-    });
   }
-  function refreshDetail(){
-    var host=document.getElementById('rtDetail'); if(!host) return;
-    host.outerHTML=detailHtml();
-    wireDetail();
-    var back=document.getElementById('rtBack'); if(back) back.classList.toggle('show',!!RT.sel);
-    document.querySelectorAll('.rt3d-node').forEach(function(el){
-      el.classList.toggle('sel', el.dataset.id===RT.sel);
-    });
   }
-  function openDetail(id){ RT.sel=id; refreshDetail(); }
-  function closeDetail(){ RT.sel=null; refreshDetail(); }
-  /* ---- gestures --------------------------------------------------------------
-     One finger drags the whole scene into rotation; two fingers pinch to zoom
-     and pan together (distance -> zoom, midpoint travel -> pan). A tap (short,
-     near-stationary) on a node opens its detail panel; a second tap within
-     ~330ms of the first (double-tap) also steps the zoom in/out. Everything is
-     Pointer Events so touch, mouse and pen all go through one path. */
-  function wireGestures(stage,scene){
-    function onDown(e){
-      try{ stage.setPointerCapture(e.pointerId); }catch(err){}
-      RT.pts.set(e.pointerId,{x:e.clientX,y:e.clientY,sx:e.clientX,sy:e.clientY,t:Date.now()});
-      if(RT.pts.size>=2){
-        RT.multi=true;
-        var arr=Array.from(RT.pts.values());
-        RT.pd=Math.hypot(arr[0].x-arr[1].x,arr[0].y-arr[1].y);
-        RT.pz=RT.zoom;
-        RT.pm={x:(arr[0].x+arr[1].x)/2,y:(arr[0].y+arr[1].y)/2};
-        RT.pb={x:RT.panX,y:RT.panY};
-      }
     }
-    function onMove(e){
-      var p=RT.pts.get(e.pointerId); if(!p) return;
-      var dx=e.clientX-p.x, dy=e.clientY-p.y;
-      p.x=e.clientX; p.y=e.clientY;
-      if(!is3D()) return;
-      if(RT.pts.size===1 && !RT.multi){
-        RT.ry=clamp(RT.ry+dx*0.35, RY_MIN,RY_MAX);
-        RT.rx=clamp(RT.rx-dy*0.35, RX_MIN,RX_MAX);
-        applyTransform(scene);
-      } else if(RT.pts.size===2){
-        var arr=Array.from(RT.pts.values());
-        var d=Math.hypot(arr[0].x-arr[1].x,arr[0].y-arr[1].y);
-        if(RT.pd>0) RT.zoom=clamp(RT.pz*(d/RT.pd), ZOOM_MIN,ZOOM_MAX);
-        var m={x:(arr[0].x+arr[1].x)/2,y:(arr[0].y+arr[1].y)/2};
-        RT.panX=clamp(RT.pb.x+(m.x-RT.pm.x), -PAN_MAX,PAN_MAX);
-        RT.panY=clamp(RT.pb.y+(m.y-RT.pm.y), -PAN_MAX,PAN_MAX);
-        applyTransform(scene);
-      }
     }
-    function onUp(e){
-      var p=RT.pts.get(e.pointerId);
-      RT.pts.delete(e.pointerId);
-      if(p){
-        var dt=Date.now()-p.t, dd=Math.hypot(p.x-p.sx,p.y-p.sy);
-        if(!RT.multi && dt<500 && dd<10){
-          var el=document.elementFromPoint(p.x,p.y);
-          var nodeEl=el && el.closest && el.closest('.rt3d-node');
-          var now=Date.now();
-          if(is3D() && now-RT.lastTap<330){
-            RT.zoom = RT.zoom<1.2 ? 1.5 : 0.92; applyTransform(scene);
-          }
-          RT.lastTap=now;
-          if(nodeEl) openDetail(nodeEl.dataset.id);
-        }
-      }
-      if(RT.pts.size===0) RT.multi=false;
     }
-    stage.addEventListener('pointerdown',onDown);
-    stage.addEventListener('pointermove',onMove);
-    stage.addEventListener('pointerup',onUp);
-    stage.addEventListener('pointercancel',onUp);
   }
-  /* ---- build -------------------------------------------------------------- */
-  function buildTree(){
-    var body=document.getElementById('devBody'); if(!body) return;
-    var rows=layoutRows();
-    var flat=!is3D();
-    var html='<div class="rt3d-wrap">'
-      +'<div class="rt3d-legend">'
-        +'<span><i class="own"></i>OWNED</span>'
-        +'<span><i class="aff"></i>READY</span>'
-        +'<span><i class="ava"></i>NEED MORE</span>'
-        +'<span><i class="lok"></i>LOCKED</span>'
-      +'</div>'
-      +'<div class="rt3d-stage'+(flat?' flat':'')+'" id="rtStage">'
-      +(flat?'':'<button class="rt3d-reset" id="rtReset" type="button">⟲</button>')
-      +'<div class="rt3d-scene" id="rtScene">'
-      +'<svg class="rt3d-links" width="'+SVG_W+'" height="'+SVG_H+'" '
-        +'style="transform:translate3d('+(-SVG_CX)+'px,'+(-SVG_CY)+'px,'+SVG_ZBACK+'px)">';
-    rows.forEach(function(row){
       row.n.req.forEach(function(rid){
-        var pr=rows.find(function(x){ return x.n.id===rid; }); if(!pr) return;
-        var cls = devHas(row.n.id) ? 'on' : (devHas(rid) ? 'next' : 'off');
-        html+='<line x1="'+(SVG_CX+pr.x)+'" y1="'+(SVG_CY+pr.y)+'" '
-          +'x2="'+(SVG_CX+row.x)+'" y2="'+(SVG_CY+row.y)+'" class="'+cls+'"></line>';
       });
     });
-    html+='</svg>';
-    rows.forEach(function(row){
-      var n=row.n, st=row.state;
-      var badge = st==='owned'?'✓':st==='afford'?'⚡':st==='avail'?'⏳':'🔒';
-      var sub = st==='owned' ? 'RESEARCHED'
-        : st==='locked' ? ('NEEDS '+blockerNames(n).join(', '))
-        : ('◆ '+n.data+' DATA');
-      html+='<div class="rt3d-node '+st+(RT.sel===n.id?' sel':'')+'" data-id="'+n.id+'" '
-        +'style="transform:translate3d('+row.x+'px,'+row.y+'px,'+row.z+'px)">'
-        +'<div class="rt-badge">'+badge+'</div>'
-        +'<div class="rt-ic">'+itemArt(n.art||'res_'+n.id,'🔬',20)+'</div>'
-        +'<span class="rt-nm">'+n.nm+'</span>'
-        +'<span class="rt-sub">'+sub+'</span></div>';
     });
-    html+='</div>'   /* scene */
-      +'<div class="rt3d-back'+(RT.sel?' show':'')+'" id="rtBack"></div>'
-      +detailHtml()
-      +'</div>'       /* stage */
-      +'<div class="rt3d-hint">'
-      +(flat?'TAP A NODE FOR DETAILS':'DRAG TO ROTATE · TWO FINGERS TO PAN / PINCH TO ZOOM · TAP A NODE')
-      +'</div></div>'; /* wrap */
-    body.innerHTML=html;
-    var back=document.getElementById('rtBack');
-    var stage=document.getElementById('rtStage'), scene=document.getElementById('rtScene');
-    applyTransform(scene);
-    wireGestures(stage,scene);
-    wireDetail();
-    if(back) back.addEventListener('pointerdown',function(){ closeDetail(); });
-    var reset=document.getElementById('rtReset');
-    if(reset) reset.addEventListener('pointerdown',function(ev){
-      ev.stopPropagation();
-      RT.rx=-11; RT.ry=-15; RT.zoom=.92; RT.panX=0; RT.panY=0;
-      applyTransform(scene); if(typeof sfx==='function') sfx('ui');
-    });
   }
-  /* ---- hook-in -------------------------------------------------------------- */
   function initResTree3D(){
-    if(typeof renderDevelop!=='function' || typeof DEVTREE==='undefined') return;
     var flatRender=renderDevelop;
     renderDevelop=function(){
       flatRender();
-      /* The spatial overview remains available on roomy landscape displays.
-         Portrait phones use develop.js's branch cards: readable text and exact
-         deficits beat tiny nodes in the app's locked orientation. */
-      var roomy=window.matchMedia&&window.matchMedia('(min-width: 700px) and (orientation: landscape)').matches;
-      if(typeof devTab!=='undefined' && devTab==='research' && roomy) buildTree();
     };
   }

 /* ============================================================================
+   RESEARCH NETWORK — touch-first prerequisite graph
    ----------------------------------------------------------------------------
+   develop.js remains the authority for research data, costs, availability and
+   effects. This module only takes over the RESEARCH presentation after the
+   normal Development renderer has populated materials and tabs. Keeping the
+   purchase call routed through devBuy() prevents the visual tree from becoming
+   a second, subtly different progression system.
+   The old spatial view only ran above 700 px in landscape, which meant the
+   game's actual phone orientation silently fell back to the original list.
+   This graph is deliberately 2D and scrollable: prerequisite direction stays
+   readable under a thumb, cross-branch links are real SVG paths, and every
+   node remains at least 52 px tall on a 320 px-wide device.
    ============================================================================ */
 (function(){
   if(!document.querySelector('link[href*="restree.css"]')){
     var lk=document.createElement('link');
     lk.rel='stylesheet'; lk.href='./src/styles/restree.css';
     document.head.appendChild(lk);
   }
+  var RT_BRANCHES=['FABRICATION','DOCTRINE','XENOLOGY'];
+  var RT_QUEUE_SLOTS=5;
+  var RT_NODE_W=126,RT_NODE_H=76,RT_COL=154,RT_GAP_Y=94;
+  var RT={sel:null,scrollX:0,scrollY:0,branch:'FABRICATION',renderCount:0};
+  function rtEsc(s){
+    return String(s==null?'':s).replace(/[&<>"']/g,function(c){
+      return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c];
+    });
+  }
+  function rtNode(id){ return DEVTREE.find(function(n){ return n.id===id; }); }
+  function rtState(n){
     if(devHas(n.id)) return 'owned';
     if(!devAvail(n)) return 'locked';
+    return ((META.researchData||0)>=n.data&&matHas(n.cost))?'ready':'funding';
   }
+  function rtDepth(n,memo,stack){
+    if(memo[n.id]!=null) return memo[n.id];
+    if(stack[n.id]) return 0;
+    stack[n.id]=1;
+    var d=0;
+    n.req.forEach(function(id){ var p=rtNode(id); if(p) d=Math.max(d,rtDepth(p,memo,stack)+1); });
+    delete stack[n.id]; memo[n.id]=d; return d;
   }
+  function rtLayout(){
+    var memo={},rows=[],bands=[],top=18,maxDepth=0;
+    RT_BRANCHES.forEach(function(br){
+      var nodes=DEVTREE.filter(function(n){ return n.br===br; });
+      var layers={};
+      nodes.forEach(function(n){
+        var d=rtDepth(n,memo,{}); maxDepth=Math.max(maxDepth,d);
+        (layers[d]||(layers[d]=[])).push(n);
+      });
+      var stackMax=1;
+      Object.keys(layers).forEach(function(d){ stackMax=Math.max(stackMax,layers[d].length); });
+      var bandH=Math.max(144,58+stackMax*RT_GAP_Y);
+      var center=top+50+(bandH-62)*.5;
+      Object.keys(layers).forEach(function(k){
+        var d=+k,list=layers[k];
+        list.forEach(function(n,i){
+          rows.push({n:n,state:rtState(n),depth:d,
+            x:84+d*RT_COL,y:center+(i-(list.length-1)*.5)*RT_GAP_Y});
         });
       });
+      bands.push({br:br,top:top,height:bandH});
+      top+=bandH+14;
     });
+    return {nodes:rows,bands:bands,width:188+maxDepth*RT_COL,height:top+8};
   }
+  function rtQueue(save){
+    var before=Array.isArray(META.resQueue)?META.resQueue.slice():[];
+    var seen={};
+    var clean=before.filter(function(id){
+      if(seen[id]||!rtNode(id)||devHas(id)) return false;
+      seen[id]=1; return true;
+    }).slice(0,RT_QUEUE_SLOTS);
+    META.resQueue=clean;
+    if(save&&before.join('|')!==clean.join('|')&&typeof metaSave==='function') metaSave();
+    return clean;
   }
+  function rtQueuePath(id){
+    var out=[],seen={};
+    function walk(n){
+      if(!n||seen[n.id]||devHas(n.id)) return;
+      seen[n.id]=1;
+      n.req.forEach(function(r){ walk(rtNode(r)); });
+      out.push(n.id);
     }
+    walk(rtNode(id)); return out;
   }
+  function rtQueueAdd(id,path){
+    var n=rtNode(id); if(!n||devHas(id)) return;
+    var q=rtQueue(false).slice();
+    var add=path?rtQueuePath(id):[id];
+    add.forEach(function(x){ if(q.indexOf(x)<0&&q.length<RT_QUEUE_SLOTS) q.push(x); });
+    META.resQueue=q;
+    if(typeof metaSave==='function') metaSave();
+    if(add.some(function(x){ return q.indexOf(x)<0; })&&typeof toast==='function')
+      toast('Research queue is full — '+RT_QUEUE_SLOTS+' priorities maximum');
+    if(typeof sfx==='function') sfx('ui');
+    buildTree();
   }
+  function rtQueueRemove(at){
+    var q=rtQueue(false); if(at<0||at>=q.length) return;
+    q.splice(at,1); META.resQueue=q;
+    if(typeof metaSave==='function') metaSave();
+    if(typeof sfx==='function') sfx('ui');
+    buildTree();
+  }
+  function rtBuy(n){
+    if(!n) return;
+    var had=devHas(n.id);
+    devBuy(n);
+    if(!had&&devHas(n.id)){
+      META.resQueue=rtQueue(false).filter(function(id){ return id!==n.id; });
+      if(typeof metaSave==='function') metaSave();
+      /* devBuy redraws before control returns to us. Redraw once more after
+         queue cleanup so the first slot cannot keep showing a purchased node. */
+      buildTree();
+    }
   }
+  function rtCostHtml(n){
+    var b=matBag();
+    var h='<div class="rt3d-costGrid">';
+    Object.keys(n.cost).forEach(function(k){
+      var have=Math.floor(b[k]||0),need=n.cost[k],ok=have>=need;
+      h+='<div class="rt3d-cost '+(ok?'ok':'need')+'">'
+        +itemArt('mat_'+k,MATS[k].em,18)+'<span>'+rtEsc(MATS[k].nm)+'</span>'
+        +'<b>'+have+' / '+need+'</b></div>';
+    });
+    var dh=Math.floor(META.researchData||0),dok=dh>=n.data;
+    h+='<div class="rt3d-cost data '+(dok?'ok':'need')+'"><i>◆</i><span>Research Data</span>'
+      +'<b>'+dh+' / '+n.data+'</b></div></div>';
+    return h;
+  }
+  function rtDetailHtml(){
+    var n=RT.sel&&rtNode(RT.sel);
+    if(!n){
+      return '<section class="rt3d-detail empty" id="rtDetail" data-test="research-detail">'
+        +'<div class="rt3d-emptyIcon">⌬</div><div><b>SELECT A RESEARCH NODE</b>'
+        +'<span>Inspect its unlock, resource cost, and prerequisite path.</span></div></section>';
     }
+    var st=rtState(n),q=rtQueue(false),queued=q.indexOf(n.id)>=0;
+    var missing=n.req.filter(function(id){ return !devHas(id); });
+    var stateText={owned:'RESEARCHED',ready:'READY TO RESEARCH',funding:'RESOURCES REQUIRED',locked:'PREREQUISITES LOCKED'}[st];
+    var h='<section class="rt3d-detail '+st+'" id="rtDetail" data-test="research-detail" data-node="'+rtEsc(n.id)+'">'
+      +'<button class="rt3d-detailClose" id="rtDetailClose" type="button" aria-label="Close research details">×</button>'
+      +'<header><div class="rt3d-detailArt">'+itemArt(n.art||'res_'+n.id,'⌬',46)+'</div>'
+      +'<div><small>'+rtEsc(n.br)+' · TIER '+(rtDepth(n,{},{} )+1)+'</small><b>'+rtEsc(n.nm)+'</b>'
+      +'<span>'+rtEsc(n.ds)+'</span></div><em>'+stateText+'</em></header>';
+    if(n.req.length){
+      h+='<div class="rt3d-detailLabel">PREREQUISITES</div><div class="rt3d-prereqs">'
+        +n.req.map(function(id){
+          var p=rtNode(id),ok=devHas(id);
+          return '<button type="button" data-prereq="'+rtEsc(id)+'" class="'+(ok?'ok':'locked')+'">'
+            +(ok?'✓ ':'🔒 ')+rtEsc(p?p.nm:id)+'</button>';
+        }).join('')+'</div>';
     }
+    h+='<div class="rt3d-detailLabel">RESEARCH COST</div>'+rtCostHtml(n)+'<div class="rt3d-detailActions">';
+    if(st==='owned'){
+      h+='<button class="rt3d-primary done" type="button" disabled>✓ RESEARCH COMPLETE</button>';
+    }else if(st==='ready'){
+      h+='<button class="rt3d-primary" id="rtResearchNow" type="button">RESEARCH NOW</button>';
+    }else{
+      h+='<button class="rt3d-primary locked" type="button" disabled>'
+        +(st==='locked'?'COMPLETE '+missing.length+' PREREQUISITE'+(missing.length===1?'':'S'):'GATHER REQUIRED RESOURCES')+'</button>';
+    }
+    if(st!=='owned'){
+      h+='<button class="rt3d-secondary" id="rtQueueToggle" type="button">'
+        +(queued?'REMOVE FROM QUEUE':'ADD TO QUEUE')+'</button>';
+      if(st==='locked') h+='<button class="rt3d-secondary path" id="rtQueuePath" type="button">QUEUE PREREQUISITE PATH</button>';
     }
+    return h+'</div></section>';
   }
+  function rtQueueHtml(){
+    var q=rtQueue(true),next=q.length?rtNode(q[0]):null;
+    var h='<section class="rt3d-queue" data-test="research-queue"><header><div><b>RESEARCH QUEUE</b>'
+      +'<span>Plan the next unlocks without spending resources</span></div><strong>'+q.length+'/'+RT_QUEUE_SLOTS+'</strong></header>'
+      +'<div class="rt3d-qslots">';
+    for(var i=0;i<RT_QUEUE_SLOTS;i++){
+      var n=i<q.length?rtNode(q[i]):null;
+      if(n){
+        h+='<div class="rt3d-qslot filled '+rtState(n)+'" data-queue-slot="'+i+'">'
+          +'<button class="rt3d-qinspect" type="button" data-qid="'+rtEsc(n.id)+'" aria-label="Inspect '+rtEsc(n.nm)+'">'
+          +'<small>'+(i+1)+'</small>'+itemArt(n.art||'res_'+n.id,'⌬',24)+'<span>'+rtEsc(n.nm)+'</span></button>'
+          +'<button class="rt3d-qremove" type="button" data-qremove="'+i+'" aria-label="Remove '+rtEsc(n.nm)+' from queue">×</button></div>';
+      }else{
+        h+='<div class="rt3d-qslot empty" data-queue-slot="'+i+'"><small>'+(i+1)+'</small><span>EMPTY</span></div>';
+      }
+    }
+    h+='</div>';
+    if(next){
+      var st=rtState(next);
+      h+='<button class="rt3d-next '+(st==='ready'?'ready':'')+'" id="rtResearchNext" type="button" '
+        +(st==='ready'?'':'disabled')+'>'+(st==='ready'?'RESEARCH NEXT · '+rtEsc(next.nm):'NEXT · '+rtEsc(next.nm)+' · '+(st==='locked'?'LOCKED':'NEEDS RESOURCES'))+'</button>';
+    }
+    return h+'</section>';
+  }
+  function rtGraphHtml(layout){
+    var done=DEVTREE.filter(function(n){ return devHas(n.id); }).length;
+    var ready=DEVTREE.filter(function(n){ return rtState(n)==='ready'; }).length;
+    var h='<div class="rt3d-summary"><div><small>RESEARCH NETWORK</small><b>'+done+' / '+DEVTREE.length+' NODES</b></div>'
+      +'<div class="rt3d-summaryStats"><span><i class="ready"></i>'+ready+' READY</span><span>◆ '+Math.floor(META.researchData||0)+' DATA</span></div></div>'
+      +rtQueueHtml()
+      +'<nav class="rt3d-branchNav" aria-label="Research branches">'
+      +RT_BRANCHES.map(function(br){
+        var ns=DEVTREE.filter(function(n){ return n.br===br; });
+        var count=ns.filter(function(n){ return devHas(n.id); }).length;
+        return '<button type="button" data-rtbranch="'+br+'" class="'+(RT.branch===br?'on':'')+'">'
+          +'<span>'+({FABRICATION:'⚙',DOCTRINE:'⌖',XENOLOGY:'◈'}[br])+'</span>'+br+'<small>'+count+'/'+ns.length+'</small></button>';
+      }).join('')+'</nav>'
+      +'<div class="rt3d-stage" id="rtStage" data-test="research-graph" tabindex="0" aria-label="Scrollable research prerequisite graph">'
+      +'<div class="rt3d-world" id="rtWorld" style="width:'+layout.width+'px;height:'+layout.height+'px">';
+    layout.bands.forEach(function(b){
+      h+='<div class="rt3d-band '+b.br.toLowerCase()+'" data-band="'+b.br+'" style="top:'+b.top+'px;height:'+b.height+'px">'
+        +'<span>'+({FABRICATION:'⚙ FABRICATION',DOCTRINE:'⌖ DOCTRINE',XENOLOGY:'◈ XENOLOGY'}[b.br])+'</span></div>';
+    });
+    h+='<svg class="rt3d-links" width="'+layout.width+'" height="'+layout.height+'" viewBox="0 0 '+layout.width+' '+layout.height+'" aria-hidden="true">';
+    layout.nodes.forEach(function(row){
       row.n.req.forEach(function(rid){
+        var pr=layout.nodes.find(function(x){ return x.n.id===rid; }); if(!pr) return;
+        var x1=pr.x+RT_NODE_W*.5,y1=pr.y,x2=row.x-RT_NODE_W*.5,y2=row.y;
+        var bend=Math.max(28,(x2-x1)*.48);
+        var cls=(devHas(row.n.id)?'owned':devHas(rid)?'open':'locked')
+          +(RT.sel===rid||RT.sel===row.n.id?' focus':'');
+        h+='<path data-from="'+rtEsc(rid)+'" data-to="'+rtEsc(row.n.id)+'" class="'+cls+'" d="M '+x1+' '+y1+' C '+(x1+bend)+' '+y1+', '+(x2-bend)+' '+y2+', '+x2+' '+y2+'"></path>';
       });
     });
+    h+='</svg>';
+    layout.nodes.forEach(function(row){
+      var n=row.n,st=row.state,missing=n.req.filter(function(id){ return !devHas(id); });
+      var sub=st==='owned'?'RESEARCHED':st==='ready'?'READY':st==='funding'?'NEEDS RESOURCES':'NEEDS '+missing.length;
+      h+='<button type="button" class="rt3d-node '+st+(RT.sel===n.id?' selected':'')+'" data-research-id="'+rtEsc(n.id)+'" '
+        +'data-state="'+st+'" data-prerequisites="'+rtEsc(n.req.join(','))+'" '
+        +'style="left:'+(row.x-RT_NODE_W*.5)+'px;top:'+(row.y-RT_NODE_H*.5)+'px" aria-label="'+rtEsc(n.nm)+', '+sub+'">'
+        +'<span class="rt3d-tier">T'+(row.depth+1)+'</span><span class="rt3d-nodeArt">'+itemArt(n.art||'res_'+n.id,'⌬',30)+'</span>'
+        +'<b>'+rtEsc(n.nm)+'</b><small>'+sub+'</small></button>';
+    });
+    return h+'</div></div>'+rtDetailHtml();
+  }
+  function rtWire(){
+    var stage=document.getElementById('rtStage');
+    if(stage){
+      requestAnimationFrame(function(){ stage.scrollLeft=RT.scrollX; stage.scrollTop=RT.scrollY; });
+      stage.addEventListener('scroll',function(){ RT.scrollX=stage.scrollLeft; RT.scrollY=stage.scrollTop; },{passive:true});
+    }
+    document.querySelectorAll('[data-research-id]').forEach(function(el){
+      if(typeof mfBindTap==='function') mfBindTap(el,function(ev){ ev.stopPropagation(); rtSelect(el.dataset.researchId); });
+      else el.addEventListener('click',function(){ rtSelect(el.dataset.researchId); });
+    });
+    document.querySelectorAll('[data-rtbranch]').forEach(function(el){
+      el.addEventListener('click',function(){
+        RT.branch=el.dataset.rtbranch;
+        document.querySelectorAll('[data-rtbranch]').forEach(function(x){ x.classList.toggle('on',x===el); });
+        var band=document.querySelector('[data-band="'+RT.branch+'"]');
+        if(stage&&band){ RT.scrollY=Math.max(0,parseFloat(band.style.top)-8); stage.scrollTo({top:RT.scrollY,behavior:'smooth'}); }
+        if(typeof sfx==='function') sfx('ui');
+      });
     });
+    rtWireDetail();
+    document.querySelectorAll('[data-qid]').forEach(function(el){ el.addEventListener('click',function(){ rtSelect(el.dataset.qid); }); });
+    document.querySelectorAll('[data-qremove]').forEach(function(el){ el.addEventListener('click',function(ev){ ev.stopPropagation(); rtQueueRemove(+el.dataset.qremove); }); });
+    var next=document.getElementById('rtResearchNext');
+    if(next) next.addEventListener('click',function(){ var q=rtQueue(false),n=q.length&&rtNode(q[0]); if(n) rtBuy(n); });
+  }
+  function rtWireDetail(){
+    var close=document.getElementById('rtDetailClose');
+    if(close) close.addEventListener('click',function(){ RT.sel=null; buildTree(); });
+    document.querySelectorAll('[data-prereq]').forEach(function(el){ el.addEventListener('click',function(){ rtSelect(el.dataset.prereq); }); });
+    var buy=document.getElementById('rtResearchNow');
+    if(buy) buy.addEventListener('click',function(){ rtBuy(rtNode(RT.sel)); });
+    var toggle=document.getElementById('rtQueueToggle');
+    if(toggle) toggle.addEventListener('click',function(){
+      var q=rtQueue(false),at=q.indexOf(RT.sel);
+      if(at>=0) rtQueueRemove(at); else rtQueueAdd(RT.sel,false);
+    });
+    var path=document.getElementById('rtQueuePath');
+    if(path) path.addEventListener('click',function(){ rtQueueAdd(RT.sel,true); });
+  }
+  function rtSelect(id){
+    if(!rtNode(id)) return;
+    RT.sel=id;
+    document.querySelectorAll('[data-research-id]').forEach(function(el){ el.classList.toggle('selected',el.dataset.researchId===id); });
+    document.querySelectorAll('.rt3d-links path').forEach(function(p){ p.classList.toggle('focus',p.dataset.from===id||p.dataset.to===id); });
+    var detail=document.getElementById('rtDetail');
+    if(detail){ detail.outerHTML=rtDetailHtml(); rtWireDetail(); }
+    if(typeof sfx==='function') sfx('ui');
+  }
+  function buildTree(){
+    var body=document.getElementById('devBody'); if(!body) return;
+    var layout=rtLayout();
+    if(RT.sel&&!rtNode(RT.sel)) RT.sel=null;
+    body.innerHTML='<div class="rt3d-wrap" data-test="research-tree">'+rtGraphHtml(layout)+'</div>';
+    RT.renderCount++;
+    rtWire();
+  }
+  function rtSnapshot(){
+    var layout=rtLayout(),edges=0;
+    DEVTREE.forEach(function(n){ edges+=n.req.length; });
+    return {
+      version:'2.0',nodeCount:DEVTREE.length,edgeCount:edges,
+      renderedNodes:document.querySelectorAll('[data-research-id]').length,
+      renderedEdges:document.querySelectorAll('.rt3d-links path').length,
+      branches:RT_BRANCHES.slice(),queueSlots:RT_QUEUE_SLOTS,queue:rtQueue(false).slice(),
+      selected:RT.sel,renderCount:RT.renderCount,width:layout.width,height:layout.height,
+      states:DEVTREE.reduce(function(o,n){ o[n.id]=rtState(n); return o; },{})
+    };
   }
   function initResTree3D(){
+    if(typeof renderDevelop!=='function'||typeof DEVTREE==='undefined') return;
     var flatRender=renderDevelop;
     renderDevelop=function(){
       flatRender();
+      if(typeof devTab!=='undefined'&&devTab==='research') buildTree();
+    };
+    window.__MF_RESEARCH_TREE__={
+      version:'2.0',build:buildTree,snapshot:rtSnapshot,select:rtSelect,
+      queueAdd:function(id){ rtQueueAdd(id,false); },queuePath:function(id){ rtQueueAdd(id,true); },
+      queueRemove:rtQueueRemove,clearQueue:function(){ META.resQueue=[]; if(typeof metaSave==='function') metaSave(); buildTree(); },
+      layout:function(){ return rtLayout(); }
     };
   }

src/storeui.js CHANGED Viewed

@@ -9,8 +9,10 @@
    pattern src/audio.js uses for sfx — and rebuilds it as tabbed categories,
    sorted cheapest-first, with the concrete before/after numbers spelled out.
-   Purchase rules and costs are untouched: this is presentation only. STORE,
-   COLORS, META.owned and META.cores all still come from src/game/meta.js.
    ============================================================================ */
 /* ---- category map ---------------------------------------------------------
@@ -21,11 +23,12 @@ const ARM_CATS=[
   {id:'operations', em:'💰', nm:'OPERATIONS',  ds:'Permanent economy and recovery advantages.', items:['cache','trade','salvage','droppod','reactor']},
   {id:'battlefield',em:'⚔',  nm:'BATTLEFIELD', ds:'Permanent combat and fortification improvements.', items:['targeting','armor','bastion']},
   {id:'commander',  em:'★',  nm:'COMMANDER',   ds:'Commander growth, abilities, and cooldowns.', items:['neural','capacitor','orbital']},
-  {id:'gear',       em:'⬢',  nm:'GEAR',        ds:'Persistent mission gear. Equip one item in each slot.', items:[]},
-  {id:'consumables',em:'▰',  nm:'SUPPLIES',    ds:'Stackable supplies. Ready up to two for the next mission.', items:[]},
   {id:'identity',   em:'🎨', nm:'IDENTITY',    ds:'Visual identity only — no combat advantage.', items:[]},
 ];
 let armTab='operations';
 /* ---- concrete effect text -------------------------------------------------
    applyMetaPerks() in meta.js applies every one of these as a flat multiple
@@ -93,8 +96,8 @@ function armBodyHTML(){
   const cat=ARM_CATS.find(c=>c.id===armTab)||ARM_CATS[0];
   const intro='<div class="armCatIntro"><b>'+cat.nm+'</b><span>'+cat.ds+'</span></div>';
   if(cat.id==='identity') return intro+armColorsHTML();
-  if(cat.id==='gear') return intro+invGearHTML();
-  if(cat.id==='consumables') return intro+invConsumableHTML();
   const items=cat.items.map(id=>STORE.find(s=>s.id===id)).filter(Boolean)
     .sort((a,b)=>a.cost[0]-b.cost[0]);          // cheap-first = early-buy-first
   if(!items.length) return '<div class="devNone">Nothing in this category yet.</div>';
@@ -104,31 +107,157 @@ function invRarityLegend(){
   return '<div class="invLegend">'+INV_RARITIES.map(r=>
     '<span style="--rar:'+r.col+'"><i></i>'+r.nm+'</span>').join('')+'</div>';
 }
-function invGearHTML(){
-  const b=invBag(), rank=Object.fromEntries(INV_RARITIES.map((r,i)=>[r.id,i]));
-  const gear=[...INV_GEAR].sort((a,z)=>{
-    const ao=(b.gear[a.id]||0)>0?0:1,zo=(b.gear[z.id]||0)>0?0:1;
-    return ao-zo||rank[z.rarity]-rank[a.rarity]||a.slot.localeCompare(z.slot);
-  });
-  return invRarityLegend()+'<div class="invSlotStrip">'+['weapon','armor','utility'].map(s=>{
-    const g=INV_GEAR.find(x=>x.id===b.equipped[s]);
-    return '<div><span>'+s.toUpperCase()+'</span><b>'+(g?g.nm:'EMPTY')+'</b></div>';
-  }).join('')+'</div>'+gear.map(g=>{
-    const n=b.gear[g.id]||0, on=b.equipped[g.slot]===g.id, r=invRarity(g.rarity);
-    return '<div class="invItem invGear'+(on?' equipped':'')+(n?'':' locked')+'" data-gear="'+g.id+'" data-owned="'+(n?1:0)+'" style="--rar:'+r.col+'">'
-      +'<div class="invEm">'+g.em+'</div><div class="invTx"><i>'+r.nm+' · '+g.slot.toUpperCase()+'</i><b>'+g.nm+(n>1?' ×'+n:'')+'</b><span>'+g.ds+'</span></div>'
-      +'<div class="invAct">'+(n?(on?'EQUIPPED':'EQUIP'):'UNDISCOVERED')+'</div></div>';
-  }).join('');
 }
-function invConsumableHTML(){
   const b=invBag();
-  return invRarityLegend()+'<div class="invReadyNote">READY '+b.ready.length+' / 2 · consumed when the next mission is launched</div>'
-    +INV_CONSUMABLES.map(c=>{
-      const n=b.consumables[c.id]||0, on=b.ready.indexOf(c.id)>=0, r=invRarity(c.rarity);
-      return '<div class="invItem invCons'+(on?' equipped':'')+(n?'':' locked')+'" data-cons="'+c.id+'" data-owned="'+(n?1:0)+'" style="--rar:'+r.col+'">'
-        +'<div class="invEm">'+c.em+'</div><div class="invTx"><i>'+r.nm+' · CONSUMABLE</i><b>'+c.nm+'</b><span>'+c.ds+'</span></div>'
-        +'<div class="invAct">'+(n?(on?'READY':'×'+n):'EMPTY')+'</div></div>';
-    }).join('');
 }
 function armColorsHTML(){
   let h='<div class="sHead">COMMANDER COLORS</div><div id="colorRow">';
@@ -147,14 +276,13 @@ function armTabsHTML(){
   return '<div class="armTabWrap"><div class="tabRow" id="armTabs">'
     +ARM_CATS.map(c=>{
       const bag=invBag();
-      const done=c.id==='gear'?INV_GEAR.filter(g=>(bag.gear[g.id]||0)>0).length
-        :c.id==='consumables'?Object.values(bag.consumables).reduce((a,n)=>a+(n|0),0)
         :c.id==='identity'?0:c.items.filter(id=>{ const it=STORE.find(s=>s.id===id); return it&&(META.owned[it.id]||0)>=it.max; }).length;
-      const tot=c.items.length;
       return '<button class="tabBtn'+(armTab===c.id?' on':'')+'" data-k="'+c.id+'">'
-        +'<span class="tEm">'+c.em+'</span>'+c.nm+(c.id==='gear'?' <span class="tabCt">'+done+'/'+INV_GEAR.length+'</span>'
-          :c.id==='consumables'?' <span class="tabCt">×'+done+'</span>'
-          :tot?' <span class="tabCt">'+done+'/'+tot+'</span>':'')+'</button>';
     }).join('')
     +'</div><div class="armTabHint">SWIPE CATEGORIES →</div></div>';
 }
@@ -192,24 +320,59 @@ renderArmory=function(){
   list.querySelectorAll('.tabBtn').forEach(btn=>{
     mfBindTap(btn,ev=>{
       ev.stopPropagation();
-      armTab=btn.dataset.k; sfx('ui'); renderArmory();
     });
   });
-  list.querySelectorAll('.invGear[data-owned="1"]').forEach(el=>{
     mfBindTap(el,ev=>{
       ev.stopPropagation();
-      const g=INV_GEAR.find(x=>x.id===el.dataset.gear);
-      if(g&&invEquipGear(g.id)){ sfx('ui'); toast((invBag().equipped[g.slot]===g.id?'Equipped ':'Unequipped ')+g.nm); renderArmory(); }
     });
   });
-  list.querySelectorAll('.invCons[data-owned="1"]').forEach(el=>{
     mfBindTap(el,ev=>{
       ev.stopPropagation();
-      const c=INV_CONSUMABLES.find(x=>x.id===el.dataset.cons);
-      if(c&&invReadyConsumable(c.id)){ sfx('ui'); renderArmory(); }
     });
   });
   list.querySelectorAll('.armIt').forEach(el=>{
     el.addEventListener('pointerdown',()=>{

    pattern src/audio.js uses for sfx — and rebuilds it as tabbed categories,
    sorted cheapest-first, with the concrete before/after numbers spelled out.
+   Purchase rules and costs are untouched. The inventory half deliberately
+   keeps the legacy META.inventory shape from src/game/meta.js: the Account
+   Armory is the storage layer, while equipped/ready remain the five-slot
+   Session Loadout consumed by the existing match-start code.
    ============================================================================ */
 /* ---- category map ---------------------------------------------------------
   {id:'operations', em:'💰', nm:'OPERATIONS',  ds:'Permanent economy and recovery advantages.', items:['cache','trade','salvage','droppod','reactor']},
   {id:'battlefield',em:'⚔',  nm:'BATTLEFIELD', ds:'Permanent combat and fortification improvements.', items:['targeting','armor','bastion']},
   {id:'commander',  em:'★',  nm:'COMMANDER',   ds:'Commander growth, abilities, and cooldowns.', items:['neural','capacitor','orbital']},
+  {id:'inventory',  em:'▦',  nm:'ARMORY',      ds:'Account storage for every recovered gear item and mission supply.', items:[]},
+  {id:'loadout',    em:'⬢',  nm:'LOADOUT',     ds:'Five limited deployment slots: three gear categories and two supplies.', items:[]},
   {id:'identity',   em:'🎨', nm:'IDENTITY',    ds:'Visual identity only — no combat advantage.', items:[]},
 ];
 let armTab='operations';
+let armInvFilter='all',armInvSelectedKind='',armInvSelectedId='';
 /* ---- concrete effect text -------------------------------------------------
    applyMetaPerks() in meta.js applies every one of these as a flat multiple
   const cat=ARM_CATS.find(c=>c.id===armTab)||ARM_CATS[0];
   const intro='<div class="armCatIntro"><b>'+cat.nm+'</b><span>'+cat.ds+'</span></div>';
   if(cat.id==='identity') return intro+armColorsHTML();
+  if(cat.id==='inventory') return intro+armInventoryHTML();
+  if(cat.id==='loadout') return intro+armSessionLoadoutHTML();
   const items=cat.items.map(id=>STORE.find(s=>s.id===id)).filter(Boolean)
     .sort((a,b)=>a.cost[0]-b.cost[0]);          // cheap-first = early-buy-first
   if(!items.length) return '<div class="devNone">Nothing in this category yet.</div>';
   return '<div class="invLegend">'+INV_RARITIES.map(r=>
     '<span style="--rar:'+r.col+'"><i></i>'+r.nm+'</span>').join('')+'</div>';
 }
+/* ---- two-layer inventory --------------------------------------------------
+   Account storage and a match loadout are deliberately different views of the
+   SAME legacy save fields. No migration or second source of truth: gear/counts
+   remain in inventory.gear / inventory.consumables, and the five slots remain
+   equipped.{weapon,armor,utility} plus ready[0..1]. */
+const ARM_INV_FILTERS=[
+  {id:'all',nm:'ALL'}, {id:'weapon',nm:'WEAPONS'}, {id:'armor',nm:'ARMOR'},
+  {id:'utility',nm:'UTILITY'}, {id:'supply',nm:'SUPPLIES'},
+];
+const ARM_INV_ART={
+  w_rangefinder:'mod_optic',w_pulseoptic:'res_optics',w_gaussdir:'st_targeting',w_voidlens:'mod_range',w_relicscope:'res_relictech',
+  a_fieldplate:'mod_plate',a_reinforced:'st_armor',a_phaseweave:'res_metallurgy',a_aegis:'st_bastion',a_starforged:'res_slot3',
+  u_toolkit:'mod_tempo',u_fluxcell:'mod_core',u_salvage:'mod_recl',u_chronorig:'st_capacitor',u_commandcore:'res_ability',
+  c_supply:'st_cache',c_power:'bst_energy',c_nanites:'bst_build',c_overdrive:'st_targeting',c_command:'res_slot3',
+};
+const ARM_INV_EFFECTS={
+  w_rangefinder:{stat:'UNIT DAMAGE',value:'+3%',score:3}, w_pulseoptic:{stat:'UNIT DAMAGE',value:'+5%',score:5},
+  w_gaussdir:{stat:'UNIT DAMAGE',value:'+8%',score:8}, w_voidlens:{stat:'UNIT DAMAGE',value:'+12%',score:12},
+  w_relicscope:{stat:'UNIT DAMAGE',value:'+16%',score:16},
+  a_fieldplate:{stat:'UNIT HEALTH',value:'+3%',score:3}, a_reinforced:{stat:'UNIT HEALTH',value:'+5%',score:5},
+  a_phaseweave:{stat:'UNIT HEALTH',value:'+8%',score:8}, a_aegis:{stat:'UNIT HEALTH',value:'+12%',score:12},
+  a_starforged:{stat:'UNIT HEALTH',value:'+16%',score:16},
+  u_toolkit:{stat:'BUILD SPEED',value:'+5%',score:5}, u_fluxcell:{stat:'ENERGY INCOME',value:'+7%',score:7},
+  u_salvage:{stat:'SALVAGE RECOVERY',value:'+15%',score:15}, u_chronorig:{stat:'ABILITY COOLDOWN',value:'-10%',score:10},
+  u_commandcore:{stat:'DAMAGE + HEALTH',value:'+8% / +8%',score:8},
+  c_supply:{stat:'STARTING MASS',value:'+220',score:220}, c_power:{stat:'STARTING ENERGY',value:'+900',score:900},
+  c_nanites:{stat:'UNIT HEALTH',value:'+8%',score:8}, c_overdrive:{stat:'UNIT DAMAGE',value:'+10%',score:10},
+  c_command:{stat:'DAMAGE + HEALTH',value:'+10% / +10%',score:10},
+};
+function armInvEffect(id){ return ARM_INV_EFFECTS[id]||{stat:'MISSION EFFECT',value:'ACTIVE',score:0}; }
+function armInvIcon(it,size){
+  return typeof itemArt==='function'?itemArt(ARM_INV_ART[it.id]||('inv_'+it.id),it.em,size):'<span>'+it.em+'</span>';
+}
+function armInvEntries(){
+  return INV_GEAR.map(it=>({kind:'gear',it})).concat(INV_CONSUMABLES.map(it=>({kind:'supply',it})));
+}
+function armInvOwned(e,b){ return e.kind==='gear'?(b.gear[e.it.id]||0):(b.consumables[e.it.id]||0); }
+function armInvEquipped(e,b){ return e.kind==='gear'?b.equipped[e.it.slot]===e.it.id:b.ready.indexOf(e.it.id)>=0; }
+function armInvStats(b){
+  const all=armInvEntries(),stored=all.reduce((n,e)=>n+armInvOwned(e,b),0);
+  const found=all.reduce((n,e)=>n+(armInvOwned(e,b)>0?1:0),0);
+  const gear=['weapon','armor','utility'].reduce((n,s)=>n+(b.equipped[s]?1:0),0);
+  return {stored,found,total:all.length,used:gear+b.ready.length,gear,supplies:b.ready.length};
 }
+function armInvLayerStatsHTML(b,layer){
+  const s=armInvStats(b);
+  return '<div class="armInvLayerHead '+layer+'"><div><i>'+(layer==='account'?'ACCOUNT LAYER':'DEPLOYMENT LAYER')+'</i>'
+    +'<b>'+(layer==='account'?'ACCOUNT ARMORY':'SESSION LOADOUT')+'</b>'
+    +'<span>'+(layer==='account'?'Items stay in this career after every operation.':'Only fitted gear and readied supplies enter the next operation.')+'</span></div>'
+    +'<div class="armInvCapacity"><b>'+(layer==='account'?s.stored:(s.used+' / 5'))+'</b><span>'+(layer==='account'?'ITEMS STORED':'SLOT CAPACITY')+'</span></div></div>'
+    +'<div class="armInvMeters"><div><b>'+s.found+' / '+s.total+'</b><span>DISCOVERED</span></div>'
+    +'<div><b>'+s.gear+' / 3</b><span>GEAR SLOTS</span></div><div><b>'+s.supplies+' / 2</b><span>MISSION SLOTS</span></div></div>';
+}
+function armInvFilteredEntries(b){
+  const rank=Object.fromEntries(INV_RARITIES.map((r,i)=>[r.id,i]));
+  return armInvEntries().filter(e=>armInvFilter==='all'||(armInvFilter==='supply'?e.kind==='supply':e.kind==='gear'&&e.it.slot===armInvFilter))
+    .sort((a,z)=>(armInvOwned(z,b)>0?1:0)-(armInvOwned(a,b)>0?1:0)
+      ||(armInvEquipped(z,b)?1:0)-(armInvEquipped(a,b)?1:0)
+      ||rank[z.it.rarity]-rank[a.it.rarity]||a.it.nm.localeCompare(z.it.nm));
+}
+function armInvEnsureSelection(entries,b){
+  let e=entries.find(x=>x.kind===armInvSelectedKind&&x.it.id===armInvSelectedId);
+  if(!e) e=entries.find(x=>armInvEquipped(x,b))||entries.find(x=>armInvOwned(x,b)>0)||entries[0];
+  armInvSelectedKind=e?e.kind:''; armInvSelectedId=e?e.it.id:'';
+  return e;
+}
+function armInvFilterHTML(){
+  return '<div class="armInvFilters" aria-label="Armory item categories">'+ARM_INV_FILTERS.map(f=>
+    '<button type="button" class="armInvFilter'+(armInvFilter===f.id?' on':'')+'" data-inv-filter="'+f.id+'">'+f.nm+'</button>').join('')+'</div>';
+}
+function armInvComparison(e,b){
+  const fx=armInvEffect(e.it.id);
+  if(e.kind==='supply'){
+    const at=b.ready.indexOf(e.it.id);
+    if(at>=0) return 'MISSION SLOT '+(at+1)+' · one charge will be consumed when the operation launches';
+    if(b.ready.length>=2) return 'MISSION SLOTS FULL · remove or replace one supply first';
+    return 'EMPTY MISSION SLOT AVAILABLE · one charge is consumed at deployment';
+  }
+  const cur=INV_GEAR.find(g=>g.id===b.equipped[e.it.slot]);
+  if(!cur) return 'EMPTY '+e.it.slot.toUpperCase()+' SLOT · this full effect will be added';
+  if(cur.id===e.it.id) return 'CURRENT '+e.it.slot.toUpperCase()+' SLOT · persistent until unequipped';
+  const old=armInvEffect(cur.id);
+  if(old.stat===fx.stat&&Number.isFinite(old.score)&&Number.isFinite(fx.score)){
+    const d=fx.score-old.score;
+    return (d>=0?'+':'')+d+' POINT'+(Math.abs(d)===1?'':'S')+' VS '+cur.nm.toUpperCase();
+  }
+  return 'REPLACES '+cur.nm.toUpperCase()+' · changes '+old.stat.toLowerCase()+' to '+fx.stat.toLowerCase();
+}
+function armInvPreviewHTML(e,b){
+  if(!e) return '<div class="armInvEmpty"><b>NO ITEMS IN THIS CATEGORY</b><span>Complete operations to recover gear and mission supplies.</span></div>';
+  const it=e.it,n=armInvOwned(e,b),on=armInvEquipped(e,b),r=invRarity(it.rarity),fx=armInvEffect(it.id);
+  const full=e.kind==='supply'&&!on&&b.ready.length>=2;
+  const action=!n?'RECOVER IN OPERATIONS':on?(e.kind==='gear'?'UNEQUIP FROM SESSION':'REMOVE FROM MISSION')
+    :full?'MISSION SLOTS FULL':(e.kind==='gear'?'EQUIP '+it.slot.toUpperCase():'READY FOR MISSION');
+  return '<section class="armInvPreview" style="--rar:'+r.col+'" aria-label="Selected item effect preview">'
+    +'<div class="armInvPreviewArt">'+armInvIcon(it,54)+'</div><div class="armInvPreviewInfo"><i>'+r.nm+' · '+(e.kind==='gear'?it.slot.toUpperCase()+' GEAR':'MISSION CONSUMABLE')+'</i>'
+    +'<b>'+it.nm+'</b><span>ACCOUNT STOCK · '+n+'</span></div>'
+    +'<div class="armInvExact"><span>EXACT EFFECT</span><b>'+fx.value+'</b><i>'+fx.stat+'</i></div>'
+    +'<p>'+it.ds+'</p><div class="armInvCompare">'+armInvComparison(e,b)+'</div>'
+    +'<button type="button" class="armInvCommit'+((!n||full)?' disabled':'')+'" data-inv-action="'+e.kind+'" '+((!n||full)?'disabled':'')+'>'+action+'</button>'
+    +'<small>'+(e.kind==='gear'?'Gear is never consumed. It remains fitted until you change this slot.':'Readied supplies remain in Account Armory until the operation begins, then consume one charge.')+'</small></section>';
+}
+function armInvItemHTML(e,b){
+  const it=e.it,n=armInvOwned(e,b),on=armInvEquipped(e,b),sel=e.kind===armInvSelectedKind&&it.id===armInvSelectedId;
+  const r=invRarity(it.rarity),fx=armInvEffect(it.id),slot=e.kind==='gear'?it.slot.toUpperCase():'SUPPLY';
+  return '<button type="button" class="armVaultItem'+(sel?' selected':'')+(on?' equipped':'')+(n?'':' locked')+'" data-inv-kind="'+e.kind+'" data-inv-id="'+it.id+'" style="--rar:'+r.col+'" aria-pressed="'+(sel?'true':'false')+'">'
+    +'<span class="armVaultArt">'+armInvIcon(it,38)+'</span><span class="armVaultCopy"><i>'+r.nm+' · '+slot+'</i><b>'+it.nm+'</b><em>'+fx.value+' '+fx.stat+'</em></span>'
+    +'<span class="armVaultState">'+(n?(on?'IN LOADOUT':'×'+n):'LOCKED')+'</span></button>';
+}
+function armInventoryHTML(){
+  const b=invBag(),entries=armInvFilteredEntries(b),selected=armInvEnsureSelection(entries,b);
+  return armInvLayerStatsHTML(b,'account')+invRarityLegend()+armInvFilterHTML()+armInvPreviewHTML(selected,b)
+    +'<div class="armInvSectionLabel"><b>STORED ITEMS</b><span>'+entries.filter(e=>armInvOwned(e,b)>0).length+' OWNED IN VIEW</span></div>'
+    +'<div class="armVaultList">'+entries.map(e=>armInvItemHTML(e,b)).join('')+'</div>';
+}
+function armLoadGearSlotHTML(slot,b){
+  const g=INV_GEAR.find(x=>x.id===b.equipped[slot]);
+  if(!g) return '<div class="armLoadSlot empty"><div class="armLoadSlotTop"><i>'+slot.toUpperCase()+'</i><span>GEAR SLOT</span></div>'
+    +'<b>EMPTY '+slot.toUpperCase()+'</b><small>No account gear is assigned.</small><button type="button" data-pick-slot="'+slot+'">CHOOSE '+slot.toUpperCase()+'</button></div>';
+  const r=invRarity(g.rarity),fx=armInvEffect(g.id);
+  return '<div class="armLoadSlot filled" style="--rar:'+r.col+'"><div class="armLoadSlotTop"><i>'+slot.toUpperCase()+'</i><span>'+r.nm+'</span></div>'
+    +'<div class="armLoadEquipped"><span>'+armInvIcon(g,36)+'</span><div><b>'+g.nm+'</b><em>'+fx.value+' '+fx.stat+'</em></div></div>'
+    +'<button type="button" data-remove-gear="'+g.id+'">UNEQUIP</button></div>';
+}
+function armLoadSupplySlotHTML(n,b){
+  const c=INV_CONSUMABLES.find(x=>x.id===b.ready[n]);
+  if(!c) return '<div class="armLoadSlot supply empty"><div class="armLoadSlotTop"><i>MISSION '+(n+1)+'</i><span>CONSUMABLE</span></div>'
+    +'<b>EMPTY SUPPLY SLOT</b><small>Choose one charge from Account Armory.</small><button type="button" data-pick-slot="supply">CHOOSE SUPPLY</button></div>';
+  const r=invRarity(c.rarity),fx=armInvEffect(c.id),stock=b.consumables[c.id]||0;
+  return '<div class="armLoadSlot supply filled" style="--rar:'+r.col+'"><div class="armLoadSlotTop"><i>MISSION '+(n+1)+'</i><span>'+r.nm+'</span></div>'
+    +'<div class="armLoadEquipped"><span>'+armInvIcon(c,36)+'</span><div><b>'+c.nm+'</b><em>'+fx.value+' '+fx.stat+'</em></div></div>'
+    +'<small>'+stock+' in Account Armory · consumes 1 at launch</small><button type="button" data-remove-cons="'+c.id+'">REMOVE</button></div>';
+}
+function armSessionEffectsHTML(b){
+  const active=[];
+  for(const s of ['weapon','armor','utility']){
+    const g=INV_GEAR.find(x=>x.id===b.equipped[s]); if(g) active.push({it:g,kind:'GEAR · '+s.toUpperCase()});
+  }
+  for(const id of b.ready){ const c=INV_CONSUMABLES.find(x=>x.id===id); if(c) active.push({it:c,kind:'ONE-MISSION SUPPLY'}); }
+  return '<section class="armMissionPackage"><div class="armInvSectionLabel"><b>OPERATION EFFECT PACKAGE</b><span>'+active.length+' / 5 ACTIVE</span></div>'
+    +(active.length?active.map(e=>{const r=invRarity(e.it.rarity),fx=armInvEffect(e.it.id);return '<div class="armMissionFx" style="--rar:'+r.col+'"><i></i><div><b>'+e.it.nm+'</b><span>'+e.kind+'</span></div><strong>'+fx.value+' '+fx.stat+'</strong></div>';}).join('')
+      :'<div class="armInvEmpty"><b>BASELINE DEPLOYMENT</b><span>No account equipment or mission supplies selected.</span></div>')
+    +'<p>Gear effects persist every operation. Mission supplies apply once and are consumed only when deployment begins.</p></section>';
+}
+function armSessionLoadoutHTML(){
   const b=invBag();
+  return armInvLayerStatsHTML(b,'session')+'<div class="armLoadoutRule"><b>5 HARD SLOTS</b><span>One weapon · one armor · one utility · two mission supplies</span></div>'
+    +'<div class="armLoadoutGrid">'+['weapon','armor','utility'].map(s=>armLoadGearSlotHTML(s,b)).join('')
+    +armLoadSupplySlotHTML(0,b)+armLoadSupplySlotHTML(1,b)+'</div>'+armSessionEffectsHTML(b)
+    +'<button type="button" class="armReturnVault" data-open-vault="1">▦ OPEN ACCOUNT ARMORY</button>';
 }
 function armColorsHTML(){
   let h='<div class="sHead">COMMANDER COLORS</div><div id="colorRow">';
   return '<div class="armTabWrap"><div class="tabRow" id="armTabs">'
     +ARM_CATS.map(c=>{
       const bag=invBag();
+      const invStats=armInvStats(bag);
+      const done=c.id==='inventory'?invStats.found
+        :c.id==='loadout'?invStats.used
         :c.id==='identity'?0:c.items.filter(id=>{ const it=STORE.find(s=>s.id===id); return it&&(META.owned[it.id]||0)>=it.max; }).length;
+      const tot=c.id==='inventory'?invStats.total:c.id==='loadout'?5:c.items.length;
       return '<button class="tabBtn'+(armTab===c.id?' on':'')+'" data-k="'+c.id+'">'
+        +'<span class="tEm">'+c.em+'</span>'+c.nm+(tot?' <span class="tabCt">'+done+'/'+tot+'</span>':'')+'</button>';
     }).join('')
     +'</div><div class="armTabHint">SWIPE CATEGORIES →</div></div>';
 }
   list.querySelectorAll('.tabBtn').forEach(btn=>{
     mfBindTap(btn,ev=>{
       ev.stopPropagation();
+      armTab=btn.dataset.k; sfx('ui'); renderArmory(); list.scrollTop=0;
     });
   });
+  list.querySelectorAll('.armInvFilter').forEach(el=>{
+    mfBindTap(el,ev=>{
+      ev.stopPropagation();
+      armInvFilter=el.dataset.invFilter||'all';
+      armInvSelectedKind=''; armInvSelectedId='';
+      sfx('ui'); renderArmory(); list.scrollTop=0;
+    });
+  });
+  list.querySelectorAll('.armVaultItem').forEach(el=>{
     mfBindTap(el,ev=>{
       ev.stopPropagation();
+      armInvSelectedKind=el.dataset.invKind||''; armInvSelectedId=el.dataset.invId||'';
+      sfx('ui'); renderArmory();
+      requestAnimationFrame(()=>{ const p=list.querySelector('.armInvPreview'); if(p) list.scrollTop=Math.max(0,p.offsetTop-112); });
     });
   });
+  list.querySelectorAll('.armInvCommit:not([disabled])').forEach(el=>{
     mfBindTap(el,ev=>{
       ev.stopPropagation();
+      if(el.dataset.invAction==='gear'){
+        const g=INV_GEAR.find(x=>x.id===armInvSelectedId);
+        if(g&&invEquipGear(g.id)){
+          const on=invBag().equipped[g.slot]===g.id;
+          toast((on?'Fitted ':'Removed ')+g.nm+(on?' to the '+g.slot+' slot':'')); sfx('ui'); renderArmory();
+        }
+      }else{
+        const c=INV_CONSUMABLES.find(x=>x.id===armInvSelectedId);
+        if(c&&invReadyConsumable(c.id)){
+          const on=invBag().ready.indexOf(c.id)>=0;
+          toast((on?'Readied ':'Removed ')+c.nm+(on?' for the next mission':'')); sfx('ui'); renderArmory();
+        }
+      }
     });
   });
+  list.querySelectorAll('[data-pick-slot]').forEach(el=>mfBindTap(el,ev=>{
+    ev.stopPropagation(); armTab='inventory'; armInvFilter=el.dataset.pickSlot||'all';
+    armInvSelectedKind=''; armInvSelectedId=''; sfx('ui'); renderArmory(); list.scrollTop=0;
+  }));
+  list.querySelectorAll('[data-remove-gear]').forEach(el=>mfBindTap(el,ev=>{
+    ev.stopPropagation(); const g=INV_GEAR.find(x=>x.id===el.dataset.removeGear);
+    if(g&&invEquipGear(g.id)){ toast('Removed '+g.nm+' from session loadout'); sfx('ui'); renderArmory(); }
+  }));
+  list.querySelectorAll('[data-remove-cons]').forEach(el=>mfBindTap(el,ev=>{
+    ev.stopPropagation(); const c=INV_CONSUMABLES.find(x=>x.id===el.dataset.removeCons);
+    if(c&&invReadyConsumable(c.id)){ toast('Returned '+c.nm+' to Account Armory'); sfx('ui'); renderArmory(); }
+  }));
+  list.querySelectorAll('[data-open-vault]').forEach(el=>mfBindTap(el,ev=>{
+    ev.stopPropagation(); armTab='inventory'; sfx('ui'); renderArmory(); list.scrollTop=0;
+  }));
   list.querySelectorAll('.armIt').forEach(el=>{
     el.addEventListener('pointerdown',()=>{

src/story.js CHANGED Viewed

@@ -326,3 +326,211 @@ function renderDossier(){
   });
   storyRefreshBadge();
 }

   });
   storyRefreshBadge();
 }
+/* ============================================================================
+   CAMPAIGN PROLOGUE — a playable front door for first-time commanders
+   ----------------------------------------------------------------------------
+   This is deliberately a takeover of Operations rather than a second mission
+   menu. The prologue launches the proven Training Operation or pre-fills the
+   real Battle Setup screen, so every BEGIN button reaches playable rules and
+   none of the PRE-ALPHA story cards pretend that an unbuilt scripted mission
+   exists. Faction keys stay identical to ai.js/save data.
+   ============================================================================ */
+const STORY_CAMPAIGN_PROLOGUE=[
+  {id:'orientation',code:'P-00',ttl:'FIELD ORIENTATION',fac:'nova',map:'vanguard',theme:'verdant',
+   threat:'COMMAND SIMULATION',goal:'training',diff:0,time:0,inf:false,defense:1,scale:'standard',
+   objective:'Deploy the Commander, establish power and production, build a defensive line, then lead a formation through its first attack order.',
+   reward:'150 CORES · COMMAND CERTIFICATION',unlock:'start',complete:'training'},
+  {id:'first-breach',code:'P-01',ttl:'THE FIRST BREACH',fac:'ascendancy',map:'vanguard',theme:'verdant',
+   threat:'CRIMSON DOMINION',goal:'annihilate',diff:0,time:0,inf:false,defense:1,scale:'standard',
+   objective:'Fortify the valley approach, preserve the Commander, and destroy the Dominion command unit before its armour column breaks your line.',
+   reward:'MATCH XP · CORES · CRIMSON SERVICE RECORD',unlock:'training',complete:'legion'},
+  {id:'coalition-intercept',code:'P-02',ttl:'COALITION INTERCEPT',fac:'syndicate',map:'highland',theme:'arctic',
+   threat:'SYNDICATE COALITION',goal:'domination',diff:1,time:600,inf:false,defense:0,scale:'standard',
+   objective:'Take and hold the Highland Scar resource lanes while Coalition energy cadres probe the flanks and contest the ruined arcology.',
+   reward:'MATCH XP · CORES · SYNDICATE SERVICE RECORD',unlock:'legion',complete:'syndicate'},
+  {id:'ground-remembers',code:'P-03',ttl:'THE GROUND REMEMBERS',fac:'horde',map:'crater',theme:'ashland',
+   threat:'BROOD SWARM',goal:'purge',diff:1,time:900,inf:true,defense:1,scale:'large',
+   objective:'Establish overlapping fields of fire in Relic Basin, burn out every living nest, and survive the Brood organisms defending the infestation.',
+   reward:'MATCH XP · CORES · BROOD SERVICE RECORD',unlock:'syndicate',complete:'horde'},
+];
+function storyCampaignComplete(m){
+  if(m.complete==='training') return !!(META.tutorial&&META.tutorial.done);
+  return !!((META.facWins||{})[m.complete]>0);
+}
+function storyCampaignUnlocked(m,i){
+  if(i===0||storyCampaignComplete(m)) return true;
+  return storyCampaignComplete(STORY_CAMPAIGN_PROLOGUE[i-1]);
+}
+function storyCampaignProgress(){
+  const states=STORY_CAMPAIGN_PROLOGUE.map((m,i)=>({
+    done:storyCampaignComplete(m),open:storyCampaignUnlocked(m,i)
+  }));
+  let current=states.findIndex(s=>s.open&&!s.done);
+  if(current<0) current=STORY_CAMPAIGN_PROLOGUE.length-1;
+  return {states,current,done:states.filter(s=>s.done).length};
+}
+function storyCampaignEnsureOps(){
+  const root=document.getElementById('opsScr'),tabs=document.getElementById('opsTabs');
+  if(!root||!tabs) return;
+  if(!document.getElementById('opsTab-campaign')){
+    const tab=document.createElement('button');
+    tab.className='screenTabBtn'; tab.id='opsTab-campaign'; tab.type='button';
+    tab.setAttribute('role','tab'); tab.dataset.mfTab='campaign';
+    tab.setAttribute('aria-controls','opsPane-campaign');
+    tab.innerHTML='<span class="tabGlyph">◇</span><span>CAMPAIGN</span>';
+    tabs.insertBefore(tab,tabs.firstElementChild);
+  }
+  if(!document.getElementById('opsPane-campaign')){
+    const pane=document.createElement('section');
+    pane.className='setupCard mfTabPanel storyCampaignPane';
+    pane.id='opsPane-campaign'; pane.setAttribute('role','tabpanel');
+    pane.setAttribute('aria-labelledby','opsTab-campaign'); pane.dataset.mfPanel='campaign';
+    const scroll=root.querySelector('.opsScroll'),first=scroll&&scroll.firstElementChild;
+    if(scroll) scroll.insertBefore(pane,first||null);
+  }
+  /* A new commander sees the authored starting path first. Returning players
+     keep whichever Operations category they last selected. */
+  if(typeof MF_TAB_STATE!=='undefined'&&!MF_TAB_STATE.opsScr&&!(META.matches||0))
+    MF_TAB_STATE.opsScr='campaign';
+}
+function storyCampaignFac(m){
+  return (typeof facArt==='function'&&facArt(m.fac))||FACART.nova;
+}
+function storyCampaignPortrait(a){
+  return '<img src="./assets/factions/'+a.id+'_192.jpg" alt="'+a.cdr+', '+a.nm+' commander" '
+    +'onerror="this.style.visibility=\'hidden\'">';
+}
+const STORY_CAMPAIGN_KEY_ART={
+  nova:'./assets/factions/cinematic/terran-frontline-command-v1.png',
+  ascendancy:'./assets/factions/cinematic/crimson-dominion-v1.png',
+  syndicate:'./assets/factions/cinematic/syndicate-coalition-v1.png',
+  horde:'./assets/factions/cinematic/brood-swarm-v1.png'
+};
+function storyCampaignKeyArt(fac){
+  return STORY_CAMPAIGN_KEY_ART[fac]||STORY_CAMPAIGN_KEY_ART.nova;
+}
+function storyCampaignRender(){
+  const pane=document.getElementById('opsPane-campaign'); if(!pane) return;
+  const progress=storyCampaignProgress();
+  let missions='';
+  STORY_CAMPAIGN_PROLOGUE.forEach((m,i)=>{
+    const S=progress.states[i],A=storyCampaignFac(m),map=MAPDEFS[m.map]||{nm:m.map,ds:''},
+          haz=(typeof MAPHAZ!=='undefined'&&MAPHAZ[m.map])||{em:'◇',nm:'FIELD CONDITIONS'},
+          state=S.done?'COMPLETE':S.open?(i===progress.current?'CURRENT':'AVAILABLE'):'LOCKED',
+          unlock=i?('Complete '+STORY_CAMPAIGN_PROLOGUE[i-1].code+' · '+STORY_CAMPAIGN_PROLOGUE[i-1].ttl):'';
+    missions+='<article class="storyCampaignMission '+state.toLowerCase()+'" style="--cf:'+A.col+';--cf2:'+A.col2+'">'
+      +'<div class="storyCampaignKeyArt"><img src="'+storyCampaignKeyArt(m.fac)+'" alt="'+A.nm+' cinematic battlefield">'
+        +'<span>'+(typeof facIcon==='function'?facIcon(m.fac,30):'◇')+'</span><small>'+A.nm+'</small></div>'
+      +'<div class="storyCampaignMissionBody"><header><div><small>'+m.code+' · PROLOGUE</small><b>'+m.ttl+'</b></div>'
+        +'<i class="storyCampaignState">'+state+'</i></header>'
+      +'<div class="storyCampaignIntel"><span><em>OBJECTIVE</em>'+m.objective+'</span>'
+        +'<span><em>BATTLEFIELD</em>'+map.nm+' · '+haz.em+' '+haz.nm+'</span>'
+        +'<span><em>FACTION THREAT</em>'+A.nm+' · '+A.strong+'</span>'
+        +'<span class="storyCampaignReward"><em>REWARDS</em>'+m.reward+'</span></div>'
+      +(S.open?'<button class="storyCampaignAction" type="button" data-campaign-mission="'+m.id+'">'
+          +(S.done?'↻ REPLAY MISSION':'▶ '+(i===0?'BEGIN TRAINING':'BEGIN MISSION'))+'</button>'
+        :'<div class="storyCampaignLock">▣ '+unlock+'</div>')
+      +'</div></article>';
+  });
+  const arcs=Object.keys(FACART).map(k=>{
+    const A=FACART[k];
+    return '<article class="storyCampaignArc" style="--cf:'+A.col+';--cf2:'+A.col2+'">'
+      +'<div class="storyCampaignArcHead">'+storyCampaignPortrait(A)
+        +'<div><small>'+A.motto+'</small><b>'+A.nm+'</b><span>'+A.cdr+'</span></div></div>'
+      +'<div class="storyCampaignArcPath">'+A.arc+'</div><p>'+A.endgoal+'</p></article>';
+  }).join('');
+  const heroMission=STORY_CAMPAIGN_PROLOGUE[progress.current]||STORY_CAMPAIGN_PROLOGUE[0];
+  pane.innerHTML='<section class="storyCampaignHero" style="--campaign-hero:url(&quot;'+storyCampaignKeyArt(heroMission.fac)+'&quot;)"><div><span>PRE-ALPHA · PLAYABLE PROLOGUE</span>'
+      +'<h3>HALCYON REACH: FIRST CONTACT</h3><p>Learn the command loop, then meet all three enemy doctrines through live battle rules. '
+      +'Acts I–IV below are the campaign direction; only the Prologue ladder is presented as playable today.</p></div>'
+      +'<div class="storyCampaignCount"><b>'+progress.done+'</b><span>/ '+STORY_CAMPAIGN_PROLOGUE.length+' CLEARED</span></div></section>'
+    +'<div class="storyCampaignSection"><span>PROLOGUE MISSION LADDER</span><small>Each deployment uses the real training or battle setup flow.</small></div>'
+    +'<div class="storyCampaignLadder">'+missions+'</div>'
+    +'<div class="storyCampaignSection storyCampaignArcLabel"><span>FOUR FACTION ENDGAMES · CAMPAIGN PREVIEW</span>'
+      +'<small>Swipe to inspect the long-form arc promised by each faction.</small></div>'
+    +'<div class="storyCampaignArcs">'+arcs+'</div>';
+  pane.querySelectorAll('.storyCampaignAction').forEach(b=>{
+    const go=()=>storyCampaignOpenMission(b.dataset.campaignMission);
+    if(typeof mfBindTap==='function') mfBindTap(b,go); else b.addEventListener('click',go);
+  });
+}
+function storyCampaignToggle(sel,match){
+  document.querySelectorAll(sel).forEach(b=>b.classList.toggle('on',match(b)));
+}
+function storyCampaignSyncSetup(){
+  const setup=document.getElementById('setupScr');
+  if(setup){
+    setup.dataset.tab='map'; setup.classList.remove('setupAll');
+    setup.querySelectorAll('.setupTabBtn').forEach(b=>b.classList.toggle('on',b.dataset.tab==='map'));
+    const adv=document.getElementById('advToggle'); if(adv){adv.classList.remove('on');adv.textContent='SHOW ALL';}
+  }
+  if(typeof renderFacRow==='function') renderFacRow();
+  storyCampaignToggle('.glbtn',b=>b.dataset.g===goalSel);
+  storyCampaignToggle('.tmbtn',b=>+b.dataset.t===timeLimit);
+  storyCampaignToggle('.pcbtn',b=>+b.dataset.p===resPace);
+  storyCampaignToggle('.crbtn',b=>+b.dataset.c===crateRate);
+  storyCampaignToggle('.bsbtn',b=>b.dataset.bs===battlefieldPreset);
+  storyCampaignToggle('.ifbtn',b=>!!+b.dataset.i===infestationOn);
+  storyCampaignToggle('.globalDiff',b=>+b.dataset.d===difficulty);
+  storyCampaignToggle('.tbtn',b=>b.dataset.t===curTheme);
+  storyCampaignToggle('.fbtn',b=>b.dataset.f===aiFactionSel);
+  storyCampaignToggle('.dfbtn',b=>+b.dataset.df===defenseFocus);
+  storyCampaignToggle('.wbtn',b=>+b.dataset.w===wcChoice);
+  const goal=document.getElementById('goalHint'); if(goal) goal.textContent=goalDef().ds;
+  const scale=document.getElementById('battleScaleHint'),scaleDef=battlefieldPresetDef();
+  if(scale) scale.textContent=scaleDef.km+' — '+scaleDef.ds;
+  const infestation=document.getElementById('infestHint'); if(infestation) infestation.textContent=infestationOn
+    ?'Neutral nests spread and erupt during the battle.'
+    :'No neutral nests, infestation guards, eruptions, spread, or map-wide tides.';
+  const defence=document.getElementById('defFocusHint'); if(defence) defence.textContent=defenseFocus
+    ?'Tower defence: stronger, longer-ranged fortifications against faster enemy pressure.'
+    :'Classic RTS balance between mobile armies and static defences.';
+  if(typeof renderMapRow==='function') renderMapRow();
+  if(typeof renderSpawnPlanner==='function') renderSpawnPlanner();
+}
+function storyCampaignOpenMission(missionId){
+  const i=STORY_CAMPAIGN_PROLOGUE.findIndex(m=>m.id===missionId),m=STORY_CAMPAIGN_PROLOGUE[i];
+  if(!m||!storyCampaignUnlocked(m,i)) return;
+  if(m.goal==='training'){
+    const debug=window.__tutDebug&&window.__tutDebug();
+    if(debug&&typeof debug.startTraining==='function'){
+      if(typeof initAudio==='function') initAudio();
+      debug.startTraining(); return;
+    }
+    if(typeof toast==='function') toast('Training systems are still loading — try again in a moment.');
+    return;
+  }
+  difficulty=m.diff; defenseFocus=m.defense?1:0; infestationOn=!!m.inf; wcChoice=0;
+  goalSel=m.goal; timeLimit=m.time; resPace=1; crateRate=crateRateBase=1;
+  curMap=m.map; curTheme=m.theme; battlefieldPreset=m.scale;
+  aiFactionSel=storyCampaignFac(m).key; playerStartZone='sw'; spawnPick='player';
+  aiSlots.forEach((A,n)=>{A.on=n===0;A.diff=m.diff;A.zone=n===0?'ne':n===1?'nw':'se';});
+  storyCampaignSyncSetup();
+  if(typeof renderOps==='function') renderOps();
+  if(typeof initAudio==='function') initAudio();
+  if(typeof sfx==='function') sfx('confirm');
+  if(typeof showFrontScreen==='function') showFrontScreen('setupScr');
+  const scroll=document.querySelector('#setupScr .setupScroll'); if(scroll) scroll.scrollTop=0;
+  if(typeof toast==='function') toast(m.code+' · '+m.ttl+' — deployment preset loaded');
+}
+/* story.js loads after endgame.js, so the wrapper is installed before initOps
+   binds its tab listener. tutorial.js later wraps this wrapper in turn; both
+   additions therefore survive without either feature editing the other. */
+const STORY_CAMPAIGN_RENDER_OPS_BASE=renderOps;
+renderOps=function(){
+  storyCampaignEnsureOps();
+  STORY_CAMPAIGN_RENDER_OPS_BASE();
+  storyCampaignRender();
+};
+const STORY_CAMPAIGN_RENDER_BRIEF_BASE=renderOpsBrief;
+renderOpsBrief=function(mode){
+  STORY_CAMPAIGN_RENDER_BRIEF_BASE(mode);
+  if(mode!=='campaign') return;
+  const p=storyCampaignProgress(),set=(id,v)=>{const e=document.getElementById(id);if(e)e.textContent=v;};
+  set('opsBriefThreat','P0'); set('opsBriefThreatNm','PLAYABLE PROLOGUE');
+  set('opsBriefMods',p.done+'/'+STORY_CAMPAIGN_PROLOGUE.length); set('opsBriefModsNm','MISSIONS CLEARED');
+  set('opsBriefPayout','LIVE'); set('opsBriefState','PRE-ALPHA');
+};

src/styles/intro.css ADDED Viewed

	@@ -0,0 +1,44 @@

+/* Logo-only PRE-ALPHA opening. Faction dossier/contact-sheet art is
+   intentionally restricted to the codex and never used as a splash. */
+.mfTitleReveal{position:fixed;inset:0;z-index:950;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;isolation:isolate;
+  padding:max(14px,calc(var(--sat) + 12px)) max(16px,calc(var(--sar) + 14px)) max(16px,calc(var(--sab) + 12px)) max(16px,calc(var(--sal) + 14px));
+  color:#edf8ff;background:#02060c;opacity:0;transform:scale(1.025);transition:opacity .28s ease,transform .7s cubic-bezier(.16,.8,.2,1);touch-action:manipulation}
+.mfTitleReveal[hidden]{display:none!important}.mfTitleReveal.open{opacity:1;transform:none}
+.mfTitleBackdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:
+  radial-gradient(circle at 50% 47%,rgba(41,141,213,.16),transparent 23%),
+  radial-gradient(ellipse at 50% 105%,rgba(255,199,83,.08),transparent 43%),
+  linear-gradient(180deg,#02050a,#06101b 52%,#02050a)}
+.mfTitleBackdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 30%,transparent 70%,rgba(0,0,0,.36));box-shadow:inset 0 0 120px rgba(0,0,0,.75)}
+.mfTitleGrid{position:absolute;inset:-10%;opacity:.2;background-image:
+  linear-gradient(rgba(92,190,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(92,190,255,.07) 1px,transparent 1px);
+  background-size:42px 42px;transform:perspective(520px) rotateX(63deg) translateY(29%);mask-image:linear-gradient(180deg,transparent 16%,#000 64%,transparent)}
+.mfTitleSweep{position:absolute;inset:-35% -20%;background:linear-gradient(103deg,transparent 45%,rgba(118,213,255,.11) 50%,transparent 55%);animation:mfTitleSweep 3.4s ease-in-out infinite}
+@keyframes mfTitleSweep{from{transform:translateX(-28%)}to{transform:translateX(28%)}}
+.mfTitleTop{display:flex;justify-content:space-between;align-items:center;width:min(100%,920px);margin:0 auto}
+.mfTitleBuild{display:flex;align-items:center;gap:9px;color:#a9bfd1;font:800 10px/1 var(--fT);letter-spacing:.12em}
+.mfTitleBuild b{padding:8px 11px;color:#160e00;background:linear-gradient(180deg,#ffeaa2,#d5a13b);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
+.mfTitleSkip{min-width:54px;min-height:48px;padding:0 12px;border:1px solid rgba(158,200,226,.34);border-radius:11px;color:#dcedf8;background:rgba(5,13,23,.78);font:800 10px/1 var(--fT);letter-spacing:.12em}
+.mfTitleSkip span{color:#ffd46e;margin-left:4px}.mfTitleSkip:active{transform:scale(.96)}
+.mfTitleCenter{align-self:center;justify-self:center;width:min(94vw,900px);text-align:center;animation:mfTitleCenterIn .9s cubic-bezier(.16,.8,.2,1) both}
+@keyframes mfTitleCenterIn{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
+.mfTitleInsignia{position:relative;width:clamp(76px,16vw,128px);height:clamp(76px,16vw,128px);margin:0 auto 18px}
+.mfTitleInsignia img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(88,194,255,.46))}
+.mfTitleInsignia i{position:absolute;inset:8%;border:1px solid rgba(100,203,255,.35);transform:rotate(45deg);box-shadow:0 0 30px rgba(75,181,240,.15);animation:mfTitleInsignia 2.8s linear infinite}
+@keyframes mfTitleInsignia{to{transform:rotate(405deg)}}
+.mfTitleEyebrow{margin-bottom:10px;color:#ffd46e;font:800 clamp(8px,1.8vw,12px)/1 var(--fU);letter-spacing:.26em;text-shadow:0 0 14px rgba(255,205,92,.32)}
+.mfTitleCenter h1{margin:0;font:900 clamp(52px,13vw,118px)/.9 var(--fT);letter-spacing:.09em;background:linear-gradient(180deg,#fff 2%,#dbe6ed 36%,#6e8191 51%,#edf7fb 66%,#536b7d 100%);
+  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 13px 24px rgba(0,0,0,.85));animation:mfTitleWordmark 1.4s ease both}
+@keyframes mfTitleWordmark{0%{opacity:0;letter-spacing:.19em;filter:blur(7px)}55%{opacity:1}100%{letter-spacing:.09em;filter:drop-shadow(0 13px 24px rgba(0,0,0,.85))}}
+.mfTitleSubtitle{display:flex;align-items:center;justify-content:center;gap:13px;margin:18px auto 0;color:#f1c969;font:900 clamp(10px,2.6vw,17px)/1 var(--fT);letter-spacing:.25em}
+.mfTitleSubtitle i{width:min(16vw,130px);height:1px;background:linear-gradient(90deg,transparent,#d9ae50)}.mfTitleSubtitle i:last-child{transform:scaleX(-1)}
+.mfTitleStatus{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#91aabd;font:700 9px/1 var(--fU);letter-spacing:.19em}
+.mfTitleStatus span{width:7px;height:7px;border-radius:50%;background:#6ed6ff;box-shadow:0 0 12px #6ed6ff;animation:mfTitlePulse 1.25s ease-in-out infinite}
+@keyframes mfTitlePulse{50%{opacity:.3;transform:scale(.72)}}
+.mfTitleBottom{width:min(100%,460px);margin:0 auto}.mfTitleStart{width:100%;min-height:56px;border:1px solid #fff1bb;border-radius:12px;color:#1b1101;background:linear-gradient(180deg,#fff0af,#e9bb52 47%,#bd8730 53%,#f2cd70);box-shadow:0 10px 34px rgba(0,0,0,.55),0 0 22px rgba(255,212,110,.2);font:900 14px/1 var(--fT);letter-spacing:.14em}
+.mfTitleStart span{font-size:12px;margin-right:8px}.mfTitleStart:active{transform:scale(.98);filter:brightness(1.08)}
+.mfIntroReplay{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:min(88vw,340px);min-height:44px;margin-top:8px;padding:7px 11px;color:#bed7e8;text-align:left;border:1px solid rgba(102,164,205,.28);border-radius:10px;background:rgba(7,15,26,.72);font-family:var(--fT)}
+.mfIntroReplay>span{color:#ffe39a;text-shadow:0 0 10px rgba(255,212,110,.55)}.mfIntroReplay b{font-size:9px;letter-spacing:.12em}.mfIntroReplay small{font-size:7px;letter-spacing:.09em;color:#6f9dbb}.mfIntroReplay:active{transform:scale(.98)}
+body.mfIntroOpen{overflow:hidden}
+@media(max-width:640px){.mfTitleCenter h1{font-size:clamp(46px,15vw,78px)}.mfTitleSubtitle{letter-spacing:.14em}.mfTitleSubtitle i{width:9vw}.mfTitleEyebrow{letter-spacing:.18em}.mfTitleStatus{font-size:8px;letter-spacing:.12em}.mfTitleInsignia{margin-bottom:13px}}
+@media(max-height:520px){.mfTitleInsignia{width:66px;height:66px;margin-bottom:7px}.mfTitleCenter h1{font-size:48px}.mfTitleSubtitle{margin-top:9px}.mfTitleStatus{margin-top:12px}.mfTitleStart{min-height:48px}}
+@media(prefers-reduced-motion:reduce){.mfTitleReveal,.mfTitleCenter,.mfTitleInsignia i,.mfTitleCenter h1,.mfTitleSweep,.mfTitleStatus span{animation:none!important;transition:none!important;transform:none!important;filter:none!important}.mfTitleReveal.open{opacity:1}}

src/styles/restree.css CHANGED Viewed

@@ -1,108 +1,86 @@
-/* ============================================================================
-   RESEARCH TREE — 3D spatial replacement for the flat research list
-   ----------------------------------------------------------------------------
-   Owned by restree3d.js. Follows the visual language already established in
-   ui.css (--cy/--gold/--green/--red, --fT/--fU, panelG/steelB gradients)
-   rather than inventing a second one. CSS custom properties cascade from the
-   document root regardless of <link> order, so referencing var(--cy) etc.
-   here is safe even though ui.css is a separate stylesheet.
-   ============================================================================ */
-.rt3d-wrap{display:flex;flex-direction:column;gap:6px;width:min(96vw,410px);margin:0 auto}
-.rt3d-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-family:var(--fU);
-  font-size:9px;font-weight:700;letter-spacing:.05em;color:#8fb3cc;padding:2px 2px 0}
-.rt3d-legend span{display:inline-flex;align-items:center;gap:4px}
-.rt3d-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}
-.rt3d-legend i.own{background:#5dff9a;box-shadow:0 0 5px #5dff9a}
-.rt3d-legend i.aff{background:#41c8ff;box-shadow:0 0 5px #41c8ff}
-.rt3d-legend i.ava{background:#ffd257}
-.rt3d-legend i.lok{background:#5a7186}
-.rt3d-stage{position:relative;height:min(62vh,470px);min-height:340px;border-radius:14px;
-  overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;
-  border:1px solid rgba(120,170,205,.3);background:radial-gradient(ellipse at 50% 42%,rgba(34,62,90,.6),rgba(4,9,16,.94) 74%) padding-box,
-  linear-gradient(160deg,rgba(120,170,205,.28),rgba(30,60,88,.16)) border-box;
-  perspective:1000px;perspective-origin:50% 44%}
-.rt3d-stage.flat{perspective:none}
-.rt3d-scene{position:absolute;left:50%;top:50%;width:1px;height:1px;transform-style:preserve-3d;
-  will-change:transform}
-.rt3d-stage.flat .rt3d-scene{transform-style:flat}
-.rt3d-links{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
-.rt3d-links line{stroke-linecap:round}
-.rt3d-links line.on{stroke:#5dff9a;stroke-width:2.4;filter:drop-shadow(0 0 3px rgba(93,255,154,.6))}
-.rt3d-links line.next{stroke:#41c8ff;stroke-width:2.2;filter:drop-shadow(0 0 3px rgba(65,200,255,.55))}
-.rt3d-links line.off{stroke:#3a4a5c;stroke-width:1.4;stroke-dasharray:3 4}
-.rt3d-node{position:absolute;left:0;top:0;width:76px;margin:-34px 0 0 -38px;padding:6px 5px 7px;
-  border-radius:11px;text-align:center;cursor:pointer;
-  border:1px solid transparent;background:var(--panelG) padding-box,var(--steelB) border-box;
-  transition:box-shadow .2s}
-.rt3d-node .rt-ic{width:30px;height:30px;margin:0 auto 3px;display:flex;align-items:center;justify-content:center;
-  border-radius:8px;background:rgba(4,10,18,.7);border:1px solid rgba(120,170,205,.22)}
-.rt3d-node .rt-nm{display:block;font-family:var(--fT);font-size:9px;font-weight:800;color:#eaf7ff;
-  letter-spacing:.02em;line-height:1.2;white-space:normal}
-.rt3d-node .rt-sub{display:block;margin-top:3px;font-family:var(--fU);font-size:7.5px;font-weight:700;
-  color:#7fa8c6;line-height:1.25}
-.rt3d-node .rt-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;
-  display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;
-  border:1px solid rgba(0,0,0,.4)}
-.rt3d-node.owned{background:linear-gradient(180deg,rgba(14,34,24,.94),rgba(7,20,14,.95)) padding-box,
-  linear-gradient(160deg,#bff6d8,#3fdc8f 45%,#0f5a34 75%,#9be9c3) border-box;
-  box-shadow:0 6px 18px rgba(93,255,154,.22)}
-.rt3d-node.owned .rt-badge{background:#2bd672;color:#062;}
-.rt3d-node.afford{background:linear-gradient(180deg,rgba(15,34,50,.95),rgba(8,18,30,.96)) padding-box,
-  linear-gradient(160deg,#c6f2ff,#41c8ff 40%,#10465f 70%,#8fe0ff) border-box;
-  box-shadow:0 6px 18px rgba(65,200,255,.28);animation:rtPulse 2.2s ease-in-out infinite}
-.rt3d-node.afford .rt-badge{background:#41c8ff;color:#04222f}
-.rt3d-node.avail{opacity:.88}
-.rt3d-node.avail .rt-badge{background:#ffd257;color:#3a2900}
-.rt3d-node.locked{opacity:.5}
-.rt3d-node.locked .rt-nm{color:#b7cfe2}
-.rt3d-node.locked .rt-sub{color:#ff9a86}
-.rt3d-node.locked .rt-badge{background:#3a4a5c;color:#cfe0ee}
-.rt3d-node.sel{box-shadow:0 0 0 2px #fff,0 6px 18px rgba(255,255,255,.35)}
-@keyframes rtPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
-.rt3d-hint{text-align:center;font-family:var(--fU);font-size:9px;letter-spacing:.06em;color:#6f92ac;
-  font-weight:700;padding:2px 4px}
-.rt3d-reset{position:absolute;right:8px;top:8px;z-index:4;width:44px;height:44px;border-radius:10px;
-  display:flex;align-items:center;justify-content:center;font-size:14px;
-  border:1px solid transparent;background:var(--panelG2) padding-box,var(--steelB) border-box;color:#cfe8ff}
-.rt3d-reset:active{transform:scale(.92)}
-/* ---- detail sheet ---------------------------------------------------------- */
-.rt3d-back{position:absolute;inset:0;z-index:5;background:rgba(2,5,10,.55);opacity:0;pointer-events:none;
-  transition:opacity .2s}
-.rt3d-back.show{opacity:1;pointer-events:auto}
-.rt3d-detail{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:14px 15px calc(14px + var(--sab,0px));
-  border-radius:16px 16px 0 0;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.3,1);
-  border:1px solid transparent;background:var(--panelG2) padding-box,var(--steelB) border-box;
-  border-bottom:none;max-height:78%;overflow-y:auto}
-.rt3d-detail.show{transform:translateY(0)}
-.rt3d-detail-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;
-  display:flex;align-items:center;justify-content:center;background:rgba(4,10,18,.7);color:#cfe8ff;font-size:13px}
-.rt3d-detail-hd{display:flex;align-items:center;gap:10px;padding-right:30px}
-.rt3d-detail-hd .rt-ic{width:44px;height:44px;flex:0 0 auto;border-radius:10px;background:rgba(4,10,18,.7);
-  border:1px solid rgba(120,170,205,.22);display:flex;align-items:center;justify-content:center}
-.rt3d-detail-hd b{display:block;font-family:var(--fT);font-size:14px;color:#eaf7ff;letter-spacing:.03em}
-.rt3d-detail-hd span{display:block;margin-top:2px;font-size:10.5px;color:#8fb3cc;font-weight:600;line-height:1.4}
-.rt3d-detail-row{margin-top:11px}
-.rt3d-detail-lbl{font-family:var(--fT);font-size:8.5px;letter-spacing:.18em;color:#7fb4d6;font-weight:800;
-  margin-bottom:5px}
-.rt3d-reqs{display:flex;flex-wrap:wrap;gap:6px}
-.rt3d-reqChip{font-family:var(--fU);font-size:10px;font-weight:700;padding:4px 9px;border-radius:8px;
-  border:1px solid transparent;background:rgba(4,10,18,.6) padding-box,var(--steelB) border-box;color:#cfe8ff}
-.rt3d-reqChip.ok{color:#0a2417;background:linear-gradient(180deg,#7ef0b4,#2bd672) padding-box,
-  linear-gradient(160deg,#d8ffe9,#1f9c62) border-box}
-.rt3d-reqChip.no{color:#ffcfc4;background:rgba(60,20,16,.6) padding-box,var(--redB) border-box}
-.rt3d-detail-buy{margin-top:13px;width:100%;padding:12px;border-radius:11px;text-align:center;
-  font-family:var(--fT);font-size:12px;font-weight:900;letter-spacing:.08em;color:#7fa8c6;
-  border:1px solid transparent;background:var(--panelG2) padding-box,var(--steelB) border-box}
-.rt3d-detail-buy.go{color:#fff;background:linear-gradient(180deg,rgba(46,110,152,.96),rgba(20,52,80,.97)) padding-box,var(--goldB) border-box}
-.rt3d-detail-buy.done{color:#0a2417;background:linear-gradient(180deg,#7ef0b4,#2bd672) padding-box,
-  linear-gradient(160deg,#d8ffe9,#1f9c62) border-box}
 @media (max-width:360px){
-  .rt3d-node{width:68px;margin:-32px 0 0 -34px}
-  .rt3d-stage{height:min(56vh,400px)}
 }

+/* RESEARCH NETWORK — dedicated touch graph and node-detail presentation. */
+.rt3d-wrap{width:min(96vw,430px);margin:0 auto 10px;display:flex;flex-direction:column;gap:8px;color:#dff4ff}
+.rt3d-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:12px;
+  border:1px solid rgba(105,186,235,.3);background:linear-gradient(135deg,rgba(14,35,56,.96),rgba(5,13,24,.98));
+  box-shadow:inset 0 1px rgba(255,255,255,.04)}
+.rt3d-summary small,.rt3d-summary b{display:block;font-family:var(--fT)}
+.rt3d-summary small{font-size:7px;letter-spacing:.2em;color:#77badf}.rt3d-summary b{margin-top:2px;font-size:13px;letter-spacing:.06em}
+.rt3d-summaryStats{display:flex;align-items:flex-end;flex-direction:column;gap:3px;font:800 8px var(--fT);color:#8db5ce}
+.rt3d-summaryStats span{white-space:nowrap}.rt3d-summaryStats i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}
+.rt3d-summaryStats i.ready{background:#45d5ff;box-shadow:0 0 8px #45d5ff}
+.rt3d-queue{padding:10px;border-radius:12px;border:1px solid rgba(110,166,205,.25);
+  background:linear-gradient(180deg,rgba(9,23,38,.96),rgba(4,11,20,.98))}
+.rt3d-queue>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
+.rt3d-queue>header b,.rt3d-queue>header span{display:block}.rt3d-queue>header b{font:900 9px var(--fT);letter-spacing:.15em;color:#a7e8ff}
+.rt3d-queue>header span{margin-top:2px;font-size:8px;color:#7799b1;font-weight:700}.rt3d-queue>header strong{font:900 11px var(--fT);color:#ffd875}
+.rt3d-qslots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
+.rt3d-qslot{position:relative;min-width:0;height:58px;border-radius:9px;border:1px dashed rgba(111,151,181,.28);background:rgba(3,9,17,.64)}
+.rt3d-qslot.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#47647a}
+.rt3d-qslot.empty small{font:900 8px var(--fT)}.rt3d-qslot.empty span{font:800 6px var(--fT);letter-spacing:.08em}
+.rt3d-qslot.filled{border-style:solid;border-color:#637d92;background:linear-gradient(180deg,rgba(21,38,55,.95),rgba(7,16,27,.98))}
+.rt3d-qslot.filled.ready{border-color:#43cfff;box-shadow:inset 0 0 12px rgba(67,207,255,.12)}
+.rt3d-qslot.filled.locked{border-color:#725665}.rt3d-qslot.filled.funding{border-color:#9a783b}
+.rt3d-qinspect{width:100%;height:100%;padding:4px 15px 3px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dff4ff;background:transparent;border:0}
+.rt3d-qinspect small{position:absolute;left:4px;top:3px;font:900 7px var(--fT);color:#6990aa}.rt3d-qinspect span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 6.5px var(--fT)}
+.rt3d-qremove{position:absolute;right:1px;top:1px;z-index:2;width:24px;height:24px;border-radius:7px;color:#ffb4a7;font-size:14px;background:rgba(56,13,16,.72)}
+.rt3d-next{width:100%;min-height:44px;margin-top:7px;border-radius:9px;border:1px solid rgba(110,150,180,.25);font:900 8px var(--fT);letter-spacing:.05em;color:#5c7a90;background:rgba(7,16,27,.8)}
+.rt3d-next.ready{color:#ecfbff;border-color:#40caff;background:linear-gradient(180deg,#236e98,#123a5d);box-shadow:0 0 15px rgba(64,202,255,.16)}
+.rt3d-branchNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
+.rt3d-branchNav button{position:relative;min-width:0;min-height:52px;padding:6px 2px;border-radius:9px;border:1px solid rgba(95,144,180,.3);background:linear-gradient(180deg,rgba(18,35,51,.95),rgba(7,16,27,.98));
+  color:#7498b2;font:800 6.7px var(--fT);letter-spacing:.03em}
+.rt3d-branchNav button>span{display:block;font-size:15px;color:#85cce9}.rt3d-branchNav button small{display:block;margin-top:2px;font-size:7px;color:#55758d}
+.rt3d-branchNav button.on{color:#effcff;border-color:#48cfff;background:linear-gradient(180deg,rgba(33,97,134,.96),rgba(13,42,66,.98));box-shadow:0 0 14px rgba(72,207,255,.16)}
+.rt3d-branchNav button.on small{color:#b7ecff}
+.rt3d-stage{position:relative;height:min(55vh,500px);min-height:390px;overflow:auto;border-radius:14px;overscroll-behavior:contain;
+  touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#296c91 #07111d;
+  border:1px solid rgba(89,154,197,.34);background-color:#06101c;
+  background-image:linear-gradient(rgba(88,151,193,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(88,151,193,.045) 1px,transparent 1px),radial-gradient(circle at 50% 28%,rgba(20,67,96,.5),rgba(4,10,18,.98) 70%);
+  background-size:22px 22px,22px 22px,100% 100%;box-shadow:inset 0 0 30px rgba(0,0,0,.48)}
+.rt3d-world{position:relative;min-width:100%;isolation:isolate}
+.rt3d-band{position:absolute;left:8px;right:8px;border:1px solid rgba(92,151,190,.14);border-radius:12px;background:rgba(9,22,35,.26);pointer-events:none}
+.rt3d-band>span{position:sticky;left:12px;top:5px;display:inline-block;padding:5px 8px;border-radius:7px;background:#081522;border:1px solid rgba(103,160,198,.2);font:900 7px var(--fT);letter-spacing:.14em;color:#62a9d0}
+.rt3d-band.fabrication{border-color:rgba(63,192,255,.18)}.rt3d-band.doctrine{border-color:rgba(255,190,82,.15)}.rt3d-band.xenology{border-color:rgba(170,101,255,.2)}
+.rt3d-links{position:absolute;inset:0;z-index:1;overflow:visible;pointer-events:none}
+.rt3d-links path{fill:none;stroke:#384d60;stroke-width:2;stroke-dasharray:5 5;opacity:.7;transition:stroke .18s,opacity .18s,stroke-width .18s}
+.rt3d-links path.open{stroke:#40bde8;stroke-dasharray:none;filter:drop-shadow(0 0 3px rgba(64,189,232,.5))}
+.rt3d-links path.owned{stroke:#55dc96;stroke-width:2.5;stroke-dasharray:none;filter:drop-shadow(0 0 3px rgba(85,220,150,.55))}
+.rt3d-links path.focus{stroke:#fff2a4;stroke-width:4;opacity:1;filter:drop-shadow(0 0 5px rgba(255,226,110,.8))}
+.rt3d-node{position:absolute;z-index:2;width:126px;height:76px;padding:6px 7px 5px;border-radius:11px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr auto;gap:1px 5px;text-align:left;
+  border:1px solid #536d82;background:linear-gradient(155deg,rgba(26,44,61,.98),rgba(7,16,28,.99));box-shadow:0 6px 15px rgba(0,0,0,.3);color:#dceefa}
+.rt3d-nodeArt{grid-row:1/3;align-self:center;width:34px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(2,8,15,.7);border:1px solid rgba(116,163,194,.2)}
+.rt3d-node>b{align-self:end;display:block;max-height:25px;overflow:hidden;font:900 8px/1.22 var(--fT);letter-spacing:.01em}.rt3d-node>small{align-self:start;font:800 6.5px var(--fT);letter-spacing:.07em;color:#7799b0}
+.rt3d-tier{position:absolute;left:-5px;top:-5px;min-width:22px;height:18px;padding:0 3px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#203244;border:1px solid #657d91;font:900 7px var(--fT);color:#bcd4e5}
+.rt3d-node.owned{border-color:#50dc93;background:linear-gradient(155deg,rgba(17,67,44,.98),rgba(5,24,16,.99));box-shadow:0 5px 16px rgba(62,221,143,.14)}
+.rt3d-node.owned>small{color:#68e1a5}.rt3d-node.ready{border-color:#42cdff;background:linear-gradient(155deg,rgba(24,77,106,.98),rgba(7,27,43,.99));box-shadow:0 5px 18px rgba(66,205,255,.2)}
+.rt3d-node.ready>small{color:#7ce2ff}.rt3d-node.funding{border-color:#a17a36}.rt3d-node.funding>small{color:#e0b15c}.rt3d-node.locked{opacity:.62;filter:saturate(.55)}
+.rt3d-node.locked>small{color:#e18c82}.rt3d-node.selected{z-index:3;border-color:#fff6bd;box-shadow:0 0 0 2px rgba(255,239,143,.55),0 0 22px rgba(255,216,75,.32);opacity:1;filter:none}
+.rt3d-node:active{transform:scale(.97)}
+.rt3d-detail{position:sticky;bottom:0;z-index:8;padding:12px;border-radius:13px;border:1px solid rgba(103,172,215,.35);background:linear-gradient(160deg,rgba(17,38,59,.985),rgba(5,13,24,.995));box-shadow:0 -8px 24px rgba(0,0,0,.44)}
+.rt3d-detailClose{position:absolute;right:8px;top:8px;z-index:2;width:44px;height:44px;border-radius:10px;color:#d6ebf8;border:1px solid #48677d;background:#0a1825;font-size:20px}
+.rt3d-detail.empty{min-height:66px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7295ad}.rt3d-emptyIcon{font-size:28px;color:#4c91b6}
+.rt3d-detail.empty b,.rt3d-detail.empty span{display:block}.rt3d-detail.empty b{font:900 9px var(--fT);letter-spacing:.1em}.rt3d-detail.empty span{margin-top:3px;font-size:9px;font-weight:600}
+.rt3d-detail>header{position:relative;display:flex;align-items:center;gap:9px;padding-right:128px}.rt3d-detailArt{width:50px;height:50px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(2,8,15,.72);border:1px solid rgba(110,165,201,.24)}
+.rt3d-detail header small,.rt3d-detail header b,.rt3d-detail header span{display:block}.rt3d-detail header small{font:800 7px var(--fT);letter-spacing:.12em;color:#65a9cf}.rt3d-detail header b{margin-top:2px;font:900 12px var(--fT);color:#effaff}.rt3d-detail header span{margin-top:2px;font-size:9px;line-height:1.3;color:#8eafc4;font-weight:600}
+.rt3d-detail header em{position:absolute;right:48px;top:0;max-width:78px;padding:5px;border-radius:7px;text-align:center;font:900 6.5px var(--fT);font-style:normal;line-height:1.3;color:#8faabd;border:1px solid #4b6478;background:#0a1724}
+.rt3d-detail.ready header em{color:#caf7ff;border-color:#3dc9ff;background:#10384f}.rt3d-detail.owned header em{color:#caffdf;border-color:#45d98c;background:#103a27}.rt3d-detail.locked header em{color:#ffc2b7;border-color:#8a4d48;background:#32191b}.rt3d-detail.funding header em{color:#ffe0a5;border-color:#9a7432;background:#302512}
+.rt3d-detailLabel{margin:10px 0 5px;font:900 7px var(--fT);letter-spacing:.16em;color:#6e9ebc}.rt3d-prereqs{display:flex;gap:5px;flex-wrap:wrap}.rt3d-prereqs button{min-height:36px;padding:6px 9px;border-radius:8px;font:800 8px var(--fT);color:#ffc0b4;border:1px solid #6f3e3f;background:rgba(45,16,18,.62)}
+.rt3d-prereqs button.ok{color:#a7f1c9;border-color:#347a58;background:rgba(12,46,31,.7)}
+.rt3d-costGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.rt3d-cost{min-width:0;min-height:35px;padding:5px 6px;border-radius:8px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;border:1px solid rgba(102,146,177,.22);background:rgba(3,10,18,.56)}
+.rt3d-cost img,.rt3d-cost>i{grid-row:1/3;align-self:center}.rt3d-cost>i{font-style:normal;color:#77d9ff;text-align:center}.rt3d-cost span{font-size:7px;font-weight:700;color:#7598ae}.rt3d-cost b{font:900 8px var(--fT);color:#e8f7ff}.rt3d-cost.need b{color:#ff9c8e}.rt3d-cost.ok b{color:#80e3ad}
+.rt3d-detailActions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.rt3d-detailActions button{min-height:46px;padding:8px 6px;border-radius:9px;font:900 8px var(--fT);letter-spacing:.04em}
+.rt3d-primary{color:#fff;border:1px solid #54d8ff;background:linear-gradient(180deg,#2878a4,#123b5e);box-shadow:0 0 15px rgba(58,196,246,.16)}.rt3d-primary.locked{color:#6e899d;border-color:#3a5265;background:#101e2b}.rt3d-primary.done{color:#a7f2c8;border-color:#3ca774;background:#133526}
+.rt3d-secondary{color:#b7dbef;border:1px solid #507994;background:linear-gradient(180deg,#172d40,#0b1b2a)}.rt3d-secondary.path{grid-column:1/-1;color:#ffe2a0;border-color:#8c6a2e;background:linear-gradient(180deg,#342a17,#1c170d)}
 @media (max-width:360px){
+  .rt3d-wrap{width:97vw}.rt3d-qslots{gap:3px}.rt3d-qslot{height:54px}.rt3d-qinspect span{font-size:5.8px}.rt3d-stage{height:min(51vh,445px);min-height:350px}
+  .rt3d-detail>header{padding-right:112px}.rt3d-detail header em{max-width:61px}.rt3d-detail header b{font-size:10.5px}.rt3d-detail header span{font-size:8.5px}
 }
+@media (min-width:700px) and (orientation:landscape){
+  .rt3d-wrap{width:min(94vw,760px)}.rt3d-stage{height:min(62vh,560px)}.rt3d-detailActions{grid-template-columns:1.25fr .75fr}.rt3d-costGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
+}
+@media (prefers-reduced-motion:reduce){.rt3d-stage{scroll-behavior:auto}.rt3d-links path,.rt3d-node{transition:none}}

src/styles/store.css CHANGED Viewed

@@ -86,3 +86,100 @@
 .invAct{flex:0 0 66px;min-height:40px;padding:5px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px;
   color:var(--rar);background:rgba(5,11,18,.68);border:1px solid var(--rar);font:800 7.5px var(--fT);letter-spacing:.04em}
 .invItem.locked .invAct{border-color:#607486;color:#8495a3;font-size:6.3px}

 .invAct{flex:0 0 66px;min-height:40px;padding:5px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px;
   color:var(--rar);background:rgba(5,11,18,.68);border:1px solid var(--rar);font:800 7.5px var(--fT);letter-spacing:.04em}
 .invItem.locked .invAct{border-color:#607486;color:#8495a3;font-size:6.3px}
+/* ---- TWO-LAYER ACCOUNT ARMORY / SESSION LOADOUT ---------------------------
+   Isolated `armInv*` names keep this denser interaction model from changing
+   perk rows, Development modules, or the in-match inventory presentation. */
+.armInvLayerHead{display:flex;align-items:stretch;gap:8px;padding:10px;border-radius:12px;text-align:left;
+  border:1px solid rgba(91,177,226,.3);background:linear-gradient(135deg,rgba(21,56,81,.94),rgba(7,16,27,.98));
+  box-shadow:0 5px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07)}
+.armInvLayerHead.session{border-color:rgba(255,205,91,.34);background:linear-gradient(135deg,rgba(67,49,19,.58),rgba(8,17,29,.98))}
+.armInvLayerHead>div:first-child{flex:1;min-width:0}
+.armInvLayerHead i{display:block;color:#70d9ff;font:800 7px var(--fT);font-style:normal;letter-spacing:.17em}
+.armInvLayerHead.session i{color:#ffd86d}
+.armInvLayerHead>div>b{display:block;margin-top:3px;color:#e8f8ff;font:900 15px var(--fT);letter-spacing:.09em}
+.armInvLayerHead>div>span{display:block;margin-top:4px;color:#9abbd1;font-size:10px;font-weight:600;line-height:1.3}
+.armInvCapacity{flex:0 0 88px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:6px;
+  border-radius:9px;text-align:center;background:rgba(3,10,17,.6);border:1px solid rgba(117,196,238,.22)}
+.armInvCapacity b{margin:0!important;color:#8ce7ff!important;font-size:18px!important;letter-spacing:.02em!important;font-variant-numeric:tabular-nums}
+.armInvLayerHead.session .armInvCapacity b{color:#ffe083!important}
+.armInvCapacity span{margin-top:2px!important;color:#779ab1!important;font:800 6.4px var(--fT)!important;letter-spacing:.1em!important}
+.armInvMeters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
+.armInvMeters div{min-width:0;padding:7px 4px;border-radius:8px;text-align:center;background:rgba(10,23,36,.86);border:1px solid rgba(90,147,182,.18)}
+.armInvMeters b{display:block;color:#d9f4ff;font:800 10px var(--fT);font-variant-numeric:tabular-nums}
+.armInvMeters span{display:block;margin-top:2px;color:#6389a2;font:800 6.4px var(--fT);letter-spacing:.08em;white-space:nowrap}
+.armInvFilters{display:flex;gap:5px;max-width:100%;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none;overscroll-behavior-x:contain}
+.armInvFilters::-webkit-scrollbar{display:none}
+.armInvFilter{flex:0 0 auto;min-width:72px;min-height:46px;padding:0 10px;border-radius:9px;color:#789cb5;
+  border:1px solid rgba(99,155,190,.26);background:linear-gradient(180deg,rgba(23,39,56,.96),rgba(8,16,27,.97));
+  font:800 7.5px var(--fT);letter-spacing:.08em;touch-action:manipulation}
+.armInvFilter.on{color:#d8f6ff;border-color:#52cfff;background:linear-gradient(180deg,rgba(37,112,151,.8),rgba(12,45,70,.96));box-shadow:0 0 10px rgba(65,200,255,.28)}
+.armInvPreview{--rar:#aeb9c6;display:grid;grid-template-columns:58px minmax(0,1fr) 82px;gap:8px;align-items:center;padding:10px;border-radius:13px;text-align:left;
+  border:1px solid var(--rar);border-left:4px solid var(--rar);background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--rar) 18%,transparent),transparent 36%),linear-gradient(145deg,rgba(27,42,58,.98),rgba(5,12,21,.99));
+  box-shadow:0 4px 15px rgba(0,0,0,.48),0 0 14px color-mix(in srgb,var(--rar) 16%,transparent)}
+.armInvPreviewArt{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:10px;
+  background:rgba(2,8,14,.55);box-shadow:inset 0 0 12px color-mix(in srgb,var(--rar) 22%,transparent)}
+.armInvPreviewArt .itemArt{width:54px!important;height:54px!important;object-fit:contain}
+.armInvPreviewInfo{min-width:0}.armInvPreviewInfo i{display:block;color:var(--rar);font:800 6.8px var(--fT);font-style:normal;letter-spacing:.1em}
+.armInvPreviewInfo b{display:block;margin-top:3px;color:#f1faff;font:900 13px var(--fT);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.armInvPreviewInfo span{display:block;margin-top:4px;color:#799bb2;font:700 7px var(--fT);letter-spacing:.07em}
+.armInvExact{align-self:stretch;min-width:0;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:9px;
+  background:rgba(2,8,14,.67);border:1px solid color-mix(in srgb,var(--rar) 45%,transparent)}
+.armInvExact span{color:#7697ad;font:800 5.8px var(--fT);letter-spacing:.08em}.armInvExact b{margin-top:2px;color:var(--rar);font:900 15px var(--fT)}
+.armInvExact i{margin-top:2px;color:#bad2e1;font:800 5.8px var(--fT);font-style:normal;letter-spacing:.05em}
+.armInvPreview p{grid-column:1/-1;margin:0;color:#acc7d8;font-size:10.5px;font-weight:600;line-height:1.35}
+.armInvCompare{grid-column:1/-1;padding:6px 8px;border-radius:7px;color:#d0e9f5;background:rgba(51,102,132,.18);
+  border-left:2px solid var(--rar);font:800 7px var(--fT);letter-spacing:.055em;line-height:1.35}
+.armInvCommit{grid-column:1/-1;min-height:48px;border-radius:9px;color:#081018;border:1px solid transparent;
+  background:linear-gradient(180deg,color-mix(in srgb,var(--rar) 74%,white),var(--rar));font:900 9px var(--fT);letter-spacing:.1em;touch-action:manipulation}
+.armInvCommit.disabled{color:#637889;border-color:#526575;background:rgba(19,30,41,.85)}
+.armInvPreview small{grid-column:1/-1;color:#6f90a6;font-size:9px;font-weight:600;line-height:1.35;text-align:center}
+.armInvSectionLabel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 2px}
+.armInvSectionLabel b{color:#93ddfa;font:800 8px var(--fT);letter-spacing:.14em}.armInvSectionLabel span{color:#607f94;font:800 6.5px var(--fT);letter-spacing:.07em}
+.armVaultList{display:flex;flex-direction:column;gap:6px}
+.armVaultItem{--rar:#aeb9c6;width:100%;min-height:68px;display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:10px;text-align:left;
+  color:inherit;border:1px solid rgba(105,149,178,.23);border-left:3px solid var(--rar);background:linear-gradient(180deg,rgba(25,39,54,.96),rgba(7,14,23,.98));
+  box-shadow:0 3px 8px rgba(0,0,0,.38);touch-action:manipulation}
+.armVaultItem.selected{border-color:var(--rar);box-shadow:0 0 12px color-mix(in srgb,var(--rar) 34%,transparent),inset 0 1px 0 rgba(255,255,255,.08)}
+.armVaultItem.equipped{background:linear-gradient(90deg,color-mix(in srgb,var(--rar) 13%,rgba(15,28,42,.98)),rgba(7,14,23,.98))}
+.armVaultItem.locked{opacity:.42;filter:saturate(.35)}
+.armVaultArt{flex:0 0 42px;height:44px;display:flex;align-items:center;justify-content:center}.armVaultArt .itemArt{width:40px!important;height:40px!important;object-fit:contain}
+.armVaultCopy{flex:1;min-width:0}.armVaultCopy i{display:block;color:var(--rar);font:800 6.7px var(--fT);font-style:normal;letter-spacing:.1em}
+.armVaultCopy b{display:block;margin-top:2px;color:#e9f7ff;font:800 10.5px var(--fT);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.armVaultCopy em{display:block;margin-top:3px;color:#93b5ca;font-size:9px;font-weight:700;font-style:normal}
+.armVaultState{flex:0 0 65px;min-height:34px;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:7px;text-align:center;
+  color:var(--rar);background:rgba(2,8,14,.56);border:1px solid color-mix(in srgb,var(--rar) 60%,transparent);font:800 6.5px var(--fT);letter-spacing:.05em}
+.armInvEmpty{padding:18px 12px;border-radius:10px;text-align:center;background:rgba(10,22,35,.74);border:1px dashed rgba(95,153,189,.3)}
+.armInvEmpty b{display:block;color:#a6cadd;font:800 9px var(--fT);letter-spacing:.1em}.armInvEmpty span{display:block;margin-top:4px;color:#6d8da2;font-size:9.5px;font-weight:600}
+.armLoadoutRule{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:9px;text-align:left;
+  background:linear-gradient(90deg,rgba(111,77,20,.35),rgba(11,24,38,.88));border-left:3px solid #ffd567}
+.armLoadoutRule b{color:#ffe08a;font:900 8px var(--fT);letter-spacing:.1em;white-space:nowrap}.armLoadoutRule span{color:#a9bdc9;font-size:9px;font-weight:600;text-align:right}
+.armLoadoutGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
+.armLoadSlot{--rar:#758da0;min-width:0;min-height:126px;display:flex;flex-direction:column;padding:8px;border-radius:11px;text-align:left;
+  border:1px solid color-mix(in srgb,var(--rar) 48%,transparent);border-top:3px solid var(--rar);background:linear-gradient(150deg,color-mix(in srgb,var(--rar) 10%,rgba(20,34,48,.98)),rgba(5,12,20,.99));box-shadow:0 4px 10px rgba(0,0,0,.4)}
+.armLoadSlot.empty{border-style:dashed;opacity:.86}.armLoadSlotTop{display:flex;justify-content:space-between;gap:5px}.armLoadSlotTop i{color:var(--rar);font:900 7px var(--fT);font-style:normal;letter-spacing:.1em}
+.armLoadSlotTop span{color:#6c8da3;font:800 6px var(--fT);letter-spacing:.07em}.armLoadSlot>b{margin-top:14px;color:#99b6c8;font:800 9px var(--fT)}
+.armLoadSlot>small{display:block;margin-top:4px;color:#6e8da1;font-size:8px;font-weight:600;line-height:1.25}
+.armLoadEquipped{display:flex;align-items:center;gap:6px;margin-top:8px;min-width:0}.armLoadEquipped>span{flex:0 0 38px;height:38px;display:flex;align-items:center;justify-content:center}
+.armLoadEquipped .itemArt{width:36px!important;height:36px!important;object-fit:contain}.armLoadEquipped>div{min-width:0}.armLoadEquipped b{display:block;color:#edf9ff;font:800 9px var(--fT);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.armLoadEquipped em{display:block;margin-top:3px;color:var(--rar);font-size:7.8px;font-weight:800;font-style:normal;line-height:1.2}
+.armLoadSlot button{width:100%;min-height:44px;margin-top:auto;border-radius:8px;color:var(--rar);border:1px solid color-mix(in srgb,var(--rar) 68%,transparent);
+  background:rgba(4,10,17,.7);font:900 7px var(--fT);letter-spacing:.09em;touch-action:manipulation}
+.armLoadSlot.empty button{color:#9bdfff;border-color:#3aaedc;background:rgba(25,83,111,.25)}
+.armMissionPackage{padding:9px;border-radius:12px;text-align:left;background:linear-gradient(160deg,rgba(18,35,51,.96),rgba(5,12,20,.99));border:1px solid rgba(91,153,190,.24)}
+.armMissionFx{--rar:#aeb9c6;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 4px;border-bottom:1px solid rgba(99,142,168,.13)}
+.armMissionFx>i{width:7px;height:7px;border-radius:50%;background:var(--rar);box-shadow:0 0 6px var(--rar)}.armMissionFx div{min-width:0}
+.armMissionFx div b{display:block;color:#dceef7;font:800 8.5px var(--fT);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.armMissionFx div span{display:block;margin-top:2px;color:#698ba0;font:700 6px var(--fT);letter-spacing:.07em}
+.armMissionFx strong{max-width:115px;color:var(--rar);font:800 7.5px var(--fT);text-align:right}.armMissionPackage>p{margin:8px 3px 1px;color:#738fa2;font-size:8.5px;font-weight:600;line-height:1.35;text-align:center}
+.armReturnVault{min-height:48px;border-radius:9px;color:#b9ecff;border:1px solid #46bde9;background:linear-gradient(180deg,rgba(37,100,135,.7),rgba(12,39,61,.94));
+  font:900 8px var(--fT);letter-spacing:.11em;touch-action:manipulation}
+@media(max-width:350px){
+  .armInvPreview{grid-template-columns:50px minmax(0,1fr) 72px;padding:8px;gap:6px}
+  .armInvPreviewArt,.armInvPreviewArt .itemArt{width:48px!important;height:48px!important}
+  .armInvCapacity{flex-basis:78px}.armLoadoutGrid{grid-template-columns:1fr}
+}

src/styles/tutorial.css CHANGED Viewed

@@ -82,6 +82,15 @@
 #keelTxt{
   margin-top:2px; font-size:12.5px; line-height:1.36; font-weight:600; color:#eaf7ff;
 }
 #keelNext{
   display:none;align-items:center;justify-content:center;min-width:92px;min-height:44px;margin-top:8px;padding:8px 15px;
@@ -181,5 +190,6 @@
   #keelBar{ transition:none; }
   #keelBar.pulse{ animation:none; }
   #keelBar.pulse #keelBadge .kr1,#keelBar.pulse #keelBadge .kr2{ animation:none; }
   .keelFocus,#keelMapCue{animation:none!important}
 }

 #keelTxt{
   margin-top:2px; font-size:12.5px; line-height:1.36; font-weight:600; color:#eaf7ff;
 }
+#keelProgress{
+  height:3px;margin-top:7px;border-radius:4px;overflow:hidden;background:rgba(4,12,20,.78);
+  box-shadow:inset 0 0 0 1px rgba(120,205,242,.16);
+}
+#keelProgress i{
+  display:block;width:0;height:100%;border-radius:inherit;
+  background:linear-gradient(90deg,#42c9ff,#ffe06b);box-shadow:0 0 7px rgba(88,205,255,.62);
+  transition:width .3s ease;
+}
 #keelNext{
   display:none;align-items:center;justify-content:center;min-width:92px;min-height:44px;margin-top:8px;padding:8px 15px;
   #keelBar{ transition:none; }
   #keelBar.pulse{ animation:none; }
   #keelBar.pulse #keelBadge .kr1,#keelBar.pulse #keelBadge .kr2{ animation:none; }
+  #keelProgress i{transition:none}
   .keelFocus,#keelMapCue{animation:none!important}
 }

src/styles/ui.css CHANGED Viewed

@@ -52,18 +52,30 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
   border:1px solid transparent;background:var(--panelG) padding-box,var(--steelB) border-box;
   box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);
   clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
-.res .ic{width:15px;height:15px;border-radius:4px;border:1px solid rgba(255,255,255,.35)}
 .res b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;letter-spacing:.02em}
 .res .rate{font-size:11px;opacity:.85;font-variant-numeric:tabular-nums;font-weight:600}
-#massIc{background:linear-gradient(160deg,#a8ffd0,#2bd672 60%,#0d7a3c);box-shadow:0 0 7px var(--green)}
-#enIc{background:linear-gradient(160deg,#ffefb0,#ffd257 60%,#a97d12);box-shadow:0 0 7px var(--gold)}
-#unitRes .ic{background:linear-gradient(160deg,#b8e9ff,#41c8ff 60%,#136a94);box-shadow:0 0 7px var(--cy)}
 #fps{margin-left:auto;padding:3px 9px;font-size:11px;opacity:.9;border-radius:8px;font-weight:600;
   border:1px solid transparent;background:var(--panelG) padding-box,var(--steelB) border-box}
 #menuBtn,#spdBtn{pointer-events:auto;color:#dfeeff;border-radius:9px;padding:4px 12px;font-size:15px;
   border:1px solid transparent;background:var(--panelG2) padding-box,var(--steelB) border-box;
-  box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}
 #spdBtn{font-size:12px;font-weight:800;font-family:var(--fT);padding:5px 8px}
 /* ---------- ALERT / TOAST ---------- */
 /* z-index 110, not 20. Overlays (menus, profile, settings, armory) sit at 50,
@@ -193,8 +205,11 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
 #wcRow{position:absolute;top:calc(var(--sat) + 36px);right:8px;z-index:9;display:none;gap:4px;align-items:center;
   border:1px solid transparent;background:var(--panelG) padding-box,var(--redB) border-box;
   border-radius:9px;padding:2px 8px;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.5)}
-.wcChip{font-size:15px}
 .wcMult{font-size:11px;color:#ffb0a2;font-weight:700;font-family:var(--fT)}
 /* ---------- OBJECTIVE / CLOCK BAR ---------- */
 #goalBar{position:absolute;top:calc(var(--sat) + 36px);left:50%;transform:translateX(-50%);z-index:9;display:none;
@@ -290,6 +305,28 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
   width:max-content;max-width:min(96vw,398px);max-height:min(56vh,56dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;
   clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
 #buildMenu .grid,#prodMenu .grid{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
 .bcard{width:84px;border-radius:10px;padding:6px 3px 5px;display:flex;flex-direction:column;align-items:center;gap:2px;
   font-size:10.5px;pointer-events:auto;position:relative;overflow:hidden;
   border:1px solid transparent;background:linear-gradient(180deg,rgba(30,46,64,.95),rgba(13,21,33,.97)) padding-box,var(--steelB) border-box;
@@ -323,6 +360,10 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
   border:1px solid transparent;background:var(--panelG2) padding-box,var(--steelB) border-box;font-family:var(--fU);text-transform:uppercase}
 #upBtn{color:var(--gold);background:linear-gradient(180deg,rgba(64,48,14,.95),rgba(30,22,6,.97)) padding-box,var(--goldB) border-box}
 #repeatBtn.on{color:var(--green);box-shadow:0 0 9px rgba(93,255,154,.35)}
 /* ---------- PLACEMENT CONFIRM ---------- */
 #placeUI{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--sab) + 68px);z-index:12;display:none;gap:12px}
@@ -441,6 +482,12 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
 .goBreak span{padding:3px 6px;border-radius:6px;font-family:var(--fU);font-size:9px;letter-spacing:.04em;
   color:#9fc6e0;background:rgba(22,38,56,.8);border:1px solid rgba(110,165,205,.22)}
 .goBreak b{color:#ffe9ad}.goData{margin-top:7px;color:#9dffcf;font-size:12px;letter-spacing:.08em}
 .goData small{display:block;color:#7fb29c;font:600 9px var(--fU);letter-spacing:.03em}.goData.muted{color:#7f9aab;font-size:10px}
 /* ---------- META HEADER ---------- */
@@ -654,11 +701,11 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
   background:var(--panelG2) padding-box,var(--steelB) border-box}
 .setupAdv.on{color:#fff;background:linear-gradient(180deg,rgba(46,110,152,.96),rgba(20,52,80,.97)) padding-box,
   linear-gradient(160deg,#c6f2ff,#41c8ff 40%,#10465f 70%,#8fe0ff) border-box}
-.setupTabs{flex:0 0 auto;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;
   padding:0 calc(var(--sar) + 14px) 10px calc(var(--sal) + 14px);
   background:rgba(6,12,22,.98);z-index:4}
-.setupTabBtn{min-width:0;min-height:48px;padding:9px 4px;border-radius:9px;font-family:var(--fT);
-  font-size:9px;letter-spacing:.08em;font-weight:800;color:#789bb5;border:1px solid rgba(120,170,205,.24);
   background:linear-gradient(180deg,rgba(23,36,53,.96),rgba(9,17,28,.97))}
 .setupTabBtn.on{color:#f0fbff;border-color:#41c8ff;background:linear-gradient(180deg,rgba(43,113,154,.9),rgba(15,44,68,.96));
   box-shadow:0 0 12px rgba(65,200,255,.25)}
@@ -677,6 +724,14 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
   display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}
 .optGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .optGrid .dbtn{min-width:0}
 .secHint{margin-top:11px;font-size:11.5px;line-height:1.4;color:#8fb3cc;font-weight:600;text-align:left}
 .secHint.danger{color:#c98d80}
 .advWrap{display:contents!important}
@@ -684,7 +739,8 @@ canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-a
 #setupScr:not(.setupAll)[data-tab="map"] [data-setup-tab]:not([data-setup-tab="map"]),
 #setupScr:not(.setupAll)[data-tab="forces"] [data-setup-tab]:not([data-setup-tab="forces"]),
 #setupScr:not(.setupAll)[data-tab="rules"] [data-setup-tab]:not([data-setup-tab="rules"]),
-#setupScr:not(.setupAll)[data-tab="economy"] [data-setup-tab]:not([data-setup-tab="economy"]){display:none}
 .setupFoot{flex:0 0 auto;width:100%;display:flex;gap:10px;align-items:center;justify-content:center;
   /* Some Android WebViews report a zero bottom inset while still drawing a
      3-button/navigation shelf. The 54px floor is the physical escape hatch:
@@ -1276,18 +1332,41 @@ body.menuMode #fps,body.menuMode #atkAlert,body.menuMode #waveAlert{display:none
   box-shadow:0 0 14px rgba(255,106,85,.35)}
 .thBtn.on b{color:#fff} .thBtn.on span{color:#ffb0a2}
 .thBtn.lock{opacity:.34}
-#opModRow{display:flex;flex-direction:column;gap:7px}
-.opMod{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;text-align:left;
   border:1px solid transparent;
   background:linear-gradient(180deg,rgba(20,30,46,.92),rgba(10,17,28,.94)) padding-box,
              linear-gradient(160deg,rgba(120,170,205,.24),rgba(30,60,88,.14)) border-box}
 .opMod.on{background:linear-gradient(180deg,rgba(58,20,16,.94),rgba(28,10,8,.96)) padding-box,
              linear-gradient(160deg,rgba(255,150,130,.5),rgba(90,30,22,.3)) border-box}
 .opTx{flex:1;min-width:0}
 .opTx b{display:block;font-family:var(--fT);font-size:11.5px;color:#eaf7ff;letter-spacing:.04em}
 .opTx span{display:block;font-size:10px;color:#8fb3cc;font-weight:600;margin-top:2px}
-.opRw{flex:0 0 auto;font-family:var(--fT);font-size:11px;font-weight:900;color:#7fa8c6}
 .opMod.on .opRw{color:#ffb0a2}
 #opPayout{margin-top:11px;text-align:center;font-family:var(--fT);font-size:11px;letter-spacing:.14em;
   color:#8fb3cc;font-weight:800}
 #opPayout b{color:#ffe9ad;font-size:15px}
@@ -1486,6 +1565,16 @@ body.menuMode #fps,body.menuMode #atkAlert,body.menuMode #waveAlert{display:none
 .facUnit b{display:block;font-family:var(--fT);font-size:10px;letter-spacing:.09em;color:#eaf4ff}
 .facUnit span{display:block;margin-top:1px;font-size:8.5px;font-weight:800;letter-spacing:.05em;color:var(--fc)}
 .facUnit i{display:block;margin-top:3px;font-size:9px;font-style:normal;line-height:1.4;color:#93b0c6;font-weight:600}
 .facBonus{margin-top:9px;padding:8px 9px;border-radius:8px;font-size:10px;line-height:1.45;
   color:#c3dcee;font-weight:600;background:color-mix(in srgb,var(--fc) 11%,rgba(4,9,16,.7));
   border:1px solid color-mix(in srgb,var(--fc) 28%,transparent)}
@@ -1548,11 +1637,17 @@ body.godMode #godBadge{display:flex}
 .setRow[data-set="godMode"] .sTx b{color:#ffe08a}
 @media (max-width:600px) and (orientation:portrait){
-  #topbar{left:var(--sal);right:var(--sar);gap:4px;padding:5px 6px;font-size:12px}
-  .res{gap:4px;padding:3px 6px 3px 4px;border-radius:8px}
-  .res b{font-size:13px}.res .rate{font-size:9px}.res .ic{width:14px;height:14px}
-  #menuBtn,#spdBtn{padding:7px 10px;min-width:44px;min-height:44px}#fps{display:none!important}
-  body.godMode #godBadge{position:fixed;top:calc(var(--sat) + 42px);right:calc(var(--sar) + 8px);z-index:12}
   #cmdbar{left:0;right:0;bottom:0;width:auto;gap:5px;align-items:flex-end;
     padding:7px calc(var(--sar) + 8px) max(calc(var(--sab) + 8px),46px) calc(var(--sal) + 8px);
@@ -1580,7 +1675,87 @@ body.godMode #godBadge{display:flex}
   #placeUI{bottom:max(calc(var(--sab) + 160px),200px);gap:7px}
   #placeUI .cbtn{width:52px;height:52px;font-size:22px}
   #placeRotL,#placeRotR{width:46px!important;height:46px!important}
-  #goalBar{max-width:calc(100vw - var(--sal) - var(--sar) - 16px);overflow:hidden;text-overflow:ellipsis}
-  #heroBar{left:calc(var(--sal) + 8px);right:auto;max-width:55vw}
   #atkAlert,#waveAlert{max-width:calc(100vw - var(--sal) - var(--sar) - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 }

   border:1px solid transparent;background:var(--panelG) padding-box,var(--steelB) border-box;
   box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);
   clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
+.res .ic{position:relative;isolation:isolate;flex:0 0 auto;width:18px;height:18px;overflow:hidden;border-radius:5px;
+  border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px 2px rgba(255,255,255,.28),0 0 8px currentColor}
+.res .ic::after{content:'';position:absolute;z-index:1;inset:3px;background:#f5fbff;
+  filter:drop-shadow(0 1px 1px rgba(0,0,0,.68)) drop-shadow(0 0 2px rgba(255,255,255,.72))}
+#massIc::after{clip-path:polygon(50% 0,92% 25%,78% 88%,22% 88%,8% 25%)}
+#enIc::after{clip-path:polygon(56% 0,25% 50%,48% 50%,35% 100%,78% 40%,55% 40%)}
+#unitRes .ic::after{inset:2px;background:
+  radial-gradient(circle at 50% 26%,#f5fbff 0 18%,transparent 20%),
+  radial-gradient(ellipse at 50% 90%,#f5fbff 0 43%,transparent 45%)}
 .res b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;letter-spacing:.02em}
 .res .rate{font-size:11px;opacity:.85;font-variant-numeric:tabular-nums;font-weight:600}
+#massIc{color:#5dff9a;background:linear-gradient(160deg,#45f194,#159952 62%,#063d23)}
+#enIc{color:#ffd257;background:linear-gradient(160deg,#ffe786,#d29d22 62%,#654607)}
+#unitRes .ic{color:#41c8ff;background:linear-gradient(160deg,#7fe0ff,#248dbb 62%,#0a405e)}
 #fps{margin-left:auto;padding:3px 9px;font-size:11px;opacity:.9;border-radius:8px;font-weight:600;
   border:1px solid transparent;background:var(--panelG) padding-box,var(--steelB) border-box}
 #menuBtn,#spdBtn{pointer-events:auto;color:#dfeeff;border-radius:9px;padding:4px 12px;font-size:15px;
+  min-width:44px;min-height:44px;
   border:1px solid transparent;background:var(--panelG2) padding-box,var(--steelB) border-box;
+  box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .08s ease,filter .08s ease,box-shadow .08s ease}
 #spdBtn{font-size:12px;font-weight:800;font-family:var(--fT);padding:5px 8px}
+#menuBtn:active,#spdBtn:active{transform:translateY(1px) scale(.96);filter:brightness(1.28);
+  box-shadow:0 1px 3px rgba(0,0,0,.62),inset 0 2px 7px rgba(0,0,0,.38)}
+#menuBtn:focus-visible,#spdBtn:focus-visible{outline:2px solid #8ee5ff;outline-offset:2px}
 /* ---------- ALERT / TOAST ---------- */
 /* z-index 110, not 20. Overlays (menus, profile, settings, armory) sit at 50,
 #wcRow{position:absolute;top:calc(var(--sat) + 36px);right:8px;z-index:9;display:none;gap:4px;align-items:center;
   border:1px solid transparent;background:var(--panelG) padding-box,var(--redB) border-box;
   border-radius:9px;padding:2px 8px;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.5)}
+.wcChip{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:7px;font-size:15px;
+  color:#fff;border:1px solid rgba(255,190,171,.42);background:linear-gradient(180deg,rgba(98,45,39,.9),rgba(36,17,22,.94));
+  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 4px rgba(0,0,0,.45);filter:saturate(1.18) contrast(1.08)}
 .wcMult{font-size:11px;color:#ffb0a2;font-weight:700;font-family:var(--fT)}
+#wcRow:active{filter:brightness(1.2)}
 /* ---------- OBJECTIVE / CLOCK BAR ---------- */
 #goalBar{position:absolute;top:calc(var(--sat) + 36px);left:50%;transform:translateX(-50%);z-index:9;display:none;
   width:max-content;max-width:min(96vw,398px);max-height:min(56vh,56dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;
   clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
 #buildMenu .grid,#prodMenu .grid{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
+.menuRoleBrief{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);min-height:116px;
+  margin:7px 0 9px;overflow:hidden;border-radius:11px;border:1px solid rgba(88,189,238,.27);
+  background:linear-gradient(115deg,rgba(15,39,60,.96),rgba(8,18,30,.98));
+  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 13px rgba(0,0,0,.3)}
+.menuRoleBrief::after{content:'';position:absolute;inset:0;pointer-events:none;background:
+  linear-gradient(105deg,transparent 48%,rgba(65,200,255,.04) 48.5%,transparent 49%),
+  radial-gradient(circle at 88% 10%,rgba(65,200,255,.13),transparent 45%)}
+.menuRoleVisual{min-width:0;min-height:116px;border-right:1px solid rgba(88,189,238,.2);z-index:1}
+.menuRoleVisual .mfIntelPreview{height:100%;min-height:116px;border:0;border-radius:0;background:transparent}
+.menuRoleVisual .mfIntelPreviewTag{font-size:6px;top:5px;left:5px}
+.menuRoleCopy{position:relative;z-index:2;min-width:0;padding:8px 9px 7px;display:flex;flex-direction:column;align-items:flex-start}
+.menuRoleEyebrow{width:100%;display:flex;align-items:center;gap:5px;color:#7fdfff;
+  font:800 7px/1 var(--fT);letter-spacing:.1em;text-transform:uppercase}
+.menuRoleEyebrow>b{margin-left:auto;color:#7c9bb0;font-size:6px;white-space:nowrap}
+.menuRoleCopy>strong{margin-top:6px;color:#effaff;font:800 13px/1 var(--fT);letter-spacing:.08em;text-transform:uppercase}
+.menuRoleCopy>p{margin:5px 0 0;color:#b9cedc;font-size:8.5px;line-height:1.3}
+.menuRoleDoctrine{margin-top:5px;color:#ffd66f;font:800 7px/1.2 var(--fT);letter-spacing:.055em}
+.menuRoleDoctrine>span{margin-right:5px;color:#6f9bb6}
+.menuRoleCopy>small{margin-top:4px;color:#f0a99b;font-size:7px;line-height:1.2}
+.menuRoleInspect{margin-top:auto;min-height:31px;padding:5px 9px;border-radius:6px;color:#9eeaff;
+  border:1px solid rgba(95,198,244,.32);background:rgba(24,66,91,.62);font:800 7px/1 var(--fT);letter-spacing:.08em}
+.menuRoleInspect:active{background:rgba(45,114,151,.84);transform:scale(.97)}
 .bcard{width:84px;border-radius:10px;padding:6px 3px 5px;display:flex;flex-direction:column;align-items:center;gap:2px;
   font-size:10.5px;pointer-events:auto;position:relative;overflow:hidden;
   border:1px solid transparent;background:linear-gradient(180deg,rgba(30,46,64,.95),rgba(13,21,33,.97)) padding-box,var(--steelB) border-box;
   border:1px solid transparent;background:var(--panelG2) padding-box,var(--steelB) border-box;font-family:var(--fU);text-transform:uppercase}
 #upBtn{color:var(--gold);background:linear-gradient(180deg,rgba(64,48,14,.95),rgba(30,22,6,.97)) padding-box,var(--goldB) border-box}
 #repeatBtn.on{color:var(--green);box-shadow:0 0 9px rgba(93,255,154,.35)}
+@media(max-width:365px){
+  .menuRoleBrief{grid-template-columns:96px minmax(0,1fr)}
+  .menuRoleCopy>p{font-size:8px}.menuRoleCopy>small{display:none}
+}
 /* ---------- PLACEMENT CONFIRM ---------- */
 #placeUI{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--sab) + 68px);z-index:12;display:none;gap:12px}
 .goBreak span{padding:3px 6px;border-radius:6px;font-family:var(--fU);font-size:9px;letter-spacing:.04em;
   color:#9fc6e0;background:rgba(22,38,56,.8);border:1px solid rgba(110,165,205,.22)}
 .goBreak b{color:#ffe9ad}.goData{margin-top:7px;color:#9dffcf;font-size:12px;letter-spacing:.08em}
+.goBreak.research{padding-top:7px;border-top:1px solid rgba(95,181,215,.18)}
+.goBreak.research strong{flex:0 0 100%;text-align:center;color:#79d9ff;font:800 7px var(--fT);letter-spacing:.15em}
+.goAccountSalvage{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 1px 6px;
+  color:#9fffc4;font:800 8px var(--fT);letter-spacing:.13em}
+.goAccountSalvage small{color:#789aae;font:600 7px var(--fU);letter-spacing:.02em;text-transform:none}
+.goResourceGrid.account .goRes{border-color:rgba(95,225,156,.2);background:rgba(12,38,32,.64)}
 .goData small{display:block;color:#7fb29c;font:600 9px var(--fU);letter-spacing:.03em}.goData.muted{color:#7f9aab;font-size:10px}
 /* ---------- META HEADER ---------- */
   background:var(--panelG2) padding-box,var(--steelB) border-box}
 .setupAdv.on{color:#fff;background:linear-gradient(180deg,rgba(46,110,152,.96),rgba(20,52,80,.97)) padding-box,
   linear-gradient(160deg,#c6f2ff,#41c8ff 40%,#10465f 70%,#8fe0ff) border-box}
+.setupTabs{flex:0 0 auto;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;
   padding:0 calc(var(--sar) + 14px) 10px calc(var(--sal) + 14px);
   background:rgba(6,12,22,.98);z-index:4}
+.setupTabBtn{min-width:0;min-height:48px;padding:9px 2px;border-radius:9px;font-family:var(--fT);
+  font-size:8px;letter-spacing:.045em;font-weight:800;color:#789bb5;border:1px solid rgba(120,170,205,.24);
   background:linear-gradient(180deg,rgba(23,36,53,.96),rgba(9,17,28,.97))}
 .setupTabBtn.on{color:#f0fbff;border-color:#41c8ff;background:linear-gradient(180deg,rgba(43,113,154,.9),rgba(15,44,68,.96));
   box-shadow:0 0 12px rgba(65,200,255,.25)}
   display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}
 .optGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .optGrid .dbtn{min-width:0}
+#battleScaleRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
+#battleScaleRow .bsbtn{min-width:0;min-height:68px;padding:8px 4px;flex-direction:column;gap:2px}
+#battleScaleRow .bsbtn b{font-family:var(--fT);font-size:10px;letter-spacing:.07em;color:#e8f6ff}
+#battleScaleRow .bsbtn span{font-family:var(--fT);font-size:9px;letter-spacing:.04em;color:#79b9df}
+#battleScaleRow .bsbtn small{font-size:8px;font-weight:800;letter-spacing:.04em;color:#718ca0}
+#battleScaleRow .bsbtn.on b{color:#fff}
+#battleScaleRow .bsbtn.on span{color:#9deaff}
+#battleScaleRow .bsbtn.on small{color:#c8f3ff}
 .secHint{margin-top:11px;font-size:11.5px;line-height:1.4;color:#8fb3cc;font-weight:600;text-align:left}
 .secHint.danger{color:#c98d80}
 .advWrap{display:contents!important}
 #setupScr:not(.setupAll)[data-tab="map"] [data-setup-tab]:not([data-setup-tab="map"]),
 #setupScr:not(.setupAll)[data-tab="forces"] [data-setup-tab]:not([data-setup-tab="forces"]),
 #setupScr:not(.setupAll)[data-tab="rules"] [data-setup-tab]:not([data-setup-tab="rules"]),
+#setupScr:not(.setupAll)[data-tab="economy"] [data-setup-tab]:not([data-setup-tab="economy"]),
+#setupScr:not(.setupAll)[data-tab="modifiers"] [data-setup-tab]:not([data-setup-tab="modifiers"]){display:none}
 .setupFoot{flex:0 0 auto;width:100%;display:flex;gap:10px;align-items:center;justify-content:center;
   /* Some Android WebViews report a zero bottom inset while still drawing a
      3-button/navigation shelf. The 54px floor is the physical escape hatch:
   box-shadow:0 0 14px rgba(255,106,85,.35)}
 .thBtn.on b{color:#fff} .thBtn.on span{color:#ffb0a2}
 .thBtn.lock{opacity:.34}
+#opModRow{display:flex;flex-direction:column;gap:8px}
+.opMod{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:96px;padding:7px 10px 7px 7px;border-radius:12px;text-align:left;overflow:hidden;
+  cursor:pointer;touch-action:manipulation;
   border:1px solid transparent;
   background:linear-gradient(180deg,rgba(20,30,46,.92),rgba(10,17,28,.94)) padding-box,
              linear-gradient(160deg,rgba(120,170,205,.24),rgba(30,60,88,.14)) border-box}
+.opMod::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 58%,rgba(112,184,224,.035) 58.5% 59%,transparent 59.5%)}
 .opMod.on{background:linear-gradient(180deg,rgba(58,20,16,.94),rgba(28,10,8,.96)) padding-box,
              linear-gradient(160deg,rgba(255,150,130,.5),rgba(90,30,22,.3)) border-box}
+.opModArt{position:relative;align-self:stretch;min-height:80px;overflow:hidden;border-radius:9px;border:1px solid rgba(126,181,215,.25);
+  background-image:url('../../assets/modifiers/modifier-art-atlas-v1.png');background-size:500% 200%;background-position:var(--opx) var(--opy);background-repeat:no-repeat;
+  box-shadow:inset 0 0 18px rgba(0,0,0,.28),0 4px 10px rgba(0,0,0,.28)}
+.opModArt::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(5,12,21,.18)),linear-gradient(180deg,rgba(82,180,228,.03),rgba(1,5,10,.25));pointer-events:none}
+.opModArt i{position:absolute;left:6px;bottom:6px;width:18px;height:3px;border-radius:2px;background:#69caef;box-shadow:0 0 8px #55c4ee;opacity:.8}
+.opMod.on .opModArt{border-color:rgba(255,139,110,.64);box-shadow:inset 0 0 20px rgba(92,17,8,.1),0 0 15px rgba(255,89,58,.2)}
+.opMod.on .opModArt i{background:#ff8a70;box-shadow:0 0 8px #ff6248}
+.opMod.lock{cursor:not-allowed;opacity:.68}
+.opMod.lock .opModArt{filter:saturate(.38) brightness(.62)}
+.opMod.lock .opModArt::before{content:"🔒";position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(3,8,14,.82);border:1px solid rgba(190,211,224,.25);font-size:15px}
+.opMod.lock .opRw{color:#526b7d}
 .opTx{flex:1;min-width:0}
 .opTx b{display:block;font-family:var(--fT);font-size:11.5px;color:#eaf7ff;letter-spacing:.04em}
 .opTx span{display:block;font-size:10px;color:#8fb3cc;font-weight:600;margin-top:2px}
+.opUnlock{display:block;margin-top:5px;color:#f0ad86;font:800 8px var(--fT);letter-spacing:.055em;line-height:1.25}
+.opUnlock.earned{color:#70d9a4}
+.opRw{position:relative;z-index:1;align-self:start;margin-top:3px;padding:5px 6px;border-radius:7px;border:1px solid rgba(102,151,182,.24);background:rgba(4,11,19,.7);font-family:var(--fT);font-size:10px;font-weight:900;color:#7fa8c6}
 .opMod.on .opRw{color:#ffb0a2}
+@media (max-width:360px){
+  .opMod{grid-template-columns:82px minmax(0,1fr) auto;gap:7px;min-height:90px;padding-right:7px}.opModArt{min-height:76px}.opTx b{font-size:10.5px}.opTx span{font-size:9px}.opRw{font-size:9px;padding:4px}
+}
+@media (orientation:landscape) and (min-width:760px){
+  #opModRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.opMod{grid-template-columns:112px minmax(0,1fr) auto;min-height:102px}.opModArt{min-height:86px}
+}
+#setupScr[data-tab="modifiers"] .setupCard>.secHint:first-of-type{margin:-3px 0 12px}
+#setupScr .wbtn.lock{opacity:.38;filter:saturate(.35);cursor:not-allowed}
 #opPayout{margin-top:11px;text-align:center;font-family:var(--fT);font-size:11px;letter-spacing:.14em;
   color:#8fb3cc;font-weight:800}
 #opPayout b{color:#ffe9ad;font-size:15px}
 .facUnit b{display:block;font-family:var(--fT);font-size:10px;letter-spacing:.09em;color:#eaf4ff}
 .facUnit span{display:block;margin-top:1px;font-size:8.5px;font-weight:800;letter-spacing:.05em;color:var(--fc)}
 .facUnit i{display:block;margin-top:3px;font-size:9px;font-style:normal;line-height:1.4;color:#93b0c6;font-weight:600}
+.facDoctrine{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
+.facDoctrine>div{min-width:0;padding:7px 8px;border-radius:8px;font-size:8.5px;line-height:1.4;font-weight:650;
+  background:rgba(4,9,16,.7);border:1px solid rgba(130,165,190,.19);color:#adc5d6}
+.facDoctrine b{display:block;margin-bottom:3px;font:800 8px/1 var(--fT);letter-spacing:.11em}
+.facStrong b{color:#76efaa}.facWeak b{color:#ff927f}
+.facEndgoal{margin-top:7px;padding:8px 9px;border-radius:8px;background:rgba(4,9,16,.72);
+  border:1px solid color-mix(in srgb,var(--fc) 25%,transparent)}
+.facEndgoal>span{display:block;color:var(--fc);font:800 8px/1 var(--fT);letter-spacing:.13em}
+.facEndgoal>b{display:block;margin-top:5px;color:#f1f8ff;font:800 9px/1.25 var(--fT);letter-spacing:.05em}
+.facEndgoal>p{margin:5px 0 0;color:#9eb8ca;font-size:9px;line-height:1.45;font-weight:600}
 .facBonus{margin-top:9px;padding:8px 9px;border-radius:8px;font-size:10px;line-height:1.45;
   color:#c3dcee;font-weight:600;background:color-mix(in srgb,var(--fc) 11%,rgba(4,9,16,.7));
   border:1px solid color-mix(in srgb,var(--fc) 28%,transparent)}
 .setRow[data-set="godMode"] .sTx b{color:#ffe08a}
 @media (max-width:600px) and (orientation:portrait){
+  /* Explicit portrait rows keep variable-length objectives and modifier sets
+     from borrowing the same pixels. These offsets all share the same safe-area
+     origin so a notched WebView cannot shift only one part of the stack. */
+  #topbar{left:var(--sal);right:var(--sar);min-height:54px;display:grid;
+    grid-template-columns:repeat(3,minmax(0,1fr)) 44px 44px;gap:4px;padding:5px 6px;font-size:12px}
+  #topbar .res{min-width:0;min-height:36px;gap:4px;padding:3px 5px 3px 4px;border-radius:8px;overflow:hidden}
+  #topbar .res b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}
+  #topbar .res .rate{flex:0 0 auto;font-size:9px}.res .ic{width:19px;height:19px}
+  #menuBtn,#spdBtn{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
+  #menuBtn{font-size:19px}#fps{display:none!important}
+  body.godMode #godBadge{position:fixed;top:calc(var(--sat) + 128px);right:calc(var(--sar) + 8px);z-index:12;max-width:38vw}
   #cmdbar{left:0;right:0;bottom:0;width:auto;gap:5px;align-items:flex-end;
     padding:7px calc(var(--sar) + 8px) max(calc(var(--sab) + 8px),46px) calc(var(--sal) + 8px);
   #placeUI{bottom:max(calc(var(--sab) + 160px),200px);gap:7px}
   #placeUI .cbtn{width:52px;height:52px;font-size:22px}
   #placeRotL,#placeRotR{width:46px!important;height:46px!important}
+  #goalBar{top:calc(var(--sat) + 58px);min-height:30px;max-height:30px;
+    max-width:calc(100vw - var(--sal) - var(--sar) - 16px);overflow:hidden;text-overflow:ellipsis}
+  /* Modifier icons and live threat status share a reserved split row. Fixed
+     columns plus local overflow mean neither panel can cover its neighbour. */
+  #wcRow{top:calc(var(--sat) + 92px);left:calc(var(--sal) + 8px);right:auto;
+    width:calc(58vw - var(--sal) - 12px);min-height:32px;max-height:32px;padding:2px 5px;
+    overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
+  #wcRow::-webkit-scrollbar{display:none}
+  #infMeter{top:calc(var(--sat) + 92px);left:auto;right:calc(var(--sar) + 8px);
+    width:calc(42vw - var(--sar) - 12px);min-height:32px;max-height:32px;justify-content:center;
+    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px}
+  #heroBar{top:calc(var(--sat) + 128px);left:calc(var(--sal) + 8px);right:auto;
+    width:clamp(168px,55vw,220px);max-width:55vw;min-height:34px}
+  /* Transient panels begin below the complete live-HUD stack. Their base rules
+     predate the split-row layout and used to open on top of modifiers, threat,
+     and the Commander bars even though the resting HUD looked correct. */
+  #toast,#radioAck{top:calc(var(--sat) + 176px)}
+  #unitCard{top:calc(var(--sat) + 176px)}
+  #abBarrage .cdring,#abClass .cdring{font-size:10px;letter-spacing:0}
+  #abBarrage>span:not(.em):not(.lvl),#abClass>span:not(.em):not(.lvl){font-size:7px;letter-spacing:0}
   #atkAlert,#waveAlert{max-width:calc(100vw - var(--sal) - var(--sar) - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 }
+@media (max-width:380px) and (orientation:portrait){
+  /* 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}
+}
+/* Operations / Campaign takeover. Every selector is rooted to the injected
+   pane so the normal Threat, Weekly and Mastery layouts keep their own rhythm. */
+#opsPane-campaign{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
+.storyCampaignHero{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px;padding:16px;
+  border:1px solid rgba(101,202,255,.34);border-radius:14px;
+  background:linear-gradient(90deg,rgba(5,14,25,.97) 0%,rgba(5,14,25,.87) 56%,rgba(5,14,25,.32)),
+    var(--campaign-hero) center 42%/cover no-repeat,
+    linear-gradient(145deg,rgba(13,32,52,.98),rgba(5,14,25,.97));box-shadow:0 12px 30px rgba(0,0,0,.28)}
+.storyCampaignHero>div:first-child{min-width:0;flex:1}.storyCampaignHero span,.storyCampaignSection>span{
+  color:#7edcff;font-size:9px;letter-spacing:1.7px;font-weight:900}.storyCampaignHero h3{margin:5px 0 6px;
+  color:#f4fbff;font-size:18px;line-height:1.08;letter-spacing:.5px}.storyCampaignHero p{margin:0;color:#adc0d2;
+  font-size:11px;line-height:1.45}.storyCampaignCount{flex:0 0 64px;text-align:center;padding:9px 5px;border-radius:10px;
+  border:1px solid rgba(126,220,255,.3);background:rgba(3,11,21,.62)}.storyCampaignCount b{display:block;
+  color:#ffe089;font-size:25px;line-height:1}.storyCampaignCount span{display:block;margin-top:5px;color:#8ba7bd;
+  font-size:7px;letter-spacing:.8px}
+.storyCampaignSection{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:14px 3px 8px}
+.storyCampaignSection small{color:#7890a5;font-size:9px;text-align:right}.storyCampaignLadder{display:grid;gap:9px}
+.storyCampaignMission{display:grid;grid-template-columns:132px minmax(0,1fr);gap:11px;padding:11px;border-radius:13px;
+  border:1px solid color-mix(in srgb,var(--cf) 34%,#26384a);background:linear-gradient(125deg,var(--cf2),rgba(7,16,28,.98) 58%);
+  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--cf) 72%,transparent),0 7px 18px rgba(0,0,0,.22)}
+.storyCampaignMission.current{border-color:color-mix(in srgb,var(--cf) 78%,white);box-shadow:inset 3px 0 0 var(--cf),
+  0 0 18px color-mix(in srgb,var(--cf) 18%,transparent)}.storyCampaignMission.locked{filter:saturate(.55);opacity:.68}
+.storyCampaignKeyArt{position:relative;align-self:stretch;min-height:146px;border-radius:10px;overflow:hidden;
+  border:1px solid color-mix(in srgb,var(--cf) 55%,#294158);background:#07101b}
+.storyCampaignKeyArt>img{width:100%;height:100%;display:block;object-fit:cover}.storyCampaignKeyArt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(2,7,13,.9))}
+.storyCampaignKeyArt>span{position:absolute;z-index:2;right:5px;top:5px;
+  display:grid;place-items:center;width:30px;height:30px;padding:2px;border-radius:8px;background:rgba(3,9,17,.88);
+  border:1px solid color-mix(in srgb,var(--cf) 60%,transparent)}.storyCampaignKeyArt>span img{width:100%;height:100%;object-fit:contain}
+.storyCampaignKeyArt>small{position:absolute;z-index:2;left:8px;right:8px;bottom:7px;color:#eff8ff;font:900 7px/1.25 var(--fT);letter-spacing:.08em;text-shadow:0 2px 6px #000}
+.storyCampaignMissionBody{min-width:0}.storyCampaignMission header{display:flex;align-items:flex-start;justify-content:space-between;
+  gap:8px;margin-bottom:7px}.storyCampaignMission header small{display:block;color:var(--cf);font-size:8px;letter-spacing:1.2px;
+  font-style:normal}.storyCampaignMission header b{display:block;margin-top:2px;color:#f5f9fc;font-size:13px;line-height:1.14}
+.storyCampaignState{flex:0 0 auto;padding:4px 6px;border:1px solid color-mix(in srgb,var(--cf) 54%,transparent);
+  border-radius:6px;background:color-mix(in srgb,var(--cf2) 75%,black);color:var(--cf);font-size:7px;letter-spacing:.9px;font-style:normal}
+.storyCampaignIntel{display:grid;gap:5px}.storyCampaignIntel>span{color:#aabccc;font-size:9.5px;line-height:1.33}
+.storyCampaignIntel em{display:block;margin-bottom:1px;color:#6f8aa1;font-size:7px;font-style:normal;font-weight:900;letter-spacing:1px}
+.storyCampaignIntel .storyCampaignReward{color:#f2d47f}.storyCampaignAction{width:100%;min-height:48px;margin-top:9px;
+  border:1px solid color-mix(in srgb,var(--cf) 75%,white);border-radius:9px;color:#06111b;font:900 10px var(--font);
+  letter-spacing:1.1px;background:linear-gradient(180deg,color-mix(in srgb,var(--cf) 78%,white),var(--cf));
+  box-shadow:0 5px 14px color-mix(in srgb,var(--cf) 18%,transparent)}.storyCampaignAction:active{transform:translateY(1px)}
+.storyCampaignLock{display:flex;align-items:center;min-height:44px;margin-top:8px;padding:0 9px;border-radius:8px;
+  border:1px dashed rgba(135,154,172,.28);color:#8295a7;font-size:8.5px;line-height:1.3;letter-spacing:.4px}
+.storyCampaignArcLabel{margin-top:19px}.storyCampaignArcs{display:flex;gap:10px;padding:0 2px 8px;overflow-x:auto;
+  scroll-snap-type:x mandatory;scrollbar-width:none}.storyCampaignArcs::-webkit-scrollbar{display:none}.storyCampaignArc{flex:0 0 270px;
+  min-height:194px;padding:11px;border:1px solid color-mix(in srgb,var(--cf) 42%,#203245);border-radius:13px;
+  background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--cf) 18%,transparent),transparent 46%),
+    linear-gradient(145deg,var(--cf2),#07101b 72%);scroll-snap-align:start}.storyCampaignArcHead{display:flex;gap:10px;align-items:center}
+.storyCampaignArcHead>img{width:58px;height:70px;object-fit:cover;border-radius:8px;border:1px solid var(--cf)}
+.storyCampaignArcHead>div{min-width:0}.storyCampaignArcHead small{display:block;color:var(--cf);font-size:7px;letter-spacing:.7px}
+.storyCampaignArcHead b{display:block;margin:3px 0;color:#f1f7fb;font-size:12px;line-height:1.15}.storyCampaignArcHead span{color:#91a8b8;font-size:8px}
+.storyCampaignArcPath{margin:10px 0 6px;padding:7px;border-radius:7px;background:rgba(0,0,0,.28);color:var(--cf);
+  font-size:8px;font-weight:900;line-height:1.35;letter-spacing:.55px;text-align:center}.storyCampaignArc p{margin:0;color:#9fb2c1;font-size:9px;line-height:1.4}
+@media(max-width:430px){.storyCampaignHero{padding:13px;min-height:142px;background-position:center 42%}.storyCampaignHero h3{font-size:16px}.storyCampaignHero p{font-size:10px}
+  .storyCampaignMission{grid-template-columns:1fr;gap:9px;padding:9px}.storyCampaignKeyArt{height:112px;min-height:112px}
+  .storyCampaignMission header{display:block}.storyCampaignState{display:inline-block;margin-top:5px}.storyCampaignArc{flex-basis:252px}}

src/tutorial.js CHANGED Viewed

@@ -41,15 +41,14 @@
    --------------------------------------------------------------------------- */
 var KEEL_NAME='KEEL';
 var KEEL_TAG='SHIP LIAISON · LANCE OF MORNING';
-var GUIDE_VERSION=2;
 var GREETING='KEEL online — ship liaison, Lance of Morning. Follow the gold signal: it marks the exact control for your next action. '+
              'Tap SKIP any time; replay this guide from Settings.';
 var SKIP_LINE='Understood. Find me again under Settings → Tutorial if you change your mind.';
-var GRADUATION='That’s the job: a Commander, mass, power, production, territory, defence, and orders. '+
-               'Everything after this is those same systems, faster, with worse odds. '+
                "I'll go quiet now — unless something's on fire.";
 /* Each step tests REAL state. `say` is shown the moment a step becomes
@@ -58,55 +57,100 @@ var GRADUATION='That’s the job: a Commander, mass, power, production, territor
    out of order gets fast-forwarded in silence instead of congratulated for
    a step they finished five minutes ago. */
 var STEPS=[
- { id:'deploy',
    say:'Tap open ground to fly the carrier there. When the landing signal turns green, tap DEPLOY BASE HERE.',
    done:"Hull's down, engines cold. That was the easy part.",
    test:function(){ return typeof matchLive!=='undefined' && !!matchLive; } },
- { id:'commander',
-   say:'Your COMMANDER is your hero and a mobile builder. Tap POWERS, then CDR to select and center it.',
    done:'Commander identified. Keep it alive: losing every Commander loses the match.',
    test:function(){ return typeof heroIdx==='number'&&heroIdx>=0&&!!usel[heroIdx]; } },
- { id:'mex',
    say:'Mass buys units and structures. Tap BUILD → ECONOMY → Extractor, drag its hologram onto a ◆ deposit, then tap ✓.',
    done:"Extractor placed. That's your first income line.",
    test:function(){ return hasPlayerBld('mex'); } },
- { id:'power',
    say:'Production also needs energy. Tap BUILD → ECONOMY → Reactor, place it on open ground inside the blue grid, then tap ✓.',
    done:'Reactor placed. Mass and energy must both stay positive while building.',
    test:function(){ return hasPlayerBld('pgen')||hasPlayerBld('geo'); } },
- { id:'fac',
-   say:'Now production. Tap BUILD → PRODUCTION → Factory and place it inside your blue construction grid.',
-   done:"Factory placed. It also expands your permanent construction territory.",
    test:function(){ return hasPlayerBld('fac'); } },
- { id:'territory', manual:true,
-   say:'BLUE GRID = legal building territory. Move your Commander or Constructor to build farther out; Factories and Uplinks expand it. Locked cards name the level or structure they require. There is no general building cap. Tap GOT IT.',
-   done:'Territory rules logged.',
    test:function(){ return MATCH.territoryAck; } },
- { id:'queue',
    say:'Tap the Factory on the map, then tap the Striker unit card. The queue line shows what is being built.',
-   done:"Striker queued. It'll roll out on its own.",
    test:function(){ return MATCH.sawQueue; } },
- { id:'turret',
    say:'Protect the economy before the first push. Tap BUILD → DEFENCE → Sentinel and place it on the likely approach.',
    done:'Basic perimeter online. Towers buy your army time; they do not replace it.',
    test:function(){ return hasPlayerBld('turret'); } },
- { id:'select',
-   say:'When the Striker finishes, tap ARMY to select your field units. You can also tap one unit directly or drag with SELECT.',
-   done:'Unit selected. The command dock now applies to that selection.',
-   test:function(){ return MATCH.sawCombatSel; } },
- { id:'move',
-   say:'With that unit selected, tap open ground to issue an attack-move. It will travel there and fight enemies it meets.',
-   done:"Order confirmed. Select, point, adapt — that's the core RTS loop.",
-   test:function(){ return MATCH.sawMove; } }
 ];
 var BASE_ATTACK_LINES=[
@@ -136,8 +180,10 @@ var trainingPrev=null, trainingLaunched=false;
 /* Facts about THIS match, tracked whether or not the tutorial is running, so
    a mid-match "replay" (from Settings) can credit things the player already
    demonstrably knows how to do instead of waiting for them to happen again. */
-var MATCH={ sawSel:false, sawCombatSel:false, sawMove:false, sawQueue:false, territoryAck:false,
-            usedAbility:false, lastAbCool:[0,0,0,0] };
 /* Reactive one-per-match latches. */
 var REACT={ baseAttack:false, lowPower:false, hazard:false, unitLost:false, wave:false,
             lastAlarmT:0, lastStallE:false, lastHazWarn:false, lastWarned:false };
@@ -148,7 +194,7 @@ function tutMeta(){
   META.tutorial=META.tutorial||{done:false,skipped:false,version:0};
   /* `progress` is additive save metadata: old profiles load exactly as before,
      while the briefing can distinguish new, interrupted and completed runs.
-     It is a high-water mark only; the ten live-state gates below remain the
      authority whenever a mission is running. */
   if(typeof META.tutorial.progress!=='number') META.tutorial.progress=META.tutorial.done?STEPS.length:0;
   META.tutorial.progress=Math.max(0,Math.min(STEPS.length,META.tutorial.progress|0));
@@ -179,6 +225,10 @@ function hasCombatUnit(){
   for(var i=0;i<unitHigh;i++) if(isCombatUnit(i)) return true;
   return false;
 }
 function hasSelectedCombatUnit(){
   if(typeof unitHigh!=='number') return false;
   for(var i=0;i<unitHigh;i++) if(isCombatUnit(i)&&usel[i]) return true;
@@ -221,6 +271,7 @@ function buildDOM(){
       '<div id="keelBody">'+
         '<div id="keelHd"><span id="keelName" title="'+KEEL_TAG+'">'+KEEL_NAME+'</span><span id="keelStepTag"></span></div>'+
         '<div id="keelTxt"></div>'+
         '<button id="keelNext" type="button">GOT IT</button>'+
       '</div>'+
       '<button id="keelSkip" type="button" aria-label="Skip tutorial">SKIP</button>'+
@@ -234,8 +285,9 @@ function buildDOM(){
   var nextBtn=document.getElementById('keelNext');
   nextBtn.addEventListener('pointerdown',function(ev){
     ev.preventDefault(); ev.stopPropagation();
-    if(!TUT.active||!STEPS[TUT.stepIdx]||STEPS[TUT.stepIdx].id!=='territory') return;
-    MATCH.territoryAck=true;
     if(typeof sfx==='function'){ try{ sfx('ui'); }catch(e){} }
   });
   /* Tapping the body re-shows the full-strength card if it has settled into
@@ -250,6 +302,12 @@ function renderBubble(text,tag){
   if(!domReady) return;
   if(text!==lastText){ var t=document.getElementById('keelTxt'); if(t) t.textContent=text; lastText=text; }
   var tg=document.getElementById('keelStepTag'); if(tg) tg.textContent=tag||'';
 }
 function showWrap(fresh){
   if(!domReady) return;
@@ -337,8 +395,15 @@ function syncFocus(){
   clearFocus();
   if(!TUT.active||TUT.stepIdx>=STEPS.length) return;
   var S=STEPS[TUT.stepIdx],next=document.getElementById('keelNext');
-  if(next) next.style.display=S.manual?'inline-flex':'none';
-  if(S.id==='deploy'){
     var dep=document.getElementById('deployBtn');
     if(shown(dep)) focusEl(dep); else cueAt((typeof VW==='number'?VW:innerWidth)*.5,(typeof VH==='number'?VH:innerHeight)*.52,'TAP LANDING SITE');
   } else if(S.id==='commander'){
@@ -346,6 +411,9 @@ function syncFocus(){
     var cdr=document.getElementById('abHero');
     if(shown(cdr)) focusEl(cdr);
     else focusEl(document.querySelector('.hudDeckBtn[data-deck="powers"]'));
   } else if(S.id==='mex') buildFocus('ECONOMY','Extractor','mex');
   else if(S.id==='power') buildFocus('ECONOMY','Reactor','pgen');
   else if(S.id==='fac') buildFocus('PRODUCTION','Factory','fac');
@@ -357,15 +425,35 @@ function syncFocus(){
     var pm=document.getElementById('prodMenu');
     if(shown(pm)) focusEl(byText('prodGrid','.bcard','Striker')||pm.querySelector('.bcard'));
     else { var F=playerBld('fac'); if(F) cueWorld(F.x,F.y,'TAP FACTORY'); }
-  } else if(S.id==='turret') buildFocus('DEFENCE','Sentinel','turret');
-  else if(S.id==='select'){
     if(hasCombatUnit()) focusEl(document.getElementById('armyBtn'));
     else { var F2=playerBld('fac'); if(F2) cueWorld(F2.x,F2.y,'UNIT BUILDING'); }
-  } else if(S.id==='move'){
     var sx=0,sy=0,n=0;
     if(typeof unitHigh==='number') for(var j=0;j<unitHigh;j++) if(isCombatUnit(j)&&usel[j]){sx+=ux[j];sy+=uy[j];n++;}
-    if(n) cueWorld(sx/n+90,sy/n+70,'TAP TO MOVE');
     else focusEl(document.getElementById('armyBtn'));
   }
 }
 /* Capped so a burst of state changes (several buildings finishing within the
@@ -426,6 +514,11 @@ function speakVoice(text){
    --------------------------------------------------------------------------- */
 function trackMatchSignals(){
   if(sawQueuedUnit()) MATCH.sawQueue=true;
   if(typeof unitHigh==='number' && (!MATCH.sawSel||!MATCH.sawCombatSel)){
     for(var i=0;i<unitHigh;i++){
       if(!ualive[i]||uteam[i]!==0) continue;
@@ -434,6 +527,11 @@ function trackMatchSignals(){
       if(MATCH.sawSel&&MATCH.sawCombatSel) break;
     }
   }
   if(typeof abCool!=='undefined'){
     for(var k=0;k<abCool.length;k++){
       if(abCool[k]>(MATCH.lastAbCool[k]||0)+0.01) MATCH.usedAbility=true;
@@ -452,8 +550,12 @@ function beginRun(){
   TUT.stepIdx=0;
   TUT.shownStepIdx=-1;
   TUT.doneFlags=STEPS.map(function(){ return false; });
-  MATCH.sawSel=false; MATCH.sawCombatSel=false; MATCH.sawMove=false; MATCH.sawQueue=false; MATCH.territoryAck=false;
-  MATCH.usedAbility=false;
   queue.length=0;
   speak(GREETING,5.5,'greeting');
 }
@@ -489,7 +591,7 @@ function evalSteps(){
   }
   var cur=STEPS[TUT.stepIdx];
   restingText=cur.say;
-  restingTag='STEP '+(TUT.stepIdx+1)+' / '+STEPS.length;
   if(TUT.shownStepIdx!==TUT.stepIdx){
     TUT.shownStepIdx=TUT.stepIdx;
     speak(cur.say,5.5,'step');
@@ -565,7 +667,11 @@ function onNewMatchBegin(){
   REACT.baseAttack=false; REACT.lowPower=false; REACT.hazard=false; REACT.unitLost=false; REACT.wave=false;
   REACT.lastAlarmT=(typeof alarmT!=='undefined')?alarmT:0;
   REACT.lastStallE=false; REACT.lastHazWarn=false; REACT.lastWarned=false;
-  MATCH.sawSel=false; MATCH.sawCombatSel=false; MATCH.sawMove=false; MATCH.sawQueue=false; MATCH.territoryAck=false; MATCH.usedAbility=false;
   MATCH.lastAbCool=(typeof abCool!=='undefined')?abCool.slice():[0,0,0,0];
   if(TUT.trainingMode){ TUT.forceNext=false; beginRun(); }
 }
@@ -619,6 +725,27 @@ function restoreTrainingConfig(){
   META.opmods=trainingPrev.opmods; META.threatSel=trainingPrev.threatSel;
   trainingPrev=null;
 }
 function trainingSafety(){
   if(!TUT.trainingMode||typeof running==='undefined'||!running||typeof matchLive==='undefined'||!matchLive) return;
   /* No scripted ambush while the player is reading. The enemy still builds a
@@ -632,6 +759,10 @@ function trainingSafety(){
   if(typeof resE!=='undefined'&&typeof RES_ECAP!=='undefined') resE[0]=Math.min(RES_ECAP[0],Math.max(resE[0],2200));
   if(typeof heroIdx==='number'&&heroIdx>=0&&ualive[heroIdx]) uhp[heroIdx]=Math.max(uhp[heroIdx],uhpm[heroIdx]*.72);
   var H=playerBld('hq'); if(H) H.hp=Math.max(H.hp,H.hpm*.75);
 }
 function startTrainingMission(){
   if(typeof running!=='undefined'&&running){ toast('Leave the current battle before starting training'); return; }
@@ -652,7 +783,7 @@ function startTrainingMission(){
   if(typeof hideFrontScreens==='function') hideFrontScreens();
   var load=document.getElementById('loadScr'); if(load) load.style.display='flex';
   requestAnimationFrame(function(){requestAnimationFrame(function(){
-    applyTheme(); newSkirmish(); trainingLaunched=true;
     if(load) load.style.display='none';
     toast('TRAINING OPERATION — threat paused while KEEL guides you');
   });});
@@ -731,7 +862,7 @@ function resumeTrainingMission(){
 function ensureTrainingEntry(){
   var start=document.getElementById('startBtn'); if(!start||document.getElementById('keelTrainingCallout')) return;
   var d=document.createElement('div'); d.id='keelTrainingCallout';
-  d.innerHTML='<div class="ktMiniIdentity"><img src="./assets/factions/nova_icon_96.png" alt="Nova Federation">'
     +'<div><span class="ktState">FIRST OPERATION</span><b>FIELD ORIENTATION</b><small class="ktProgress">0 / '+STEPS.length+' OBJECTIVES</small></div></div>'
     +'<button type="button">VIEW TRAINING</button>';
   start.parentNode.insertBefore(d,start);
@@ -754,14 +885,15 @@ function appendTrainingOperation(){
       +'<span>'+(typeof facIcon==='function'?facIcon('nova',38,'ktoCrestImg'):'✦')+'</span></div>'
       +'<div class="ktoIdentity"><small>TRAINING OPERATION 01</small><b>FIELD ORIENTATION</b>'
       +'<i>'+commander+' · KEEL tactical guidance</i>'
-      +'<p>A protected live-fire drop that teaches the complete first-base loop without an early enemy rush.</p></div></div>'
-    +'<div class="ktoTeach" aria-label="Training topics"><span>⬡ ECONOMY</span><span>▣ PRODUCTION</span>'
-      +'<span>⛨ DEFENCE</span><span>⌖ TERRITORY</span><span>◆ COMMANDER</span><span>➜ ORDERS</span></div>'
     +'<div class="ktoProgress"><div><span>OBJECTIVE PROGRESS</span><b>'+S.progress+' / '+STEPS.length+'</b></div>'
       +'<div class="ktoProgressTrack"><i style="width:'+progressPct+'%"></i></div>'
       +'<small>'+(S.done?'Orientation certified · replay does not repeat the first-clear reward':
                    S.active?'Current lesson: '+(STEPS[Math.min(TUT.stepIdx,STEPS.length-1)].id||'field systems').toUpperCase():
-                   S.interrupted?'Previous best retained · a new drop restarts at deployment':'Ten guided objectives · progress is saved to this profile')+'</small></div>'
     +'<div class="ktoFacts"><div><b>'+STEPS.length+'</b><span>OBJECTIVES</span></div><div><b>EASY</b><span>FIXED OPPONENT</span></div>'
       +'<div><b>SAFE</b><span>NO INFESTATION</span></div></div>'
     +'<button class="ktoAction" type="button">'+S.action+'</button>';
@@ -859,11 +991,27 @@ function initTutorial(){
     window.__keelMoveWrapped=true;
     var _keelOrderMove=orderMove;
     orderMove=function(wx,wy,patrol){
-      var combat=hasSelectedCombatUnit(),ok=_keelOrderMove(wx,wy,patrol);
-      if(ok&&combat&&!patrol) MATCH.sawMove=true;
       return ok;
     };
   }
   setInterval(tutTick,350);
 }
 window.initTutorial=initTutorial;

    --------------------------------------------------------------------------- */
 var KEEL_NAME='KEEL';
 var KEEL_TAG='SHIP LIAISON · LANCE OF MORNING';
+var GUIDE_VERSION=3;
 var GREETING='KEEL online — ship liaison, Lance of Morning. Follow the gold signal: it marks the exact control for your next action. '+
              'Tap SKIP any time; replay this guide from Settings.';
 var SKIP_LINE='Understood. Find me again under Settings → Tutorial if you change your mind.';
+var GRADUATION='Field orientation complete. Camera, economy, logistics, formations, scouting, technology and extraction are certified. '+
                "I'll go quiet now — unless something's on fire.";
 /* Each step tests REAL state. `say` is shown the moment a step becomes
    out of order gets fast-forwarded in silence instead of congratulated for
    a step they finished five minutes ago. */
 var STEPS=[
+ { id:'camera', icon:'◇',
+   say:'DRAG the battlefield to pan. PINCH to zoom and twist, or use VIEW → ROT / TILT. Move the camera once to confirm control.',
+   done:'Command view responding. The minimap can jump across the whole battlefield.',
+   test:function(){ return MATCH.sawCamera; } },
+ { id:'deploy', icon:'⚓',
    say:'Tap open ground to fly the carrier there. When the landing signal turns green, tap DEPLOY BASE HERE.',
    done:"Hull's down, engines cold. That was the easy part.",
    test:function(){ return typeof matchLive!=='undefined' && !!matchLive; } },
+ { id:'commander', icon:'★',
+   say:'Your COMMANDER is the marked hero and a mobile builder. Tap POWERS, then CDR to select and center it.',
    done:'Commander identified. Keep it alive: losing every Commander loses the match.',
    test:function(){ return typeof heroIdx==='number'&&heroIdx>=0&&!!usel[heroIdx]; } },
+ { id:'pickup', icon:'◆',
+   say:'A gold SUPPLY CACHE is marked nearby. Select the Commander or Constructor, then tap beside the cache so the unit collects it.',
+   done:'Cache secured. Pickups can grant resources, repairs, scans, veterancy or rare strike codes.',
+   test:function(){ return MATCH.sawPickup; } },
+ { id:'mex', icon:'⛏',
    say:'Mass buys units and structures. Tap BUILD → ECONOMY → Extractor, drag its hologram onto a ◆ deposit, then tap ✓.',
    done:"Extractor placed. That's your first income line.",
    test:function(){ return hasPlayerBld('mex'); } },
+ { id:'power', icon:'⚡',
    say:'Production also needs energy. Tap BUILD → ECONOMY → Reactor, place it on open ground inside the blue grid, then tap ✓.',
    done:'Reactor placed. Mass and energy must both stay positive while building.',
    test:function(){ return hasPlayerBld('pgen')||hasPlayerBld('geo'); } },
+ { id:'fac', icon:'▣',
+   say:"Build a Factory under BUILD → PRODUCTION. It is this army's barracks and vehicle plant, and expands construction territory.",
+   done:'Factory placed. Open it to train the first field unit.',
    test:function(){ return hasPlayerBld('fac'); } },
+ { id:'territory', icon:'⌁', manual:'territoryAck', action:'GOT IT',
+   say:'LOGISTICS: blue grid is legal build territory. Builders extend a mobile zone; Factories and Uplinks anchor it. Silos prevent resource overflow. Tap GOT IT.',
+   done:'Logistics and territory rules logged.',
    test:function(){ return MATCH.territoryAck; } },
+ { id:'queue', icon:'▤',
    say:'Tap the Factory on the map, then tap the Striker unit card. The queue line shows what is being built.',
+   done:'Striker queued. Production consumes mass and energy over build time.',
    test:function(){ return MATCH.sawQueue; } },
+ { id:'train', icon:'⚔',
+   say:'Keep the Factory supplied until the Striker rolls out. Tap ARMY when it appears to select every field unit.',
+   done:'Combat unit trained and selected. Unit cards show role, range, armor and ammunition.',
+   test:function(){ return MATCH.sawCombatSel&&combatCount()>MATCH.startCombat; } },
+ { id:'turret', icon:'⛨',
    say:'Protect the economy before the first push. Tap BUILD → DEFENCE → Sentinel and place it on the likely approach.',
    done:'Basic perimeter online. Towers buy your army time; they do not replace it.',
    test:function(){ return hasPlayerBld('turret'); } },
+ { id:'platoon', icon:'Ⅳ',
+   say:'With combat units selected, open PLATOONS and HOLD P1 to save them. Tap P1 later to recall; double-tap focuses the camera.',
+   done:'Platoon P1 stored. Saved groups remember membership and formation.',
+   test:function(){ return MATCH.sawPlatoon; } },
+ { id:'formation', icon:'⌃',
+   say:'Open ORDERS, tap the formation button, then drag the hologram on the map and release. Every marker is one unit slot.',
+   done:'Formation placed. Spacing keeps mixed units readable and prevents stacking.',
+   test:function(){ return MATCH.sawFormation; } },
+ { id:'attack', icon:'➜',
+   say:'Leave A-MOVE active and tap unexplored ground. Units advance and engage contacts. Green matchup chips are strong; red chips warn of counters.',
+   done:'Attack-move confirmed. Long-press a unit or structure for its full counter card.',
+   test:function(){ return MATCH.sawAttackMove; } },
+ { id:'fog', icon:'⌾',
+   say:'Black fog hides enemies; grey terrain is remembered, not currently visible. Move the marked SCOUT toward the signal to reveal the sector.',
+   done:'Sensor contact expanded. Enemy positions remain hidden until a friendly sensor sees them.',
+   test:function(){ return MATCH.sawScout; } },
+ { id:'tech', icon:'⌬',
+   say:'Field rank 3 granted for training. Build BUILD → TECH → Research Complex; it unlocks studies and banks account-level ◆ Data after battle.',
+   done:'Research Complex online. Its shield buffer protects studies from a sudden rush.',
+   test:function(){ return hasPlayerBld('techlab'); } },
+ { id:'ability', icon:'✦',
+   say:'Select the Commander, open POWERS and use BLAST on the marked safe target. Abilities cost energy and have cooldowns.',
+   done:'Special ability confirmed. Research and Commander levels unlock additional powers.',
+   test:function(){ return MATCH.usedAbility; } },
+ { id:'objective', icon:'◎', manual:'objectiveAck', action:'CALL EXTRACTION',
+   say:'Normal operations end by their selected objective: destroy Commanders, hold territory, purge hives or survive. Training is secure—tap CALL EXTRACTION.',
+   done:'Extraction acknowledged. Match resources, rewards and research are summarized after every operation.',
+   test:function(){ return MATCH.objectiveAck; } },
+ { id:'cloud', icon:'☁', manual:'cloudAck', action:'FINISH TRAINING',
+   say:'Your career autosaves locally. After extraction, ACCOUNT can compare and sync a cloud save; PROFILE can export a portable .mfsave backup. Tap FINISH TRAINING.',
+   done:'Career storage confirmed.',
+   test:function(){ return MATCH.cloudAck; } }
 ];
 var BASE_ATTACK_LINES=[
 /* Facts about THIS match, tracked whether or not the tutorial is running, so
    a mid-match "replay" (from Settings) can credit things the player already
    demonstrably knows how to do instead of waiting for them to happen again. */
+var MATCH={ sawSel:false, sawCombatSel:false, sawMove:false, sawQueue:false, sawCamera:false,
+            sawPickup:false, sawPlatoon:false, sawFormation:false, sawAttackMove:false,sawScout:false,
+            territoryAck:false,objectiveAck:false,cloudAck:false,usedAbility:false,
+            startCombat:0,cameraBase:null,pickup:null,scoutIdx:-1,scoutStart:null,lastAbCool:[0,0,0,0] };
 /* Reactive one-per-match latches. */
 var REACT={ baseAttack:false, lowPower:false, hazard:false, unitLost:false, wave:false,
             lastAlarmT:0, lastStallE:false, lastHazWarn:false, lastWarned:false };
   META.tutorial=META.tutorial||{done:false,skipped:false,version:0};
   /* `progress` is additive save metadata: old profiles load exactly as before,
      while the briefing can distinguish new, interrupted and completed runs.
+     It is a high-water mark only; the live-state gates below remain the
      authority whenever a mission is running. */
   if(typeof META.tutorial.progress!=='number') META.tutorial.progress=META.tutorial.done?STEPS.length:0;
   META.tutorial.progress=Math.max(0,Math.min(STEPS.length,META.tutorial.progress|0));
   for(var i=0;i<unitHigh;i++) if(isCombatUnit(i)) return true;
   return false;
 }
+function combatCount(){
+  if(typeof unitHigh!=='number') return 0;
+  var n=0;for(var i=0;i<unitHigh;i++)if(isCombatUnit(i))n++;return n;
+}
 function hasSelectedCombatUnit(){
   if(typeof unitHigh!=='number') return false;
   for(var i=0;i<unitHigh;i++) if(isCombatUnit(i)&&usel[i]) return true;
       '<div id="keelBody">'+
         '<div id="keelHd"><span id="keelName" title="'+KEEL_TAG+'">'+KEEL_NAME+'</span><span id="keelStepTag"></span></div>'+
         '<div id="keelTxt"></div>'+
+        '<div id="keelProgress" role="progressbar" aria-label="Training objective progress" aria-valuemin="0"><i></i></div>'+
         '<button id="keelNext" type="button">GOT IT</button>'+
       '</div>'+
       '<button id="keelSkip" type="button" aria-label="Skip tutorial">SKIP</button>'+
   var nextBtn=document.getElementById('keelNext');
   nextBtn.addEventListener('pointerdown',function(ev){
     ev.preventDefault(); ev.stopPropagation();
+    var S=TUT.active&&STEPS[TUT.stepIdx];
+    if(!S||!S.manual) return;
+    MATCH[S.manual]=true;
     if(typeof sfx==='function'){ try{ sfx('ui'); }catch(e){} }
   });
   /* Tapping the body re-shows the full-strength card if it has settled into
   if(!domReady) return;
   if(text!==lastText){ var t=document.getElementById('keelTxt'); if(t) t.textContent=text; lastText=text; }
   var tg=document.getElementById('keelStepTag'); if(tg) tg.textContent=tag||'';
+  var pg=document.getElementById('keelProgress');
+  if(pg){
+    var at=Math.min(STEPS.length,TUT.stepIdx),pct=STEPS.length?at/STEPS.length*100:0;
+    pg.setAttribute('aria-valuemax',STEPS.length);pg.setAttribute('aria-valuenow',at);
+    var fill=pg.querySelector('i');if(fill)fill.style.width=pct+'%';
+  }
 }
 function showWrap(fresh){
   if(!domReady) return;
   clearFocus();
   if(!TUT.active||TUT.stepIdx>=STEPS.length) return;
   var S=STEPS[TUT.stepIdx],next=document.getElementById('keelNext');
+  if(next){
+    next.style.display=S.manual?'inline-flex':'none';next.textContent=S.action||'GOT IT';
+    next.setAttribute('aria-label',(S.action||'Confirm')+' — '+S.id+' lesson');
+  }
+  if(S.id==='camera'){
+    focusEl(document.querySelector('.hudDeckBtn[data-deck="view"]'));
+    focusEl(document.getElementById('rotL'));focusEl(document.getElementById('tiltBtn'));focusEl(document.getElementById('rotR'));
+    cueAt((typeof VW==='number'?VW:innerWidth)*.5,(typeof VH==='number'?VH:innerHeight)*.52,'DRAG / PINCH');
+  } else if(S.id==='deploy'){
     var dep=document.getElementById('deployBtn');
     if(shown(dep)) focusEl(dep); else cueAt((typeof VW==='number'?VW:innerWidth)*.5,(typeof VH==='number'?VH:innerHeight)*.52,'TAP LANDING SITE');
   } else if(S.id==='commander'){
     var cdr=document.getElementById('abHero');
     if(shown(cdr)) focusEl(cdr);
     else focusEl(document.querySelector('.hudDeckBtn[data-deck="powers"]'));
+  } else if(S.id==='pickup'){
+    if(MATCH.pickup&&crates.indexOf(MATCH.pickup)>=0)cueWorld(MATCH.pickup.x,MATCH.pickup.y,'◆ COLLECT CACHE');
+    focusEl(document.getElementById('heroBar'));
   } else if(S.id==='mex') buildFocus('ECONOMY','Extractor','mex');
   else if(S.id==='power') buildFocus('ECONOMY','Reactor','pgen');
   else if(S.id==='fac') buildFocus('PRODUCTION','Factory','fac');
     var pm=document.getElementById('prodMenu');
     if(shown(pm)) focusEl(byText('prodGrid','.bcard','Striker')||pm.querySelector('.bcard'));
     else { var F=playerBld('fac'); if(F) cueWorld(F.x,F.y,'TAP FACTORY'); }
+  } else if(S.id==='train'){
     if(hasCombatUnit()) focusEl(document.getElementById('armyBtn'));
     else { var F2=playerBld('fac'); if(F2) cueWorld(F2.x,F2.y,'UNIT BUILDING'); }
+  } else if(S.id==='turret') buildFocus('DEFENCE','Sentinel','turret');
+  else if(S.id==='platoon'){
+    if(shown(document.getElementById('grpRow')))focusEl(document.getElementById('grpBtn1'));
+    else focusEl(document.querySelector('.hudDeckBtn[data-deck="platoons"]'));
+  } else if(S.id==='formation'){
+    if(shown(document.getElementById('tacRow'))){
+      focusEl(document.getElementById('formBtn'));
+      if(orderPreview)cueWorld(orderPreview.x,orderPreview.y,'DRAG FORMATION');
+    } else focusEl(document.querySelector('.hudDeckBtn[data-deck="orders"]'));
+  } else if(S.id==='attack'){
+    if(shown(document.getElementById('tacRow')))focusEl(document.getElementById('moveBtn'));
+    else focusEl(document.querySelector('.hudDeckBtn[data-deck="orders"]'));
     var sx=0,sy=0,n=0;
     if(typeof unitHigh==='number') for(var j=0;j<unitHigh;j++) if(isCombatUnit(j)&&usel[j]){sx+=ux[j];sy+=uy[j];n++;}
+    if(n) cueWorld(sx/n+150,sy/n-110,'ATTACK-MOVE');
     else focusEl(document.getElementById('armyBtn'));
+  } else if(S.id==='fog'){
+    focusEl(document.getElementById('minimapWrap'));
+    if(MATCH.scoutIdx>=0&&ualive[MATCH.scoutIdx])cueWorld(ux[MATCH.scoutIdx]+190,uy[MATCH.scoutIdx]-150,'SCOUT THIS SECTOR');
+  } else if(S.id==='tech') buildFocus('TECH','Research Complex','techlab');
+  else if(S.id==='ability'){
+    var blast=document.getElementById('abOver');
+    if(shown(blast))focusEl(blast);else focusEl(document.querySelector('.hudDeckBtn[data-deck="powers"]'));
+    if(typeof heroIdx==='number'&&heroIdx>=0&&ualive[heroIdx])cueWorld(ux[heroIdx]+105,uy[heroIdx]-70,'BLAST TARGET');
+  } else if(S.id==='objective'||S.id==='cloud'){
+    focusEl(next);
   }
 }
 /* Capped so a burst of state changes (several buildings finishing within the
    --------------------------------------------------------------------------- */
 function trackMatchSignals(){
   if(sawQueuedUnit()) MATCH.sawQueue=true;
+  if(MATCH.cameraBase){
+    var C=MATCH.cameraBase;
+    if((typeof camUserT==='number'&&camUserT>0)||Math.abs(yawTarget-C.yaw)>.06||
+       Math.abs(pitchTarget-C.pitch)>.035||Math.abs(orthoSpan-C.span)>24)MATCH.sawCamera=true;
+  }
   if(typeof unitHigh==='number' && (!MATCH.sawSel||!MATCH.sawCombatSel)){
     for(var i=0;i<unitHigh;i++){
       if(!ualive[i]||uteam[i]!==0) continue;
       if(MATCH.sawSel&&MATCH.sawCombatSel) break;
     }
   }
+  if(typeof activePlatoon==='number'&&activePlatoon>=0&&ctrlGroups[activePlatoon]&&groupLive(ctrlGroups[activePlatoon]).length)
+    MATCH.sawPlatoon=true;
+  if(typeof orderConfirm!=='undefined'&&orderConfirm)MATCH.sawFormation=true;
+  if(MATCH.scoutIdx>=0&&MATCH.scoutStart&&ualive[MATCH.scoutIdx]&&
+     Math.hypot(ux[MATCH.scoutIdx]-MATCH.scoutStart.x,uy[MATCH.scoutIdx]-MATCH.scoutStart.y)>115)MATCH.sawScout=true;
   if(typeof abCool!=='undefined'){
     for(var k=0;k<abCool.length;k++){
       if(abCool[k]>(MATCH.lastAbCool[k]||0)+0.01) MATCH.usedAbility=true;
   TUT.stepIdx=0;
   TUT.shownStepIdx=-1;
   TUT.doneFlags=STEPS.map(function(){ return false; });
+  MATCH.sawSel=false;MATCH.sawCombatSel=false;MATCH.sawMove=false;MATCH.sawQueue=false;MATCH.sawCamera=false;
+  MATCH.sawPickup=false;MATCH.sawPlatoon=false;MATCH.sawFormation=false;MATCH.sawAttackMove=false;MATCH.sawScout=false;
+  MATCH.territoryAck=false;MATCH.objectiveAck=false;MATCH.cloudAck=false;MATCH.usedAbility=false;
+  MATCH.startCombat=combatCount();MATCH.pickup=null;MATCH.scoutIdx=-1;MATCH.scoutStart=null;
+  MATCH.cameraBase={yaw:yawTarget,pitch:pitchTarget,span:orthoSpan};
+  MATCH.lastAbCool=(typeof abCool!=='undefined')?abCool.slice():[0,0,0,0];
   queue.length=0;
   speak(GREETING,5.5,'greeting');
 }
   }
   var cur=STEPS[TUT.stepIdx];
   restingText=cur.say;
+  restingTag=(cur.icon||'◇')+'  STEP '+(TUT.stepIdx+1)+' / '+STEPS.length;
   if(TUT.shownStepIdx!==TUT.stepIdx){
     TUT.shownStepIdx=TUT.stepIdx;
     speak(cur.say,5.5,'step');
   REACT.baseAttack=false; REACT.lowPower=false; REACT.hazard=false; REACT.unitLost=false; REACT.wave=false;
   REACT.lastAlarmT=(typeof alarmT!=='undefined')?alarmT:0;
   REACT.lastStallE=false; REACT.lastHazWarn=false; REACT.lastWarned=false;
+  MATCH.sawSel=false;MATCH.sawCombatSel=false;MATCH.sawMove=false;MATCH.sawQueue=false;MATCH.sawCamera=false;
+  MATCH.sawPickup=false;MATCH.sawPlatoon=false;MATCH.sawFormation=false;MATCH.sawAttackMove=false;MATCH.sawScout=false;
+  MATCH.territoryAck=false;MATCH.objectiveAck=false;MATCH.cloudAck=false;MATCH.usedAbility=false;
+  MATCH.startCombat=combatCount();MATCH.pickup=null;MATCH.scoutIdx=-1;MATCH.scoutStart=null;
+  MATCH.cameraBase={yaw:yawTarget,pitch:pitchTarget,span:orthoSpan};
   MATCH.lastAbCool=(typeof abCool!=='undefined')?abCool.slice():[0,0,0,0];
   if(TUT.trainingMode){ TUT.forceNext=false; beginRun(); }
 }
   META.opmods=trainingPrev.opmods; META.threatSel=trainingPrev.threatSel;
   trainingPrev=null;
 }
+function trainingStepId(){
+  return TUT.active&&STEPS[TUT.stepIdx]?STEPS[TUT.stepIdx].id:'';
+}
+function ensureTrainingPickup(){
+  if(MATCH.sawPickup||(MATCH.pickup&&crates.indexOf(MATCH.pickup)>=0))return;
+  var H=playerBld('hq');if(!H||typeof spawnCrate!=='function')return;
+  var C=spawnCrate(H.x+155,H.y-55,'supply');
+  C.alt=0;C.seen=true;C.t=0;C.site=true;C.siteName='TRAINING CACHE';C.announced=true;
+  MATCH.pickup=C;
+  if(typeof mmPing==='function')mmPing(C.x,C.y);
+}
+function ensureTrainingScout(){
+  if(MATCH.scoutIdx>=0&&ualive[MATCH.scoutIdx])return;
+  var H=playerBld('hq'),ty=-1;if(!H)return;
+  for(var i=0;i<TYPES.length;i++)if(TYPES[i]&&TYPES[i].scout){ty=i;break;}
+  if(ty<0)return;
+  var u=spawnUnit(ty,0,H.x+95,H.y+55);if(u<0)return;
+  clearSel();usel[u]=1;MATCH.scoutIdx=u;MATCH.scoutStart={x:ux[u],y:uy[u]};
+  updateSelInfo();cam.x=ux[u];cam.y=uy[u];clampCam();camUpdateMatrices();
+  toast('⌾ TRAINING SCOUT DEPLOYED — move it into black fog');
+}
 function trainingSafety(){
   if(!TUT.trainingMode||typeof running==='undefined'||!running||typeof matchLive==='undefined'||!matchLive) return;
   /* No scripted ambush while the player is reading. The enemy still builds a
   if(typeof resE!=='undefined'&&typeof RES_ECAP!=='undefined') resE[0]=Math.min(RES_ECAP[0],Math.max(resE[0],2200));
   if(typeof heroIdx==='number'&&heroIdx>=0&&ualive[heroIdx]) uhp[heroIdx]=Math.max(uhp[heroIdx],uhpm[heroIdx]*.72);
   var H=playerBld('hq'); if(H) H.hp=Math.max(H.hp,H.hpm*.75);
+  var step=trainingStepId();
+  if(step==='pickup')ensureTrainingPickup();
+  if(step==='fog')ensureTrainingScout();
+  if(step==='tech'&&typeof heroLvl==='number')heroLvl=Math.max(heroLvl,3);
 }
 function startTrainingMission(){
   if(typeof running!=='undefined'&&running){ toast('Leave the current battle before starting training'); return; }
   if(typeof hideFrontScreens==='function') hideFrontScreens();
   var load=document.getElementById('loadScr'); if(load) load.style.display='flex';
   requestAnimationFrame(function(){requestAnimationFrame(function(){
+    applyTheme(); newSkirmish();fogOn=true;updateFog();trainingLaunched=true;
     if(load) load.style.display='none';
     toast('TRAINING OPERATION — threat paused while KEEL guides you');
   });});
 function ensureTrainingEntry(){
   var start=document.getElementById('startBtn'); if(!start||document.getElementById('keelTrainingCallout')) return;
   var d=document.createElement('div'); d.id='keelTrainingCallout';
+  d.innerHTML='<div class="ktMiniIdentity"><img src="./assets/factions/nova_icon_96.png" alt="Terran Frontline Command">'
     +'<div><span class="ktState">FIRST OPERATION</span><b>FIELD ORIENTATION</b><small class="ktProgress">0 / '+STEPS.length+' OBJECTIVES</small></div></div>'
     +'<button type="button">VIEW TRAINING</button>';
   start.parentNode.insertBefore(d,start);
       +'<span>'+(typeof facIcon==='function'?facIcon('nova',38,'ktoCrestImg'):'✦')+'</span></div>'
       +'<div class="ktoIdentity"><small>TRAINING OPERATION 01</small><b>FIELD ORIENTATION</b>'
       +'<i>'+commander+' · KEEL tactical guidance</i>'
+      +'<p>A protected live-fire drop covering the complete command loop without an early enemy rush.</p></div></div>'
+    +'<div class="ktoTeach" aria-label="Training topics"><span>◇ CAMERA</span><span>⬡ ECONOMY</span><span>▣ PRODUCTION</span>'
+      +'<span>⛨ DEFENCE</span><span>Ⅳ PLATOONS</span><span>⌾ SCOUTING</span>'
+      +'<span>⌬ TECH</span><span>✦ POWERS</span><span>☁ SAVES</span></div>'
     +'<div class="ktoProgress"><div><span>OBJECTIVE PROGRESS</span><b>'+S.progress+' / '+STEPS.length+'</b></div>'
       +'<div class="ktoProgressTrack"><i style="width:'+progressPct+'%"></i></div>'
       +'<small>'+(S.done?'Orientation certified · replay does not repeat the first-clear reward':
                    S.active?'Current lesson: '+(STEPS[Math.min(TUT.stepIdx,STEPS.length-1)].id||'field systems').toUpperCase():
+                   S.interrupted?'Previous best retained · a new drop restarts at camera control':STEPS.length+' guided objectives · progress is saved to this profile')+'</small></div>'
     +'<div class="ktoFacts"><div><b>'+STEPS.length+'</b><span>OBJECTIVES</span></div><div><b>EASY</b><span>FIXED OPPONENT</span></div>'
       +'<div><b>SAFE</b><span>NO INFESTATION</span></div></div>'
     +'<button class="ktoAction" type="button">'+S.action+'</button>';
     window.__keelMoveWrapped=true;
     var _keelOrderMove=orderMove;
     orderMove=function(wx,wy,patrol){
+      var combat=hasSelectedCombatUnit(),formationDone=MATCH.sawFormation,attackMode=typeof moveMode==='undefined'||!moveMode,
+          ok=_keelOrderMove(wx,wy,patrol);
+      if(ok&&combat&&!patrol){
+        MATCH.sawMove=true;
+        /* The formation release itself also calls orderMove. Requiring a
+           formation observed on an earlier poll ensures the next deliberate
+           map tap teaches attack-move instead of silently auto-completing. */
+        if(formationDone&&attackMode)MATCH.sawAttackMove=true;
+      }
       return ok;
     };
   }
+  if(typeof applyCrate==='function'&&!window.__keelPickupWrapped){
+    window.__keelPickupWrapped=true;
+    var _keelApplyCrate=applyCrate;
+    applyCrate=function(k,x,y){
+      var out=_keelApplyCrate(k,x,y);
+      if(TUT.trainingMode)MATCH.sawPickup=true;
+      return out;
+    };
+  }
   setInterval(tutTick,350);
 }
 window.initTutorial=initTutorial;

src/ui/hud.js CHANGED Viewed

@@ -259,9 +259,23 @@ function renderLegacySprites(dtDraw){
   for(const r of rocks){ if(r.x<x0||r.x>x1||r.y<y0||r.y>y1) continue;
     batN.add(sRock,r.x,r.y,r.s,r.s,r.a,255,255,255,255); }
   for(const d of deposits){
-    if(d.taken||d.x<x0||d.x>x1||d.y<y0||d.y>y1) continue;
-    if(d.rich) batN.add(sprites.depR,d.x,d.y,35,35,0,255,255,255,255);
-    else batN.add(sDep,d.x,d.y,30,30,0,255,255,255,255);
   }
   for(const gz of geysers){
     if(gz.x<x0||gz.x>x1||gz.y<y0||gz.y>y1) continue;
@@ -270,7 +284,13 @@ function renderLegacySprites(dtDraw){
       addParticle(1,gz.x+rr(-5,5),gz.y+rr(-4,4),rr(-2,2),rr(-17,-10),1.3,9, 165,225,250);
   }
   for(const cst of crystals){ if(cst.x<x0||cst.x>x1||cst.y<y0||cst.y>y1) continue;
-    batN.add(sCry,cst.x,cst.y,cst.s,cst.s,cst.a,255,255,255,255); }
   // ---- contact shadows for standing relief (drawn flat, on the ground) ----
   for(const M of relief){
     if(M.x<x0-60||M.x>x1+60||M.y<y0-60||M.y>y1+60) continue;
@@ -597,6 +617,18 @@ function renderLegacySprites(dtDraw){
     const tc=TEAMC[uteam[i]];
     if(usel[i]) batA.add(selRing,X,Y,T.size*1.6,T.size*1.6,0,60,220,140,170);
     if(ubuff[i]>0) batA.add(glow,X,Y,T.size*1.9,T.size*1.9,0,255,210,60,40);
     // organic sway for walkers & beasts
     let bodyRot=uang[i];
     if(T.wk==='m'||utype[i]===0||utype[i]===8||utype[i]===11) bodyRot+=Math.sin(t*8+i*1.7)*0.045;
@@ -676,6 +708,11 @@ function renderLegacySprites(dtDraw){
         const ha=(T.tur?uturr[i]:uang[i])-Math.PI/2;
         batA.add(glow,X+Math.cos(ha)*T.size*0.8,Y+Math.sin(ha)*T.size*0.8,
           T.size*1.3,T.size*1.3,0, 255,190,110, 54*dep);
       }
     }
   }
@@ -684,6 +721,10 @@ function renderLegacySprites(dtDraw){
     const i=airTmp[k], T=TYPES[utype[i]], tc=TEAMC[uteam[i]];
     const bob=Math.sin(t*3+i)*1.5;
     if(usel[i]) batA.add(selRing,ux[i],uy[i],T.size*1.6,T.size*1.6,0,60,220,140,170);
     if(use3D&&UNIT_UV[T.spr]){
       batU.add(UNIT_UV[T.spr][angFrame(uang[i]+camYaw)],ux[i],uy[i]-7+bob,T.size*S3D,T.size*S3D,0,tc[0],tc[1],tc[2],255,52);
     } else {
@@ -1239,8 +1280,10 @@ function renderMinimap(){
   mm.drawImage(mmBg,0,0);
   mm.fillStyle='#3dd68a';
   for(const d of deposits){
-    if(d.taken||(fogOn&&!demoMode&&!fogExploredAt(d.x,d.y))) continue;
-    mm.fillRect(d.x*k-1.5,d.y*k-1.5,3,3);
   }
   for(const B of blds){
     if(!B.alive) continue;
@@ -1384,7 +1427,7 @@ function updateSelInfo(){
   if(mr){
     mr.style.display=deck==='platoons'&&modeable?'flex':'none';
     if(modeable){
-      const M=MODES[mixed?0:Math.max(0,curMode)];
       $('modeEm').textContent=mixed?'⁇':M.em;
       $('modeNm').textContent=mixed?'Mixed':M.nm;
     }
@@ -1426,10 +1469,10 @@ function cycleSelectedModes(){
       const cur=list.indexOf(umode[i]);
       decided[ty]=list[(cur+1)%list.length];
     }
-    if(setMode(i,decided[ty])){ changed++; label=MODES[decided[ty]].nm; }
   }
   if(changed){
-    const M=MODES[decided[Object.keys(decided)[0]]];
     toast(M.em+' '+changed+' units → '+M.nm+' — '+M.ds);
     sfx('ui');
   } else toast('Selected units have no alternate stance');
@@ -1471,6 +1514,7 @@ function updateHUD(fps){
   }
   if(aiming===0) $('abOver').classList.add('on'); else $('abOver').classList.remove('on');
   if(typeof artBarrageButtonState==='function') artBarrageButtonState();
   // carrier deployment prompt
   const db=$('deployBtn');
   if(db){
@@ -1567,6 +1611,32 @@ const INTEL_BUILD_COPY={
   tech:'Unlocks and strengthens advanced systems', sup:'Extends and sustains the base',
   sup2:'Strategic weapon for decisive strikes'
 };
 const INTEL_BLD_WEAPONS={
   turret:{wk:'b',rng:()=>TURRET_RNG,tg:'a'}, bunker:{wk:'e',rng:()=>BUNKER.rng,tg:'g'},
   aatower:{wk:'e',rng:()=>AA.rng,tg:'air'}, bastion:{wk:'e',rng:()=>BASTION.rng,min:()=>BASTION.minRng,tg:'g'},
@@ -1586,6 +1656,8 @@ function intelRangeBand(r){
   return '—';
 }
 function intelUnitPurpose(T){
   if(T.builder) return 'Mobile engineer that establishes forward bases and repairs structures.';
   if(T.name==='Bulwark') return 'Mobile shield projector that reduces damage to nearby allied units.';
   if(T.scout) return 'High-speed reconnaissance aircraft for finding threats and flanking exposed targets.';
@@ -1809,6 +1881,33 @@ function mfIntelPreviewSet(host,kind,id){
   if(V&&V.setSubject(kind,id)) return;
   if(host){host.innerHTML='';host.appendChild(mfIntelPreviewWindow(kind,id,'LIVE 3D'));}
 }
 let mfIntelMenuTimer=0;
 function mfIntelMenuInit(tryN){
   const host=$('menuIntelModel');if(!host||host.dataset.ready) return;
@@ -1849,6 +1948,16 @@ function showUnitTypeCard(tIdx,pinned){
       ?'☄ ACTIVE: CHARGED BARRAGE · select artillery, open POWERS, then target the map'
       :'🔒 CHARGED BARRAGE · research Fire Mission Protocol in Development > Doctrine';
     card.appendChild(info);
   }
   mfIntelAttachPreview('unit',tIdx);
 }
@@ -2046,7 +2155,7 @@ function unitIconEl(tIdx,size){
     13:'unit_alpha',18:'unit_scorcher',19:'unit_constructor',
     20:'unit_reaper',21:'unit_cinder',22:'unit_lancer',23:'unit_resonator',
     24:'unit_warden',25:'unit_kestrel',26:'unit_basilisk',27:'unit_harbinger',
-    28:'unit_praetor',29:'unit_archon',30:'unit_brood'
   }[tIdx];
   if(special&&typeof itemArt==='function'){
     w.innerHTML=itemArt(special,T.name,size);
@@ -2098,8 +2207,8 @@ function renderProdMenu(){
   if(B.type==='tgate') list=[8,26];
   else if(B.type==='harbor') list=[14,15];
   else if(B.type==='airfield') list=[5,17,25];
-  else list = B.tier===2? [0,1,9,18,10,2,3,6,7,11,16,19,20,21,22,23,24,27]
-                        : [0,1,9,10,19,24];
   /* ROLE TABS. A flat grid of eighteen cards is a wall; one tap per role lets
      the player find the answer to whatever is killing them without reading
      every stat block on the way there. */
@@ -2118,6 +2227,7 @@ function renderProdMenu(){
     b.addEventListener('pointerdown',ev=>{ ev.stopPropagation(); prodTab=c; sfx('ui'); renderProdMenu(); });
     tr.appendChild(b);
   }
   (groups[prodTab]||[]).forEach(tIdx=>{
     const T=TYPES[tIdx];
     const d=document.createElement('div');
@@ -2134,6 +2244,9 @@ function renderProdMenu(){
       if(openBld<0) return;
       const Bb=blds[openBld];
       if(tIdx===8 && titanCount[0]+Bb.queue.filter(q=>q===8).length>=3){ toast('Max 3 TITANs'); return; }
       if(Bb.queue.length<30){ Bb.queue.push(tIdx); sfx('ui'); renderQueue(); }
       if(tIdx!==8){                              // hold to queue a batch of 5
         const hold=setTimeout(()=>{
@@ -2204,6 +2317,7 @@ function renderBuildMenu(){
     b.addEventListener('pointerdown',ev=>{ ev.stopPropagation(); bldTab=c; sfx('ui'); renderBuildMenu(); });
     tr.appendChild(b);
   }
   for(const key of (grp[bldTab]||[])){
     const T=BT[key];
     const d=document.createElement('div');

   for(const r of rocks){ if(r.x<x0||r.x>x1||r.y<y0||r.y>y1) continue;
     batN.add(sRock,r.x,r.y,r.s,r.s,r.a,255,255,255,255); }
   for(const d of deposits){
+    if(d.x<x0||d.x>x1||d.y<y0||d.y>y1) continue;
+    const tier=depositTier(d),frac=d.capacity?d.remaining/d.capacity:0;
+    const col=tier===3?[188,82,255]:tier===2?[58,225,150]:tier===1?[58,190,255]:[72,76,88];
+    /* Corrupted terrain is a world feature, not a UI pin. Layered fractured
+       decals, subsurface bloom and counter-rotating rings remain under an
+       Extractor and desaturate as the finite field collapses. */
+    const fieldR=72+(d.initialTier||1)*20;
+    batN.add(sCrater,d.x,d.y,fieldR*1.8,fieldR*1.32,(d.pulse||0)+.35,col[0]*.62|0,col[1]*.58|0,col[2]*.68|0,tier?72:42);
+    batN.add(sCrater,d.x+8,d.y-5,fieldR*1.35,fieldR*.95,-(d.pulse||0)-.7,col[0]*.86|0,col[1]*.78|0,col[2]*.92|0,tier?46:28);
+    batN.add(glow,d.x,d.y,fieldR*2.05,fieldR*2.05,0,col[0],col[1],col[2],tier?(42+24*frac)|0:8);
+    batN.add(selRing,d.x,d.y,fieldR*1.45,fieldR*1.45,t*.10+(d.pulse||0),col[0],col[1],col[2],tier?76:20);
+    if(tier>0&&!d.taken){
+      if(tier===3) batN.add(sprites.depR,d.x,d.y,39,39,0,col[0],col[1],col[2],255);
+      else batN.add(sDep,d.x,d.y,30+tier*3,30+tier*3,0,col[0],col[1],col[2],255);
+    }
+    if(tier>0&&perfScale>.45&&Math.random()<.018*tier)
+      addParticle(0,d.x+rr(-fieldR*.55,fieldR*.55),d.y+rr(-fieldR*.42,fieldR*.42),rr(-3,3),rr(-12,-4),.55,3.5,col[0],col[1],col[2]);
   }
   for(const gz of geysers){
     if(gz.x<x0||gz.x>x1||gz.y<y0||gz.y>y1) continue;
       addParticle(1,gz.x+rr(-5,5),gz.y+rr(-4,4),rr(-2,2),rr(-17,-10),1.3,9, 165,225,250);
   }
   for(const cst of crystals){ if(cst.x<x0||cst.x>x1||cst.y<y0||cst.y>y1) continue;
+    const D=deposits[cst.dep],tier=depositTier(D);if(!D||cst.band>tier)continue;
+    const bandFill=clamp((D.remaining-(tier-1)*DEPOSIT_BAND)/DEPOSIT_BAND,0,1);
+    const edge=cst.band===tier?(.42+.58*bandFill):1,pulse=.94+.08*Math.sin(t*1.45+(cst.phase||0));
+    const s=cst.s*edge*pulse*(cst.core?1.42:1.18),col=cst.band===3?[220,112,255]:cst.band===2?[78,255,170]:[78,225,255];
+    batN.add(glow,cst.x,cst.y,s*1.8,s*1.8,0,col[0],col[1],col[2],cst.core?78:55);
+    batN.add(sCry,cst.x,cst.y,s,s*1.22,cst.a+Math.sin(t*.24+(cst.phase||0))*.035,col[0],col[1],col[2],255);
+  }
   // ---- contact shadows for standing relief (drawn flat, on the ground) ----
   for(const M of relief){
     if(M.x<x0-60||M.x>x1+60||M.y<y0-60||M.y>y1+60) continue;
     const tc=TEAMC[uteam[i]];
     if(usel[i]) batA.add(selRing,X,Y,T.size*1.6,T.size*1.6,0,60,220,140,170);
     if(ubuff[i]>0) batA.add(glow,X,Y,T.size*1.9,T.size*1.9,0,255,210,60,40);
+    if(typeof uclassBuffT!=='undefined'&&uclassBuffT[i]>0){
+      const cc=uclassBuff[i]===1?[255,112,54]:uclassBuff[i]===2?[75,225,255]:[82,255,164];
+      batA.add(selRing,X,Y,T.size*2.05,T.size*2.05,t*(uclassBuff[i]===2?1.8:.65),cc[0],cc[1],cc[2],120);
+      batA.add(glow,X,Y,T.size*1.65,T.size*1.65,0,cc[0],cc[1],cc[2],34);
+    }
+    if(typeof ubroodLed!=='undefined'&&ubroodLed[i]>0){
+      batA.add(selRing,X,Y,T.size*1.65,T.size*1.65,t*.72+i*.17,176,92,255,T.caster?155:54);
+      if(T.caster){
+        batA.add(selRing,X,Y,T.size*2.75,T.size*2.75,-t*.38,116,255,105,128);
+        batA.add(glow,X,Y-T.size*.24,T.size*2.25,T.size*2.25,0,178,82,255,64+Math.sin(t*4+i)*24);
+      }
+    }
     // organic sway for walkers & beasts
     let bodyRot=uang[i];
     if(T.wk==='m'||utype[i]===0||utype[i]===8||utype[i]===11) bodyRot+=Math.sin(t*8+i*1.7)*0.045;
         const ha=(T.tur?uturr[i]:uang[i])-Math.PI/2;
         batA.add(glow,X+Math.cos(ha)*T.size*0.8,Y+Math.sin(ha)*T.size*0.8,
           T.size*1.3,T.size*1.3,0, 255,190,110, 54*dep);
+      } else if(mo===6){                                      // ASSIST: logistics lock
+        batA.add(selRing,X,Y,T.size*2.1,T.size*2.1,t*.7,72,225,255,120*dep);
+      } else if(mo===7){                                      // SURVEY: scanning wave
+        const scan=1+((t*.55+i*.13)%1)*1.8;
+        batA.add(selRing,X,Y,T.size*scan,T.size*scan,-t*.35,100,255,185,(125/scan)*dep);
       }
     }
   }
     const i=airTmp[k], T=TYPES[utype[i]], tc=TEAMC[uteam[i]];
     const bob=Math.sin(t*3+i)*1.5;
     if(usel[i]) batA.add(selRing,ux[i],uy[i],T.size*1.6,T.size*1.6,0,60,220,140,170);
+    if(typeof uclassBuffT!=='undefined'&&uclassBuffT[i]>0){
+      const cc=uclassBuff[i]===2?[75,225,255]:[255,112,54];
+      batA.add(selRing,ux[i],uy[i],T.size*2.25,T.size*2.25,t*1.8,cc[0],cc[1],cc[2],135);
+    }
     if(use3D&&UNIT_UV[T.spr]){
       batU.add(UNIT_UV[T.spr][angFrame(uang[i]+camYaw)],ux[i],uy[i]-7+bob,T.size*S3D,T.size*S3D,0,tc[0],tc[1],tc[2],255,52);
     } else {
   mm.drawImage(mmBg,0,0);
   mm.fillStyle='#3dd68a';
   for(const d of deposits){
+    const tier=depositTier(d);
+    if(tier<=0||(fogOn&&!demoMode&&!fogExploredAt(d.x,d.y))) continue;
+    mm.fillStyle=tier===3?'#d06bff':tier===2?'#55eea3':'#4edcff';
+    const rs=tier+2;mm.fillRect(d.x*k-rs/2,d.y*k-rs/2,rs,rs);
   }
   for(const B of blds){
     if(!B.alive) continue;
   if(mr){
     mr.style.display=deck==='platoons'&&modeable?'flex':'none';
     if(modeable){
+      const M=unitModeDef(utype[first],mixed?0:Math.max(0,curMode));
       $('modeEm').textContent=mixed?'⁇':M.em;
       $('modeNm').textContent=mixed?'Mixed':M.nm;
     }
       const cur=list.indexOf(umode[i]);
       decided[ty]=list[(cur+1)%list.length];
     }
+    if(setMode(i,decided[ty])){ changed++; label=unitModeDef(ty,decided[ty]).nm; }
   }
   if(changed){
+    const firstTy=+Object.keys(decided)[0],M=unitModeDef(firstTy,decided[firstTy]);
     toast(M.em+' '+changed+' units → '+M.nm+' — '+M.ds);
     sfx('ui');
   } else toast('Selected units have no alternate stance');
   }
   if(aiming===0) $('abOver').classList.add('on'); else $('abOver').classList.remove('on');
   if(typeof artBarrageButtonState==='function') artBarrageButtonState();
+  if(typeof classAbilityButtonState==='function') classAbilityButtonState();
   // carrier deployment prompt
   const db=$('deployBtn');
   if(db){
   tech:'Unlocks and strengthens advanced systems', sup:'Extends and sustains the base',
   sup2:'Strategic weapon for decisive strikes'
 };
+/* A category tab must answer more than “which cards are hidden underneath
+   it?”. These short tactical briefs make the taxonomy useful to a newcomer:
+   what the role accomplishes, which formation supports it, and the mistake
+   that normally gets it killed. They deliberately sit above the card grid so
+   the player can understand the decision before spending resources. */
+const INTEL_ROLE_GUIDE={
+  inf:{tag:'LINE TROOPS',form:'WEDGE / SPREAD',use:'Capture ground, screen expensive weapons, and pressure exposed economy.',avoid:'Do not mass into splash or flame.'},
+  veh:{tag:'ARMOURED CORE',form:'BATTLE LINE',use:'Hold the centre and trade efficiently under sustained fire.',avoid:'Screen against gauss and dedicated anti-tank.'},
+  at :{tag:'HEAVY HUNTERS',form:'LINE / ARC',use:'Delete plated targets with focused, deliberate volleys.',avoid:'Keep light swarms outside minimum range.'},
+  aoe:{tag:'CROWD BREAKERS',form:'SPREAD',use:'Punish dense infantry and biological waves with splash damage.',avoid:'Protect them from long-range armour hunters.'},
+  art:{tag:'SIEGE BATTERY',form:'ARC / LINE',use:'Break towers and formations from beyond normal weapon range.',avoid:'Scout first; artillery folds at close range.'},
+  aa :{tag:'AIR DENIAL',form:'SPREAD / BOX',use:'Escort valuable columns and deny bomber approaches.',avoid:'Specialists lose value against ground-only armies.'},
+  air:{tag:'RAPID RESPONSE',form:'WEDGE',use:'Scout, flank, and strike weak points without following ground paths.',avoid:'Never loiter inside layered anti-air.'},
+  nav:{tag:'SEA CONTROL',form:'LINE',use:'Own coastlines and project heavy fire onto nearby land.',avoid:'Water-only movement makes positioning a commitment.'},
+  sup:{tag:'FORCE MULTIPLIER',form:'BOX / COLUMN',use:'Repair, shield, build, and keep the fighting line operational.',avoid:'Unarmed support needs an escort.'},
+  exp:{tag:'DECISIVE ASSET',form:'BOX',use:'Anchor a late-game push and force the enemy to answer one threat.',avoid:'High cost makes isolation and focus fire disastrous.'}
+};
+const INTEL_BUILD_GUIDE={
+  eco :{tag:'RESOURCE GRID',use:'Secure income and storage before expanding production.',chain:'DEPOSIT → EXTRACTOR → STORAGE'},
+  prod:{tag:'ARMY PIPELINE',use:'Set rally points, maintain queues, and diversify unit counters.',chain:'POWER → FACTORY → RALLY'},
+  def :{tag:'DEFENCE LAYER',use:'Overlap ranges so one tower covers another tower’s weakness.',chain:'SCOUT → SCREEN → KILL ZONE'},
+  wall:{tag:'PATH CONTROL',use:'Shape enemy movement without trapping your own reinforcements.',chain:'WALL → GATE → CROSS-FIRE'},
+  tech:{tag:'ACCOUNT RESEARCH',use:'Protect the lab network; completed studies persist beyond the match.',chain:'LAB → STUDY → ACCOUNT DATA'},
+  sup :{tag:'BATTLE NETWORK',use:'Extend territory, shielding, repairs, and targeting coverage.',chain:'UPLINK → COVERAGE → ADVANCE'},
+  sup2:{tag:'STRATEGIC STRIKE',use:'Scout the target and force movement before committing the long cooldown.',chain:'VISION → LOCK → LAUNCH'}
+};
 const INTEL_BLD_WEAPONS={
   turret:{wk:'b',rng:()=>TURRET_RNG,tg:'a'}, bunker:{wk:'e',rng:()=>BUNKER.rng,tg:'g'},
   aatower:{wk:'e',rng:()=>AA.rng,tg:'air'}, bastion:{wk:'e',rng:()=>BASTION.rng,min:()=>BASTION.minRng,tg:'g'},
   return '—';
 }
 function intelUnitPurpose(T){
+  if(T.miner) return 'Mobile phase-ore miner. Cycle MINE, ASSIST and SURVEY orders to gather or accelerate production.';
+  if(T.caster) return 'Critical-mass Brood leader. Its aura turns nearby creatures into a faster coordinated tide.';
   if(T.builder) return 'Mobile engineer that establishes forward bases and repairs structures.';
   if(T.name==='Bulwark') return 'Mobile shield projector that reduces damage to nearby allied units.';
   if(T.scout) return 'High-speed reconnaissance aircraft for finding threats and flanking exposed targets.';
   if(V&&V.setSubject(kind,id)) return;
   if(host){host.innerHTML='';host.appendChild(mfIntelPreviewWindow(kind,id,'LIVE 3D'));}
 }
+function mfMenuRoleHost(menuId,gridId){
+  const menu=$(menuId),grid=$(gridId);if(!menu||!grid)return null;
+  let host=menu.querySelector('.menuRoleBrief');
+  if(!host){host=document.createElement('section');host.className='menuRoleBrief';grid.insertAdjacentElement('beforebegin',host);}
+  return host;
+}
+function renderMenuRoleBrief(kind,key,ids){
+  const isUnit=kind==='unit',host=mfMenuRoleHost(isUnit?'prodMenu':'buildMenu',isUnit?'prodGrid':'buildGrid');
+  if(!host||!ids||!ids.length)return;
+  const C=isUnit?(UCAT[key]||UCAT.veh):(BCAT[key]||BCAT.sup);
+  const G=isUnit?(INTEL_ROLE_GUIDE[key]||INTEL_ROLE_GUIDE.veh):(INTEL_BUILD_GUIDE[key]||INTEL_BUILD_GUIDE.sup);
+  const first=ids[0],T=isUnit?TYPES[first]:BT[first];
+  host.innerHTML='<div class="menuRoleVisual"></div><div class="menuRoleCopy">'
+    +'<div class="menuRoleEyebrow"><span>'+C.em+'</span>'+G.tag+'<b>'+ids.length+' AVAILABLE</b></div>'
+    +'<strong>'+C.nm+'</strong><p>'+G.use+'</p>'
+    +'<div class="menuRoleDoctrine"><span>'+(isUnit?'FORMATION':'BUILD CHAIN')+'</span>'+(isUnit?G.form:G.chain)+'</div>'
+    +(isUnit?'<small>⚠ '+G.avoid+'</small>':'')
+    +'<button type="button" class="menuRoleInspect">INSPECT '+T.name.toUpperCase()+'</button></div>';
+  const visual=host.querySelector('.menuRoleVisual');
+  visual.appendChild(mfIntelPreviewWindow(isUnit?'unit':'building',first,'TACTICAL PREVIEW'));
+  const inspect=host.querySelector('.menuRoleInspect');
+  inspect.addEventListener('pointerdown',ev=>{
+    ev.preventDefault();ev.stopPropagation();
+    if(isUnit)showUnitTypeCard(first,true);else showBuildingTypeCard(first,-1,true);
+    sfx('ui');
+  });
+}
 let mfIntelMenuTimer=0;
 function mfIntelMenuInit(tryN){
   const host=$('menuIntelModel');if(!host||host.dataset.ready) return;
       ?'☄ ACTIVE: CHARGED BARRAGE · select artillery, open POWERS, then target the map'
       :'🔒 CHARGED BARRAGE · research Fire Mission Protocol in Development > Doctrine';
     card.appendChild(info);
+  }else if(typeof CLASS_AB!=='undefined'){
+    const k=Object.keys(CLASS_AB).find(id=>CLASS_AB[id].cats.indexOf(T.cat)>=0);
+    if(k){
+      const A=CLASS_AB[k],card=$('unitCard'),info=document.createElement('div'),open=classAbilityUnlocked(A);
+      info.className='ucCounter'+(open?'':' caution');
+      info.textContent=open
+        ?A.em+' ACTIVE: '+A.nm+' · select this class and open POWERS'
+        :'🔒 '+A.nm+' · research '+((typeof DEVTREE!=='undefined'&&DEVTREE.find(x=>x.id===A.req)||{}).nm||A.req)+' in Development > Doctrine';
+      card.appendChild(info);
+    }
   }
   mfIntelAttachPreview('unit',tIdx);
 }
     13:'unit_alpha',18:'unit_scorcher',19:'unit_constructor',
     20:'unit_reaper',21:'unit_cinder',22:'unit_lancer',23:'unit_resonator',
     24:'unit_warden',25:'unit_kestrel',26:'unit_basilisk',27:'unit_harbinger',
+    28:'unit_praetor',29:'unit_archon',30:'unit_brood',31:'unit_brood'
   }[tIdx];
   if(special&&typeof itemArt==='function'){
     w.innerHTML=itemArt(special,T.name,size);
   if(B.type==='tgate') list=[8,26];
   else if(B.type==='harbor') list=[14,15];
   else if(B.type==='airfield') list=[5,17,25];
+  else list = B.tier===2? [0,1,9,18,10,2,3,6,7,11,16,19,20,21,22,23,24,27,32]
+                        : [0,1,9,10,19,24,32];
   /* ROLE TABS. A flat grid of eighteen cards is a wall; one tap per role lets
      the player find the answer to whatever is killing them without reading
      every stat block on the way there. */
     b.addEventListener('pointerdown',ev=>{ ev.stopPropagation(); prodTab=c; sfx('ui'); renderProdMenu(); });
     tr.appendChild(b);
   }
+  renderMenuRoleBrief('unit',prodTab,groups[prodTab]||[]);
   (groups[prodTab]||[]).forEach(tIdx=>{
     const T=TYPES[tIdx];
     const d=document.createElement('div');
       if(openBld<0) return;
       const Bb=blds[openBld];
       if(tIdx===8 && titanCount[0]+Bb.queue.filter(q=>q===8).length>=3){ toast('Max 3 TITANs'); return; }
+      if((tIdx===UT_ENGINEER||tIdx===UT_MINER)&&supportUnitCount(0,true)>=supportUnitCap(0)){
+        toast('⚙ SUPPORT CAP '+supportUnitCap(0)+' — raise Commander level or operate a Research Lab');return;
+      }
       if(Bb.queue.length<30){ Bb.queue.push(tIdx); sfx('ui'); renderQueue(); }
       if(tIdx!==8){                              // hold to queue a batch of 5
         const hold=setTimeout(()=>{
     b.addEventListener('pointerdown',ev=>{ ev.stopPropagation(); bldTab=c; sfx('ui'); renderBuildMenu(); });
     tr.appendChild(b);
   }
+  renderMenuRoleBrief('building',bldTab,grp[bldTab]||[]);
   for(const key of (grp[bldTab]||[])){
     const T=BT[key];
     const d=document.createElement('div');

src/ui/input.js CHANGED Viewed

@@ -146,8 +146,11 @@ function formationTargets(sel,wx,wy,form,angle){
     angle=Math.atan2(wy-cy2/sel.length,wx-cx2/sel.length);
   }
   const ct=Math.cos(angle),st=Math.sin(angle),offs=formationOffsets(sel.length,form,formationSpacing(sel));
-  return offs.map(o=>({x:clamp(wx-o[1]*ct-o[0]*st,15,MAP-15),
-                       y:clamp(wy-o[1]*st+o[0]*ct,15,MAP-15)}));
 }
 function setFormation(n,quiet){
   selFormation=((n%FORMS.length)+FORMS.length)%FORMS.length;
@@ -182,6 +185,7 @@ function toggleMoveMode(){
 function orderMove(wx,wy,patrol){
   const sel=formationMembers();
   if(!sel.length) return false;
   const fld=requestField(wx,wy);               // flow field routes the army around lakes/cliffs
   const form=FORMS[selFormation].id;
   const targets=formationTargets(sel,wx,wy,form);
@@ -215,7 +219,9 @@ function beginPatrolDraft(){
 }
 function addPatrolWaypoint(wx,wy){
   if(!patrolDraft)return;
-  const p={x:clamp(wx,20,MAP-20),y:clamp(wy,20,MAP-20)};
   const last=patrolDraft.pts[patrolDraft.pts.length-1];
   if(Math.hypot(p.x-last.x,p.y-last.y)<35){toast('Place the next waypoint farther along the route');return;}
   if(patrolDraft.pts.length>=6){toast('Route has 5 waypoints — tap START');return;}
@@ -409,7 +415,9 @@ function onTap(sx,sy){
   if(armRally>=0){
     const bi2=armRally; armRally=-1;
     if(blds[bi2]&&blds[bi2].alive){
-      blds[bi2].rally={x:clamp(wx,20,MAP-20),y:clamp(wy,20,MAP-20)};
       addParticle(3,wx,wy,0,0,.5,30, 120,255,170);
       toast('⚑ Rally point set — new units will gather there');
       sfx('ui');
@@ -418,7 +426,9 @@ function onTap(sx,sy){
   }
   // pre-deployment: taps steer the carrier to your chosen landing ground
   if(carrier.active&&carrier.phase===1){
-    carrier.tx=clamp(wx,60,MAP-60); carrier.ty=clamp(wy,60,MAP-60);
     addParticle(3,carrier.tx,carrier.ty,0,0,.5,32, 120,220,255);
     uiCommandAck('deploy',1,carrier.tx,carrier.ty);
     return;
@@ -475,8 +485,9 @@ cv.addEventListener('pointerdown',e=>{
   }
   if(ptrs.size===1&&armFormation&&!placing&&!boxMode&&running&&selCount()){
     const [wx,wy]=s2w(e.clientX,e.clientY);
     orderConfirm=null;
-    orderPreview={pid:e.pointerId,x:clamp(wx,15,MAP-15),y:clamp(wy,15,MAP-15),
                   members:formationMembers(),form:selFormation};
     clearTimeout(holdTimer);return;
   }
@@ -518,7 +529,8 @@ cv.addEventListener('pointermove',e=>{
   }
   if(orderPreview&&orderPreview.pid===e.pointerId){
     const [wx,wy]=s2w(e.clientX,e.clientY);
-    orderPreview.x=clamp(wx,15,MAP-15);orderPreview.y=clamp(wy,15,MAP-15);return;
   }
   if(ptrs.size===1){
     if(placing&&dragGhost){

     angle=Math.atan2(wy-cy2/sel.length,wx-cx2/sel.length);
   }
   const ct=Math.cos(angle),st=Math.sin(angle),offs=formationOffsets(sel.length,form,formationSpacing(sel));
+  return offs.map(o=>{
+    let x=clamp(wx-o[1]*ct-o[0]*st,15,MAP-15),y=clamp(wy-o[1]*st+o[0]*ct,15,MAP-15);
+    if(typeof battlefieldClampPoint==='function'){const p=battlefieldClampPoint(x,y,15);x=p[0];y=p[1];}
+    return {x,y};
+  });
 }
 function setFormation(n,quiet){
   selFormation=((n%FORMS.length)+FORMS.length)%FORMS.length;
 function orderMove(wx,wy,patrol){
   const sel=formationMembers();
   if(!sel.length) return false;
+  if(typeof battlefieldClampPoint==='function'){const p=battlefieldClampPoint(wx,wy,24);wx=p[0];wy=p[1];}
   const fld=requestField(wx,wy);               // flow field routes the army around lakes/cliffs
   const form=FORMS[selFormation].id;
   const targets=formationTargets(sel,wx,wy,form);
 }
 function addPatrolWaypoint(wx,wy){
   if(!patrolDraft)return;
+  let px=clamp(wx,20,MAP-20),py=clamp(wy,20,MAP-20);
+  if(typeof battlefieldClampPoint==='function'){const q=battlefieldClampPoint(px,py,24);px=q[0];py=q[1];}
+  const p={x:px,y:py};
   const last=patrolDraft.pts[patrolDraft.pts.length-1];
   if(Math.hypot(p.x-last.x,p.y-last.y)<35){toast('Place the next waypoint farther along the route');return;}
   if(patrolDraft.pts.length>=6){toast('Route has 5 waypoints — tap START');return;}
   if(armRally>=0){
     const bi2=armRally; armRally=-1;
     if(blds[bi2]&&blds[bi2].alive){
+      let rx=clamp(wx,20,MAP-20),ry=clamp(wy,20,MAP-20);
+      if(typeof battlefieldClampPoint==='function'){const p=battlefieldClampPoint(rx,ry,24);rx=p[0];ry=p[1];}
+      blds[bi2].rally={x:rx,y:ry};
       addParticle(3,wx,wy,0,0,.5,30, 120,255,170);
       toast('⚑ Rally point set — new units will gather there');
       sfx('ui');
   }
   // pre-deployment: taps steer the carrier to your chosen landing ground
   if(carrier.active&&carrier.phase===1){
+    let cx=clamp(wx,60,MAP-60),cy=clamp(wy,60,MAP-60);
+    if(typeof battlefieldClampPoint==='function'){const p=battlefieldClampPoint(cx,cy,80);cx=p[0];cy=p[1];}
+    carrier.tx=cx; carrier.ty=cy;
     addParticle(3,carrier.tx,carrier.ty,0,0,.5,32, 120,220,255);
     uiCommandAck('deploy',1,carrier.tx,carrier.ty);
     return;
   }
   if(ptrs.size===1&&armFormation&&!placing&&!boxMode&&running&&selCount()){
     const [wx,wy]=s2w(e.clientX,e.clientY);
+    const pp=typeof battlefieldClampPoint==='function'?battlefieldClampPoint(wx,wy,24):[clamp(wx,15,MAP-15),clamp(wy,15,MAP-15)];
     orderConfirm=null;
+    orderPreview={pid:e.pointerId,x:pp[0],y:pp[1],
                   members:formationMembers(),form:selFormation};
     clearTimeout(holdTimer);return;
   }
   }
   if(orderPreview&&orderPreview.pid===e.pointerId){
     const [wx,wy]=s2w(e.clientX,e.clientY);
+    const pp=typeof battlefieldClampPoint==='function'?battlefieldClampPoint(wx,wy,24):[clamp(wx,15,MAP-15),clamp(wy,15,MAP-15)];
+    orderPreview.x=pp[0];orderPreview.y=pp[1];return;
   }
   if(ptrs.size===1){
     if(placing&&dragGhost){

src/ui/render3d.js CHANGED Viewed

@@ -94,7 +94,10 @@ function drawShadows(S){
      as a decal painted on the grass. */
   for(const o of rocks)    if(vis(o.x,o.y,60)) put(o.x,o.y,o.s*0.62,o.s*0.75);
   for(const o of trees)    if(vis(o.x,o.y,60)) put(o.x,o.y,o.s*0.52,o.s*1.15);
-  for(const o of crystals) if(vis(o.x,o.y,60)) put(o.x,o.y,o.s*0.45,o.s*1.0);
   if(typeof carrier!=='undefined'&&carrier.active&&carrierEffectiveAlt()<260)
     put(carrier.x,carrier.y,54,Math.max(2,carrierEffectiveAlt()*0.6));
   if(!FX.shadow.n) return;
@@ -137,6 +140,65 @@ function begin3D(nA){
 }
 function setEmis(v){ gl.uniform1f(U3.uEmis,v); }
 /* A beam is a camera-facing textured ribbon, not a row of glow dots. Project
    both endpoints first so the rectangle follows the beam on screen even while
    the player rotates and tilts the camera. Long paths are split into a handful
@@ -342,7 +404,16 @@ function render(dtDraw){
      the active unit, so it cannot alias a material or AO sampler. */
   gl.activeTexture(gl.TEXTURE7); gl.bindTexture(gl.TEXTURE_2D,fogTex||terrainTex);
   gl.uniform1f(UT.uFogActive,fogOn&&!demoMode&&fogTex?1:0);
   gl.activeTexture(gl.TEXTURE0);
   drawTerrain();
   drawShadows(Sun);                 // ground shadows go on before anything stands on them
   begin3D(S_nA);                    // back to the lit model program
@@ -351,9 +422,16 @@ function render(dtDraw){
   for(const r of rocks){ if(!vis(r.x,r.y,40)) continue; FX.rock.add(r.x,r.y,gh(r.x,r.y),r.s*0.035,r.a,190,186,178,255); }
   const tt=THEMES[curTheme].treeTint;
   for(const tr of trees){ if(!vis(tr.x,tr.y,50)) continue; FX.tree.add(tr.x,tr.y,gh(tr.x,tr.y),tr.s*0.030,tr.a,tt[0],tt[1],tt[2],255); }
-  for(const cs of crystals){ if(!vis(cs.x,cs.y,40)) continue; FX.crystal.add(cs.x,cs.y,gh(cs.x,cs.y),cs.s*0.038,cs.a,220,240,255,255); }
   for(const D of deposits){ if(!vis(D.x,D.y,60)) continue;
-    FX.dep.add(D.x,D.y,gh(D.x,D.y),D.rich?1.25:0.95,0, D.rich?255:200, D.rich?214:230, D.rich?120:255,255); }
   for(const G of geysers){ if(!vis(G.x,G.y,60)) continue; FX.geyser.add(G.x,G.y,gh(G.x,G.y),1,0,210,220,225,255); }
   // crater berms — real mounds standing on the deformed ground
   for(const M of relief){ if(!vis(M.x,M.y,60)) continue;
@@ -882,6 +960,7 @@ function render(dtDraw){
   gl.blendFunc(gl.SRC_ALPHA,gl.ONE);
   gl.depthMask(false);
   gl.disable(gl.CULL_FACE);
   /* At the strategic overview, thousands of individually correct glows placed
      on regimented formation rows merge into solid stripes. Sample the effects
      there; the full billboard stack returns automatically as the player zooms

      as a decal painted on the grass. */
   for(const o of rocks)    if(vis(o.x,o.y,60)) put(o.x,o.y,o.s*0.62,o.s*0.75);
   for(const o of trees)    if(vis(o.x,o.y,60)) put(o.x,o.y,o.s*0.52,o.s*1.15);
+  for(const o of crystals){
+    const D=deposits[o.dep],tier=depositTier(D);if(!D||o.band>tier||!vis(o.x,o.y,60))continue;
+    put(o.x,o.y,o.s*(o.core?.15:.11),o.s*(o.core?.34:.24));
+  }
   if(typeof carrier!=='undefined'&&carrier.active&&carrierEffectiveAlt()<260)
     put(carrier.x,carrier.y,54,Math.max(2,carrierEffectiveAlt()*0.6));
   if(!FX.shadow.n) return;
 }
 function setEmis(v){ gl.uniform1f(U3.uEmis,v); }
+/* A battlefield limit should read as command infrastructure, not the renderer
+   running out of world. The red core and EVERY grid rung sit on the safe side;
+   procedural exclusion art starts beyond them in the terrain shader. It is
+   flushed by the unlit additive pass, so sensor fog cannot turn it black and
+   the physical-edge haze cannot erase it. */
+function terrainExclusionStyle(mapKey,themeKey){
+  const TH=THEMES[themeKey]||THEMES.verdant;
+  const style=mapKey==='isles'?1:(themeKey==='ashland'||mapKey==='crater'?2:
+    (themeKey==='arctic'||mapKey==='highland'?3:0));
+  const tint=style===1?TH.wDeep:(style===2?(TH.cliff||[64,48,42]):
+    (style===3?(themeKey==='arctic'?[108,128,150]:[76,88,104]):(TH.g0||[62,82,54])));
+  return {style,tint};
+}
+let mapBoundaryDrawCount=0,mapBoundaryOutsideCount=0;
+function queueBattlefieldEdgeGrid(t,vis){
+  mapBoundaryDrawCount=0;mapBoundaryOutsideCount=0;
+  const B=typeof battlefieldPlayBounds==='function'?battlefieldPlayBounds(0):{lo:0,hi:MAP,span:MAP};
+  const d=typeof battlefieldSignedDistance==='function'?Math.abs(battlefieldSignedDistance(cam.x,cam.y,0)):
+    Math.min(Math.abs(cam.x-B.lo),Math.abs(cam.x-B.hi),Math.abs(cam.y-B.lo),Math.abs(cam.y-B.hi));
+  const reach=Math.max(480,orthoSpan*.42);
+  if(d>=reach) return 0;
+  const reveal=clamp((reach-d)/(reach*.64),0,1),span=B.hi-B.lo;
+  const seg=Math.max(64,Math.round(span/28)),inner=Math.min(112,span*.07),safe=9;
+  const pulse=.78+.22*Math.sin(t*3.2), coreA=(180+55*pulse)*reveal, gridA=(58+38*pulse)*reveal;
+  const inside=(x,y,pad)=>typeof battlefieldContains==='function'?battlefieldContains(x,y,pad||0):
+    x>=B.lo+(pad||0)&&x<=B.hi-(pad||0)&&y>=B.lo+(pad||0)&&y<=B.hi-(pad||0);
+  const put=(x,y,len,ang,r,g,b,a,w,endpoints)=>{
+    if(a<5||!vis(x,y,len*.55+55)) return;
+    FX.line.add(x,y,terrainH(x,y)+7.5,len,ang,r,g,b,a,w);
+    if(!inside(x,y,0)||(endpoints&&endpoints.some(P=>!inside(P[0],P[1],0))))mapBoundaryOutsideCount++;
+    mapBoundaryDrawCount++;
+  };
+  const point=(a,pad)=>typeof battlefieldBoundaryPoint==='function'?battlefieldBoundaryPoint(a,pad):[
+    (B.lo+B.hi)*.5+Math.cos(a)*span*.48,(B.lo+B.hi)*.5+Math.sin(a)*span*.48];
+  /* Sample the authored silhouette itself.  Coastal inlets become a soft,
+     rounded perimeter; scorched maps keep sharper chamfers; storm fronts bow
+     asymmetrically.  No map is forced through the old four-sided stamp. */
+  for(let k=0;k<seg;k++){
+    const a0=k/seg*TAU,a1=(k+1)/seg*TAU;
+    const A=point(a0,safe),C=point(a1,safe),dx=C[0]-A[0],dy=C[1]-A[1],len=Math.hypot(dx,dy);
+    put((A[0]+C[0])*.5,(A[1]+C[1])*.5,len,Math.atan2(dy,dx),255,42,30,coreA,3.8,[A,C]);
+    const D=point(a0,safe+inner*.42),E=point(a1,safe+inner*.42),ex=E[0]-D[0],ey=E[1]-D[1];
+    put((D[0]+E[0])*.5,(D[1]+E[1])*.5,Math.hypot(ex,ey),Math.atan2(ey,ex),255,72,48,gridA,2.0,[D,E]);
+    if((k&3)===0){
+      const O=point((a0+a1)*.5,safe+2),I=point((a0+a1)*.5,safe+inner),rx=I[0]-O[0],ry=I[1]-O[1];
+      put((O[0]+I[0])*.5,(O[1]+I[1])*.5,Math.hypot(rx,ry),Math.atan2(ry,rx),255,58,42,gridA*1.15,1.8,[O,I]);
+    }
+  }
+  const nodeR=5.2+1.0*pulse;
+  for(let k=0;k<8;k++){
+    const P=point(k/8*TAU,safe+nodeR+1),x=P[0],y=P[1];
+    if(!vis(x,y,90))continue;
+    FX.ring.add(x,y,terrainH(x,y)+9,nodeR,-t*.55,255,58,38,205*reveal);
+    if(!inside(x,y,nodeR*.15))mapBoundaryOutsideCount++;
+    mapBoundaryDrawCount++;
+  }
+  return mapBoundaryDrawCount;
+}
 /* A beam is a camera-facing textured ribbon, not a row of glow dots. Project
    both endpoints first so the rectangle follows the beam on screen even while
    the player rotates and tilts the camera. Long paths are split into a handful
      the active unit, so it cannot alias a material or AO sampler. */
   gl.activeTexture(gl.TEXTURE7); gl.bindTexture(gl.TEXTURE_2D,fogTex||terrainTex);
   gl.uniform1f(UT.uFogActive,fogOn&&!demoMode&&fogTex?1:0);
+  {
+    const E=typeof battlefieldPlayBounds==='function'?battlefieldPlayBounds(0):{lo:0,hi:MAP};
+    const ES=terrainExclusionStyle(curMap,curTheme),style=ES.style,ec=ES.tint;
+    const lc=_lin([ec[0]/255,ec[1]/255,ec[2]/255]);
+    gl.uniform2f(UT.uPlayBounds,E.lo,E.hi);
+    gl.uniform1f(UT.uEdgeStyle,style);gl.uniform1f(UT.uEdgeTime,t);
+    gl.uniform3f(UT.uEdgeTint,lc[0],lc[1],lc[2]);
+  }
   gl.activeTexture(gl.TEXTURE0);
+  drawTerrainEdge();
   drawTerrain();
   drawShadows(Sun);                 // ground shadows go on before anything stands on them
   begin3D(S_nA);                    // back to the lit model program
   for(const r of rocks){ if(!vis(r.x,r.y,40)) continue; FX.rock.add(r.x,r.y,gh(r.x,r.y),r.s*0.035,r.a,190,186,178,255); }
   const tt=THEMES[curTheme].treeTint;
   for(const tr of trees){ if(!vis(tr.x,tr.y,50)) continue; FX.tree.add(tr.x,tr.y,gh(tr.x,tr.y),tr.s*0.030,tr.a,tt[0],tt[1],tt[2],255); }
+  for(const cs of crystals){
+    const D=deposits[cs.dep],tier=depositTier(D);if(!D||cs.band>tier||!vis(cs.x,cs.y,52))continue;
+    const fill=clamp((D.remaining-(tier-1)*DEPOSIT_BAND)/DEPOSIT_BAND,0,1),edge=cs.band===tier?(.46+.54*fill):1;
+    const col=cs.band===3?[255,120,255]:cs.band===2?[105,255,176]:[105,226,255];
+    const sc=cs.s*(cs.core?.073:.058)*edge;
+    FX.crystal.add(cs.x,cs.y,gh(cs.x,cs.y),sc,cs.a,col[0],col[1],col[2],255);
+  }
   for(const D of deposits){ if(!vis(D.x,D.y,60)) continue;
+    const tier=depositTier(D),col=tier===3?[255,122,255]:tier===2?[110,255,180]:tier===1?[112,228,255]:[88,92,100];
+    FX.dep.add(D.x,D.y,gh(D.x,D.y),.9+tier*.14,0,col[0],col[1],col[2],tier?255:145); }
   for(const G of geysers){ if(!vis(G.x,G.y,60)) continue; FX.geyser.add(G.x,G.y,gh(G.x,G.y),1,0,210,220,225,255); }
   // crater berms — real mounds standing on the deformed ground
   for(const M of relief){ if(!vis(M.x,M.y,60)) continue;
   gl.blendFunc(gl.SRC_ALPHA,gl.ONE);
   gl.depthMask(false);
   gl.disable(gl.CULL_FACE);
+  queueBattlefieldEdgeGrid(t,vis);
   /* At the strategic overview, thousands of individually correct glows placed
      on regimented formation rows merge into solid stripes. Sample the effects
      there; the full billboard stack returns automatically as the player zooms

src/updater.js CHANGED Viewed

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

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