Add ramming events, ordnance shortcuts, velocity labels, and ship type sizing

- Separate 'ramming' event type from 'crash' for clearer log messages
- Ramming events now show die roll and damage result in log and toast
- Ship icons scaled by combat value (larger ships render bigger)
- Enemy velocity vectors show speed label at midpoint
- Keyboard shortcuts for ordnance: N=mine, T=torpedo, K=nuke
- Help overlay updated with ordnance section
- Ghost ship at destination uses correct ship type sizing

Author: rgilks

src/client/main.ts

@@ -115,6 +115,12 @@ class GameClient {
             this.sendSkipCombat();
           }
         }
+      } else if (e.key.toLowerCase() === 'n' && this.state === 'playing_ordnance') {
+        this.sendOrdnanceLaunch('mine');
+      } else if (e.key.toLowerCase() === 't' && this.state === 'playing_ordnance') {
+        this.sendOrdnanceLaunch('torpedo');
+      } else if (e.key.toLowerCase() === 'k' && this.state === 'playing_ordnance') {
+        this.sendOrdnanceLaunch('nuke');
       } else if (e.key >= '1' && e.key <= '6' && this.state === 'playing_astrogation') {
         // Number keys 1-6 for burn directions
         this.setBurnDirection(parseInt(e.key) - 1);

src/client/renderer.ts

@@ -754,8 +754,10 @@ export class Renderer {
       const to = hexToPixel(predicted, HEX_SIZE);
 
       // Velocity vector — thin dashed line
+      const speed = hexVecLength(ship.velocity);
       if (predicted.q !== ship.position.q || predicted.r !== ship.position.r) {
-        ctx.strokeStyle = ship.owner === this.playerId
+        const isOwn = ship.owner === this.playerId;
+        ctx.strokeStyle = isOwn
           ? 'rgba(79, 195, 247, 0.3)'
           : 'rgba(255, 152, 0, 0.3)';
         ctx.lineWidth = 1;
@@ -765,6 +767,16 @@ export class Renderer {
         ctx.lineTo(to.x, to.y);
         ctx.stroke();
         ctx.setLineDash([]);
+
+        // Speed label at midpoint for detected enemy ships
+        if (!isOwn && speed >= 1) {
+          const mx = (from.x + to.x) / 2;
+          const my = (from.y + to.y) / 2;
+          ctx.fillStyle = 'rgba(255, 152, 0, 0.5)';
+          ctx.font = '7px monospace';
+          ctx.textAlign = 'center';
+          ctx.fillText(`v${Math.round(speed)}`, mx, my - 5);
+        }
       }
     }
 
@@ -823,7 +835,7 @@ export class Renderer {
 
           // Ghost ship at destination
           if (!course.crashed) {
-            this.drawShipIcon(ctx, to.x, to.y, ship.owner, 0.4, 0);
+            this.drawShipIcon(ctx, to.x, to.y, ship.owner, 0.4, 0, 0, ship.type);
           }
 
           // Burn direction arrows (when selected)
@@ -1493,6 +1505,10 @@ export class Renderer {
           text = `${shipName}: CRASHED`;
           color = '#ff4444';
           break;
+        case 'ramming':
+          text = `${shipName}: RAMMED [${ev.dieRoll}] — ${ev.damageType === 'eliminated' ? 'ELIMINATED' : ev.damageType === 'disabled' ? `DISABLED ${ev.disabledTurns}T` : 'NO DAMAGE'}`;
+          color = ev.damageType === 'eliminated' ? '#ff4444' : ev.damageType === 'disabled' ? '#ffaa00' : '#88ff88';
+          break;
         case 'asteroidHit':
           text = `${shipName}: Asteroid hit [${ev.dieRoll}] — ${ev.damageType === 'eliminated' ? 'ELIMINATED' : ev.damageType === 'disabled' ? `DISABLED ${ev.disabledTurns}T` : 'MISS'}`;
           color = ev.damageType === 'eliminated' ? '#ff4444' : ev.damageType === 'disabled' ? '#ffaa00' : '#88ff88';

src/client/ui.ts

@@ -379,6 +379,10 @@ export class UIManager {
           text = `${name} crashed!`;
           cls = 'log-eliminated';
           break;
+        case 'ramming':
+          text = `${name}: RAMMED [${ev.dieRoll}] ${ev.damageType === 'eliminated' ? '— ELIMINATED' : ev.damageType === 'disabled' ? `— D${ev.disabledTurns}` : '— no damage'}`;
+          cls = ev.damageType === 'eliminated' ? 'log-eliminated' : ev.damageType === 'disabled' ? 'log-damage' : '';
+          break;
         case 'asteroidHit':
           text = `${name}: asteroid [${ev.dieRoll}] ${ev.damageType === 'eliminated' ? '— ELIMINATED' : ev.damageType === 'disabled' ? `— D${ev.disabledTurns}` : '— miss'}`;
           cls = ev.damageType === 'eliminated' ? 'log-eliminated' : ev.damageType === 'disabled' ? 'log-damage' : '';

src/shared/__tests__/game-engine.test.ts

@@ -648,8 +648,8 @@ describe('ramming', () => {
     const s1 = result.state.ships[1];
     if (hexEqual(s0.position, s1.position)) {
       // Should have ram events
-      const crashEvents = result.events.filter(e => e.type === 'crash');
-      expect(crashEvents.length).toBeGreaterThan(0);
+      const ramEvents = result.events.filter(e => e.type === 'ramming');
+      expect(ramEvents.length).toBeGreaterThan(0);
     }
   });
 });

src/shared/game-engine.ts

@@ -655,7 +655,7 @@ function checkRamming(
         const dieRoll = rollD6(rng);
         const result = lookupOtherDamage(dieRoll);
         events.push({
-          type: 'crash',
+          type: 'ramming',
           shipId: ship.id,
           hex: ship.position,
           dieRoll,

src/shared/types.ts

@@ -163,7 +163,7 @@ export interface CombatResult {
 // --- Movement events (asteroid hazards, etc.) ---
 
 export interface MovementEvent {
-  type: 'asteroidHit' | 'crash' | 'mineDetonation' | 'torpedoHit' | 'nukeDetonation';
+  type: 'asteroidHit' | 'crash' | 'ramming' | 'mineDetonation' | 'torpedoHit' | 'nukeDetonation';
   shipId: string;
   hex: HexCoord;
   dieRoll: number;

static/index.html

@@ -131,6 +131,13 @@ <h3>Astrogation</h3>
         <div class="help-row"><span class="help-key">Tab</span> Cycle ships</div>
         <div class="help-row"><span class="help-key">Enter</span> Confirm</div>
       </div>
+      <div class="help-section">
+        <h3>Ordnance</h3>
+        <div class="help-row"><span class="help-key">N</span> Launch mine</div>
+        <div class="help-row"><span class="help-key">T</span> Launch torpedo</div>
+        <div class="help-row"><span class="help-key">K</span> Launch nuke</div>
+        <div class="help-row"><span class="help-key">Enter</span> Skip</div>
+      </div>
       <div class="help-section">
         <h3>Combat</h3>
         <div class="help-row"><span class="help-key">Click enemy</span> Target</div>