@gamepark/react-game 7.6.4 → 7.6.6

package/dist/components/GameProvider/GameErrorBoundary.js

@@ -20,124 +20,124 @@ export class GameErrorBoundary extends Component {
         return (_jsx("div", { css: containerCss, children: _jsxs("div", { css: cardCss, children: [_jsx("div", { css: iconContainerCss, children: _jsx(FontAwesomeIcon, { icon: faTriangleExclamation, css: iconCss }) }), _jsx("p", { css: messageCss, children: _jsx(Trans, { defaults: "A technical error has occurred. The error has been sent to the Game Park team.", i18nKey: "error.crash", ns: "common" }) }), _jsx("p", { css: hintCss, children: _jsx(Trans, { defaults: "You can refresh the page to continue your game.", i18nKey: "error.refresh.hint", ns: "common" }) }), _jsx("button", { css: buttonCss, onClick: () => window.location.reload(), children: _jsx(Trans, { defaults: "Refresh the page", i18nKey: "error.refresh.button", ns: "common" }) }), _jsx("div", { css: dividerCss }), _jsx("p", { css: secondaryMessageCss, children: _jsx(Trans, { defaults: "If the problem persists despite refreshing and the game is corrupted, please let us know on Discord.", i18nKey: "error.discord.hint", ns: "common" }) }), _jsxs("a", { css: discordLinkCss, href: "https://discord.gg/ZMCX5reQm8", target: "_blank", rel: "noopener noreferrer", children: [_jsx("svg", { css: discordIconCss, viewBox: "0 0 127.14 96.36", fill: "currentColor", children: _jsx("path", { d: "M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2.04a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2.04a68.68 68.68 0 0 1-10.87 5.19 77.28 77.28 0 0 0 6.89 11.1 105.45 105.45 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53.05c0-6.94 5.04-12.67 11.45-12.67S53.99 46.1 53.9 53.05c0 6.94-5.08 12.64-11.45 12.64Zm42.24 0C78.41 65.69 73.25 60 73.25 53.05c0-6.94 5.04-12.67 11.44-12.67s11.51 5.73 11.44 12.67c0 6.94-5.04 12.64-11.44 12.64Z" }) }), _jsx(Trans, { defaults: "Join the Game Park Discord", i18nKey: "error.discord.button", ns: "common" })] })] }) }));
     }
 }
-const fadeIn = keyframes `
-  from {
-    opacity: 0;
-    transform: translateY(16px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+const fadeIn = keyframes `
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 `;
-const containerCss = css `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-  padding: 2em;
-  box-sizing: border-box;
-  font-family: "Mulish", sans-serif;
+const containerCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  padding: 2em;
+  box-sizing: border-box;
+  font-family: "Mulish", sans-serif;
 `;
-const cardCss = css `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 460px;
-  padding: 2.5em 2.5em 2em;
-  border-radius: 1.2em;
-  background: #002448;
-  color: #eee;
-  text-align: center;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-  animation: ${fadeIn} 0.4s ease-out;
+const cardCss = css `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 460px;
+  padding: 2.5em 2.5em 2em;
+  border-radius: 1.2em;
+  background: #002448;
+  color: #eee;
+  text-align: center;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  animation: ${fadeIn} 0.4s ease-out;
 `;
-const iconContainerCss = css `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: rgba(40, 184, 206, 0.15);
-  margin-bottom: 1.2em;
+const iconContainerCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: rgba(40, 184, 206, 0.15);
+  margin-bottom: 1.2em;
 `;
-const iconCss = css `
-  font-size: 32px;
-  color: #28B8CE;
+const iconCss = css `
+  font-size: 32px;
+  color: #28B8CE;
 `;
-const messageCss = css `
-  font-size: 1.05em;
-  font-weight: 600;
-  line-height: 1.5;
-  margin: 0 0 0.3em;
+const messageCss = css `
+  font-size: 1.05em;
+  font-weight: 600;
+  line-height: 1.5;
+  margin: 0 0 0.3em;
 `;
-const hintCss = css `
-  font-size: 0.95em;
-  line-height: 1.5;
-  margin: 0;
-  opacity: 0.8;
+const hintCss = css `
+  font-size: 0.95em;
+  line-height: 1.5;
+  margin: 0;
+  opacity: 0.8;
 `;
-const buttonCss = css `
-  margin-top: 1.5em;
-  padding: 0.65em 2.2em;
-  font-size: 1em;
-  font-family: inherit;
-  font-weight: 700;
-  border: none;
-  border-radius: 0.6em;
-  background: #28B8CE;
-  color: white;
-  cursor: pointer;
-  transition: background 0.2s, transform 0.1s;
-  letter-spacing: 0.02em;
-
-  &:hover {
-    background: #24a5b9;
-  }
-
-  &:active {
-    background: #2092a3;
-    transform: scale(0.97);
-  }
+const buttonCss = css `
+  margin-top: 1.5em;
+  padding: 0.65em 2.2em;
+  font-size: 1em;
+  font-family: inherit;
+  font-weight: 700;
+  border: none;
+  border-radius: 0.6em;
+  background: #28B8CE;
+  color: white;
+  cursor: pointer;
+  transition: background 0.2s, transform 0.1s;
+  letter-spacing: 0.02em;
+
+  &:hover {
+    background: #24a5b9;
+  }
+
+  &:active {
+    background: #2092a3;
+    transform: scale(0.97);
+  }
 `;
-const dividerCss = css `
-  width: 60%;
-  height: 1px;
-  background: rgba(255, 255, 255, 0.12);
-  margin: 1.8em 0 1.2em;
+const dividerCss = css `
+  width: 60%;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.12);
+  margin: 1.8em 0 1.2em;
 `;
-const secondaryMessageCss = css `
-  font-size: 0.85em;
-  line-height: 1.6;
-  margin: 0 0 1em;
-  opacity: 0.65;
+const secondaryMessageCss = css `
+  font-size: 0.85em;
+  line-height: 1.6;
+  margin: 0 0 1em;
+  opacity: 0.65;
 `;
-const discordLinkCss = css `
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5em;
-  padding: 0.5em 1.4em;
-  font-size: 0.9em;
-  font-family: inherit;
-  font-weight: 600;
-  color: white;
-  background: #5865F2;
-  border-radius: 0.5em;
-  text-decoration: none;
-  transition: background 0.2s, transform 0.1s;
-
-  &:hover {
-    background: #4752C4;
-  }
-
-  &:active {
-    transform: scale(0.97);
-  }
+const discordLinkCss = css `
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5em;
+  padding: 0.5em 1.4em;
+  font-size: 0.9em;
+  font-family: inherit;
+  font-weight: 600;
+  color: white;
+  background: #5865F2;
+  border-radius: 0.5em;
+  text-decoration: none;
+  transition: background 0.2s, transform 0.1s;
+
+  &:hover {
+    background: #4752C4;
+  }
+
+  &:active {
+    transform: scale(0.97);
+  }
 `;
-const discordIconCss = css `
-  width: 20px;
-  height: 20px;
+const discordIconCss = css `
+  width: 20px;
+  height: 20px;
 `;
 //# sourceMappingURL=GameErrorBoundary.js.map

package/dist/components/JournalTabs/History/SetupLogItem.js

@@ -3,24 +3,24 @@ import { css } from '@emotion/react';
 export const SetupLogItem = ({ log, game, index, customEntryCss, ...rest }) => {
     return (_jsx("div", { ...rest, children: _jsx("div", { css: [entryCss, customEntryCss, log.css], children: _jsx("div", { children: _jsx(log.Component, { game: game, index: index }) }) }) }));
 };
-const entryCss = css `
-  width: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  border-radius: 1em;
-  margin-bottom: 0.5em;
-  min-height: 1em;
-  padding-left: 1em;
-  margin-left: 0.05em;
-  margin-top: 0.05em;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  display: flex;
-  align-items: center;
-  font-size: 2em;
-  white-space: pre-wrap;
-
-  img, picture {
-    vertical-align: middle;
-  }
+const entryCss = css `
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 1em;
+  margin-bottom: 0.5em;
+  min-height: 1em;
+  padding-left: 1em;
+  margin-left: 0.05em;
+  margin-top: 0.05em;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  display: flex;
+  align-items: center;
+  font-size: 2em;
+  white-space: pre-wrap;
+
+  img, picture {
+    vertical-align: middle;
+  }
 `;
 //# sourceMappingURL=SetupLogItem.js.map

package/dist/components/material/GameTable/DevTools/DevToolEntry.js

@@ -3,19 +3,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { css, keyframes } from '@emotion/react';
 const GP_PRIMARY = '#28B8CE';
 const toolReveal = keyframes `
-  from { opacity: 0; transform: translateX(-6px); }
+  from { opacity: 0; transform: translateX(-0.375em); }
   to { opacity: 1; transform: translateX(0); }
 `;
 export const devToolBtnCss = css `
   position: relative;
   display: grid;
-  grid-template-columns: 28px 1fr;
+  grid-template-columns: 1.75em 1fr;
   grid-template-rows: auto auto;
   align-items: center;
-  gap: 0 10px;
-  padding: 10px 12px;
+  gap: 0 0.625em;
+  padding: 0.625em 0.75em;
   border: none;
-  border-radius: 8px;
+  border-radius: 0.5em;
   background: transparent;
   cursor: pointer;
   text-align: left;
@@ -27,18 +27,17 @@ export const devToolBtnCss = css `
 `;
 export const devToolIconCss = css `
   grid-row: 1 / -1;
-  font-size: 15px;
   color: ${GP_PRIMARY};
   display: flex; align-items: center; justify-content: center;
-  width: 28px; height: 28px;
-  border-radius: 6px;
+  width: 1.75em; height: 1.75em;
+  border-radius: 0.375em;
   background: rgba(40, 184, 206, 0.08);
 `;
 export const devToolLabelCss = css `
-  font-size: 14px; font-weight: 700; color: #e0f0f4; line-height: 1.2;
+  font-weight: 700; color: #e0f0f4; line-height: 1.2;
 `;
 export const devToolDescCss = css `
-  font-size: 12px; color: #5a8a98; line-height: 1.2;
+  color: #5a8a98; line-height: 1.2;
 `;
 /**
  * A single entry in the DevToolsHub panel.

package/dist/components/material/GameTable/DevTools/DevToolEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolEntry.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/DevToolEntry.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG/C,MAAM,UAAU,GAAG,SAAS,CAAA;AAE5B,MAAM,UAAU,GAAG,SAAS,CAAA;;;CAG3B,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;eAcjB,UAAU;;;;CAIxB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;WAGtB,UAAU;;;;;CAKpB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;CAEjC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;CAEhC,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAKpB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvC,kBAAQ,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,aAC1C,eAAM,GAAG,EAAE,cAAc,YAAG,IAAI,GAAQ,EACxC,eAAM,GAAG,EAAE,eAAe,YAAG,KAAK,GAAQ,EACzC,IAAI,IAAI,eAAM,GAAG,EAAE,cAAc,YAAG,IAAI,GAAQ,IAC1C,CACV,CAAA"}
+{"version":3,"file":"DevToolEntry.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/DevToolEntry.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG/C,MAAM,UAAU,GAAG,SAAS,CAAA;AAE5B,MAAM,UAAU,GAAG,SAAS,CAAA;;;CAG3B,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;eAcjB,UAAU;;;;CAIxB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;WAEtB,UAAU;;;;;CAKpB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;CAEjC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;CAEhC,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAKpB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvC,kBAAQ,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,aAC1C,eAAM,GAAG,EAAE,cAAc,YAAG,IAAI,GAAQ,EACxC,eAAM,GAAG,EAAE,eAAe,YAAG,KAAK,GAAQ,EACzC,IAAI,IAAI,eAAM,GAAG,EAAE,cAAc,YAAG,IAAI,GAAQ,IAC1C,CACV,CAAA"}

package/dist/components/material/GameTable/DevTools/DevToolsHub.js

@@ -40,7 +40,7 @@ export const DevToolsHub = ({ children, fabBottom, gameOptions }) => {
     if (!root)
         return null;
     return createPortal(_jsxs(_Fragment, { children: [_jsx("button", { css: fabCss, onClick: () => { setIsOpen(o => !o); if (isOpen)
-                    setActiveMenu(null); }, "data-open": isOpen, style: fabBottom ? { bottom: fabBottom } : undefined, children: _jsxs("svg", { css: logoCss, viewBox: "0 0 46 46", "data-open": isOpen, children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("circle", { cx: "35", cy: "11", r: "7" }), _jsx("circle", { cx: "11", cy: "35", r: "7" }), _jsx("circle", { cx: "35", cy: "35", r: "7" })] }) }), isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { css: backdropCss, onClick: () => { setIsOpen(false); setActiveMenu(null); } }), _jsxs("div", { css: hubContainerCss, style: fabBottom ? { bottom: `calc(${fabBottom} + 48px)` } : undefined, children: [_jsxs("div", { css: mainMenuCss, children: [_jsxs("div", { css: panelHeaderCss, children: [_jsxs("svg", { css: headerLogoCss, viewBox: "0 0 46 46", children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("circle", { cx: "35", cy: "11", r: "7" }), _jsx("circle", { cx: "11", cy: "35", r: "7" }), _jsx("circle", { cx: "35", cy: "35", r: "7" })] }), _jsx("span", { css: panelTitleCss, children: "Dev Tools" }), _jsx("span", { css: panelBadgeCss, children: "GP" })] }), _jsx("div", { css: menuListCss, children: allMenuItems.map(item => (_jsxs("button", { css: [menuItemCss, activeMenu === item.id && menuItemActiveCss], onClick: () => setActiveMenu(prev => prev === item.id ? null : item.id), onMouseEnter: () => setActiveMenu(item.id), children: [_jsx("span", { css: menuItemIconCss, children: item.icon }), _jsx("span", { css: menuItemLabelCss, children: item.label }), _jsx("span", { css: menuChevronCss, children: '\u25B8' })] }, item.id))) }), flash && _jsx("div", { css: flashCss, children: flash }, flash)] }), activeMenu && (_jsxs("div", { css: subPanelCss, children: [_jsx("div", { css: subPanelHeaderCss, children: _jsx("span", { css: subPanelTitleCss, children: allMenuItems.find(m => m.id === activeMenu)?.label }) }), _jsxs("div", { css: subPanelContentCss, children: [activeMenu === 'game' && _jsx(GamePanel, { exec: exec, g: g, gameOptions: gameOptions }), activeMenu === 'save' && _jsx(SaveLoadPanel, { gameName: gameName, doFlash: doFlash }), activeMenu === 'export' && _jsx(ExportPanel, { gameName: gameName, doFlash: doFlash }), activeMenu === 'custom' && children] })] }))] })] }))] }), root);
+                    setActiveMenu(null); }, "data-open": isOpen, style: fabBottom ? { bottom: fabBottom } : undefined, children: _jsxs("svg", { css: logoCss, viewBox: "0 0 46 46", "data-open": isOpen, children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("circle", { cx: "35", cy: "11", r: "7" }), _jsx("circle", { cx: "11", cy: "35", r: "7" }), _jsx("circle", { cx: "35", cy: "35", r: "7" })] }) }), isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { css: backdropCss, onClick: () => { setIsOpen(false); setActiveMenu(null); } }), _jsxs("div", { css: hubContainerCss, style: fabBottom ? { bottom: `calc(${fabBottom} + 3rem)` } : undefined, children: [_jsxs("div", { css: mainMenuCss, children: [_jsxs("div", { css: panelHeaderCss, children: [_jsxs("svg", { css: headerLogoCss, viewBox: "0 0 46 46", children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("circle", { cx: "35", cy: "11", r: "7" }), _jsx("circle", { cx: "11", cy: "35", r: "7" }), _jsx("circle", { cx: "35", cy: "35", r: "7" })] }), _jsx("span", { css: panelTitleCss, children: "Dev Tools" }), _jsx("span", { css: panelBadgeCss, children: "GP" })] }), _jsx("div", { css: menuListCss, children: allMenuItems.map(item => (_jsxs("button", { css: [menuItemCss, activeMenu === item.id && menuItemActiveCss], onClick: () => setActiveMenu(prev => prev === item.id ? null : item.id), onMouseEnter: () => setActiveMenu(item.id), children: [_jsx("span", { css: menuItemIconCss, children: item.icon }), _jsx("span", { css: menuItemLabelCss, children: item.label }), _jsx("span", { css: menuChevronCss, children: '\u25B8' })] }, item.id))) }), flash && _jsx("div", { css: flashCss, children: flash }, flash)] }), activeMenu && (_jsxs("div", { css: subPanelCss, children: [_jsx("div", { css: subPanelHeaderCss, children: _jsx("span", { css: subPanelTitleCss, children: allMenuItems.find(m => m.id === activeMenu)?.label }) }), _jsxs("div", { css: subPanelContentCss, children: [activeMenu === 'game' && _jsx(GamePanel, { exec: exec, g: g, gameOptions: gameOptions }), activeMenu === 'save' && _jsx(SaveLoadPanel, { gameName: gameName, doFlash: doFlash }), activeMenu === 'export' && _jsx(ExportPanel, { gameName: gameName, doFlash: doFlash }), activeMenu === 'custom' && children] })] }))] })] }))] }), root);
 };
 // ── Styles ──
 const GP_PRIMARY = '#28B8CE';
@@ -52,21 +52,21 @@ const fabPulse = keyframes `
   50% { box-shadow: 0 0 0 5px rgba(40, 184, 206, 0); }
 `;
 const fabCss = css `
-  position: fixed; bottom: 16px; left: 16px; z-index: 900;
-  width: 40px; height: 40px;
-  border-radius: 10px;
-  border: 1px solid rgba(40, 184, 206, 0.4);
+  position: fixed; bottom: 1em; left: 1em; z-index: 900;
+  width: 3.5em; height: 3.5em;
+  border-radius: 0.625em;
+  border: 0.06em solid rgba(40, 184, 206, 0.4);
   background: linear-gradient(145deg, ${GP_SURFACE}, ${GP_DARK});
   cursor: pointer;
   display: flex; align-items: center; justify-content: center;
   padding: 0;
   animation: ${fabPulse} 3s ease-in-out infinite;
-  transition: all 0.2s;
+  transition: background 0.2s, border-color 0.2s;
   &:hover { border-color: rgba(40, 184, 206, 0.7); animation: none; }
   &[data-open="true"] { animation: none; background: ${GP_PRIMARY}; border-color: ${GP_PRIMARY}; }
 `;
 const logoCss = css `
-  width: 22px; height: 22px;
+  width: 2em; height: 2em;
   fill: ${GP_PRIMARY};
   transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
   &[data-open="true"] { fill: ${GP_DARK}; transform: rotate(90deg); }
@@ -75,82 +75,83 @@ const backdropCss = css `
   position: fixed; inset: 0; z-index: 899;
 `;
 const hubContainerCss = css `
-  position: fixed; bottom: 64px; left: 16px; z-index: 900;
-  display: flex; align-items: flex-end; gap: 6px;
+  position: fixed; bottom: 4.5em; left: 1em; z-index: 900;
+  font-size: 1.2em;
+  display: flex; align-items: flex-end; gap: 0.4em;
 `;
 const slideUp = keyframes `
-  from { opacity: 0; transform: translateY(8px) scale(0.97); }
+  from { opacity: 0; transform: translateY(0.5em) scale(0.97); }
   to { opacity: 1; transform: translateY(0) scale(1); }
 `;
 const slideRight = keyframes `
-  from { opacity: 0; transform: translateX(-8px) scale(0.97); }
+  from { opacity: 0; transform: translateX(-0.5em) scale(0.97); }
   to { opacity: 1; transform: translateX(0) scale(1); }
 `;
 const panelBg = `linear-gradient(170deg, #0f2035 0%, ${GP_SURFACE} 100%)`;
-const panelShadow = `0 12px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.3), inset 0 1px 0 rgba(159,226,247,0.05)`;
+const panelShadow = `0 0.75em 2.5em rgba(0,0,0,0.5), 0 0 0 0.06em rgba(0,0,0,0.3), inset 0 0.06em 0 rgba(159,226,247,0.05)`;
 const mainMenuCss = css `
-  position: relative; width: 200px;
+  position: relative; width: 16em;
   background: ${panelBg};
-  border: 1px solid rgba(40, 184, 206, 0.25);
-  border-radius: 12px;
+  border: 0.06em solid rgba(40, 184, 206, 0.25);
+  border-radius: 0.75em;
   box-shadow: ${panelShadow};
   animation: ${slideUp} 0.2s ease-out;
   font-family: 'Mulish', sans-serif;
   overflow: hidden;
 `;
 const subPanelCss = css `
-  width: 320px; max-height: calc(100vh - 80px);
+  width: 25em; max-height: calc(100vh - 5em);
   display: flex; flex-direction: column;
   background: ${panelBg};
-  border: 1px solid rgba(40, 184, 206, 0.25);
-  border-radius: 12px;
+  border: 0.06em solid rgba(40, 184, 206, 0.25);
+  border-radius: 0.75em;
   box-shadow: ${panelShadow};
   animation: ${slideRight} 0.15s ease-out;
   font-family: 'Mulish', sans-serif;
   overflow: hidden;
 `;
 const subPanelHeaderCss = css `
-  padding: 10px 16px;
-  border-bottom: 1px solid rgba(40, 184, 206, 0.15);
+  padding: 0.625em 1em;
+  border-bottom: 0.06em solid rgba(40, 184, 206, 0.15);
   background: rgba(40, 184, 206, 0.04);
   flex-shrink: 0;
 `;
 const subPanelTitleCss = css `
-  font-size: 12px; font-weight: 800; color: #5a8a98;
+  font-weight: 800; color: #5a8a98;
   text-transform: uppercase; letter-spacing: 0.1em;
 `;
 const subPanelContentCss = css `
   display: flex; flex-direction: column;
-  padding: 6px; gap: 2px;
+  padding: 0.375em; gap: 0.125em;
   overflow-y: auto; flex: 1; min-height: 0;
 `;
 const panelHeaderCss = css `
-  display: flex; align-items: center; gap: 8px;
-  padding: 12px 16px;
-  border-bottom: 1px solid rgba(40, 184, 206, 0.15);
+  display: flex; align-items: center; gap: 0.5em;
+  padding: 0.75em 1em;
+  border-bottom: 0.06em solid rgba(40, 184, 206, 0.15);
   background: rgba(40, 184, 206, 0.04);
 `;
 const headerLogoCss = css `
-  width: 18px; height: 18px; fill: ${GP_ACCENT}; flex-shrink: 0;
+  width: 1.125em; height: 1.125em; fill: ${GP_ACCENT}; flex-shrink: 0;
 `;
 const panelTitleCss = css `
-  font-size: 14px; font-weight: 800; color: #e0f0f4;
+  font-weight: 800; color: #e0f0f4;
   text-transform: uppercase; letter-spacing: 0.08em; flex: 1;
 `;
 const panelBadgeCss = css `
-  font-size: 9px; font-weight: 800;
-  padding: 2px 6px; border-radius: 4px;
+  font-weight: 800;
+  padding: 0.125em 0.375em; border-radius: 0.25em;
   background: rgba(40, 184, 206, 0.15);
   color: ${GP_PRIMARY}; letter-spacing: 0.1em;
 `;
 const menuListCss = css `
-  display: flex; flex-direction: column; padding: 6px; gap: 2px;
+  display: flex; flex-direction: column; padding: 0.375em; gap: 0.125em;
 `;
 const menuItemCss = css `
   position: relative;
-  display: flex; align-items: center; gap: 10px;
-  padding: 10px 12px;
-  border: none; border-radius: 8px;
+  display: flex; align-items: center; gap: 0.625em;
+  padding: 0.625em 0.75em;
+  border: none; border-radius: 0.5em;
   background: transparent;
   cursor: pointer; text-align: left;
   transition: background 0.15s;
@@ -162,38 +163,38 @@ const menuItemActiveCss = css `
   &::before {
     content: ''; position: absolute; left: 0; top: 50%;
     transform: translateY(-50%);
-    width: 3px; height: 18px;
-    border-radius: 0 3px 3px 0;
+    width: 0.2em; height: 1.125em;
+    border-radius: 0 0.2em 0.2em 0;
     background: ${GP_PRIMARY};
   }
 `;
 const menuItemIconCss = css `
-  font-size: 15px; color: ${GP_PRIMARY};
+  color: ${GP_PRIMARY};
   display: flex; align-items: center; justify-content: center;
-  width: 28px; height: 28px; border-radius: 6px;
+  width: 1.75em; height: 1.75em; border-radius: 0.375em;
   background: rgba(40, 184, 206, 0.08); flex-shrink: 0;
 `;
 const menuItemLabelCss = css `
-  font-size: 13px; font-weight: 700; color: #e0f0f4; flex: 1;
+  font-weight: 700; color: #e0f0f4; flex: 1;
 `;
 const menuChevronCss = css `
-  font-size: 10px; color: #3a6070;
+  color: #3a6070;
 `;
 const flashFade = keyframes `
-  0% { opacity: 0; transform: translateY(6px); }
+  0% { opacity: 0; transform: translateY(0.375em); }
   15% { opacity: 1; transform: translateY(0); }
   85% { opacity: 1; transform: translateY(0); }
-  100% { opacity: 0; transform: translateY(-6px); }
+  100% { opacity: 0; transform: translateY(-0.375em); }
 `;
 const flashCss = css `
   position: absolute; bottom: 100%; left: 0; right: 0;
-  margin-bottom: 8px; padding: 6px 14px;
-  font-size: 12px; font-weight: 700; color: ${GP_PRIMARY};
+  margin-bottom: 0.5em; padding: 0.375em 0.875em;
+  font-weight: 700; color: ${GP_PRIMARY};
   text-align: center;
   background: linear-gradient(145deg, ${GP_SURFACE}, ${GP_DARK});
-  border: 1px solid rgba(40, 184, 206, 0.3);
-  border-radius: 8px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  border: 0.06em solid rgba(40, 184, 206, 0.3);
+  border-radius: 0.5em;
+  box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.4);
   white-space: nowrap; pointer-events: none;
   animation: ${flashFade} 1.5s ease-out forwards;
 `;

package/dist/components/material/GameTable/DevTools/DevToolsHub.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsHub.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/DevToolsHub.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DevToolsHub.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/DevToolsHub.tsx"],"names":[],"mappings":"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"}

package/dist/components/material/GameTable/DevTools/ExportPanel.js

@@ -40,19 +40,19 @@ export const ExportPanel = ({ gameName, doFlash }) => {
 };
 // ── Styles ──
 const toolReveal = keyframes `
-  from { opacity: 0; transform: translateX(-6px); }
+  from { opacity: 0; transform: translateX(-0.375em); }
   to { opacity: 1; transform: translateX(0); }
 `;
 const toolBtnCss = css `
   position: relative;
   display: grid;
-  grid-template-columns: 28px 1fr;
+  grid-template-columns: 1.75em 1fr;
   grid-template-rows: auto auto;
   align-items: center;
-  gap: 0 10px;
-  padding: 10px 12px;
+  gap: 0 0.625em;
+  padding: 0.625em 0.75em;
   border: none;
-  border-radius: 8px;
+  border-radius: 0.5em;
   background: transparent;
   cursor: pointer;
   text-align: left;
@@ -64,17 +64,16 @@ const toolBtnCss = css `
 `;
 const toolIconCss = css `
   grid-row: 1 / -1;
-  font-size: 15px;
   color: ${GP_PRIMARY};
   display: flex; align-items: center; justify-content: center;
-  width: 28px; height: 28px;
-  border-radius: 6px;
+  width: 1.75em; height: 1.75em;
+  border-radius: 0.375em;
   background: rgba(40, 184, 206, 0.08);
 `;
 const toolLabelCss = css `
-  font-size: 14px; font-weight: 700; color: #e0f0f4; line-height: 1.2;
+  font-weight: 700; color: #e0f0f4; line-height: 1.2;
 `;
 const toolDescCss = css `
-  font-size: 12px; color: #5a8a98; line-height: 1.2;
+  color: #5a8a98; line-height: 1.2;
 `;
 //# sourceMappingURL=ExportPanel.js.map

package/dist/components/material/GameTable/DevTools/ExportPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportPanel.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/ExportPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExportPanel.js","sourceRoot":"","sources":["../../../../../src/components/material/GameTable/DevTools/ExportPanel.tsx"],"names":[],"mappings":"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"}