Game: weaker early foes, no-kite ranged, C=character sheet, hide sidebar toggle

- Early enemies weaker (HP*0.2, armor*0.25): most die in 2 Warrior basics, then ramp with
threat via hpMul. Verified Swordsman/Spearman/Knight=2 hits, Archer/Scout=1.
- Roam foes set noKite: ranged enemies hold ground + shoot instead of backing away.
- Character sheet: press C to open/close + a 'C' indicator on the menu button.
- Hide the app-sidebar toggle (it sat over the XP bar); show/hide the nav drawer with the
backtick/tilde key instead. Both guarded against text inputs.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/classesSandbox.js

@@ -1025,8 +1025,10 @@ function makeActor(unit, team, id, slot) {
     alive: true,
     mods: [],
     kd: 0,
-    aggroRadius: unit.aggroRadius ?? null
+    aggroRadius: unit.aggroRadius ?? null,
     // optional: idle until a foe is within this distance (else always engage)
+    noKite: !!unit.noKite
+    // ranged: hold ground in range instead of backing away (kiting)
   };
 }
 function makeTeamBattle({ seed = 1, players = [], enemies = [], sandbox = false, respawnDummies = 0, freeCast = false, world = null, field = null } = {}) {
@@ -1567,7 +1569,8 @@ function moveActor(b, a, enemy, dt) {
   const d = dist(a, enemy);
   let toward = 0;
   if (a.role === "ranged") {
-    if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
+    if (a.noKite) toward = d > a.weapon.range ? 1 : 0;
+    else if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
     else if (d > a.weapon.range) toward = 1;
   } else if (edgeGap(a, enemy) > reachOf(a)) {
     toward = 1;

web/comboBattler.js

@@ -5109,8 +5109,10 @@ function makeActor(unit, team, id, slot) {
     alive: true,
     mods: [],
     kd: 0,
-    aggroRadius: unit.aggroRadius ?? null
+    aggroRadius: unit.aggroRadius ?? null,
     // optional: idle until a foe is within this distance (else always engage)
+    noKite: !!unit.noKite
+    // ranged: hold ground in range instead of backing away (kiting)
   };
 }
 function makeTeamBattle({ seed = 1, players = [], enemies = [], sandbox = false, respawnDummies = 0, freeCast = false, world = null, field = null } = {}) {
@@ -5661,7 +5663,8 @@ function moveActor(b, a, enemy, dt) {
   const d = dist2(a, enemy);
   let toward = 0;
   if (a.role === "ranged") {
-    if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
+    if (a.noKite) toward = d > a.weapon.range ? 1 : 0;
+    else if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
     else if (d > a.weapon.range) toward = 1;
   } else if (edgeGap(a, enemy) > reachOf(a)) {
     toward = 1;

web/enemiesSandbox.js

@@ -858,8 +858,10 @@ function makeActor(unit, team, id, slot) {
     alive: true,
     mods: [],
     kd: 0,
-    aggroRadius: unit.aggroRadius ?? null
+    aggroRadius: unit.aggroRadius ?? null,
     // optional: idle until a foe is within this distance (else always engage)
+    noKite: !!unit.noKite
+    // ranged: hold ground in range instead of backing away (kiting)
   };
 }
 function makeTeamBattle({ seed = 1, players = [], enemies = [], sandbox = false, respawnDummies = 0, freeCast = false, world = null, field = null } = {}) {
@@ -1400,7 +1402,8 @@ function moveActor(b, a, enemy, dt) {
   const d = dist(a, enemy);
   let toward = 0;
   if (a.role === "ranged") {
-    if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
+    if (a.noKite) toward = d > a.weapon.range ? 1 : 0;
+    else if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
     else if (d > a.weapon.range) toward = 1;
   } else if (edgeGap(a, enemy) > reachOf(a)) {
     toward = 1;

web/engine.js

@@ -832,8 +832,10 @@ function makeActor(unit, team, id, slot) {
     alive: true,
     mods: [],
     kd: 0,
-    aggroRadius: unit.aggroRadius ?? null
+    aggroRadius: unit.aggroRadius ?? null,
     // optional: idle until a foe is within this distance (else always engage)
+    noKite: !!unit.noKite
+    // ranged: hold ground in range instead of backing away (kiting)
   };
 }
 function makeTeamBattle({ seed = 1, players = [], enemies = [], sandbox = false, respawnDummies = 0, freeCast = false, world = null, field = null } = {}) {
@@ -1384,7 +1386,8 @@ function moveActor(b, a, enemy, dt) {
   const d = dist(a, enemy);
   let toward = 0;
   if (a.role === "ranged") {
-    if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
+    if (a.noKite) toward = d > a.weapon.range ? 1 : 0;
+    else if (d < (a.preferredRange ?? a.weapon.range * 0.7)) toward = -1;
     else if (d > a.weapon.range) toward = 1;
   } else if (edgeGap(a, enemy) > reachOf(a)) {
     toward = 1;

web/tiny.js

@@ -65,6 +65,17 @@ function whenEl(id, cb) {
   o.observe(document.body, { childList: true, subtree: true })
 }
 
+// The app-sidebar toggle (‹/›) sits top-left over the XP bar — hide it; the nav drawer is now
+// shown/hidden with the ` or ~ key instead. (The drawer starts collapsed via tac-collapsed.)
+;(function navDrawerKey() {
+  const css = document.createElement('style'); css.textContent = '.tac-toggle{display:none !important}'
+  document.head.appendChild(css)
+  window.addEventListener('keydown', (e) => {
+    const t = e.target; if (t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.isContentEditable)) return
+    if (e.code === 'Backquote' || e.key === '`' || e.key === '~') { document.body.classList.toggle('tac-collapsed'); e.preventDefault() }
+  })
+})()
+
 // Gradio wraps each gr.HTML block in a `<div class="prose gradio-style …">` whose versioned rules
 // (.gradio-container-X .prose h2 / .prose * ; .gradio-container-X .gradio-style button) outrank the
 // shared component CSS — recolouring/resizing our headings and stripping pill/button borders +
@@ -226,6 +237,8 @@ const ENEMY_AGGRO = 220 // FIELD units (~8 tiles): enemy idles until the player
 // Ranged reach is authored in arena GW units (BOW_GW=1000 ≈ 37 roam tiles — whole-screen). The
 // roam map is far smaller, so scale ranged weapon range + kite distance down to ~8 tiles here.
 const ROAM_RANGE_MUL = 0.22
+// Early foes should die in ~2 Warrior basics, then ramp with threat (hpMul). Lower base HP + armor.
+const ENEMY_HP_SCALE = 0.2, ENEMY_ARMOR_SCALE = 0.25
 // A persona → controllable hero (class → sheets + engine profession).
 const buildPlayer = (chars, p) => {
   const pc = chars[CLASS_SLUG[p?.unitClass]] || chars['true-heroes-iii-fighter']
@@ -354,7 +367,10 @@ whenEl('battle-stage', async (el) => {
   const buildRoster = (list) => list.map((e) => {
     const c = chars[e.slug]; if (!c) return null
     // aggroRadius null = always engage → foes advance toward the hero (waves), not idle until near.
-    return { name: e.name, sheets: sheetsOf(c), unit: { name: e.name, stats: e.stats, attackType: e.attackType, skills: [], aggroRadius: null, rangeMul: ROAM_RANGE_MUL } }
+    // Weaker base stats so early foes die in ~2 Warrior basics (they still ramp with threat via hpMul).
+    // noKite: ranged foes hold ground + shoot instead of backing away.
+    const stats = { ...e.stats, hp: Math.max(1, Math.round((e.stats.hp || 100) * ENEMY_HP_SCALE)), armor: Math.round((e.stats.armor || 0) * ENEMY_ARMOR_SCALE) }
+    return { name: e.name, sheets: sheetsOf(c), unit: { name: e.name, stats, attackType: e.attackType, skills: [], aggroRadius: null, rangeMul: ROAM_RANGE_MUL, noKite: true } }
   }).filter(Boolean)
   const rosters = Object.fromEntries(Object.entries(GAME_ROSTERS).map(([k, v]) => [k, buildRoster(v)]))
   // Mount with NO hero → the map shows and the player picks a persona from the bottom picker. The
@@ -447,8 +463,9 @@ whenEl('battle-stage', async (el) => {
 
   // ── Character sheet — a top-right button slides a hero panel in from the right (sidebar-style). ──
   let sheetOpen = false
-  const sheetBtn = document.createElement('button'); sheetBtn.type = 'button'; sheetBtn.textContent = '☰'
-  sheetBtn.style.cssText = 'position:absolute;top:14px;right:14px;z-index:7;width:44px;height:44px;border-radius:10px;border:1px solid #2a3340;background:rgba(20,24,33,.85);color:#e8e8e8;font:600 18px var(--tac-font,system-ui);cursor:pointer'
+  const sheetBtn = document.createElement('button'); sheetBtn.type = 'button'; sheetBtn.title = 'Character (C)'
+  sheetBtn.innerHTML = '☰<span style="font:700 9px var(--tac-font,system-ui);display:block;margin-top:-2px;color:#9aa4b2;letter-spacing:.04em">C</span>'
+  sheetBtn.style.cssText = 'position:absolute;top:14px;right:14px;z-index:7;width:44px;height:46px;border-radius:10px;border:1px solid #2a3340;background:rgba(20,24,33,.85);color:#e8e8e8;font:600 17px var(--tac-font,system-ui);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1'
   const sheet = document.createElement('aside')
   sheet.style.cssText = 'position:absolute;top:0;right:0;bottom:0;width:min(300px,82vw);z-index:8;background:rgba(16,20,27,.97);border-left:1px solid #2a3340;box-shadow:-8px 0 24px rgba(0,0,0,.45);transform:translateX(100%);transition:transform .22s ease;overflow-y:auto;color:#e8e8e8;font:13px var(--tac-font,system-ui);box-sizing:border-box;padding:18px 16px'
   // A forged-skill detail bottom-sheet: big action illustration (lazy Klein render, cached),
@@ -701,6 +718,11 @@ whenEl('battle-stage', async (el) => {
     } else { sheetBackdrop?.remove(); sheetBackdrop = null }
   }
   sheetBtn.addEventListener('click', () => setSheet(!sheetOpen))
+  // Press C to open/close the character sheet (ignored while typing).
+  window.addEventListener('keydown', (e) => {
+    const t = e.target; if (t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.isContentEditable)) return
+    if (e.key === 'c' || e.key === 'C') { setSheet(!sheetOpen); e.preventDefault() }
+  })
   el.append(sheetBtn, sheet)
 
   // ── XP / level HUD chip (top-left) — always visible while a hero is in play ──