diff --git a/backend/main.py b/backend/main.py
index 24683ec..00e2a14 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -410,7 +410,7 @@ async def serve_media(path: str, request: _Request):
         raise _HE(404, "Nicht gefunden.")
     return _media_response(filepath)
 
-APP_VER = "1009"  # muss mit APP_VER in app.js übereinstimmen
+APP_VER = "1010"  # muss mit APP_VER in app.js übereinstimmen
 
 @app.get("/.well-known/assetlinks.json")
 async def assetlinks():
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 6b8e782..b573384 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER     = '1009'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '1010'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
 const IS_STAGING  = location.hostname === 'staging.banyaro.app';
 // Cache-Bust-Parameter nach Update-Reload sofort entfernen
diff --git a/backend/static/js/worlds.js b/backend/static/js/worlds.js
index 732fd1e..82dbac2 100644
--- a/backend/static/js/worlds.js
+++ b/backend/static/js/worlds.js
@@ -723,9 +723,12 @@ window.Worlds = (() => {
     const bottomNav = document.getElementById('bottom-nav');
     if (bottomNav) bottomNav.style.display = 'none';
 
+    const _isDesktop = window.innerWidth >= 768;
     const ov = document.createElement('div');
     ov.id = 'wc-overlay';
-    ov.style.cssText = 'position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;justify-content:flex-end';
+    ov.style.cssText = _isDesktop
+      ? 'position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)'
+      : 'position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;justify-content:flex-end';
     document.body.appendChild(ov);
 
     const _removeDragListeners = () => {
@@ -749,11 +752,14 @@ window.Worlds = (() => {
     };
 
     function _render() {
+      const _sheetStyle = _isDesktop
+        ? 'position:relative;z-index:1;background:rgba(18,22,32,0.97);border-radius:20px;width:90%;max-width:1100px;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 20px'
+        : 'position:relative;z-index:1;background:rgba(18,22,32,0.97);border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 calc(env(safe-area-inset-bottom,16px)+16px)';
+      const _gridCols = _isDesktop ? 'repeat(auto-fill,minmax(120px,1fr))' : 'repeat(4,1fr)';
+      const _chipH    = _isDesktop ? '64px' : '80px';
       ov.innerHTML = `
-        <div id="wc-bg" style="position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)"></div>
-        <div id="wc-sheet" style="position:relative;z-index:1;background:rgba(18,22,32,0.97);border-radius:24px 24px 0 0;
-                max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
-                padding:0 0 calc(env(safe-area-inset-bottom,16px)+16px)">
+        ${!_isDesktop ? '<div id="wc-bg" style="position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)"></div>' : ''}
+        <div id="wc-sheet" style="${_sheetStyle}">
           <!-- Header -->
           <div style="display:flex;align-items:center;justify-content:space-between;
                       padding:20px 20px 16px;position:sticky;top:0;background:rgba(18,22,32,0.97);
@@ -789,15 +795,15 @@ window.Worlds = (() => {
                   ${w !== 'pool' ? `<span style="opacity:.5">(${chips.length})</span>` : ''}
                 </div>
                 <div class="wc-zone" data-zone="${w}"
-                     style="display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:80px;gap:8px;
+                     style="display:grid;grid-template-columns:${_gridCols};grid-auto-rows:${_chipH};gap:${_isDesktop?'6px':'8px'};
                             min-height:${w==='pool'&&chips.length===0?'40px':'auto'};
                             border:2px dashed transparent;border-radius:16px;padding:4px;
                             transition:border-color .2s">
                   ${chips.map(c => `
                     <div class="wc-chip" data-page="${c.page}" data-zone="${w}"
                          style="background:rgba(38,46,62,0.95);border:1.5px solid ${col};
-                                border-radius:16px;padding:10px 4px 8px;height:80px;box-sizing:border-box;
-                                display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
+                                border-radius:16px;padding:${_isDesktop?'6px 4px':'10px 4px 8px'};height:${_chipH};box-sizing:border-box;
+                                display:flex;flex-direction:column;align-items:center;justify-content:center;gap:${_isDesktop?'3px':'5px'};
                                 cursor:grab;position:relative;min-width:0;overflow:hidden;
                                 user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y">
                       ${!c.pinned ? `
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 9fadc80..e38509a 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v1009';
+const CACHE_VERSION = 'by-v1010';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten
 const CACHE_API     = 'ban-yaro-api-v1';    // API-Response-Cache