From ee0d5f8f7c155499b5cdfff8d9dacb39168b449b Mon Sep 17 00:00:00 2001
From: truetype <max.mauri@gmail.com>
Date: Wed, 1 Jul 2026 09:35:11 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20CSS=20mobile=20rotto=20-?=
 =?UTF-8?q?=20rimosso=20CSS=20orfano=20fuori=20media=20query?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Rimosse 50 righe di CSS duplicate senza @media wrapper
- css rompeva layout desktop applicandosi a tutti gli schermi
- Chat msg piu larghe su mobile (95%)
- Touch target piu grandi (camp-btn 14px padding, input 44px)
- Stat grid piu compatto (font 11px)
- Welcome screen input/bottoni touch-friendly
---
 src/web/static/index.html | 69 +++++++++------------------------------
 1 file changed, 16 insertions(+), 53 deletions(-)

diff --git a/src/web/static/index.html b/src/web/static/index.html
index 89daaca..a0b6600 100644
--- a/src/web/static/index.html
+++ b/src/web/static/index.html
@@ -714,6 +714,9 @@ html, body {
     font-size: 15px;
   }
 
+  .msg { max-width: 95%; }
+  .msg-dm-narration { font-size: 15px; }
+
   #input-area {
     padding: 10px 12px;
     padding-bottom: max(12px, env(safe-area-inset-bottom));
@@ -735,68 +738,28 @@ html, body {
   #welcome h1 { font-size: 28px; }
   #welcome .subtitle { font-size: 14px; }
   .camp-list { max-width: 100%; padding: 0 12px; }
-  #new-camp-form { width: 100%; max-width: 100%; padding: 0 12px; }
-
-  /* Sidebar content */
-  .sidebar-section { padding: 10px 12px; }
-  .sidebar-section h2 { font-size: 10px; }
-  .char-name { font-size: 14px; }
-  .stat-grid { gap: 3px; }
-  .stat-row { font-size: 12px; }
-  .area-item { font-size: 12px; }
-}
-  #sidebar.open { left: 0; }
-  #sidebar-backdrop.open { display: block; }
-
-  #app { flex-direction: column; }
-
-  #header {
-    padding: 0 12px;
-    gap: 10px;
-    min-height: 48px;
-    height: 48px;
-  }
-  #header h1 { font-size: 14px; letter-spacing: 1px; }
-  #header .turn-badge { font-size: 11px; }
-
-  #main {
-    width: 100%;
-    min-height: 0;
-  }
-
-  #chat {
-    padding: 12px;
-    gap: 10px;
+  .camp-btn {
     font-size: 15px;
+    padding: 14px 16px;
   }
-
-  #input-area {
-    padding: 8px 10px;
-    padding-bottom: max(8px, env(safe-area-inset-bottom));
-  }
-  #input-area input {
-    font-size: 16px;
-    padding: 10px 12px;
-  }
-  #btn-send {
-    width: 44px;
-    height: 44px;
-    font-size: 20px;
-  }
-
-  /* Welcome screen */
-  #welcome h1 { font-size: 28px; }
-  #welcome .subtitle { font-size: 14px; }
-  .camp-list { max-width: 100%; padding: 0 12px; }
-  #new-camp-form { width: 100%; max-width: 100%; padding: 0 12px; }
+  #new-camp-form input { font-size: 16px; padding: 12px; }
+  #new-camp-form button { font-size: 14px; padding: 12px 20px; }
 
   /* Sidebar content */
   .sidebar-section { padding: 10px 12px; }
   .sidebar-section h2 { font-size: 10px; }
   .char-name { font-size: 14px; }
   .stat-grid { gap: 3px; }
-  .stat-row { font-size: 12px; }
+  .stat-row { font-size: 11px; padding: 2px 4px; }
   .area-item { font-size: 12px; }
+  .char-card { padding: 6px 0; }
+  .char-class { font-size: 12px; margin-bottom: 6px; }
+  .hp-bar-bg { height: 8px; }
+  .hp-text { font-size: 12px; min-width: 40px; }
+  .char-ac { font-size: 12px; }
+  .quest-name { font-size: 13px; }
+  .quest-desc { font-size: 12px; }
+  .btn-funnel { padding: 10px; font-size: 10px; }
 }
 
 @media (max-width: 480px) {