From f848eba8d555fc04560eeec77f7258d875dd9cd9 Mon Sep 17 00:00:00 2001
From: giteaadmin <giteaadmin@localhost>
Date: Tue, 2 Jun 2026 08:30:47 +0000
Subject: [PATCH] =?UTF-8?q?=E0=B8=A3=E0=B8=B9=E0=B8=9B=20cutscene=20?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B0=E0=B9=80=E0=B8=95=E0=B9=87=E0=B8=A1=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B8=88=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/html/Game/public/js/room-lobby.js | 11 +++++++----
 www/html/Game/public/room-lobby.html  |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/www/html/Game/public/js/room-lobby.js b/www/html/Game/public/js/room-lobby.js
index 2a0a9b1..ac62595 100644
--- a/www/html/Game/public/js/room-lobby.js
+++ b/www/html/Game/public/js/room-lobby.js
@@ -1873,20 +1873,23 @@
     if (!ov) {
       ov = document.createElement('div');
       ov.id = 'case-cutscene-overlay';
-      ov.style.cssText = 'position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;background:#05070f';
+      ov.style.cssText = 'position:fixed;inset:0;z-index:99990;overflow:hidden;background:#000';
       ov.innerHTML =
-        '<img id="case-cutscene-img" alt="" decoding="async" style="max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;display:block">' +
-        '<div style="position:absolute;left:0;right:0;bottom:24px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px;pointer-events:none">' +
+        '<img id="case-cutscene-img" alt="" decoding="async" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block">' +
+        '<div style="position:absolute;left:0;right:0;bottom:24px;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px;pointer-events:none">' +
           '<span id="case-cutscene-progress" style="font:800 15px/1 Kanit,system-ui,sans-serif;color:#cdd6ff;background:rgba(8,12,26,.6);padding:8px 14px;border-radius:999px"></span>' +
           '<button type="button" id="case-cutscene-next" style="pointer-events:auto;cursor:pointer;border:none;border-radius:999px;padding:13px 38px;font:800 17px/1 Kanit,system-ui,sans-serif;color:#0a0e1a;background:linear-gradient(180deg,#ffd666,#f0b429);box-shadow:0 10px 28px rgba(240,180,41,.5)">ไปต่อ ▶</button>' +
         '</div>';
       document.body.appendChild(ov);
     }
     ov.classList.remove('is-hidden');
-    ov.style.display = 'flex';
+    ov.style.cssText = 'position:fixed;inset:0;z-index:99990;overflow:hidden;background:#000;display:block';
     var imgEl = document.getElementById('case-cutscene-img');
     var progEl = document.getElementById('case-cutscene-progress');
     var nextBtn = document.getElementById('case-cutscene-next');
+    if (imgEl) {
+      imgEl.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block';
+    }
     function render() {
       if (imgEl) imgEl.src = imgs[idx];
       if (progEl) progEl.textContent = (idx + 1) + ' / ' + imgs.length;
diff --git a/www/html/Game/public/room-lobby.html b/www/html/Game/public/room-lobby.html
index db2ac39..329ab75 100644
--- a/www/html/Game/public/room-lobby.html
+++ b/www/html/Game/public/room-lobby.html
@@ -1613,7 +1613,7 @@
   <script src="js/display-name.js?v=2"></script>
   <script src="js/version.js?v=0.0122"></script>
   <script src="js/customize-popup.js?v=31" data-customize-triggers="" data-customize-asset-base="img/03-5-Customize"></script>
-  <script src="js/room-lobby.js?v=0.0266"></script>
+  <script src="js/room-lobby.js?v=0.0267"></script>
   <div class="version-tag">v —</div>
 </body>
 </html>