@energy8platform/platform-core 0.25.3 → 0.26.0

package/dist/shell.esm.js

@@ -48,6 +48,221 @@ class EventEmitter {
     }
 }
 
+// Bet key detection: bet-up needs Shift for arrow/equal, NumpadAdd is bare; same logic for down.
+// Exported so overlays with their own bet stepper (Buy bonus) honour the SAME keys as the bar.
+function betDir(e) {
+    if (e.code === 'ArrowUp' && e.shiftKey)
+        return 1;
+    if (e.code === 'Equal' && e.shiftKey)
+        return 1;
+    if (e.code === 'NumpadAdd')
+        return 1;
+    if (e.code === 'ArrowDown' && e.shiftKey)
+        return -1;
+    if (e.code === 'Minus' && e.shiftKey)
+        return -1;
+    if (e.code === 'NumpadSubtract')
+        return -1;
+    return null;
+}
+class KeyboardController {
+    host;
+    doc;
+    spaceHeld = false;
+    holdTimer = null;
+    // Bet hold-repeat state
+    betHeldCode = null;
+    betTimer = null;
+    constructor(host, doc) {
+        this.host = host;
+        this.doc = doc ?? (typeof document !== 'undefined' ? document : null);
+    }
+    isSpinAllowed() {
+        const h = this.host;
+        const s = h.state;
+        return (h.spacebarEnabled &&
+            h.hotkeysEnabled &&
+            !h.hasOpenLayer() &&
+            s.mode === 'base' &&
+            !s.autoplay.active);
+    }
+    isBetAllowed() {
+        const h = this.host;
+        const s = h.state;
+        return (h.hotkeysEnabled &&
+            !h.hasOpenLayer() &&
+            s.mode === 'base' &&
+            !s.busy);
+    }
+    clearBetTimer() {
+        if (this.betTimer !== null) {
+            clearTimeout(this.betTimer);
+            this.betTimer = null;
+        }
+    }
+    startBetRepeat(dir, elapsed) {
+        // elapsed is ms already spent holding; use it to accelerate toward 45ms floor.
+        // Start at 90ms, decrease ~1ms per 10ms held after the first repeat, floor at 45ms.
+        const interval = Math.max(45, 90 - Math.floor(elapsed / 10));
+        this.betTimer = setTimeout(() => {
+            this.betTimer = null;
+            if (this.betHeldCode !== null && this.isBetAllowed()) {
+                this.host.stepBet(dir);
+                this.startBetRepeat(dir, elapsed + interval);
+            }
+        }, interval);
+    }
+    onKeyDown = (e) => {
+        const target = e.target;
+        // Editable element guard — never intercept keyboard input
+        if (target && (target.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(target.tagName)))
+            return;
+        // For Space: claim preventDefault early (before layer/mode/busy bail) so the browser's
+        // native "Space activates focused button" can't re-fire a shell control and flicker a modal.
+        if (e.code === 'Space' && !e.repeat) {
+            if (!this.host.spacebarEnabled || !this.host.hotkeysEnabled)
+                return;
+            e.preventDefault();
+            if (this.host.hasOpenLayer()) {
+                this.host.routeToLayer(e);
+                return;
+            }
+            const s = this.host.state;
+            if (s.mode !== 'base' || s.busy || s.autoplay.active)
+                return;
+            this.spaceHeld = true;
+            this.host.spin();
+            return;
+        }
+        // Bet step keys (Shift+arrows, Shift+=/-, NumpadAdd/Subtract) — non-repeat only
+        if (!e.repeat) {
+            const dir = betDir(e);
+            if (dir !== null && this.isBetAllowed()) {
+                this.betHeldCode = e.code;
+                this.host.stepBet(dir);
+                // First repeat after 350ms initial delay
+                this.clearBetTimer();
+                const capturedDir = dir;
+                this.betTimer = setTimeout(() => {
+                    this.betTimer = null;
+                    if (this.betHeldCode !== null && this.isBetAllowed()) {
+                        this.host.stepBet(capturedDir);
+                        this.startBetRepeat(capturedDir, 350);
+                    }
+                }, 350);
+                return;
+            }
+        }
+        // Non-Space keys: give the open layer first refusal. If it consumes the key, done; Escape closes
+        // it. Anything the layer does NOT consume falls through to the chrome hotkeys below — so the
+        // Settings/Info pages still honour Shift+I (Game info), Shift+M (sound), Shift+S, etc.
+        if (this.host.hasOpenLayer()) {
+            const consumed = this.host.routeToLayer(e);
+            if (consumed)
+                return;
+            if (e.code === 'Escape') {
+                this.host.closeLayer();
+                return;
+            }
+            // not consumed → fall through to the Shift+letter chrome hotkeys
+        }
+        // Shift+letter bar hotkeys — fire when no layer is open, OR when an open layer left the key
+        // unconsumed (see fall-through above); gated on hotkeys being enabled.
+        if (!e.repeat && e.shiftKey && this.host.hotkeysEnabled) {
+            const h = this.host;
+            const s = h.state;
+            switch (e.code) {
+                case 'KeyA':
+                    if (h.autoplayEnabled && !s.replay) {
+                        h.toggleAutoplay();
+                        return;
+                    }
+                    break;
+                case 'KeyT':
+                    if (h.turboLevels > 0 && !s.replay) {
+                        h.cycleTurbo();
+                        return;
+                    }
+                    break;
+                case 'KeyB':
+                    if (h.buyBonusEnabled && s.mode === 'base' && !s.replay) {
+                        h.openBuyBonus();
+                        return;
+                    }
+                    break;
+                case 'KeyI':
+                    h.openInfo();
+                    return;
+                case 'KeyS':
+                    h.openMenu();
+                    return;
+                case 'KeyM':
+                    h.toggleMute();
+                    return;
+            }
+        }
+    };
+    onKeyUp = (e) => {
+        if (e.code === 'Space') {
+            this.spaceHeld = false;
+            this.clearHoldTimer();
+        }
+        // Stop bet repeat on key release
+        if (e.code === this.betHeldCode) {
+            this.betHeldCode = null;
+            this.clearBetTimer();
+        }
+    };
+    onBlur = () => {
+        // Window blur — stop bet repeat AND hold-to-spin (same as releasing both keys)
+        this.betHeldCode = null;
+        this.clearBetTimer();
+        this.spaceHeld = false;
+        this.clearHoldTimer();
+    };
+    clearHoldTimer() {
+        if (this.holdTimer !== null) {
+            clearTimeout(this.holdTimer);
+            this.holdTimer = null;
+        }
+    }
+    attach() {
+        this.doc.addEventListener('keydown', this.onKeyDown);
+        this.doc.addEventListener('keyup', this.onKeyUp);
+        // Use window if available for blur events
+        if (typeof window !== 'undefined') {
+            window.addEventListener('blur', this.onBlur);
+        }
+    }
+    detach() {
+        this.doc.removeEventListener('keydown', this.onKeyDown);
+        this.doc.removeEventListener('keyup', this.onKeyUp);
+        if (typeof window !== 'undefined') {
+            window.removeEventListener('blur', this.onBlur);
+        }
+        this.spaceHeld = false;
+        this.clearHoldTimer();
+        this.betHeldCode = null;
+        this.clearBetTimer();
+    }
+    notifyBusyChanged(busy) {
+        if (busy)
+            return;
+        if (!this.spaceHeld)
+            return;
+        if (!this.isSpinAllowed())
+            return;
+        // Schedule the next spin after the 120 ms floor (gap between completion and next spin).
+        this.clearHoldTimer();
+        this.holdTimer = setTimeout(() => {
+            this.holdTimer = null;
+            if (this.spaceHeld && this.isSpinAllowed()) {
+                this.host.spin();
+            }
+        }, 120);
+    }
+}
+
 function createInitialState(config) {
     return {
         mode: config.mode,
@@ -230,11 +445,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; }
@@ -317,6 +532,21 @@ const SHELL_CSS = SHELL_FONT_CSS + `
 #${SHELL_ROOT_ID} .ge-gi-version { text-align:center; color:var(--shell-muted); font-size:11px;
   letter-spacing:.08em; opacity:.7; margin:4px 0 2px; }
 
+/* hotkeys — keycap chips → localized action label, mirrors controls row layout */
+#${SHELL_ROOT_ID} .ge-gi-hk-block { display:flex; flex-direction:column; }
+#${SHELL_ROOT_ID} .ge-gi-hk { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 0; }
+#${SHELL_ROOT_ID} .ge-gi-hk + .ge-gi-hk { border-top:1px solid var(--shell-plaque-line); }
+#${SHELL_ROOT_ID} .ge-gi-hk-chips { display:flex; align-items:center; flex-wrap:wrap; gap:4px; flex:0 0 auto; }
+#${SHELL_ROOT_ID} .ge-gi-hk-combo { display:inline-flex; align-items:center; gap:4px; }
+#${SHELL_ROOT_ID} .ge-gi-hk-chip { display:inline-flex; align-items:center; justify-content:center;
+  padding:2px 7px; border-radius:6px; border:1px solid var(--shell-plaque-line);
+  background:var(--shell-plaque-dark); color:#fff;
+  font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace; font-size:12px;
+  font-weight:600; line-height:1.5; white-space:nowrap; min-width:1.6em; text-align:center; }
+#${SHELL_ROOT_ID} .ge-gi-hk-sep { color:var(--shell-plaque-label); font-size:11px; padding:0 1px; }
+#${SHELL_ROOT_ID} .ge-gi-hk-sep2 { color:var(--shell-plaque-label); font-size:11px; padding:0 4px; }
+#${SHELL_ROOT_ID} .ge-gi-hk-tx { color:rgba(255,255,255,.88); font-size:14px; font-weight:600; text-align:right; flex:1; }
+
 /* controls — two blocks (gameplay / menu & info), icon/name/description per control */
 #${SHELL_ROOT_ID} .ge-gi-ctl-block + .ge-gi-ctl-block { margin-top:16px; padding-top:4px; border-top:1px solid var(--shell-plaque-line); }
 #${SHELL_ROOT_ID} .ge-gi-ctl-block-h { color:var(--shell-plaque-label); font-size:11px; letter-spacing:.12em;
@@ -425,6 +655,8 @@ const SHELL_CSS = SHELL_FONT_CSS + `
   pointer-events:auto; cursor:pointer; transition:box-shadow .12s ease, background .12s ease; }
 #${SHELL_ROOT_ID} .ge-bonus-card:hover:not(.ge-bonus-off) {
   box-shadow:0 0 0 1px var(--card-acc), 0 12px 34px -12px var(--card-acc); }
+#${SHELL_ROOT_ID} .ge-bonus-card--kbd-focus:not(.ge-bonus-off) {
+  box-shadow:0 0 0 1px var(--card-acc), 0 12px 34px -12px var(--card-acc); }
 /* custom card (BonusOption.custom): keep grid sizing + accent vars, drop the default chrome so the game owns the UI */
 #${SHELL_ROOT_ID} .ge-bonus-card--custom { background:none; border:none; cursor:default; }
 #${SHELL_ROOT_ID} .ge-bonus-body { display:flex; flex-direction:column; align-items:center; flex:1; padding:1.25em 1.1em .9em; }
@@ -503,7 +735,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;
@@ -703,7 +935,8 @@ function createCardModal(opts) {
     }
     return { root, card, body };
 }
-/** Full-screen overlay. Returns { root, body }; append content to body. */
+/** Full-screen overlay. Returns { root, body, scroll }; append content to body.
+ *  The `scroll` element is the scrollable container (overflow-y: auto). */
 function createOverlay(opts) {
     const root = document.createElement('div');
     root.className = 'ge-shell-overlay';
@@ -741,7 +974,7 @@ function createOverlay(opts) {
     body.className = 'ge-ov-body';
     scroll.appendChild(body);
     root.append(head, scroll);
-    return { root, body };
+    return { root, body, scroll };
 }
 
 /** A floating labelled money readout (balance/win/bet). */
@@ -993,24 +1226,22 @@ function applyBusy(shell, bar) {
 function openSettingsModal(shell) {
     const { root, body } = createOverlay({ title: shell.t('Settings'), onClose: () => root.remove() });
     root.dataset.ge = 'settings-modal';
-    // Sound on/off (starts on) — full-width row with a speaker icon button
+    // Sound on/off — backed by the shell's shared `soundOn` state so this toggle and the Shift+M
+    // hotkey stay in sync; `setSound` emits `settingChange({ key: 'sound' })` and refreshes the icon.
     const sound = (() => {
-        let on = true;
         const btn = document.createElement('button');
-        btn.className = 'ge-snd ge-active';
+        btn.className = 'ge-snd';
         btn.dataset.ge = 'setting-sound';
-        btn.setAttribute('aria-label', 'Sound');
-        const paint = () => {
+        btn.setAttribute('aria-label', shell.t('Sound'));
+        const paint = (on) => {
             btn.innerHTML = icon(on ? 'soundOn' : 'soundOff');
             btn.classList.toggle('ge-active', on);
             btn.setAttribute('aria-pressed', String(on));
         };
-        paint();
-        btn.addEventListener('click', () => {
-            on = !on;
-            paint();
-            shell.emit('settingChange', { key: 'sound', value: on });
-        });
+        paint(shell.soundOn);
+        btn.addEventListener('click', () => shell.setSound(!shell.soundOn));
+        // Live-update the icon when sound changes from here OR via Shift+M (shell clears on close).
+        shell.setSoundRefresh(paint);
         const row = document.createElement('div');
         row.className = 'ge-ov-row';
         row.innerHTML = `<span class="ge-grow">${shell.t('Sound')}</span>`;
@@ -1060,17 +1291,25 @@ 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.26.0';
 
+/** Default order key for the auto-injected hotkeys section: just after `controls` (-1). */
+const HOTKEYS_DEFAULT_ORDER = -0.5;
 const SVG_NS = 'http://www.w3.org/2000/svg';
 function openGameInfoModal(shell) {
-    const { root, body } = createOverlay({
+    const { root, body, scroll } = createOverlay({
         title: shell.t('Game info'),
         onClose: () => root.remove(),
         onBack: () => { root.remove(); shell.openSettings(); },
     });
     root.dataset.ge = 'info-modal';
-    const sections = shell.config.gameInfo.sections ?? [];
+    const rawSections = shell.config.gameInfo.sections ?? [];
+    // Auto-inject a hotkeys section unless the game already provides one or features.hotkeys === false.
+    const sectionsWithHotkeys = [...rawSections];
+    if (shell.config.features.hotkeys !== false && !rawSections.some((s) => s.type === 'hotkeys')) {
+        sectionsWithHotkeys.push({ type: 'hotkeys', order: HOTKEYS_DEFAULT_ORDER });
+    }
+    const sections = sectionsWithHotkeys;
     // Default placement: modes first, controls second, the rest in declaration order.
     // An explicit `order` overrides; ties keep declaration order (stable).
     const base = (s, i) => s.order ?? (s.type === 'modes' ? -2 : s.type === 'controls' ? -1 : i);
@@ -1079,7 +1318,40 @@ function openGameInfoModal(shell) {
         .sort((a, b) => a.k - b.k || a.i - b.i)
         .forEach(({ s }) => body.appendChild(renderSection(shell, s)));
     body.appendChild(versionFooter(shell));
-    return root;
+    const LINE = 60;
+    const PAGE = () => Math.floor(scroll.clientHeight * 0.9) || Math.floor(540 * 0.9);
+    const onKey = (e) => {
+        switch (e.code) {
+            case 'ArrowDown':
+                scroll.scrollTop += LINE;
+                return true;
+            case 'ArrowUp':
+                scroll.scrollTop = Math.max(0, scroll.scrollTop - LINE);
+                return true;
+            case 'PageDown':
+                scroll.scrollTop += PAGE();
+                return true;
+            case 'PageUp':
+                scroll.scrollTop = Math.max(0, scroll.scrollTop - PAGE());
+                return true;
+            case 'Space':
+                if (e.shiftKey) {
+                    scroll.scrollTop = Math.max(0, scroll.scrollTop - PAGE());
+                }
+                else {
+                    scroll.scrollTop += PAGE();
+                }
+                return true;
+            case 'Home':
+                scroll.scrollTop = 0;
+                return true;
+            case 'End':
+                scroll.scrollTop = scroll.scrollHeight - scroll.clientHeight;
+                return true;
+            default: return false;
+        }
+    };
+    return { root, onKey };
 }
 /** A muted version stamp pinned to the bottom of the game-info modal:
  *  `${config.version ?? '1.0.0'}.${engine version without dots}` (e.g. '1.0.0.0246'). */
@@ -1095,9 +1367,11 @@ function renderSection(shell, s) {
     switch (s.type) {
         case 'modes': return sectionModes(shell, s.modes, sec('info-modes', s.title, shell.t('Modes')));
         case 'controls': return sectionControls(shell, sec('info-controls', s.title, shell.t('Controls')));
+        case 'hotkeys': return sectionHotkeys(shell, sec('info-hotkeys', s.title, shell.t('Hotkeys')));
         case 'paytable': return sectionPaytable(s.rows, sec('info-paytable', s.title, shell.t('Paytable')));
         case 'wins': return sectionWins(s, sec('info-wins', s.title, shell.t(winFallbackTitle(s.kind))));
-        case 'custom': return sectionCustom(s, sec('info-custom', s.title, ''));
+        // Translate the heading (e.g. the host-built DISCLAIMER title); the body stays verbatim.
+        case 'custom': return sectionCustom(s, sec('info-custom', s.title != null ? shell.t(s.title) : undefined, ''));
     }
 }
 /** A titled glass-plaque section shell. */
@@ -1179,6 +1453,57 @@ function ctlBlock(shell, label, rows) {
     }
     return block;
 }
+function sectionHotkeys(shell, el) {
+    const { features } = shell.config;
+    /** Render one or more key names as keycap chips joined by " / ". */
+    const chips = (...keys) => keys.map((k) => `<span class="ge-gi-hk-chip">${k}</span>`).join('<span class="ge-gi-hk-sep"> / </span>');
+    const rows = [
+        { chips: ['Space'], name: 'Spin', on: true },
+        { chips: ['Shift', '↑', 'Shift', '='], name: 'Raise bet', on: true },
+        { chips: ['Shift', '↓', 'Shift', '-'], name: 'Lower bet', on: true },
+        { chips: ['Shift', 'A'], name: 'Autoplay', on: features.autoplay != null },
+        { chips: ['Shift', 'T'], name: 'Turbo', on: features.turbo > 0 },
+        { chips: ['Shift', 'B'], name: 'Buy bonus', on: features.buyBonus !== false },
+        { chips: ['Shift', 'I'], name: 'Game info', on: true },
+        { chips: ['Shift', 'S'], name: 'Menu', on: true },
+        { chips: ['Shift', 'M'], name: 'Mute', on: true },
+        { chips: ['←', '→'], name: 'Navigate', on: true },
+        { chips: ['Enter'], name: 'Confirm', on: true },
+        { chips: ['Esc'], name: 'Close', on: true },
+    ];
+    const block = document.createElement('div');
+    block.className = 'ge-gi-hk-block';
+    for (const r of rows.filter((x) => x.on)) {
+        const row = document.createElement('div');
+        row.className = 'ge-gi-hk';
+        // Build the chips column
+        const chipsEl = document.createElement('div');
+        chipsEl.className = 'ge-gi-hk-chips';
+        if (r.name === 'Raise bet' || r.name === 'Lower bet') {
+            // Two combos separated by " / ": Shift+↑ / Shift+=  and  Shift+↓ / Shift+-
+            const [k1, k2, k3, k4] = r.chips;
+            chipsEl.innerHTML =
+                `<span class="ge-gi-hk-combo">${chips(k1, k2)}</span>` +
+                    `<span class="ge-gi-hk-sep2"> / </span>` +
+                    `<span class="ge-gi-hk-combo">${chips(k3, k4)}</span>`;
+        }
+        else if (r.chips.length > 1) {
+            // Chord: Shift + X
+            chipsEl.innerHTML = `<span class="ge-gi-hk-combo">${chips(...r.chips)}</span>`;
+        }
+        else {
+            chipsEl.innerHTML = chips(...r.chips);
+        }
+        const tx = document.createElement('div');
+        tx.className = 'ge-gi-hk-tx';
+        tx.textContent = shell.t(r.name);
+        row.appendChild(chipsEl);
+        row.appendChild(tx);
+        block.appendChild(row);
+    }
+    el.appendChild(block);
+    return el;
+}
 // ── paytable (cards — image on top, name, then win tiers "<count> x<mult>") ────
 function sectionPaytable(rows, el) {
     const grid = document.createElement('div');
@@ -1377,25 +1702,165 @@ function sectionCustom(s, el) {
     return el;
 }
 
-/** Buy-bonus overlay — a grid of art-forward cards, one per option. */
+/** Buy-bonus overlay — a grid of art-forward cards, one per option.
+ *  Returns the overlay element + a keyboard handler for the shell's `showModal`. */
 function openBuyBonusOverlay(shell) {
     const bonuses = shell.config.features.buyBonus;
     if (bonuses === false || bonuses.length === 0)
         return null;
-    const { root, body } = createOverlay({ title: shell.t('Buy bonus'), onClose: () => root.remove() });
+    const st = { focusIndex: -1, confirmBonus: undefined };
+    const { root, body } = createOverlay({ title: shell.t('Buy bonus'), onClose: () => shell.closeModal() });
     root.dataset.ge = 'buybonus-overlay';
     // Re-render the grid whenever the bet changes so every card's price stays live.
     const renderGrid = () => {
         body.innerHTML = '';
         const grid = document.createElement('div');
         grid.className = 'ge-bb-grid';
-        for (const bonus of bonuses)
-            grid.appendChild(buildCard(shell, bonus, root));
+        const affordable = [];
+        for (const bonus of bonuses) {
+            const card = buildCard(shell, bonus, root, st);
+            grid.appendChild(card);
+            if (isAffordable(shell, bonus))
+                affordable.push(bonus);
+        }
         body.appendChild(grid);
+        // Initialize or restore focus index
+        if (affordable.length > 0) {
+            if (st.focusIndex < 0)
+                st.focusIndex = 0;
+            else
+                st.focusIndex = Math.min(st.focusIndex, affordable.length - 1);
+            applyFocusClass(root, bonuses, affordable, st.focusIndex);
+        }
+        else {
+            st.focusIndex = -1;
+        }
     };
     renderGrid();
     root.appendChild(buildBetBar(shell, renderGrid)); // thin bottom footer, only as tall as the pill
-    return root;
+    /** Step the bet by `dir` and re-render the grid (live prices + affordability) when it changed.
+     *  Shared by the keyboard bet keys (the footer ± buttons keep their own copy). */
+    const stepBetBy = (dir) => {
+        const next = stepBet(shell.state, dir);
+        if (next === shell.state.bet)
+            return;
+        shell.state.bet = next;
+        shell.emit('betChange', next);
+        shell.render();
+        renderGrid();
+    };
+    /** Keyboard handler for both browse and confirm phases. */
+    const onKey = (e) => {
+        const affordable = bonuses.filter((b) => isAffordable(shell, b));
+        // ── Confirm phase ──
+        if (st.confirmBonus) {
+            switch (e.code) {
+                case 'Enter':
+                case 'Space': {
+                    const bonus = st.confirmBonus;
+                    if (!isAffordable(shell, bonus))
+                        return true;
+                    if (bonus.type === 'feature')
+                        shell.activateFeature(bonus);
+                    else
+                        shell.emit('buyBonusSelect', { id: bonus.id });
+                    shell.closeModal();
+                    return true;
+                }
+                case 'Escape':
+                    // Remove the confirm dialog, return to browse
+                    closeConfirm(root, st);
+                    return true;
+                default:
+                    return false;
+            }
+        }
+        // ── Browse phase ──
+        const last = affordable.length - 1;
+        const mobile = shell.layout === 'mobile';
+        // Bet stepping mirrors the bar's keys (Shift+↑/↓, Shift+=/-, Numpad ±). Checked BEFORE arrow
+        // navigation so a bare arrow still moves card focus while a Shift+arrow changes the bet.
+        const bet = betDir(e);
+        if (bet !== null) {
+            stepBetBy(bet);
+            return true;
+        }
+        // Determine navigation direction from key code + layout (mobile uses vertical arrows)
+        const fwdKey = e.code === 'ArrowRight' || (mobile && e.code === 'ArrowDown');
+        const bwdKey = e.code === 'ArrowLeft' || (mobile && e.code === 'ArrowUp');
+        if (fwdKey) {
+            if (last < 0)
+                return true;
+            if (st.focusIndex < last) {
+                st.focusIndex++;
+                applyFocusClass(root, bonuses, affordable, st.focusIndex);
+            }
+            return true;
+        }
+        if (bwdKey) {
+            if (last < 0)
+                return true;
+            if (st.focusIndex > 0) {
+                st.focusIndex--;
+                applyFocusClass(root, bonuses, affordable, st.focusIndex);
+            }
+            return true;
+        }
+        switch (e.code) {
+            case 'Enter':
+            case 'Space':
+                if (last < 0 || st.focusIndex < 0)
+                    return true;
+                {
+                    const bonus = affordable[st.focusIndex];
+                    openConfirm(shell, bonus, root, st);
+                }
+                return true;
+            // Bare =/- also step the bet (the Shift+=/- and Numpad variants are handled by betDir above).
+            case 'Equal':
+                stepBetBy(1);
+                return true;
+            case 'Minus':
+                stepBetBy(-1);
+                return true;
+            case 'Escape':
+                shell.closeModal();
+                return true;
+            default:
+                return false;
+        }
+    };
+    return { root, onKey };
+}
+/** Apply a CSS keyboard-focus class to the currently focused affordable card. */
+function applyFocusClass(overlay, bonuses, affordable, focusIndex) {
+    for (const b of bonuses) {
+        const card = overlay.querySelector(`[data-ge="bonus-card-${b.id}"]`);
+        if (!card)
+            continue;
+        card.classList.remove('ge-bonus-card--kbd-focus');
+    }
+    const focused = affordable[focusIndex];
+    if (!focused)
+        return;
+    const card = overlay.querySelector(`[data-ge="bonus-card-${focused.id}"]`);
+    if (card)
+        card.classList.add('ge-bonus-card--kbd-focus');
+}
+/** Open the confirm dialog for the given bonus and track it in overlay state. */
+function openConfirm(shell, bonus, overlay, st) {
+    closeConfirm(overlay, st); // remove any existing confirm
+    st.confirmBonus = bonus;
+    overlay.appendChild(buildConfirm(shell, bonus, overlay, st));
+    shell.fitModals();
+}
+/** Remove the confirm dialog and clear the overlay state. */
+function closeConfirm(overlay, st) {
+    // The confirm dialog is a .ge-sheet with data-ge="bonus-confirm" appended directly to overlay.
+    const sheet = overlay.querySelector('[data-ge="bonus-confirm"]');
+    if (sheet)
+        sheet.remove();
+    st.confirmBonus = undefined;
 }
 /** Bet control — a compact −/+ pill around the live stake, in a thin footer at the screen bottom.
  *  Stepping repaints the value, re-prices the cards, and updates the control bar. */
@@ -1442,7 +1907,7 @@ function stepButton(ge, name) {
 }
 /** A grid card: title → thumbnail → description → volatility → price → full-bleed CTA.
  *  Clicking (when affordable) opens the confirmation modal. */
-function buildCard(shell, bonus, overlay) {
+function buildCard(shell, bonus, overlay, st) {
     const accent = effectiveAccent(bonus);
     const card = document.createElement('div');
     card.className = 'ge-bonus-card';
@@ -1455,8 +1920,7 @@ function buildCard(shell, bonus, overlay) {
     const select = () => {
         if (!isAffordable(shell, bonus))
             return;
-        overlay.appendChild(buildConfirm(shell, bonus, overlay));
-        shell.fitModals();
+        openConfirm(shell, bonus, overlay, st);
     };
     // Game-supplied card UI: the shell keeps the wrapper (grid sizing + accent vars) and runs the
     // buy flow when the game calls ctx.select(); the game owns everything inside.
@@ -1501,9 +1965,9 @@ function cardBody(shell, bonus) {
 }
 /** Confirmation modal — the shared card chrome (accent title heading, no ✕) with a bonus
  *  preview body and a full-bleed Cancel + action footer. */
-function buildConfirm(shell, bonus, overlay) {
+function buildConfirm(shell, bonus, overlay, st) {
     const accent = effectiveAccent(bonus);
-    const ui = createCardModal({ ge: 'bonus-confirm', title: bonus.title, accent, onClose: () => ui.root.remove() });
+    const ui = createCardModal({ ge: 'bonus-confirm', title: bonus.title, accent, onClose: () => { closeConfirm(overlay, st); } });
     const price = bonus.priceMultiplier * shell.state.bet;
     const preview = document.createElement('div');
     preview.className = 'ge-confirm-preview';
@@ -1519,7 +1983,7 @@ function buildConfirm(shell, bonus, overlay) {
     cancel.className = 'ge-modal-btn ge-modal-btn--ghost';
     cancel.dataset.ge = 'bonus-confirm-cancel';
     cancel.textContent = shell.t('Cancel');
-    cancel.addEventListener('click', () => ui.root.remove());
+    cancel.addEventListener('click', () => closeConfirm(overlay, st));
     const buy = document.createElement('button');
     buy.className = 'ge-modal-btn ge-modal-btn--accent';
     buy.dataset.ge = 'bonus-confirm-buy';
@@ -1534,8 +1998,7 @@ function buildConfirm(shell, bonus, overlay) {
             shell.activateFeature(bonus);
         else
             shell.emit('buyBonusSelect', { id: bonus.id });
-        ui.root.remove();
-        overlay.remove();
+        shell.closeModal();
     });
     actions.append(cancel, buy);
     ui.card.appendChild(actions);
@@ -1564,36 +2027,79 @@ function isAffordable(shell, bonus) {
 
 /** A centred picker (chips grid + accent Confirm) on the shared card modal. */
 function buildSheet(opts) {
-    const ui = createCardModal({ ge: opts.ge, title: opts.title, onClose: () => ui.root.remove() });
+    const ui = createCardModal({ ge: opts.ge, title: opts.title, onClose: () => opts.onClose() });
     const grid = document.createElement('div');
     grid.className = 'ge-sheet-grid';
     const cols = typeof opts.columns === 'number' ? { wide: opts.columns, mobile: opts.columns } : opts.columns;
     grid.style.setProperty('--cols', String(cols.wide));
     grid.style.setProperty('--cols-m', String(cols.mobile));
     let selected = opts.selected;
+    let focusIndex = opts.choices.findIndex((c) => c.id === selected);
+    if (focusIndex < 0)
+        focusIndex = 0;
     const chips = [];
-    for (const c of opts.choices) {
+    /** Update chip visuals to reflect the current selected/focused index. */
+    function setHighlight(newIndex) {
+        focusIndex = newIndex;
+        selected = opts.choices[focusIndex].id;
+        for (let i = 0; i < chips.length; i++) {
+            chips[i].classList.toggle('ge-on', i === focusIndex);
+        }
+    }
+    for (let i = 0; i < opts.choices.length; i++) {
+        const c = opts.choices[i];
         const chip = document.createElement('button');
-        chip.className = 'ge-chip' + (c.id === selected ? ' ge-on' : '');
+        chip.className = 'ge-chip' + (i === focusIndex ? ' ge-on' : '');
         chip.dataset.id = c.id;
         chip.textContent = c.label;
+        const idx = i; // capture for closure
         chip.addEventListener('click', () => {
-            selected = c.id;
-            for (const x of chips)
-                x.classList.toggle('ge-on', x.dataset.id === selected);
+            setHighlight(idx);
         });
         chips.push(chip);
         grid.appendChild(chip);
     }
     ui.body.appendChild(grid);
+    function doConfirm() {
+        opts.onConfirm(selected);
+        opts.onClose();
+    }
     // Single full-bleed Confirm; dismissal is the ✕ (top-right). No Cancel button.
     const confirm = document.createElement('button');
     confirm.className = 'ge-modal-btn ge-modal-btn--accent';
     confirm.dataset.ge = 'sheet-confirm';
     confirm.textContent = opts.confirmLabel;
-    confirm.addEventListener('click', () => { opts.onConfirm(selected); ui.root.remove(); });
+    confirm.addEventListener('click', doConfirm);
     ui.card.appendChild(confirm);
-    return ui.root;
+    function onKey(e) {
+        const last = opts.choices.length - 1;
+        switch (e.code) {
+            case 'ArrowRight':
+            case 'ArrowDown':
+            case 'Equal': // + on most keyboards
+            case 'NumpadAdd':
+                if (focusIndex < last)
+                    setHighlight(focusIndex + 1);
+                return true;
+            case 'ArrowLeft':
+            case 'ArrowUp':
+            case 'Minus':
+            case 'NumpadSubtract':
+                if (focusIndex > 0)
+                    setHighlight(focusIndex - 1);
+                return true;
+            case 'Enter':
+            case 'Space':
+                doConfirm();
+                return true;
+            case 'Escape':
+                opts.onClose();
+                return true;
+            default:
+                return false;
+        }
+    }
+    return { root: ui.root, onKey };
 }
 /** Bet picker — all available bets as chips (6 per row, 3 on mobile), accent Confirm applies it. */
 function openBetModal(shell) {
@@ -1601,6 +2107,7 @@ function openBetModal(shell) {
         ge: 'bet-modal', title: shell.t('Bet'), columns: { wide: 6, mobile: 3 }, confirmLabel: shell.t('Confirm'),
         choices: shell.state.availableBets.map((b) => ({ id: String(b), label: formatCurrency(b, shell.config.currency) })),
         selected: String(shell.state.bet),
+        onClose: () => shell.closeModal(),
         onConfirm: (id) => {
             const v = Number(id);
             if (v !== shell.state.bet) {
@@ -1631,6 +2138,7 @@ function openAutoplayModal(shell) {
         ge: 'autoplay-modal', title: shell.t('Autoplay'), columns: 3, confirmLabel: shell.t('Start'),
         choices: counts.map((n) => ({ id: String(n), label: Number.isFinite(n) ? String(n) : '∞' })),
         selected: String(shell.state.autoplay.remaining || counts[0]),
+        onClose: () => shell.closeModal(),
         onConfirm: (id) => {
             let remaining = Number(id); // "Infinity" → Infinity
             if (maxCount != null)
@@ -1778,6 +2286,868 @@ function countUp(el, from, to, fmt, durationMs = 450) {
     };
 }
 
+// MACHINE-TRANSLATED — native QA required before production use.
+// Keys are the English source strings exactly as they appear at t('…') call sites.
+// Entries within each language block are sorted alphabetically by key for diff stability.
+// 'en' is omitted: the resolver returns the source string unchanged for English.
+const LOCALES = {
+    da: {
+        DISCLAIMER: 'Ansvarsfraskrivelse',
+        Activate: 'Aktivér',
+        Autoplay: 'Autoplay',
+        Balance: 'Saldo',
+        Bet: 'Indsats',
+        'BUY BONUS': 'KØB BONUS',
+        Buy: 'Køb',
+        'Buy bonus': 'Køb bonus',
+        Cancel: 'Annuller',
+        Close: 'Luk',
+        'Cluster pays': 'Klyngeudbetaling',
+        Confirm: 'Bekræft',
+        Controls: 'Kontroller',
+        'Decrease your stake.': 'Reducer din indsats.',
+        DISABLE: 'DEAKTIVER',
+        'Dismiss the current overlay.': 'Luk det aktuelle overlay.',
+        'Free spins': 'Gratisspins',
+        Game: 'Spil',
+        'Game info': 'Spilinfo',
+        Hotkeys: 'Tastaturgenveje',
+        'Increase your stake.': 'Forøg din indsats.',
+        'Lower bet': 'Lavere indsats',
+        'Master volume': 'Hovedvolumen',
+        'Max win': 'Maks gevinst',
+        Menu: 'Menu',
+        'Menu & info': 'Menu og info',
+        Modes: 'Tilstande',
+        Music: 'Musik',
+        Mute: 'Lydløs',
+        'Mute or unmute the game.': 'Slå lyden til/fra.',
+        Navigate: 'Naviger',
+        'Open settings and game info.': 'Åbn indstillinger og spilinfo.',
+        'Open the paytable and rules.': 'Åbn gevinsttabel og regler.',
+        'Pay a fixed cost to enter a bonus feature.': 'Betal en fast pris for at aktivere en bonusfunktion.',
+        Paylines: 'Gevinstlinjer',
+        Paytable: 'Gevinsttabel',
+        'Pays anywhere': 'Udbetaler overalt',
+        Price: 'Pris',
+        'Raise bet': 'Hæv indsats',
+        Replay: 'Genspil',
+        RTP: 'RTP',
+        SFX: 'Lydeffekter',
+        Settings: 'Indstillinger',
+        Sound: 'Lyd',
+        Spin: 'Drej',
+        'Spin automatically a set number of times.': 'Spin automatisk et bestemt antal gange.',
+        'Speed up spin animations.': 'Gør spilanimationer hurtigere.',
+        Start: 'Start',
+        'Start a spin at the current bet.': 'Start et spin med den aktuelle indsats.',
+        'Start replay': 'Start genspil',
+        'Total win': 'Samlet gevinst',
+        Turbo: 'Turbo',
+        'Ways to win': 'Vindermuligheder',
+        Win: 'Gevinst',
+        'Winning shapes': 'Vindende former',
+    },
+    de: {
+        DISCLAIMER: 'Haftungsausschluss',
+        Activate: 'Aktivieren',
+        Autoplay: 'Autoplay',
+        Balance: 'Kontostand',
+        Bet: 'Einsatz',
+        'BUY BONUS': 'BONUS KAUFEN',
+        Buy: 'Kaufen',
+        'Buy bonus': 'Bonus kaufen',
+        Cancel: 'Abbrechen',
+        Close: 'Schließen',
+        'Cluster pays': 'Cluster-Gewinne',
+        Confirm: 'Bestätigen',
+        Controls: 'Steuerung',
+        'Decrease your stake.': 'Einsatz verringern.',
+        DISABLE: 'DEAKTIVIEREN',
+        'Dismiss the current overlay.': 'Aktuelles Overlay schließen.',
+        'Free spins': 'Freispiele',
+        Game: 'Spiel',
+        'Game info': 'Spielinfo',
+        Hotkeys: 'Tastenkürzel',
+        'Increase your stake.': 'Einsatz erhöhen.',
+        'Lower bet': 'Einsatz senken',
+        'Master volume': 'Gesamtlautstärke',
+        'Max win': 'Max. Gewinn',
+        Menu: 'Menü',
+        'Menu & info': 'Menü & Info',
+        Modes: 'Modi',
+        Music: 'Musik',
+        Mute: 'Stummschalten',
+        'Mute or unmute the game.': 'Ton stummschalten oder aktivieren.',
+        Navigate: 'Navigieren',
+        'Open settings and game info.': 'Einstellungen und Spielinfo öffnen.',
+        'Open the paytable and rules.': 'Gewinntabelle und Regeln öffnen.',
+        'Pay a fixed cost to enter a bonus feature.': 'Zahle einen festen Betrag, um ein Bonus-Feature zu aktivieren.',
+        Paylines: 'Gewinnlinien',
+        Paytable: 'Gewinntabelle',
+        'Pays anywhere': 'Zahlt überall',
+        Price: 'Preis',
+        'Raise bet': 'Einsatz erhöhen',
+        Replay: 'Wiederholen',
+        RTP: 'RTP',
+        SFX: 'Soundeffekte',
+        Settings: 'Einstellungen',
+        Sound: 'Ton',
+        Spin: 'Drehen',
+        'Spin automatically a set number of times.': 'Automatisch eine festgelegte Anzahl von Runden spielen.',
+        'Speed up spin animations.': 'Animationen beschleunigen.',
+        Start: 'Start',
+        'Start a spin at the current bet.': 'Mit dem aktuellen Einsatz drehen.',
+        'Start replay': 'Wiederholen',
+        'Total win': 'Gesamtgewinn',
+        Turbo: 'Turbo',
+        'Ways to win': 'Gewinnwege',
+        Win: 'Gewinn',
+        'Winning shapes': 'Gewinnmuster',
+    },
+    es: {
+        DISCLAIMER: 'Aviso legal',
+        Activate: 'Activar',
+        Autoplay: 'Giro automático',
+        Balance: 'Saldo',
+        Bet: 'Apuesta',
+        'BUY BONUS': 'COMPRAR BONO',
+        Buy: 'Comprar',
+        'Buy bonus': 'Comprar bono',
+        Cancel: 'Cancelar',
+        Close: 'Cerrar',
+        'Cluster pays': 'Pago en racimo',
+        Confirm: 'Confirmar',
+        Controls: 'Controles',
+        'Decrease your stake.': 'Reducir apuesta.',
+        DISABLE: 'DESACTIVAR',
+        'Dismiss the current overlay.': 'Cerrar el panel actual.',
+        'Free spins': 'Giros gratis',
+        Game: 'Juego',
+        'Game info': 'Info del juego',
+        Hotkeys: 'Atajos de teclado',
+        'Increase your stake.': 'Aumentar apuesta.',
+        'Lower bet': 'Bajar apuesta',
+        'Master volume': 'Volumen principal',
+        'Max win': 'Ganancia máxima',
+        Menu: 'Menú',
+        'Menu & info': 'Menú e info',
+        Modes: 'Modos',
+        Music: 'Música',
+        Mute: 'Silenciar',
+        'Mute or unmute the game.': 'Activar o silenciar el sonido.',
+        Navigate: 'Navegar',
+        'Open settings and game info.': 'Abrir ajustes e info del juego.',
+        'Open the paytable and rules.': 'Abrir tabla de pagos y reglas.',
+        'Pay a fixed cost to enter a bonus feature.': 'Paga un coste fijo para acceder a una función de bono.',
+        Paylines: 'Líneas de pago',
+        Paytable: 'Tabla de pagos',
+        'Pays anywhere': 'Paga en cualquier lugar',
+        Price: 'Precio',
+        'Raise bet': 'Subir apuesta',
+        Replay: 'Repetir',
+        RTP: 'RTP',
+        SFX: 'Efectos de sonido',
+        Settings: 'Ajustes',
+        Sound: 'Sonido',
+        Spin: 'Girar',
+        'Spin automatically a set number of times.': 'Girar automáticamente un número determinado de veces.',
+        'Speed up spin animations.': 'Acelerar las animaciones de giro.',
+        Start: 'Iniciar',
+        'Start a spin at the current bet.': 'Iniciar un giro con la apuesta actual.',
+        'Start replay': 'Iniciar repetición',
+        'Total win': 'Ganancia total',
+        Turbo: 'Turbo',
+        'Ways to win': 'Formas de ganar',
+        Win: 'Premio',
+        'Winning shapes': 'Figuras ganadoras',
+    },
+    fi: {
+        DISCLAIMER: 'Vastuuvapauslauseke',
+        Activate: 'Aktivoi',
+        Autoplay: 'Automaattipeli',
+        Balance: 'Saldo',
+        Bet: 'Panos',
+        'BUY BONUS': 'OSTA BONUS',
+        Buy: 'Osta',
+        'Buy bonus': 'Osta bonus',
+        Cancel: 'Peruuta',
+        Close: 'Sulje',
+        'Cluster pays': 'Ryhmävoitto',
+        Confirm: 'Vahvista',
+        Controls: 'Ohjaimet',
+        'Decrease your stake.': 'Pienennä panostasi.',
+        DISABLE: 'POISTA KÄYTÖSTÄ',
+        'Dismiss the current overlay.': 'Sulje nykyinen näkymä.',
+        'Free spins': 'Ilmaiskierrokset',
+        Game: 'Peli',
+        'Game info': 'Pelitiedot',
+        Hotkeys: 'Pikanäppäimet',
+        'Increase your stake.': 'Kasvata panostasi.',
+        'Lower bet': 'Pienennä panosta',
+        'Master volume': 'Pääänenvoimakkuus',
+        'Max win': 'Maksimivoitto',
+        Menu: 'Valikko',
+        'Menu & info': 'Valikko ja tiedot',
+        Modes: 'Tilat',
+        Music: 'Musiikki',
+        Mute: 'Mykistä',
+        'Mute or unmute the game.': 'Mykistä tai poista mykistys.',
+        Navigate: 'Navigoi',
+        'Open settings and game info.': 'Avaa asetukset ja pelitiedot.',
+        'Open the paytable and rules.': 'Avaa voittotaulukko ja säännöt.',
+        'Pay a fixed cost to enter a bonus feature.': 'Maksa kiinteä summa päästäksesi bonusominaisuuteen.',
+        Paylines: 'Voittolinjat',
+        Paytable: 'Voittotaulukko',
+        'Pays anywhere': 'Voittaa missä tahansa',
+        Price: 'Hinta',
+        'Raise bet': 'Nosta panosta',
+        Replay: 'Toista uudelleen',
+        RTP: 'RTP',
+        SFX: 'Ääniefektit',
+        Settings: 'Asetukset',
+        Sound: 'Ääni',
+        Spin: 'Pyöräytä',
+        'Spin automatically a set number of times.': 'Pyöräytä automaattisesti määritetty määrä kertoja.',
+        'Speed up spin animations.': 'Nopeuta pyöräytysanimaatioita.',
+        Start: 'Aloita',
+        'Start a spin at the current bet.': 'Aloita pyöräytys nykyisellä panoksella.',
+        'Start replay': 'Aloita uudelleentoisto',
+        'Total win': 'Kokonaisvoitto',
+        Turbo: 'Turbo',
+        'Ways to win': 'Voittotavat',
+        Win: 'Voitto',
+        'Winning shapes': 'Voittokuviot',
+    },
+    fr: {
+        DISCLAIMER: 'Avertissement',
+        Activate: 'Activer',
+        Autoplay: 'Jeu automatique',
+        Balance: 'Solde',
+        Bet: 'Mise',
+        'BUY BONUS': 'ACHETER BONUS',
+        Buy: 'Acheter',
+        'Buy bonus': 'Acheter un bonus',
+        Cancel: 'Annuler',
+        Close: 'Fermer',
+        'Cluster pays': 'Gains en grappe',
+        Confirm: 'Confirmer',
+        Controls: 'Commandes',
+        'Decrease your stake.': 'Diminuer votre mise.',
+        DISABLE: 'DÉSACTIVER',
+        'Dismiss the current overlay.': 'Fermer le panneau actuel.',
+        'Free spins': 'Tours gratuits',
+        Game: 'Jeu',
+        'Game info': 'Infos du jeu',
+        Hotkeys: 'Raccourcis clavier',
+        'Increase your stake.': 'Augmenter votre mise.',
+        'Lower bet': 'Baisser la mise',
+        'Master volume': 'Volume principal',
+        'Max win': 'Gain maximum',
+        Menu: 'Menu',
+        'Menu & info': 'Menu et info',
+        Modes: 'Modes',
+        Music: 'Musique',
+        Mute: 'Couper le son',
+        'Mute or unmute the game.': 'Couper ou rétablir le son.',
+        Navigate: 'Naviguer',
+        'Open settings and game info.': 'Ouvrir les paramètres et infos du jeu.',
+        'Open the paytable and rules.': 'Ouvrir la table des gains et les règles.',
+        'Pay a fixed cost to enter a bonus feature.': 'Payez un coût fixe pour accéder à une fonctionnalité bonus.',
+        Paylines: 'Lignes de paiement',
+        Paytable: 'Table des gains',
+        'Pays anywhere': 'Gains sur toute la grille',
+        Price: 'Prix',
+        'Raise bet': 'Augmenter la mise',
+        Replay: 'Revoir',
+        RTP: 'RTP',
+        SFX: 'Effets sonores',
+        Settings: 'Paramètres',
+        Sound: 'Son',
+        Spin: 'Tourner',
+        'Spin automatically a set number of times.': 'Tourner automatiquement un nombre de fois défini.',
+        'Speed up spin animations.': 'Accélérer les animations de spin.',
+        Start: 'Lancer',
+        'Start a spin at the current bet.': 'Lancer un tour avec la mise actuelle.',
+        'Start replay': 'Lancer le replay',
+        'Total win': 'Gain total',
+        Turbo: 'Turbo',
+        'Ways to win': 'Façons de gagner',
+        Win: 'Gain',
+        'Winning shapes': 'Figures gagnantes',
+    },
+    hi: {
+        DISCLAIMER: 'अस्वीकरण',
+        Activate: 'सक्रिय करें',
+        Autoplay: 'ऑटोप्ले',
+        Balance: 'बैलेंस',
+        Bet: 'दांव',
+        'BUY BONUS': 'बोनस खरीदें',
+        Buy: 'खरीदें',
+        'Buy bonus': 'बोनस खरीदें',
+        Cancel: 'रद्द करें',
+        Close: 'बंद करें',
+        'Cluster pays': 'क्लस्टर भुगतान',
+        Confirm: 'पुष्टि करें',
+        Controls: 'नियंत्रण',
+        'Decrease your stake.': 'अपना दांव कम करें।',
+        DISABLE: 'बंद करें',
+        'Dismiss the current overlay.': 'वर्तमान ओवरले बंद करें।',
+        'Free spins': 'फ्री स्पिन',
+        Game: 'खेल',
+        'Game info': 'गेम जानकारी',
+        Hotkeys: 'कीबोर्ड शॉर्टकट',
+        'Increase your stake.': 'अपना दांव बढ़ाएं।',
+        'Lower bet': 'दांव घटाएं',
+        'Master volume': 'मुख्य वॉल्यूम',
+        'Max win': 'अधिकतम जीत',
+        Menu: 'मेनू',
+        'Menu & info': 'मेनू और जानकारी',
+        Modes: 'मोड',
+        Music: 'संगीत',
+        Mute: 'म्यूट करें',
+        'Mute or unmute the game.': 'गेम को म्यूट या अनम्यूट करें।',
+        Navigate: 'नेविगेट करें',
+        'Open settings and game info.': 'सेटिंग और गेम जानकारी खोलें।',
+        'Open the paytable and rules.': 'पेटेबल और नियम खोलें।',
+        'Pay a fixed cost to enter a bonus feature.': 'बोनस फीचर में प्रवेश के लिए एक निश्चित राशि दें।',
+        Paylines: 'पेलाइन',
+        Paytable: 'पेटेबल',
+        'Pays anywhere': 'कहीं भी जीत',
+        Price: 'मूल्य',
+        'Raise bet': 'दांव बढ़ाएं',
+        Replay: 'दोबारा खेलें',
+        RTP: 'RTP',
+        SFX: 'ध्वनि प्रभाव',
+        Settings: 'सेटिंग',
+        Sound: 'ध्वनि',
+        Spin: 'स्पिन',
+        'Spin automatically a set number of times.': 'एक निश्चित संख्या में स्वचालित रूप से स्पिन करें।',
+        'Speed up spin animations.': 'स्पिन एनिमेशन को तेज़ करें।',
+        Start: 'शुरू करें',
+        'Start a spin at the current bet.': 'वर्तमान दांव पर स्पिन शुरू करें।',
+        'Start replay': 'रीप्ले शुरू करें',
+        'Total win': 'कुल जीत',
+        Turbo: 'टर्बो',
+        'Ways to win': 'जीत के तरीके',
+        Win: 'जीत',
+        'Winning shapes': 'जीत के आकार',
+    },
+    id: {
+        DISCLAIMER: 'Penafian',
+        Activate: 'Aktifkan',
+        Autoplay: 'Putar Otomatis',
+        Balance: 'Saldo',
+        Bet: 'Taruhan',
+        'BUY BONUS': 'BELI BONUS',
+        Buy: 'Beli',
+        'Buy bonus': 'Beli bonus',
+        Cancel: 'Batal',
+        Close: 'Tutup',
+        'Cluster pays': 'Bayar kluster',
+        Confirm: 'Konfirmasi',
+        Controls: 'Kontrol',
+        'Decrease your stake.': 'Kurangi taruhan Anda.',
+        DISABLE: 'NONAKTIFKAN',
+        'Dismiss the current overlay.': 'Tutup overlay saat ini.',
+        'Free spins': 'Putaran gratis',
+        Game: 'Permainan',
+        'Game info': 'Info permainan',
+        Hotkeys: 'Pintasan keyboard',
+        'Increase your stake.': 'Tingkatkan taruhan Anda.',
+        'Lower bet': 'Turunkan taruhan',
+        'Master volume': 'Volume utama',
+        'Max win': 'Kemenangan maks',
+        Menu: 'Menu',
+        'Menu & info': 'Menu & info',
+        Modes: 'Mode',
+        Music: 'Musik',
+        Mute: 'Bisukan',
+        'Mute or unmute the game.': 'Bisukan atau aktifkan suara permainan.',
+        Navigate: 'Navigasi',
+        'Open settings and game info.': 'Buka pengaturan dan info permainan.',
+        'Open the paytable and rules.': 'Buka tabel pembayaran dan aturan.',
+        'Pay a fixed cost to enter a bonus feature.': 'Bayar biaya tetap untuk masuk ke fitur bonus.',
+        Paylines: 'Garis pembayaran',
+        Paytable: 'Tabel pembayaran',
+        'Pays anywhere': 'Menang di mana saja',
+        Price: 'Harga',
+        'Raise bet': 'Naikkan taruhan',
+        Replay: 'Putar ulang',
+        RTP: 'RTP',
+        SFX: 'Efek suara',
+        Settings: 'Pengaturan',
+        Sound: 'Suara',
+        Spin: 'Putar',
+        'Spin automatically a set number of times.': 'Putar otomatis sejumlah kali yang ditentukan.',
+        'Speed up spin animations.': 'Percepat animasi putaran.',
+        Start: 'Mulai',
+        'Start a spin at the current bet.': 'Mulai putaran dengan taruhan saat ini.',
+        'Start replay': 'Mulai putar ulang',
+        'Total win': 'Total kemenangan',
+        Turbo: 'Turbo',
+        'Ways to win': 'Cara menang',
+        Win: 'Menang',
+        'Winning shapes': 'Bentuk kemenangan',
+    },
+    ja: {
+        DISCLAIMER: '免責事項',
+        Activate: '有効化',
+        Autoplay: 'オートプレイ',
+        Balance: '残高',
+        Bet: 'ベット',
+        'BUY BONUS': 'ボーナス購入',
+        Buy: '購入',
+        'Buy bonus': 'ボーナス購入',
+        Cancel: 'キャンセル',
+        Close: '閉じる',
+        'Cluster pays': 'クラスター配当',
+        Confirm: '確認',
+        Controls: '操作方法',
+        'Decrease your stake.': 'ベットを減らす。',
+        DISABLE: '無効',
+        'Dismiss the current overlay.': '現在のオーバーレイを閉じる。',
+        'Free spins': 'フリースピン',
+        Game: 'ゲーム',
+        'Game info': 'ゲーム情報',
+        Hotkeys: 'キーボードショートカット',
+        'Increase your stake.': 'ベットを増やす。',
+        'Lower bet': 'ベットを下げる',
+        'Master volume': 'マスターボリューム',
+        'Max win': '最大当選',
+        Menu: 'メニュー',
+        'Menu & info': 'メニューと情報',
+        Modes: 'モード',
+        Music: 'ミュージック',
+        Mute: 'ミュート',
+        'Mute or unmute the game.': 'ゲームをミュート/ミュート解除する。',
+        Navigate: 'ナビゲート',
+        'Open settings and game info.': '設定とゲーム情報を開く。',
+        'Open the paytable and rules.': '配当表とルールを開く。',
+        'Pay a fixed cost to enter a bonus feature.': 'ボーナス機能に入るために固定料金を支払う。',
+        Paylines: 'ペイライン',
+        Paytable: '配当表',
+        'Pays anywhere': 'どこでも当選',
+        Price: '価格',
+        'Raise bet': 'ベットを上げる',
+        Replay: 'リプレイ',
+        RTP: 'RTP',
+        SFX: '効果音',
+        Settings: '設定',
+        Sound: 'サウンド',
+        Spin: 'スピン',
+        'Spin automatically a set number of times.': '設定した回数だけ自動でスピンする。',
+        'Speed up spin animations.': 'スピンアニメーションを高速化する。',
+        Start: 'スタート',
+        'Start a spin at the current bet.': '現在のベットでスピンを開始する。',
+        'Start replay': 'リプレイ開始',
+        'Total win': '合計当選',
+        Turbo: 'ターボ',
+        'Ways to win': '当選方法',
+        Win: '当選',
+        'Winning shapes': '当選形状',
+    },
+    ko: {
+        DISCLAIMER: '면책 조항',
+        Activate: '활성화',
+        Autoplay: '자동 플레이',
+        Balance: '잔액',
+        Bet: '베팅',
+        'BUY BONUS': '보너스 구매',
+        Buy: '구매',
+        'Buy bonus': '보너스 구매',
+        Cancel: '취소',
+        Close: '닫기',
+        'Cluster pays': '클러스터 페이',
+        Confirm: '확인',
+        Controls: '조작법',
+        'Decrease your stake.': '베팅을 줄이세요.',
+        DISABLE: '비활성화',
+        'Dismiss the current overlay.': '현재 오버레이를 닫습니다.',
+        'Free spins': '무료 스핀',
+        Game: '게임',
+        'Game info': '게임 정보',
+        Hotkeys: '키보드 단축키',
+        'Increase your stake.': '베팅을 늘리세요.',
+        'Lower bet': '베팅 낮추기',
+        'Master volume': '마스터 볼륨',
+        'Max win': '최대 당첨',
+        Menu: '메뉴',
+        'Menu & info': '메뉴 & 정보',
+        Modes: '모드',
+        Music: '음악',
+        Mute: '음소거',
+        'Mute or unmute the game.': '게임 소리를 켜거나 끕니다.',
+        Navigate: '이동',
+        'Open settings and game info.': '설정 및 게임 정보를 엽니다.',
+        'Open the paytable and rules.': '페이테이블 및 규칙을 엽니다.',
+        'Pay a fixed cost to enter a bonus feature.': '고정 비용을 지불하고 보너스 기능에 진입하세요.',
+        Paylines: '페이라인',
+        Paytable: '페이테이블',
+        'Pays anywhere': '어디서나 당첨',
+        Price: '가격',
+        'Raise bet': '베팅 올리기',
+        Replay: '다시보기',
+        RTP: 'RTP',
+        SFX: '효과음',
+        Settings: '설정',
+        Sound: '사운드',
+        Spin: '스핀',
+        'Spin automatically a set number of times.': '정해진 횟수만큼 자동으로 스핀합니다.',
+        'Speed up spin animations.': '스핀 애니메이션을 빠르게 합니다.',
+        Start: '시작',
+        'Start a spin at the current bet.': '현재 베팅으로 스핀을 시작합니다.',
+        'Start replay': '다시보기 시작',
+        'Total win': '총 당첨',
+        Turbo: '터보',
+        'Ways to win': '당첨 방법',
+        Win: '당첨',
+        'Winning shapes': '당첨 패턴',
+    },
+    pl: {
+        DISCLAIMER: 'Zastrzeżenie',
+        Activate: 'Aktywuj',
+        Autoplay: 'Autoplay',
+        Balance: 'Saldo',
+        Bet: 'Zakład',
+        'BUY BONUS': 'KUP BONUS',
+        Buy: 'Kup',
+        'Buy bonus': 'Kup bonus',
+        Cancel: 'Anuluj',
+        Close: 'Zamknij',
+        'Cluster pays': 'Wypłaty klastrowe',
+        Confirm: 'Potwierdź',
+        Controls: 'Sterowanie',
+        'Decrease your stake.': 'Zmniejsz swój zakład.',
+        DISABLE: 'WYŁĄCZ',
+        'Dismiss the current overlay.': 'Zamknij bieżące okno.',
+        'Free spins': 'Darmowe spiny',
+        Game: 'Gra',
+        'Game info': 'Informacje o grze',
+        Hotkeys: 'Skróty klawiaturowe',
+        'Increase your stake.': 'Zwiększ swój zakład.',
+        'Lower bet': 'Obniż zakład',
+        'Master volume': 'Głośność główna',
+        'Max win': 'Maks. wygrana',
+        Menu: 'Menu',
+        'Menu & info': 'Menu i informacje',
+        Modes: 'Tryby',
+        Music: 'Muzyka',
+        Mute: 'Wycisz',
+        'Mute or unmute the game.': 'Wycisz lub odcisz dźwięk gry.',
+        Navigate: 'Nawiguj',
+        'Open settings and game info.': 'Otwórz ustawienia i informacje o grze.',
+        'Open the paytable and rules.': 'Otwórz tabelę wygranych i zasady.',
+        'Pay a fixed cost to enter a bonus feature.': 'Zapłać stałą kwotę, aby wejść do funkcji bonusowej.',
+        Paylines: 'Linie wygrywające',
+        Paytable: 'Tabela wygranych',
+        'Pays anywhere': 'Wypłaca wszędzie',
+        Price: 'Cena',
+        'Raise bet': 'Podnieś zakład',
+        Replay: 'Odtwórz ponownie',
+        RTP: 'RTP',
+        SFX: 'Efekty dźwiękowe',
+        Settings: 'Ustawienia',
+        Sound: 'Dźwięk',
+        Spin: 'Zakręć',
+        'Spin automatically a set number of times.': 'Obracaj automatycznie określoną liczbę razy.',
+        'Speed up spin animations.': 'Przyspiesz animacje obrotów.',
+        Start: 'Start',
+        'Start a spin at the current bet.': 'Rozpocznij obrót przy bieżącym zakładzie.',
+        'Start replay': 'Rozpocznij odtwarzanie',
+        'Total win': 'Łączna wygrana',
+        Turbo: 'Turbo',
+        'Ways to win': 'Sposoby wygrywania',
+        Win: 'Wygrana',
+        'Winning shapes': 'Wzory wygrywające',
+    },
+    pt: {
+        DISCLAIMER: 'Aviso legal',
+        Activate: 'Ativar',
+        Autoplay: 'Giro automático',
+        Balance: 'Saldo',
+        Bet: 'Aposta',
+        'BUY BONUS': 'COMPRAR BÔNUS',
+        Buy: 'Comprar',
+        'Buy bonus': 'Comprar bônus',
+        Cancel: 'Cancelar',
+        Close: 'Fechar',
+        'Cluster pays': 'Pagamento em cluster',
+        Confirm: 'Confirmar',
+        Controls: 'Controles',
+        'Decrease your stake.': 'Diminuir aposta.',
+        DISABLE: 'DESATIVAR',
+        'Dismiss the current overlay.': 'Fechar o painel atual.',
+        'Free spins': 'Giros grátis',
+        Game: 'Jogo',
+        'Game info': 'Info do jogo',
+        Hotkeys: 'Atalhos de teclado',
+        'Increase your stake.': 'Aumentar aposta.',
+        'Lower bet': 'Baixar aposta',
+        'Master volume': 'Volume principal',
+        'Max win': 'Ganho máximo',
+        Menu: 'Menu',
+        'Menu & info': 'Menu e info',
+        Modes: 'Modos',
+        Music: 'Música',
+        Mute: 'Silenciar',
+        'Mute or unmute the game.': 'Ativar ou silenciar o som do jogo.',
+        Navigate: 'Navegar',
+        'Open settings and game info.': 'Abrir configurações e info do jogo.',
+        'Open the paytable and rules.': 'Abrir tabela de pagamentos e regras.',
+        'Pay a fixed cost to enter a bonus feature.': 'Pague um custo fixo para entrar numa funcionalidade de bônus.',
+        Paylines: 'Linhas de pagamento',
+        Paytable: 'Tabela de pagamentos',
+        'Pays anywhere': 'Paga em qualquer posição',
+        Price: 'Preço',
+        'Raise bet': 'Aumentar aposta',
+        Replay: 'Repetir',
+        RTP: 'RTP',
+        SFX: 'Efeitos sonoros',
+        Settings: 'Configurações',
+        Sound: 'Som',
+        Spin: 'Girar',
+        'Spin automatically a set number of times.': 'Girar automaticamente um número definido de vezes.',
+        'Speed up spin animations.': 'Acelerar as animações de giro.',
+        Start: 'Iniciar',
+        'Start a spin at the current bet.': 'Iniciar um giro com a aposta atual.',
+        'Start replay': 'Iniciar repetição',
+        'Total win': 'Ganho total',
+        Turbo: 'Turbo',
+        'Ways to win': 'Formas de ganhar',
+        Win: 'Ganho',
+        'Winning shapes': 'Figuras vencedoras',
+    },
+    ru: {
+        DISCLAIMER: 'Отказ от ответственности',
+        Activate: 'Активировать',
+        Autoplay: 'Автоигра',
+        Balance: 'Баланс',
+        Bet: 'Ставка',
+        'BUY BONUS': 'КУПИТЬ БОНУС',
+        Buy: 'Купить',
+        'Buy bonus': 'Купить бонус',
+        Cancel: 'Отмена',
+        Close: 'Закрыть',
+        'Cluster pays': 'Кластерные выплаты',
+        Confirm: 'Подтвердить',
+        Controls: 'Управление',
+        'Decrease your stake.': 'Уменьшить ставку.',
+        DISABLE: 'ОТКЛЮЧИТЬ',
+        'Dismiss the current overlay.': 'Закрыть текущее окно.',
+        'Free spins': 'Бесплатные вращения',
+        Game: 'Игра',
+        'Game info': 'Информация об игре',
+        Hotkeys: 'Горячие клавиши',
+        'Increase your stake.': 'Увеличить ставку.',
+        'Lower bet': 'Уменьшить ставку',
+        'Master volume': 'Общая громкость',
+        'Max win': 'Макс. выигрыш',
+        Menu: 'Меню',
+        'Menu & info': 'Меню и информация',
+        Modes: 'Режимы',
+        Music: 'Музыка',
+        Mute: 'Отключить звук',
+        'Mute or unmute the game.': 'Включить или отключить звук.',
+        Navigate: 'Навигация',
+        'Open settings and game info.': 'Открыть настройки и информацию об игре.',
+        'Open the paytable and rules.': 'Открыть таблицу выплат и правила.',
+        'Pay a fixed cost to enter a bonus feature.': 'Заплатите фиксированную сумму для входа в бонусный раунд.',
+        Paylines: 'Линии выплат',
+        Paytable: 'Таблица выплат',
+        'Pays anywhere': 'Выплачивает в любом месте',
+        Price: 'Цена',
+        'Raise bet': 'Повысить ставку',
+        Replay: 'Повтор',
+        RTP: 'RTP',
+        SFX: 'Звуковые эффекты',
+        Settings: 'Настройки',
+        Sound: 'Звук',
+        Spin: 'Вращение',
+        'Spin automatically a set number of times.': 'Автоматически вращать заданное количество раз.',
+        'Speed up spin animations.': 'Ускорить анимацию вращений.',
+        Start: 'Начать',
+        'Start a spin at the current bet.': 'Начать вращение с текущей ставкой.',
+        'Start replay': 'Начать повтор',
+        'Total win': 'Общий выигрыш',
+        Turbo: 'Турбо',
+        'Ways to win': 'Способы выигрыша',
+        Win: 'Выигрыш',
+        'Winning shapes': 'Выигрышные комбинации',
+    },
+    tr: {
+        DISCLAIMER: 'Yasal uyarı',
+        Activate: 'Etkinleştir',
+        Autoplay: 'Otomatik Oyun',
+        Balance: 'Bakiye',
+        Bet: 'Bahis',
+        'BUY BONUS': 'BONUS SATIN AL',
+        Buy: 'Satın al',
+        'Buy bonus': 'Bonus satın al',
+        Cancel: 'İptal',
+        Close: 'Kapat',
+        'Cluster pays': 'Küme ödemeleri',
+        Confirm: 'Onayla',
+        Controls: 'Kontroller',
+        'Decrease your stake.': 'Bahsinizi azaltın.',
+        DISABLE: 'DEVRE DIŞI',
+        'Dismiss the current overlay.': 'Mevcut pencereyi kapat.',
+        'Free spins': 'Ücretsiz dönüşler',
+        Game: 'Oyun',
+        'Game info': 'Oyun bilgisi',
+        Hotkeys: 'Klavye kısayolları',
+        'Increase your stake.': 'Bahsinizi artırın.',
+        'Lower bet': 'Bahsi düşür',
+        'Master volume': 'Ana ses',
+        'Max win': 'Maks kazanç',
+        Menu: 'Menü',
+        'Menu & info': 'Menü ve bilgi',
+        Modes: 'Modlar',
+        Music: 'Müzik',
+        Mute: 'Sessiz',
+        'Mute or unmute the game.': 'Oyun sesini aç ya da kapat.',
+        Navigate: 'Gezin',
+        'Open settings and game info.': 'Ayarları ve oyun bilgisini aç.',
+        'Open the paytable and rules.': 'Ödeme tablosunu ve kuralları aç.',
+        'Pay a fixed cost to enter a bonus feature.': 'Bonus özelliğine girmek için sabit bir ücret ödeyin.',
+        Paylines: 'Ödeme çizgileri',
+        Paytable: 'Ödeme tablosu',
+        'Pays anywhere': 'Her yerde kazandırır',
+        Price: 'Fiyat',
+        'Raise bet': 'Bahsi artır',
+        Replay: 'Tekrar oynat',
+        RTP: 'RTP',
+        SFX: 'Ses efektleri',
+        Settings: 'Ayarlar',
+        Sound: 'Ses',
+        Spin: 'Döndür',
+        'Spin automatically a set number of times.': 'Belirlenen sayıda otomatik döndür.',
+        'Speed up spin animations.': 'Döndürme animasyonlarını hızlandır.',
+        Start: 'Başlat',
+        'Start a spin at the current bet.': 'Mevcut bahisle döndürmeyi başlat.',
+        'Start replay': 'Tekrarı başlat',
+        'Total win': 'Toplam kazanç',
+        Turbo: 'Turbo',
+        'Ways to win': 'Kazanma yolları',
+        Win: 'Kazanç',
+        'Winning shapes': 'Kazanan şekiller',
+    },
+    vi: {
+        DISCLAIMER: 'Tuyên bố miễn trừ trách nhiệm',
+        Activate: 'Kích hoạt',
+        Autoplay: 'Tự động quay',
+        Balance: 'Số dư',
+        Bet: 'Cược',
+        'BUY BONUS': 'MUA THƯỞNG',
+        Buy: 'Mua',
+        'Buy bonus': 'Mua thưởng',
+        Cancel: 'Hủy',
+        Close: 'Đóng',
+        'Cluster pays': 'Trả theo cụm',
+        Confirm: 'Xác nhận',
+        Controls: 'Điều khiển',
+        'Decrease your stake.': 'Giảm mức cược.',
+        DISABLE: 'TẮT',
+        'Dismiss the current overlay.': 'Đóng lớp phủ hiện tại.',
+        'Free spins': 'Quay miễn phí',
+        Game: 'Trò chơi',
+        'Game info': 'Thông tin trò chơi',
+        Hotkeys: 'Phím tắt',
+        'Increase your stake.': 'Tăng mức cược.',
+        'Lower bet': 'Giảm cược',
+        'Master volume': 'Âm lượng chính',
+        'Max win': 'Thắng tối đa',
+        Menu: 'Menu',
+        'Menu & info': 'Menu & thông tin',
+        Modes: 'Chế độ',
+        Music: 'Âm nhạc',
+        Mute: 'Tắt âm',
+        'Mute or unmute the game.': 'Tắt hoặc bật âm thanh trò chơi.',
+        Navigate: 'Điều hướng',
+        'Open settings and game info.': 'Mở cài đặt và thông tin trò chơi.',
+        'Open the paytable and rules.': 'Mở bảng trả thưởng và quy tắc.',
+        'Pay a fixed cost to enter a bonus feature.': 'Trả một khoản phí cố định để tham gia tính năng thưởng.',
+        Paylines: 'Đường thắng',
+        Paytable: 'Bảng trả thưởng',
+        'Pays anywhere': 'Trả bất cứ đâu',
+        Price: 'Giá',
+        'Raise bet': 'Tăng cược',
+        Replay: 'Xem lại',
+        RTP: 'RTP',
+        SFX: 'Hiệu ứng âm thanh',
+        Settings: 'Cài đặt',
+        Sound: 'Âm thanh',
+        Spin: 'Quay',
+        'Spin automatically a set number of times.': 'Tự động quay một số lần nhất định.',
+        'Speed up spin animations.': 'Tăng tốc độ hoạt ảnh quay.',
+        Start: 'Bắt đầu',
+        'Start a spin at the current bet.': 'Bắt đầu quay với mức cược hiện tại.',
+        'Start replay': 'Bắt đầu xem lại',
+        'Total win': 'Tổng thắng',
+        Turbo: 'Turbo',
+        'Ways to win': 'Cách thắng',
+        Win: 'Thắng',
+        'Winning shapes': 'Hình thắng',
+    },
+    zh: {
+        DISCLAIMER: '免责声明',
+        Activate: '激活',
+        Autoplay: '自动游戏',
+        Balance: '余额',
+        Bet: '投注',
+        'BUY BONUS': '购买奖励',
+        Buy: '购买',
+        'Buy bonus': '购买奖励',
+        Cancel: '取消',
+        Close: '关闭',
+        'Cluster pays': '集群赔付',
+        Confirm: '确认',
+        Controls: '控制',
+        'Decrease your stake.': '降低投注额。',
+        DISABLE: '禁用',
+        'Dismiss the current overlay.': '关闭当前弹窗。',
+        'Free spins': '免费旋转',
+        Game: '游戏',
+        'Game info': '游戏信息',
+        Hotkeys: '快捷键',
+        'Increase your stake.': '提高投注额。',
+        'Lower bet': '降低投注',
+        'Master volume': '主音量',
+        'Max win': '最大奖金',
+        Menu: '菜单',
+        'Menu & info': '菜单与信息',
+        Modes: '模式',
+        Music: '音乐',
+        Mute: '静音',
+        'Mute or unmute the game.': '静音或取消静音。',
+        Navigate: '导航',
+        'Open settings and game info.': '打开设置和游戏信息。',
+        'Open the paytable and rules.': '打开赔付表和规则。',
+        'Pay a fixed cost to enter a bonus feature.': '支付固定费用以进入奖励功能。',
+        Paylines: '赔付线',
+        Paytable: '赔付表',
+        'Pays anywhere': '任意位置赢',
+        Price: '价格',
+        'Raise bet': '提高投注',
+        Replay: '重播',
+        RTP: 'RTP',
+        SFX: '音效',
+        Settings: '设置',
+        Sound: '声音',
+        Spin: '旋转',
+        'Spin automatically a set number of times.': '自动旋转设定次数。',
+        'Speed up spin animations.': '加速旋转动画。',
+        Start: '开始',
+        'Start a spin at the current bet.': '以当前投注额开始旋转。',
+        'Start replay': '开始重播',
+        'Total win': '总奖金',
+        Turbo: '急速',
+        'Ways to win': '赢法',
+        Win: '奖金',
+        'Winning shapes': '赢利图形',
+    },
+};
+
 // Social-casino language. English is the source (and, for now, the only) language; `socialize`
 // rewrites the restricted gambling vocabulary into social-safe phrasing while preserving case.
 //
@@ -1850,6 +3220,21 @@ function socialize(text) {
         return repl == null ? m : applyCase(m, repl);
     });
 }
+const LANGS = ['de', 'en', 'es', 'fi', 'fr', 'hi', 'id', 'ja', 'ko', 'pl', 'pt', 'ru', 'tr', 'vi', 'zh', 'da'];
+const LANG_SET = new Set(LANGS);
+function normalizeLang(code) {
+    const base = (code ?? '').toLowerCase().split(/[-_]/)[0];
+    return (LANG_SET.has(base) ? base : 'en');
+}
+function createI18n(opts) {
+    const lang = normalizeLang(opts.language);
+    const t = (src) => {
+        if (lang === 'en')
+            return opts.isSocial ? socialize(src) : src;
+        return opts.messages?.[lang]?.[src] ?? LOCALES[lang]?.[src] ?? src;
+    };
+    return { lang, t };
+}
 
 const REMOVE_FADE_MS = 300;
 class GameShell extends EventEmitter {
@@ -1865,10 +3250,19 @@ class GameShell extends EventEmitter {
     prevBalance = 0;
     prevWin = 0;
     moneyAnims = [];
-    keysBound = false;
+    kbd;
+    i18n;
+    /** onKey handler of the currently open modal/overlay, if any (set in showModal, cleared in closeModal). */
+    modalOnKey = undefined;
+    /** Shared sound on/off state — Settings speaker toggle and the Shift+M hotkey stay in sync. The
+     *  game listens to `settingChange({ key: 'sound' })` to (un)mute audio. */
+    soundOn = true;
+    /** Set by the open Settings modal so Shift+M live-updates its speaker icon; cleared on close. */
+    soundRefresh = null;
     constructor(config) {
         super();
         this.config = config;
+        this.i18n = createI18n({ language: config.language, isSocial: config.isSocial });
         this.state = createInitialState(config);
         this.styleEl = document.createElement('style');
         this.styleEl.textContent = SHELL_CSS;
@@ -1884,12 +3278,54 @@ class GameShell extends EventEmitter {
         this.prevWin = this.state.win;
         this.observeLayout();
         if (typeof document !== 'undefined') {
-            document.addEventListener('keydown', this.handleKeyDown);
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
+            const shell = this;
+            const host = {
+                get state() { return shell.state; },
+                get hotkeysEnabled() { return shell.config.features.hotkeys !== false; },
+                get spacebarEnabled() { return shell.config.features.spacebar !== false; },
+                get turboLevels() { return shell.config.features.turbo; },
+                get autoplayEnabled() { return shell.config.features.autoplay != null; },
+                get buyBonusEnabled() { return shell.config.features.buyBonus !== false; },
+                hasOpenLayer: () => shell.modalHost.childElementCount > 0,
+                routeToLayer: (e) => shell.modalOnKey?.(e) ?? false,
+                spin: () => shell.emit('spin'),
+                stepBet: (dir) => {
+                    const next = stepBet(shell.state, dir);
+                    if (next === shell.state.bet)
+                        return;
+                    shell.state.bet = next;
+                    shell.emit('betChange', next);
+                    shell.render();
+                },
+                toggleAutoplay: () => {
+                    if (shell.state.autoplay.active) {
+                        shell.state.autoplay = { active: false, remaining: 0 };
+                        shell.emit('autoplayStop');
+                        shell.render();
+                    }
+                    else {
+                        shell.openAutoplayPicker();
+                    }
+                },
+                cycleTurbo: () => {
+                    const next = nextTurbo(shell.state.turbo, shell.config.features.turbo);
+                    shell.state.turbo = next;
+                    shell.emit('turboChange', next);
+                    shell.render();
+                },
+                openBuyBonus: () => shell.openBuyBonus(),
+                openInfo: () => shell.openInfo(),
+                openMenu: () => shell.openMenu(),
+                toggleMute: () => shell.setSound(!shell.soundOn),
+                closeLayer: () => shell.closeModal(),
+            };
+            this.kbd = new KeyboardController(host);
+            this.kbd.attach();
             // Stake serves the game in an iframe; on first paint focus is on the HOST page, so a `document`
             // keydown never fires and Space scrolls the parent. Pull window focus into the iframe on the
             // first pointer interaction so the spacebar shortcut works. Harmless on full-page Energy8.
             document.addEventListener('pointerdown', this.pullFocus, true);
-            this.keysBound = true;
         }
         this.render();
         // re-fit once the bundled webfont swaps in (text metrics change → row width changes)
@@ -1939,10 +3375,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
@@ -1960,84 +3397,63 @@ 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
-     *  false, while a spin is running, while autoplay is active, outside base mode, when an
-     *  overlay/modal is open, or when an editable element is focused. `repeat` (held key) is
-     *  ignored so it can't spam. */
     /** Pull window focus into the iframe on first pointer interaction so `document` keydown (the
      *  spacebar shortcut) fires. No-op / harmless when already focused or full-page. */
     pullFocus = () => { try {
         window.focus();
     }
     catch { /* cross-origin / non-browser */ } };
-    handleKeyDown = (e) => {
-        if (this.destroyed || e.code !== 'Space' || e.repeat)
-            return;
-        if (this.config.features.spacebar === false)
-            return; // shortcut disabled (e.g. jurisdiction)
-        const t = e.target;
-        if (t && (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName)))
-            return;
-        // Space is ours now — swallow the browser default before any no-op bail. Otherwise the
-        // native "Space activates the focused button" still fires and re-clicks whichever shell
-        // <button> (menu/buy/auto) opened the overlay, tearing down + rebuilding the modal: a
-        // visible flicker. (Also stops the page from scrolling on Space.)
-        e.preventDefault();
-        if (this.modalHost.childElementCount > 0)
-            return; // an overlay/modal is open
-        if (this.state.mode !== 'base' || this.state.busy || this.state.autoplay.active)
-            return;
-        this.emit('spin');
-    };
     setLayout(layout) {
         if (layout === this.layout)
             return;
         this.layout = layout;
         this.render();
     }
-    /** Resolve a built-in shell string. English is the source; with `isSocial` it is run through
-     *  the social-casino word-swap. Game-supplied strings should NOT be passed through this. */
-    t(text) { return this.config.isSocial ? socialize(text) : text; }
-    /** Toggle the social vocabulary at runtime (re-renders the bar; reopen overlays to refresh them). */
-    setSocial(isSocial) { this.config.isSocial = isSocial; this.render(); }
+    /** Resolve a built-in shell string through the i18n resolver (translation + optional socialize). */
+    t(text) { return this.i18n.t(text); }
+    /** Toggle the social vocabulary at runtime (rebuilds resolver, re-renders bar). */
+    setSocial(isSocial) {
+        this.config.isSocial = isSocial;
+        this.i18n = createI18n({ language: this.config.language, isSocial });
+        this.render();
+    }
+    /** Swap the active language at runtime (rebuilds resolver, re-renders bar). */
+    setLanguage(lang) {
+        this.config.language = lang;
+        this.i18n = createI18n({ language: lang, isSocial: this.config.isSocial });
+        this.render();
+    }
     /** Recolour the shell at runtime (e.g. switch dark/light scheme). */
     setTheme(theme) {
         this.config.theme = theme;
@@ -2078,7 +3494,7 @@ class GameShell extends EventEmitter {
         this.state.mode = mode;
         this.render();
     }
-    setBusy(busy) { this.state.busy = busy; this.render(); }
+    setBusy(busy) { this.state.busy = busy; this.render(); this.kbd?.notifyBusyChanged(busy); }
     setAutoplay(a) { this.state.autoplay = a; this.render(); }
     setTurbo(level) { this.state.turbo = level; this.render(); }
     /** Currency-aware money formatter for WIN amounts (variable decimals: 0.0041 stays 0.0041, not
@@ -2086,7 +3502,7 @@ class GameShell extends EventEmitter {
     formatWin(value) { return formatCurrency(value, this.config.currency, true); }
     setBuyBonusEnabled(enabled) { this.state.buyBonusEnabled = enabled; this.render(); }
     setFreeSpins(fs) { this.state.freeSpins = fs; this.render(); }
-    showModal(el) {
+    showModal(el, onKey) {
         // The control that opened this overlay (menu/buy/auto) keeps DOM focus. Drop it, or a
         // stray Space/Enter would natively re-activate that <button> and rebuild the modal — a
         // visible flicker. Only relinquish focus we own (a shell control), never the host page's.
@@ -2095,6 +3511,7 @@ class GameShell extends EventEmitter {
             active.blur();
         this.modalHost.innerHTML = '';
         this.modalHost.appendChild(el);
+        this.modalOnKey = onKey;
         this.fitModals();
     }
     /** Uniformly scale every open centred card modal (`.ge-sheet`) down so it fits a short/narrow
@@ -2109,9 +3526,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)
@@ -2144,22 +3564,31 @@ class GameShell extends EventEmitter {
     }
     openMenu() { this.emit('menuOpen'); this.openSettings(); }
     openSettings() { this.emit('settingsOpen'); this.showModal(openSettingsModal(this)); }
-    openInfo() { this.emit('infoOpen'); this.showModal(openGameInfoModal(this)); }
+    openInfo() { this.emit('infoOpen'); const { root, onKey } = openGameInfoModal(this); this.showModal(root, onKey); }
     openBuyBonus() {
         if (this.config.onBonusBuy) {
             this.config.onBonusBuy();
             return;
         } // game handles it (own UI)
-        const overlay = openBuyBonusOverlay(this);
-        if (overlay)
-            this.showModal(overlay);
+        const result = openBuyBonusOverlay(this);
+        if (result)
+            this.showModal(result.root, result.onKey);
     }
     /** Open a generic, externally-driven modal (title + body + optional action buttons).
      *  Each action runs its `on` then closes; the ✕ shows when `availableClose` is true. */
-    openModal(opts) { this.showModal(buildModal(opts)); }
+    openModal(opts) { this.showModal(buildModal(opts), opts.onKey); }
     /** Programmatically dismiss whatever modal/overlay is currently shown (e.g. auto-close the
      *  reconnect overlay once the link is restored). No-op when nothing is open. */
-    closeModal() { this.modalHost.innerHTML = ''; }
+    closeModal() { this.modalOnKey = undefined; this.soundRefresh = null; this.modalHost.innerHTML = ''; }
+    /** Flip the shared sound state, notify the game (`settingChange({ key: 'sound' })`), and live-update
+     *  the Settings speaker icon if that modal is open. Used by both the Settings toggle and Shift+M. */
+    setSound(on) {
+        this.soundOn = on;
+        this.emit('settingChange', { key: 'sound', value: on });
+        this.soundRefresh?.(on);
+    }
+    /** The Settings modal registers an icon-updater while open (cleared on close). */
+    setSoundRefresh(fn) { this.soundRefresh = fn; }
     /** Open the non-dismissable replay summary modal (START REPLAY → onReplay → reopen). */
     openReplay(opts) {
         if (this.destroyed)
@@ -2167,19 +3596,18 @@ class GameShell extends EventEmitter {
         this.showModal(buildReplayModal(this, opts));
     }
     /** Bet picker — list of available bets with an accent Confirm. */
-    openBetPicker() { this.showModal(openBetModal(this)); }
+    openBetPicker() { const { root, onKey } = openBetModal(this); this.showModal(root, onKey); }
     /** Autoplay picker — spin-count list; Confirm starts autoplay. */
-    openAutoplayPicker() { this.showModal(openAutoplayModal(this)); }
+    openAutoplayPicker() { const { root, onKey } = openAutoplayModal(this); this.showModal(root, onKey); }
     destroy() {
         if (this.destroyed)
             return Promise.resolve();
         this.destroyed = true;
         this.ro?.disconnect();
         this.ro = null;
-        if (this.keysBound) {
-            document.removeEventListener('keydown', this.handleKeyDown);
+        if (typeof document !== 'undefined') {
+            this.kbd?.detach();
             document.removeEventListener('pointerdown', this.pullFocus, true);
-            this.keysBound = false;
         }
         this.cancelMoneyAnims();
         this.removeAllListeners();
@@ -2223,5 +3651,5 @@ function removeGameShell() {
     return shell.destroy();
 }
 
-export { GameShell, createGameShell, removeGameShell, socialize };
+export { GameShell, createGameShell, createI18n, normalizeLang, removeGameShell, socialize };
 //# sourceMappingURL=shell.esm.js.map