From 06d611ddb069b8be2e2c345053b10b78cad2709c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 31 Dec 2025 03:22:52 +0000
Subject: [PATCH] Scale up UI elements to use full 2560px width in landscape
 mode

Co-authored-by: clayschaad <11883505+clayschaad@users.noreply.github.com>
---
 MemoryGame/wwwroot/css/app.css | 82 +++++++++++++++++++++++++++++-----
 1 file changed, 72 insertions(+), 10 deletions(-)

diff --git a/MemoryGame/wwwroot/css/app.css b/MemoryGame/wwwroot/css/app.css
index f6e5b02..0da938b 100644
--- a/MemoryGame/wwwroot/css/app.css
+++ b/MemoryGame/wwwroot/css/app.css
@@ -350,33 +350,95 @@ code {
 
 @media (min-width: 2500px) and (min-height: 1550px) {
     .memory-game-container {
-        padding: 10px;
+        max-width: 2400px;
+        padding: 20px;
+    }
+    
+    .start-screen, .results-screen {
+        padding: 40px;
+    }
+    
+    .start-screen h1, .results-screen h1 {
+        font-size: 4rem;
+        margin-bottom: 30px;
+    }
+    
+    .subtitle {
+        font-size: 2rem;
+        margin-bottom: 40px;
+    }
+    
+    .btn-start {
+        font-size: 2.5rem;
+        padding: 25px 80px;
+    }
+    
+    .game-screen {
+        max-width: 2000px;
     }
     
     .game-header {
-        margin-bottom: 12px;
+        margin-bottom: 25px;
+    }
+    
+    .round-counter {
+        font-size: 2rem;
+        padding: 15px;
     }
     
     .question-area {
-        margin-bottom: 15px;
-        min-height: 200px;
+        margin-bottom: 30px;
+        min-height: 400px;
     }
     
     .question-image {
-        max-height: 260px;
+        max-height: 500px;
+    }
+    
+    .question-word {
+        font-size: 5rem;
     }
     
     .options-area {
-        gap: 12px;
-        margin-bottom: 15px;
+        gap: 25px;
+        margin-bottom: 30px;
+    }
+    
+    .option-button {
+        padding: 35px;
+        font-size: 2.5rem;
     }
     
     .option-button.image-option {
-        height: 170px;
-        padding: 12px;
+        height: 320px;
+        padding: 25px;
     }
     
     .option-button.image-option img {
-        max-height: 140px;
+        max-height: 270px;
+    }
+    
+    .feedback {
+        padding: 50px 80px;
+        font-size: 3.5rem;
+    }
+    
+    .results {
+        gap: 50px;
+        margin: 50px 0;
+    }
+    
+    .result-item {
+        padding: 40px;
+        min-width: 250px;
+    }
+    
+    .result-label {
+        font-size: 2rem;
+        margin-bottom: 15px;
+    }
+    
+    .result-value {
+        font-size: 5rem;
     }
 }