From 868452eda3b8a5c48d8d8c405094fa1e1b30956b Mon Sep 17 00:00:00 2001
From: itsaygea <crazyaygea@gmail.com>
Date: Sat, 24 Jan 2026 08:01:32 -0700
Subject: [PATCH] Wider operator cards on mobile (2 columns instead of 3)

- Gives more room for long character names
- Cards are now wider with proper spacing
---
 css/style.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index daa1ec9..0c632d1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -702,26 +702,25 @@
             }
 
             .hero h1 { font-size: 48px; }
-            .operator-grid { grid-template-columns: repeat(3, 1fr); }
+            .operator-grid { grid-template-columns: repeat(2, 1fr); }
             .operator-select { grid-template-columns: repeat(4, 1fr); }
             .guide-grid { grid-template-columns: 1fr; }
 
             /* Fix operator cards on mobile for long names */
             .operator-card h4 {
-                font-size: 11px;
+                font-size: 12px;
                 letter-spacing: 0;
                 word-wrap: break-word;
                 overflow-wrap: break-word;
-                hyphens: auto;
                 line-height: 1.3;
             }
 
             .operator-card-img {
-                height: 140px;
+                height: 160px;
             }
 
             .operator-card-content {
-                padding: 12px 8px;
+                padding: 15px 10px;
             }
 
             .character-showcase {