From 43ee0d91501518fb69f04dd689aab495c7e19078 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Sat, 25 Jul 2026 00:08:08 +0300
Subject: [PATCH] enlarged font for panel titles

---
 src/constants.js |  1 +
 src/main.js      |  6 +++---
 src/panel.js     | 10 ++++++++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/constants.js b/src/constants.js
index 669f748..b6d3672 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -122,6 +122,7 @@ export const PLAYER_STARTING_TOOLS = [
 export const PANEL_WIDTH = 400;
 export const PANEL_HEIGHT = 300;
 export const PANEL_FONT_SIZE = 10;
+export const PANEL_TITLE_FONT_SIZE = 16;
 export const PANEL_BG_COLOR = '#666';
 export const PANEL_BORDER_COLOR = '#333';
 
diff --git a/src/main.js b/src/main.js
index c675b8e..9aa1fc8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -817,10 +817,10 @@ function drawMarketPanel() {
   drawPanelTitle(framebuffer, 'MARKET');
 
   const humanPlayer = players.find(p => !p.ai);
-  drawPanelText(framebuffer, `Score: ${score}`, 160, 90, 'yellow');
+  drawPanelText(framebuffer, `Score: ${score}`, 160, 100, 'yellow');
 
   const marketItems = Object.keys(MARKET_ITEMS);
-  const y = 110;
+  const y = 120;
   const maxVisible = 8;
 
   for (let i=0; i<Math.min(maxVisible, marketItems.length); i++) {
@@ -878,7 +878,7 @@ function drawGameOverPanel() {
   drawPanelBg(framebuffer);
   drawPanelTitle(framebuffer, 'GAME OVER');
 
-  const y = 90;
+  const y = 100;
   const sortedPlayers = [...players].sort((a, b) => b.wins - a.wins || b.kills - a.kills);
 
   for (let i=0; i<sortedPlayers.length; i++) {
diff --git a/src/panel.js b/src/panel.js
index 2b4080a..cbca199 100644
--- a/src/panel.js
+++ b/src/panel.js
@@ -1,4 +1,4 @@
-import {PANEL_WIDTH, PANEL_HEIGHT, PANEL_FONT_SIZE, PANEL_BG_COLOR, PANEL_BORDER_COLOR, W, H, FONT_WIDTH} from './constants.js?v=5';
+import {PANEL_WIDTH, PANEL_HEIGHT, PANEL_FONT_SIZE, PANEL_TITLE_FONT_SIZE, PANEL_BG_COLOR, PANEL_BORDER_COLOR, W, H, FONT_WIDTH} from './constants.js?v=5';
 import {drawRect, drawLine} from './gfx.js?v=5';
 
 const PANEL_X = (W - PANEL_WIDTH) / 2;
@@ -20,7 +20,13 @@ export function drawPanelBg(ctx) {
 export function drawPanelTitle(ctx, text) {
   const x = PANEL_X + PANEL_WIDTH / 2;
   const y = PANEL_Y + 20;
-  drawPanelText(ctx, text, x, y, 'white', 'center');
+  ctx.font = `${PANEL_TITLE_FONT_SIZE}px text`;
+  ctx.textBaseline = 'top';
+  ctx.textAlign = 'center';
+  ctx.fillStyle = 'black';
+  ctx.fillText(text, x + 1, y + 1);
+  ctx.fillStyle = 'white';
+  ctx.fillText(text, x, y);
 }
 
 export function drawPanelText(ctx, text, x, y, color = 'white', align = 'left') {