@energy8platform/platform-core 0.25.3 → 0.25.4

package/dist/index.d.ts

@@ -866,9 +866,12 @@ declare class GameShell extends EventEmitter<ShellEvents> {
     /** Fraction of the frame a card modal may occupy; the rest is breathing-room margin. Keeps
      *  modals from filling a small popout edge-to-edge (so even short pickers scale down there). */
     private static readonly MODAL_FIT;
-    /** Max fraction of the frame HEIGHT the bottom bar may occupy before it fit-scales down. Keeps the
-     *  bar a consistent, small slice on short popouts in EVERY mode (base ≈ this already via width). */
-    private static readonly BAR_MAX_FRACTION;
+    /** The bar's design width (px). When the frame is narrower, the bar fit-scales DOWN with the
+     *  screen — the SAME factor in every mode, so replay/free-spins shrink like base instead of
+     *  staying full-size on a popout. */
+    private static readonly BAR_REF_WIDTH;
+    /** Lower bound on the bar fit-scale (guards a degenerate near-zero frame). */
+    private static readonly BAR_MIN_SCALE;
     private fitSheet;
     /** Activate a `feature` option (e.g. Ante): the bar shows the effective bet, tinted with
      *  the feature accent, and BUY BONUS becomes DISABLE. */

package/dist/index.esm.js

@@ -1164,11 +1164,11 @@ const SHELL_CSS = SHELL_FONT_CSS + `
 
 /* host = bottom-anchored flex column: [win pill (on overflow)] above [the bar] */
 #${SHELL_ROOT_ID} .ge-shell-barhost { position:absolute; left:0; right:0; bottom:0; pointer-events:none;
-  display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:8px;
+  display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px;
   transform-origin:bottom center; }
 /* bottom bar: transparent, two zones (wide default) */
 #${SHELL_ROOT_ID} .ge-shell-bottom { width:100%; box-sizing:border-box; pointer-events:none;
-  display:flex; align-items:center; justify-content:space-between; padding:0 18px 14px; gap:14px; }
+  display:flex; align-items:center; justify-content:space-between; padding:0 18px 6px; gap:14px; }
 #${SHELL_ROOT_ID} .ge-zone { display:flex; align-items:center; gap:14px; pointer-events:none; }
 #${SHELL_ROOT_ID} .ge-zone > * { pointer-events:auto; }
 #${SHELL_ROOT_ID} .ge-betstep { display:flex; flex-direction:column; gap:2px; }
@@ -1437,7 +1437,7 @@ const SHELL_CSS = SHELL_FONT_CSS + `
 #${SHELL_ROOT_ID} .ge-pl .ge-iconbtn { color:#fff; }
 /* LEFT: [menu] ⊐ coin ⊏ [balance] — coin overlaps both; balance fixed-wide so it doesn't jiggle */
 #${SHELL_ROOT_ID} .ge-pl-menu { border-radius:16px 0 0 16px; padding-right:20px; }
-#${SHELL_ROOT_ID} .ge-pl-bal { border-radius:0 16px 16px 0; padding-left:24px; min-width:240px; }
+#${SHELL_ROOT_ID} .ge-pl-bal { border-radius:0 16px 16px 0; padding-left:24px; min-width:200px; }
 #${SHELL_ROOT_ID} .ge-zone-plaques .ge-shell-buybonus { margin:0 -16px; position:relative; z-index:3; }
 /* RIGHT: [bet] · |divider| · [auto · SPIN · turbo] */
 #${SHELL_ROOT_ID} .ge-pl-bet { border-radius:16px 0 0 16px; justify-content:space-between;
@@ -1994,7 +1994,7 @@ function openSettingsModal(shell) {
 
 // AUTO-GENERATED by scripts/gen-version.mjs — do not edit. Mirrors package.json "version".
 /** The @energy8platform/platform-core package version, stamped at build time. */
-const PACKAGE_VERSION = '0.25.3';
+const PACKAGE_VERSION = '0.25.4';
 
 const SVG_NS = 'http://www.w3.org/2000/svg';
 function openGameInfoModal(shell) {
@@ -2873,10 +2873,11 @@ class GameShell extends EventEmitter {
         host.classList.remove('ge-fit');
         host.style.transform = '';
         host.style.transformOrigin = '';
-        // clear any per-zone height-scale from a prior pass
+        // clear any per-zone scale/zoom from a prior pass
         for (const el of host.querySelectorAll('.ge-zone, .ge-winpill')) {
             el.style.transform = '';
             el.style.transformOrigin = '';
+            el.style.removeProperty('zoom');
         }
         if (this.layout === 'mobile') {
             // Shrink the whole stack to fit narrow phones (mobile-s, or big balance/win/total-win
@@ -2894,42 +2895,35 @@ class GameShell extends EventEmitter {
             }
             return;
         }
-        const availW = this.root.clientWidth - 12;
-        const availH = this.root.clientHeight * GameShell.BAR_MAX_FRACTION;
-        // 1) If the inline row overflows the width, lift the WIN pill onto its own line above the bar
-        //    (keeps the controls as large as possible — base's wide row + a big WIN pill hit this).
+        // ONE fit-scale, from the SCREEN SIZE, applied identically in EVERY mode — switching base⇄replay
+        // must not resize the bar. The factor is the frame WIDTH vs the bar's design width, never the
+        // current mode's content width.
+        //
+        // It's applied with `zoom` (not `transform`): zoom shrinks the LAYOUT, so the zones genuinely
+        // take less room and still sit edge-to-edge (menu hard-left, controls hard-right) even when base's
+        // wide row would overflow a merely-visually-scaled bar — so there is no per-mode centred cluster
+        // and no width/mode branching. A wide WIN pill is still lifted above the row first so it can't
+        // shove the controls off-screen. (Mobile, above, keeps its own stacked fit.)
         if (pill && bar.scrollWidth > bar.clientWidth + 1) {
             host.insertBefore(pill, bar);
             pill.classList.add('ge-up');
         }
-        // 2) Still too WIDE (the control row itself doesn't fit) → shrink-to-content + uniform scale,
-        //    centred. Only base's wide row reaches here.
-        if (bar.scrollWidth > bar.clientWidth + 1) {
-            host.classList.add('ge-fit');
-            const naturalW = host.offsetWidth, naturalH = host.offsetHeight;
-            const s = Math.min(1, naturalW > 0 ? availW / naturalW : 1, naturalH > 0 ? availH / naturalH : 1);
-            if (s < 0.999)
-                host.style.transform = `translateX(-50%) scale(${s.toFixed(4)})`;
-            else
-                host.classList.remove('ge-fit');
-            return;
-        }
-        // 3) Fits the WIDTH but the stack (control row + any lifted WIN pill) is too TALL for a short
-        //    frame — replay/free-spins on Popout S. Shrink each piece toward its OWN edge so the bar
-        //    keeps its full-width space-between layout (menu hard-left, controls hard-right), just
-        //    lower — NOT packed into a centred cluster. Scale by frame HEIGHT only.
-        const naturalH = host.offsetHeight;
-        if (naturalH > availH && naturalH > 0) {
-            const s = (availH / naturalH).toFixed(4);
-            const scaleEdge = (el, origin) => {
-                if (!el)
-                    return;
-                el.style.transformOrigin = origin;
-                el.style.transform = `scale(${s})`;
-            };
-            scaleEdge(bar.querySelector('.ge-zone-left'), 'left bottom');
-            scaleEdge(bar.querySelector('.ge-zone-right'), 'right bottom');
-            scaleEdge(host.querySelector('.ge-winpill'), 'center bottom');
+        const zoomBar = (z) => {
+            const v = z < 0.999 ? z.toFixed(4) : '';
+            for (const el of host.querySelectorAll('.ge-zone, .ge-winpill')) {
+                if (v)
+                    el.style.setProperty('zoom', v);
+                else
+                    el.style.removeProperty('zoom');
+            }
+        };
+        const s = Math.max(GameShell.BAR_MIN_SCALE, Math.min(1, this.root.clientWidth / GameShell.BAR_REF_WIDTH));
+        zoomBar(s);
+        // Safety: a pathologically long balance/win can still overflow the frame at the screen zoom —
+        // nudge the zoom down just enough that the far control (turbo) isn't clipped. Normal content
+        // never triggers this, so base and replay keep the SAME zoom (no size change on mode switch).
+        if (bar.scrollWidth > bar.clientWidth + 1 && bar.scrollWidth > 0) {
+            zoomBar(s * (bar.clientWidth / bar.scrollWidth));
         }
     }
     /** Spacebar starts a spin — same path as the spin disc. Ignored when `features.spacebar` is
@@ -3043,9 +3037,12 @@ class GameShell extends EventEmitter {
     /** Fraction of the frame a card modal may occupy; the rest is breathing-room margin. Keeps
      *  modals from filling a small popout edge-to-edge (so even short pickers scale down there). */
     static MODAL_FIT = 0.86;
-    /** Max fraction of the frame HEIGHT the bottom bar may occupy before it fit-scales down. Keeps the
-     *  bar a consistent, small slice on short popouts in EVERY mode (base ≈ this already via width). */
-    static BAR_MAX_FRACTION = 0.27;
+    /** The bar's design width (px). When the frame is narrower, the bar fit-scales DOWN with the
+     *  screen — the SAME factor in every mode, so replay/free-spins shrink like base instead of
+     *  staying full-size on a popout. */
+    static BAR_REF_WIDTH = 840;
+    /** Lower bound on the bar fit-scale (guards a degenerate near-zero frame). */
+    static BAR_MIN_SCALE = 0.5;
     fitSheet(root) {
         const card = root.querySelector('.ge-modal-card');
         if (!card)