diff --git a/public/css/launcher.css b/public/css/launcher.css index 1796fe2..8e53abc 100644 --- a/public/css/launcher.css +++ b/public/css/launcher.css @@ -99,7 +99,7 @@ body { padding: 0; background: #0a0603; overflow: hidden; - width: 100%; /* nicht 100vw – Firefox zieht Scrollbar ab */ + width: 100%; /* nicht 100vw – Firefox zieht Scrollbar-Breite ab */ height: 100%; display: flex; align-items: center; @@ -110,10 +110,14 @@ body { .worldmap { position: relative; - width: 2037px; - height: 1018px; + + /* Map auf max. 85% Viewport-Breite und 82% Viewport-Höhe begrenzen + → Chat (links unten) und Quickmenu (unten) verdecken weniger */ + width: min(2037px, 85vw); + height: min(1018px, 82vh); + + aspect-ratio: 2037 / 1018; flex-shrink: 0; - transform-origin: center center; will-change: transform; }