feat: add responsive font sizing for mobile

- Add src/utils/responsive.js with fontSize() helper
- Mobile fonts scale 1.4x for better readability
- Update all scenes to use responsive font sizes
- Update deploy-k8s.sh with full deployment steps

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/scenes/ShipDeckScene.js

@@ -1,4 +1,5 @@
 import Phaser from 'phaser';
+import { fontSize } from '../utils/responsive.js';
 
 export default class ShipDeckScene extends Phaser.Scene {
     constructor() {
@@ -21,7 +22,7 @@ export default class ShipDeckScene extends Phaser.Scene {
         // Background - ship deck
         this.add.rectangle(400, 300, 800, 600, 0x8B4513);
         this.add.text(400, 30, 'The Deck - Yer Whaling Vessel', {
-            fontSize: '24px',
+            fontSize: fontSize(24),
             fill: '#fff'
         }).setOrigin(0.5);
 
@@ -34,7 +35,7 @@ export default class ShipDeckScene extends Phaser.Scene {
 
         // Instructions
         this.add.text(400, 560, 'Click on things to have a look, ye scurvy dog', {
-            fontSize: '16px',
+            fontSize: fontSize(16),
             fill: '#ffff99'
         }).setOrigin(0.5);
     }
@@ -85,7 +86,7 @@ export default class ShipDeckScene extends Phaser.Scene {
         this.penguinCage.setStrokeStyle(3, 0x000000);
 
         this.penguinEmoji = this.add.text(650, 350, '🐧', {
-            fontSize: '32px'
+            fontSize: fontSize(32)
         }).setOrigin(0.5);
 
         // Hide penguin elements if not yet discovered
@@ -143,7 +144,7 @@ export default class ShipDeckScene extends Phaser.Scene {
             // Add label only on first barrel
             if (i === 0) {
                 const label = this.add.text(x, y, 'FUEL', {
-                    fontSize: '12px',
+                    fontSize: fontSize(12),
                     fill: '#fff'
                 }).setOrigin(0.5);
                 this.fuelBarrels.push(label);
@@ -201,7 +202,7 @@ export default class ShipDeckScene extends Phaser.Scene {
             // Add label only on first barrel
             if (i === 0) {
                 const label = this.add.text(x, y, 'OIL', {
-                    fontSize: '12px',
+                    fontSize: fontSize(12),
                     fill: '#fff'
                 }).setOrigin(0.5);
                 this.oilBarrels.push(label);
@@ -263,7 +264,7 @@ export default class ShipDeckScene extends Phaser.Scene {
         panel.setStrokeStyle(2, 0xffffff);
 
         this.inventoryText = this.add.text(20, 40, '', {
-            fontSize: '14px',
+            fontSize: fontSize(14),
             fill: '#fff'
         });
 
@@ -303,7 +304,7 @@ export default class ShipDeckScene extends Phaser.Scene {
         this.messageBox.setStrokeStyle(2, 0xcccccc);
 
         this.messageText = this.add.text(400, 500, 'Ahoy, matey! Welcome aboard. Have a look around the vessel.', {
-            fontSize: '16px',
+            fontSize: fontSize(16),
             fill: '#fff',
             wordWrap: { width: 740 },
             align: 'center'