@scrabble-solver/scrabble-solver 2.11.5 → 2.11.7

package/.next/server/chunks/277.js

@@ -989,8 +989,6 @@ module.exports = {
 // Exports
 module.exports = {
 	"board": "Board_board__eA_bB",
-	"row": "Board_row__mezHN",
-	"cell": "Board_cell__RJssv",
 	"actions": "Board_actions__W2CX9",
 	"hide": "Board_hide__Fskbc",
 	"shown": "Board_shown__T9Txa",
@@ -1021,25 +1019,11 @@ module.exports = {
 
 // Exports
 module.exports = {
-	"cell": "Cell_cell__2GOSl",
-	"bottom": "Cell_bottom__kFkxx",
-	"right": "Cell_right__ItPQR",
-	"bonusStart": "Cell_bonusStart__zy3BV",
-	"bonusCharacter1": "Cell_bonusCharacter1__zJUuA",
-	"bonusCharacter2": "Cell_bonusCharacter2__HZDn8",
-	"bonusCharacter3": "Cell_bonusCharacter3__pWf1f",
-	"bonusCharacter5": "Cell_bonusCharacter5__LdDrj",
-	"bonusCharacterMultiplier2": "Cell_bonusCharacterMultiplier2__Qpcd7",
-	"bonusCharacterMultiplier3": "Cell_bonusCharacterMultiplier3__0qtZY",
-	"bonusWord2": "Cell_bonusWord2__Ztd1C",
-	"bonusWord3": "Cell_bonusWord3__eTB6G",
-	"filtered": "Cell_filtered__16gx1",
-	"sharpTopLeft": "Cell_sharpTopLeft__EGQgw",
 	"tile": "Cell_tile__bTdCO",
+	"sharpTopLeft": "Cell_sharpTopLeft__EGQgw",
 	"sharpTopRight": "Cell_sharpTopRight__rzADZ",
 	"sharpBottomLeft": "Cell_sharpBottomLeft__YGRug",
-	"sharpBottomRight": "Cell_sharpBottomRight__twtbd",
-	"icon": "Cell_icon__8EWsQ"
+	"sharpBottomRight": "Cell_sharpBottomRight__twtbd"
 };
 
 
@@ -1389,17 +1373,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 35516:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"svgFontFix": "SvgFontFix_svgFontFix__nlq_B"
-};
-
-
 /***/ }),
 
 /***/ 10312:
@@ -1570,15 +1543,17 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75704);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64534);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
-/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(33791);
-/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86058);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(94347);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(48327);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _BoardPure__WEBPACK_IMPORTED_MODULE_8__, _components__WEBPACK_IMPORTED_MODULE_9__, _hooks__WEBPACK_IMPORTED_MODULE_10__]);
-([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _BoardPure__WEBPACK_IMPORTED_MODULE_8__, _components__WEBPACK_IMPORTED_MODULE_9__, _hooks__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55238);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64534);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(83067);
+/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(33791);
+/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(86058);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(94347);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(48327);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_8__, _BoardPure__WEBPACK_IMPORTED_MODULE_9__, _components__WEBPACK_IMPORTED_MODULE_10__, _hooks__WEBPACK_IMPORTED_MODULE_11__]);
+([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_8__, _BoardPure__WEBPACK_IMPORTED_MODULE_9__, _components__WEBPACK_IMPORTED_MODULE_10__, _hooks__WEBPACK_IMPORTED_MODULE_11__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -1591,21 +1566,34 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_flo
 
 
 
-const Board = ({ cellSize , className  })=>{
+const Board = ({ className  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useDispatch)();
-    const rows = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectRowsWithCandidate */ .ZA);
-    const board = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectBoard */ .ZO);
-    const { actionsWidth  } = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useAppLayout */ .Ft)();
-    const [{ activeIndex , direction , inputRefs  }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste  }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_10__/* .useGrid */ .N)(rows);
+    const rows = (0,state__WEBPACK_IMPORTED_MODULE_8__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_8__/* .selectRowsWithCandidate */ .ZA);
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_8__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_8__/* .selectConfig */ .$o);
+    const { actionsWidth , cellSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useAppLayout */ .Ft)();
+    const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .getTileSizes */ .vc)(cellSize);
+    const [{ activeIndex , direction , inputRefs  }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste  }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_11__/* .useGrid */ .N)(rows);
+    const backgroundImage = (0,_hooks__WEBPACK_IMPORTED_MODULE_11__/* .useBackgroundImage */ .c)();
+    const boardStyle = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>({
+            backgroundImage,
+            fontSize: tileFontSize,
+            gridTemplateColumns: `repeat(${config.boardWidth}, 1fr)`,
+            gridTemplateRows: `repeat(${config.boardHeight}, 1fr)`
+        }), [
+        backgroundImage,
+        config.boardHeight,
+        config.boardWidth,
+        tileFontSize
+    ]);
+    const [showActions, setShowActions] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
+    const [transition, setTransition] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(parameters__WEBPACK_IMPORTED_MODULE_7__/* .TRANSITION */ .yz);
     const inputRef = inputRefs[activeIndex.y][activeIndex.x];
     const cell = rows[activeIndex.y][activeIndex.x];
-    const [showActions, setShowActions] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
-    const [transition, setTransition] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(parameters__WEBPACK_IMPORTED_MODULE_6__/* .TRANSITION */ .yz);
     const { x , y , strategy , refs  } = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useFloating)({
         middleware: [
             (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.offset)({
-                mainAxis: -parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO,
-                alignmentAxis: parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO - actionsWidth
+                mainAxis: -parameters__WEBPACK_IMPORTED_MODULE_7__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO,
+                alignmentAxis: parameters__WEBPACK_IMPORTED_MODULE_7__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO - actionsWidth
             }),
             (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.shift)()
         ],
@@ -1654,7 +1642,7 @@ const Board = ({ cellSize , className  })=>{
     ]);
     const handleToggleBlank = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
         inputRef.current?.focus();
-        dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(cell));
+        dispatch(state__WEBPACK_IMPORTED_MODULE_8__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(cell));
     }, [
         cell,
         dispatch,
@@ -1662,7 +1650,7 @@ const Board = ({ cellSize , className  })=>{
     ]);
     const handleToggleFilterCell = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
         inputRef.current?.focus();
-        dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle(cell));
+        dispatch(state__WEBPACK_IMPORTED_MODULE_8__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle(cell));
     }, [
         cell,
         dispatch,
@@ -1670,12 +1658,12 @@ const Board = ({ cellSize , className  })=>{
     ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
         children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
                 className: className,
                 cellSize: cellSize,
-                center: board.center,
                 inputRefs: inputRefs,
                 rows: rows,
+                style: boardStyle,
                 onBlur: handleBlur,
                 onChange: onChange,
                 onFocus: handleFocus,
@@ -1683,10 +1671,10 @@ const Board = ({ cellSize , className  })=>{
                 onPaste: onPaste
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.FloatingPortal, {
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_9__/* .Actions */ .e, {
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_10__/* .Actions */ .e, {
                     cell: cell,
-                    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default().actions), {
-                        [(_Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default().shown)]: showActions
+                    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_12___default().actions), {
+                        [(_Board_module_scss__WEBPACK_IMPORTED_MODULE_12___default().shown)]: showActions
                     }),
                     disabled: !showActions,
                     direction: direction,
@@ -1740,13 +1728,13 @@ _components__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then
 
 
 
-const BoardPure = ({ className , cellSize , center , inputRefs , rows , onBlur , onChange , onFocus , onKeyDown , onPaste  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+const BoardPure = ({ className , cellSize , inputRefs , rows , style , onBlur , onChange , onFocus , onKeyDown , onPaste  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().board), className),
+        style: style,
         onBlur: onBlur,
         onKeyDown: onKeyDown,
         onPaste: onPaste,
-        children: rows.map((cells, y)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().row),
+        children: rows.map((cells, y)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
                 children: cells.map((cell, x)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .Cell */ .b, {
                         className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cell),
                         cell: cell,
@@ -1755,9 +1743,6 @@ const BoardPure = ({ className , cellSize , center , inputRefs , rows , onBlur ,
                         cellRight: x < rows.length - 1 ? rows[y][x + 1] : undefined,
                         cellTop: y > 0 ? rows[y - 1][x] : undefined,
                         inputRef: inputRefs[y][x],
-                        isBottom: y === rows.length - 1,
-                        isCenter: center.x === x && center.y === y,
-                        isRight: x === cells.length - 1,
                         size: cellSize,
                         onChange: onChange,
                         onFocus: onFocus
@@ -1787,7 +1772,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55238);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83900);
 /* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79739);
@@ -1885,62 +1870,55 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(65175);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
-/* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12418);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _CellPure__WEBPACK_IMPORTED_MODULE_5__]);
-([state__WEBPACK_IMPORTED_MODULE_4__, _CellPure__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96815);
+/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7576);
+/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Tile__WEBPACK_IMPORTED_MODULE_5__]);
+([state__WEBPACK_IMPORTED_MODULE_4__, _Tile__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
 
 
 
-const Cell = ({ cell , cellBottom , cellLeft , cellRight , cellTop , className , inputRef , isBottom , isCenter , isRight , size , onChange , onFocus  })=>{
+const Cell = ({ cell , cellBottom , cellLeft , cellRight , cellTop , className , inputRef , size , onChange , onFocus  })=>{
     const { tile , x , y  } = cell;
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
-    const bonus = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellBonus */ .O0)(state, cell));
     const points = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectTilePoints */ .Zf)(state, cell.tile));
-    const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellIsFiltered */ .id)(state, cell));
     const isValid = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellIsValid */ .fZ)(state, cell));
-    const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .getTileSizes */ .vc)(size);
     const isEmpty = tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
-    const style = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
-            fontSize: tileFontSize
-        }), [
-        tileFontSize
-    ]);
-    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>onFocus(x, y), [
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>onFocus(x, y), [
         x,
         y,
         onFocus
     ]);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CellPure__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
         "aria-label": translate("cell.tile.location", {
             x: (x + 1).toLocaleString(locale),
             y: (y + 1).toLocaleString(locale)
         }),
-        bonus: bonus,
-        cell: cell,
-        cellBottom: cellBottom,
-        cellLeft: cellLeft,
-        cellRight: cellRight,
-        cellTop: cellTop,
-        className: className,
+        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tile), className, {
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpTopLeft)]: cellTop?.hasTile() || cellLeft?.hasTile(),
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpTopRight)]: cellTop?.hasTile() || cellRight?.hasTile(),
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpBottomLeft)]: cellBottom?.hasTile() || cellLeft?.hasTile(),
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpBottomRight)]: cellBottom?.hasTile() || cellRight?.hasTile()
+        }),
+        character: isEmpty ? undefined : tile.character,
+        highlighted: cell.isCandidate(),
         inputRef: inputRef,
-        isBottom: isBottom,
-        isCenter: isCenter,
-        isRight: isRight,
-        isEmpty: isEmpty,
-        isFiltered: isFiltered,
+        isBlank: tile.isBlank,
         isValid: isValid,
         points: points,
+        raised: !isEmpty,
         size: size,
-        style: style,
-        tile: tile,
+        tabIndex: cell.x === 0 && cell.y === 0 ? undefined : -1,
         onChange: onChange,
         onFocus: handleFocus
     });
@@ -1952,76 +1930,6 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 12418:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(58966);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96815);
-/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7576);
-/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(97569);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tile__WEBPACK_IMPORTED_MODULE_4__]);
-_Tile__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
-
-
-
-
-const CellPure = ({ "aria-label": ariaLabel , bonus , cell , cellBottom , cellLeft , cellRight , cellTop , className , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , onChange , onFocus  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_5__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().bottom)]: isBottom,
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().filtered)]: isFiltered,
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().right)]: isRight,
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpTopLeft)]: cellTop?.hasTile() || cellLeft?.hasTile(),
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpTopRight)]: cellTop?.hasTile() || cellRight?.hasTile(),
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpBottomLeft)]: cellBottom?.hasTile() || cellLeft?.hasTile(),
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpBottomRight)]: cellBottom?.hasTile() || cellRight?.hasTile()
-        }),
-        style: style,
-        children: [
-            isCenter && isEmpty && !isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .Star */ .Ux, {
-                className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon)
-            }),
-            isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .FlagFill */ .aR, {
-                className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon)
-            }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                "aria-label": ariaLabel,
-                className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tile),
-                character: isEmpty ? undefined : tile.character,
-                highlighted: cell.isCandidate(),
-                inputRef: inputRef,
-                isBlank: tile.isBlank,
-                isValid: isValid,
-                points: points,
-                raised: !isEmpty,
-                size: size,
-                tabIndex: cell.x === 0 && cell.y === 0 ? undefined : -1,
-                onChange: onChange,
-                onFocus: onFocus
-            })
-        ]
-    });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(CellPure));
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
 /***/ 21533:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -2040,77 +1948,40 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 97569:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 94347:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "K": () => (/* binding */ getBonusClassname)
+/* harmony export */   "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_1__.Z),
+/* harmony export */   "e": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7618);
-/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7576);
-/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _Actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38833);
+/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21533);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__]);
+([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
-const CHARACTER_CLASSNAMES = {
-    1: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusCharacter1),
-    2: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusCharacter2),
-    3: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusCharacter3),
-    5: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusCharacter5)
-};
-const WORD_CLASSNAMES = {
-    2: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusWord2),
-    3: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusWord3)
-};
-const CHARACTER_MULTIPLIER_CLASSNAMES = {
-    2: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusCharacterMultiplier2),
-    3: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusCharacterMultiplier3)
-};
-const getBonusClassname = (cell, bonus, isCenter)=>{
-    if (!cell.isEmpty) {
-        return undefined;
-    }
-    if (isCenter) {
-        return (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default().bonusStart);
-    }
-    if (!bonus) {
-        return undefined;
-    }
-    const { type  } = bonus;
-    if (type === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.BONUS_WORD) {
-        return getWordBonusClassname(bonus);
-    }
-    if (type === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.BONUS_CHARACTER) {
-        return getCharacterBonusClassname(bonus);
-    }
-    throw new Error(`Unknown bonus type: ${type} ${bonus.x} ${bonus.y} ${bonus.multiplier} ${bonus.score}`);
-};
-const getWordBonusClassname = (bonus)=>{
-    return WORD_CLASSNAMES[bonus.multiplier];
-};
-const getCharacterBonusClassname = (bonus)=>{
-    if (bonus.score) {
-        return CHARACTER_CLASSNAMES[bonus.score];
-    }
-    return CHARACTER_MULTIPLIER_CLASSNAMES[bonus.multiplier];
-};
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 94347:
+/***/ 48327:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "e": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "N": () => (/* reexport safe */ _useGrid__WEBPACK_IMPORTED_MODULE_1__.Z),
+/* harmony export */   "c": () => (/* reexport safe */ _useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38833);
-/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21533);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__]);
-([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96589);
+/* harmony import */ var _useGrid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27070);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__, _useGrid__WEBPACK_IMPORTED_MODULE_1__]);
+([_useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__, _useGrid__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -2119,19 +1990,248 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 48327:
+/***/ 96589:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "N": () => (/* reexport safe */ _useGrid__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _useGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27070);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useGrid__WEBPACK_IMPORTED_MODULE_0__]);
-_useGrid__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(78684);
+/* harmony import */ var react_dom_server__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_dom_server__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75704);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(58966);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55238);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(64534);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(83067);
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41051);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_9__]);
+([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_9__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* eslint-disable max-statements */ 
+
 
 
+
+
+
+
+
+
+
+const HORIZONTAL_LINE = "h";
+const VERTICAL_LINE = "v";
+const BONUS = "b";
+const BONUS_WORD_2 = "b2";
+const BONUS_WORD_3 = "b3";
+const CELL_FILTER = "c";
+const useBackgroundImage = ()=>{
+    const { boardSize , cellSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useAppLayout */ .Ft)();
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectConfig */ .$o);
+    const center = {
+        x: Math.floor(config.boardWidth / 2),
+        y: Math.floor(config.boardHeight / 2)
+    };
+    const cellFilter = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectCellFilter */ .Jw);
+    const viewBoxHeight = boardSize;
+    const viewBoxWidth = boardSize;
+    const bonusSize = cellSize * 0.8;
+    const bonusOffset = cellSize * 0.1;
+    const iconSize = cellSize * 0.4;
+    const iconOffset = (cellSize - iconSize) / 2;
+    const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_7__/* .getTileSizes */ .vc)(cellSize);
+    const fontSize = tileFontSize * 0.6;
+    const fontOffset = cellSize / 2;
+    const characterBonuses = config.bonuses.filter((bonus)=>bonus.type === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.BONUS_CHARACTER);
+    const word2Bonuses = config.bonuses.filter((bonus)=>bonus.type === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.BONUS_WORD && bonus.multiplier === 2);
+    const word3Bonuses = config.bonuses.filter((bonus)=>bonus.type === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.BONUS_WORD && bonus.multiplier === 3);
+    const getX = (point)=>point.x * (cellSize + parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_WIDTH */ .YF);
+    const getY = (point)=>point.y * (cellSize + parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_WIDTH */ .YF);
+    const backgroundSvg = (0,react_dom_server__WEBPACK_IMPORTED_MODULE_3__.renderToString)(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_redux__WEBPACK_IMPORTED_MODULE_4__.Provider, {
+        store: state__WEBPACK_IMPORTED_MODULE_9__/* .store */ .h,
+        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("svg", {
+            height: viewBoxHeight,
+            viewBox: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
+            width: viewBoxWidth,
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("defs", {
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("symbol", {
+                            id: HORIZONTAL_LINE,
+                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                                fill: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_COLOR_LIGHT */ .uI,
+                                height: 1,
+                                width: viewBoxWidth
+                            })
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("symbol", {
+                            id: VERTICAL_LINE,
+                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                                fill: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_COLOR_LIGHT */ .uI,
+                                height: viewBoxHeight,
+                                width: 1
+                            })
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("symbol", {
+                            id: BONUS,
+                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                                height: bonusSize,
+                                rx: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_RADIUS */ .n_,
+                                width: bonusSize,
+                                x: bonusOffset,
+                                y: bonusOffset
+                            })
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("symbol", {
+                            id: BONUS_WORD_2,
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                                    height: bonusSize,
+                                    rx: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_RADIUS */ .n_,
+                                    width: bonusSize,
+                                    x: bonusOffset,
+                                    y: bonusOffset
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("text", {
+                                    dominantBaseline: "central",
+                                    fill: "white",
+                                    fontFamily: "system-ui, sans-serif",
+                                    fontSize: fontSize,
+                                    fontWeight: "bold",
+                                    textAnchor: "middle",
+                                    x: fontOffset,
+                                    y: fontOffset,
+                                    children: "x2"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("symbol", {
+                            id: BONUS_WORD_3,
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                                    height: bonusSize,
+                                    rx: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_RADIUS */ .n_,
+                                    width: bonusSize,
+                                    x: bonusOffset,
+                                    y: bonusOffset
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("text", {
+                                    dominantBaseline: "central",
+                                    fill: "white",
+                                    fontFamily: "system-ui, sans-serif",
+                                    fontSize: fontSize,
+                                    fontWeight: "bold",
+                                    textAnchor: "middle",
+                                    x: fontOffset,
+                                    y: fontOffset,
+                                    children: "x3"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("symbol", {
+                            id: CELL_FILTER,
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                                    fill: parameters__WEBPACK_IMPORTED_MODULE_8__/* .COLOR_FILTERED */ .pS,
+                                    height: bonusSize,
+                                    rx: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_RADIUS */ .n_,
+                                    width: bonusSize,
+                                    x: bonusOffset,
+                                    y: bonusOffset
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_6__/* .FlagFill */ .aR, {
+                                    color: "white",
+                                    height: iconSize,
+                                    width: iconSize,
+                                    x: iconOffset,
+                                    y: iconOffset
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                    fill: "white",
+                    height: viewBoxHeight,
+                    rx: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_RADIUS */ .n_,
+                    width: viewBoxWidth,
+                    x: "0",
+                    y: "0"
+                }),
+                Array.from({
+                    length: config.boardHeight - 1
+                }).map((_value, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("use", {
+                        href: `#${HORIZONTAL_LINE}`,
+                        y: (index + 1) * (cellSize + parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_WIDTH */ .YF) - parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_WIDTH */ .YF
+                    }, index)),
+                Array.from({
+                    length: config.boardWidth - 1
+                }).map((_value, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("use", {
+                        href: `#${VERTICAL_LINE}`,
+                        x: (index + 1) * (cellSize + parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_WIDTH */ .YF) - parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_WIDTH */ .YF
+                    }, index)),
+                characterBonuses.map((bonus, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("use", {
+                        fill: (0,_lib__WEBPACK_IMPORTED_MODULE_10__/* .getBonusColor */ .T)(bonus),
+                        href: `#${BONUS}`,
+                        x: getX(bonus),
+                        y: getY(bonus)
+                    }, index)),
+                word2Bonuses.map((bonus, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("use", {
+                        fill: (0,_lib__WEBPACK_IMPORTED_MODULE_10__/* .getBonusColor */ .T)(bonus),
+                        href: `#${BONUS_WORD_2}`,
+                        x: getX(bonus),
+                        y: getY(bonus)
+                    }, index)),
+                word3Bonuses.map((bonus, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("use", {
+                        fill: (0,_lib__WEBPACK_IMPORTED_MODULE_10__/* .getBonusColor */ .T)(bonus),
+                        href: `#${BONUS_WORD_3}`,
+                        x: getX(bonus),
+                        y: getY(bonus)
+                    }, index)),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
+                    fill: parameters__WEBPACK_IMPORTED_MODULE_8__/* .COLOR_BONUS_START */ .HC,
+                    height: bonusSize,
+                    rx: parameters__WEBPACK_IMPORTED_MODULE_8__/* .BORDER_RADIUS */ .n_,
+                    width: bonusSize,
+                    x: getX(center) + bonusOffset,
+                    y: getY(center) + bonusOffset
+                }),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_6__/* .Star */ .Ux, {
+                    color: "white",
+                    height: iconSize,
+                    width: iconSize,
+                    x: getX(center) + iconOffset,
+                    y: getY(center) + iconOffset
+                }),
+                cellFilter.map((cell, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("use", {
+                        href: `#${CELL_FILTER}`,
+                        x: getX(cell),
+                        y: getY(cell)
+                    }, index))
+            ]
+        })
+    }));
+    const encodedSvg = globalThis.btoa(backgroundSvg);
+    const dataUrl = `data:image/svg+xml;base64,${encodedSvg}`;
+    const blob = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_7__/* .dataUrlToBlob */ .kD)(dataUrl), [
+        dataUrl
+    ]);
+    const blobUrl = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>URL.createObjectURL(blob), [
+        blob
+    ]);
+    const url = `url(${blobUrl})`;
+    return url;
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useBackgroundImage);
+
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
@@ -2154,9 +2254,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55238);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(97792);
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41051);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__]);
 ([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 /* eslint-disable max-lines, max-statements */ 
@@ -2198,7 +2298,7 @@ const useGrid = (rows)=>{
         inputRefs
     ]);
     const getInputRefPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((inputRef)=>{
-        return (0,_lib__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(inputRefs, (ref)=>ref.current === inputRef);
+        return (0,_lib__WEBPACK_IMPORTED_MODULE_8__/* .getPositionInGrid */ .I)(inputRefs, (ref)=>ref.current === inputRef);
     }, [
         inputRefs
     ]);
@@ -2529,13 +2629,36 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 97792:
+/***/ 41051:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "T": () => (/* reexport */ lib_getBonusColor),
+  "I": () => (/* reexport */ lib_getPositionInGrid)
+});
+
+// EXTERNAL MODULE: ../constants/build/index.js
+var build = __webpack_require__(7618);
+// EXTERNAL MODULE: ./src/parameters/index.ts
+var parameters = __webpack_require__(64534);
+;// CONCATENATED MODULE: ./src/components/Board/lib/getBonusColor.ts
+
+
+const getBonusColor = (bonus)=>{
+    if (bonus.type === build.BONUS_WORD) {
+        return parameters/* COLOR_BONUS_WORD */.ti[bonus.multiplier];
+    }
+    if (bonus.score) {
+        return parameters/* COLOR_BONUS_CHARACTER */.kr[bonus.score];
+    }
+    return parameters/* COLOR_BONUS_CHARACTER_MULTIPLIER */.$P[bonus.multiplier];
+};
+/* harmony default export */ const lib_getBonusColor = (getBonusColor);
+
+;// CONCATENATED MODULE: ./src/components/Board/lib/getPositionInGrid.ts
 const getPositionInGrid = (grid, constraint)=>{
     for(let y = 0; y < grid.length; ++y){
         for(let x = 0; x < grid[0].length; ++x){
@@ -2549,7 +2672,11 @@ const getPositionInGrid = (grid, constraint)=>{
     }
     return undefined;
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getPositionInGrid);
+/* harmony default export */ const lib_getPositionInGrid = (getPositionInGrid);
+
+;// CONCATENATED MODULE: ./src/components/Board/lib/index.ts
+
+
 
 
 /***/ }),
@@ -2854,11 +2981,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36743);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
 /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80309);
 /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__);
@@ -2871,9 +2998,11 @@ state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (awa
 
 
 const DictionaryInput = ({ className  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
     const { input  } = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectDictionary */ .w1);
+    const { comma  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q0[locale];
     const handleChange = (event)=>{
         dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .dictionarySlice.actions.changeInput */ .lj.actions.changeInput(event.target.value));
     };
@@ -2882,11 +3011,11 @@ const DictionaryInput = ({ className  })=>{
         dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .dictionarySlice.actions.submit */ .lj.actions.submit());
     };
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("form", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5___default().dictionaryInput), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5___default().dictionaryInput), className),
         onSubmit: handleSubmit,
         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
             className: (_DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5___default().input),
-            pattern: `.*[^\\s${_scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.COMMA_ARABIC}${_scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.COMMA_LATIN}].*`,
+            pattern: `.*[^\\s${comma}].*`,
             placeholder: translate("dictionary.input.placeholder"),
             required: true,
             title: translate("dictionary.input.title"),
@@ -2938,11 +3067,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36743);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(65925);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83601);
 /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(59026);
 /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__]);
-([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__]);
+state__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 
@@ -3174,11 +3303,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36743);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65925);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83601);
 /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28759);
 /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__]);
-([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
+state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 
@@ -3622,242 +3751,31 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
                         className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
                         Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Cog */ .Oz,
                         tooltip: translate("settings"),
-                        onClick: onShowSettings
-                    })
-                ]
-            })
-        ]
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(NavButtons));
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 90374:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41101);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_NavButtons__WEBPACK_IMPORTED_MODULE_0__]);
-_NavButtons__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 95850:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58966);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65925);
-/* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56343);
-/* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_3__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_PlainTiles__WEBPACK_IMPORTED_MODULE_2__]);
-_PlainTiles__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
-
-const CONTENT = [
-    [
-        "HTTP",
-        "404"
-    ]
-];
-const NotFound = ()=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-        className: (_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_3___default().notFound),
-        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
-            className: (_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_3___default().link),
-            href: "/",
-            children: [
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_1__/* .DashCircleFill */ .XK, {
-                    className: (_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_3___default().icon)
-                }),
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PlainTiles__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-                    className: (_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_3___default().tiles),
-                    content: CONTENT
-                })
-            ]
-        })
-    });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotFound);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 24442:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95850);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_NotFound__WEBPACK_IMPORTED_MODULE_0__]);
-_NotFound__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 32897:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36743);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
-/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(73289);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(14491);
-/* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(25891);
-/* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(31915);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
-state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
-
-
-
-
-
-
-const PlainTiles = ({ className , color , content , dropShadow , showPoints , style , wave  })=>{
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
-    const { fontFamily  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q0[locale];
-    const tiles = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,_lib__WEBPACK_IMPORTED_MODULE_6__/* .createPlainTiles */ .Qb)({
-            color,
-            content,
-            showPoints
-        }), [
-        color,
-        content,
-        showPoints
-    ]);
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("svg", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, {
-            [(_PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8___default().dropShadow)]: dropShadow,
-            [(_PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8___default().wave)]: wave
-        }),
-        style: style,
-        viewBox: (0,_lib__WEBPACK_IMPORTED_MODULE_6__/* .getViewbox */ .kR)(content),
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SvgFontCss__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                fontFamily: fontFamily
-            }),
-            tiles.map((tile, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                    character: tile.character,
-                    className: (_PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8___default().tile),
-                    color: tile.color,
-                    fontFamily: fontFamily,
-                    points: tile.points,
-                    size: tile.size,
-                    transform: tile.transform,
-                    x: tile.x,
-                    y: tile.y
-                }, index))
-        ]
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlainTiles);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 31915:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-
-const Tile = ({ character , className , color , fontFamily , points , size , transform , x , y  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("g", {
-        className: className,
-        transform: transform,
-        children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
-                fill: color,
-                height: size,
-                rx: size * 0.15,
-                width: size,
-                x: x,
-                y: y
-            }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("text", {
-                dominantBaseline: "central",
-                fontFamily: fontFamily,
-                fontSize: size * 0.6,
-                fontWeight: "bold",
-                textAnchor: "middle",
-                x: x + size / 2,
-                y: y + size / 2,
-                children: character
-            }),
-            typeof points === "number" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("text", {
-                dominantBaseline: "text-after-edge",
-                fontFamily: fontFamily,
-                fontSize: size * 0.25,
-                fontWeight: "bold",
-                textAnchor: "end",
-                x: x + size * 0.9,
-                y: y + size * 0.95,
-                children: points
+                        onClick: onShowSettings
+                    })
+                ]
             })
         ]
     });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tile);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(NavButtons));
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 65925:
+/***/ 90374:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _PlainTiles__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Z": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32897);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_PlainTiles__WEBPACK_IMPORTED_MODULE_0__]);
-_PlainTiles__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41101);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_NavButtons__WEBPACK_IMPORTED_MODULE_0__]);
+_NavButtons__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 __webpack_async_result__();
@@ -3865,19 +3783,77 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 14491:
+/***/ 1437:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Qb": () => (/* reexport */ lib_createPlainTiles),
-  "kR": () => (/* reexport */ lib_getViewbox)
+  "Z": () => (/* reexport */ NotFound_NotFound)
 });
 
-// UNUSED EXPORTS: createPlainTile, getX, getY, randomize
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+// EXTERNAL MODULE: ./src/icons/index.ts + 41 modules
+var icons = __webpack_require__(58966);
+// EXTERNAL MODULE: ./src/components/PlainTiles/index.ts + 9 modules
+var PlainTiles = __webpack_require__(83601);
+// EXTERNAL MODULE: ./src/components/NotFound/NotFound.module.scss
+var NotFound_module = __webpack_require__(56343);
+var NotFound_module_default = /*#__PURE__*/__webpack_require__.n(NotFound_module);
+;// CONCATENATED MODULE: ./src/components/NotFound/NotFound.tsx
+
+
+
+
+const CONTENT = [
+    [
+        "HTTP",
+        "404"
+    ]
+];
+const NotFound = ()=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
+        className: (NotFound_module_default()).notFound,
+        children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
+            className: (NotFound_module_default()).link,
+            href: "/",
+            children: [
+                /*#__PURE__*/ jsx_runtime_.jsx(icons/* DashCircleFill */.XK, {
+                    className: (NotFound_module_default()).icon
+                }),
+                /*#__PURE__*/ jsx_runtime_.jsx(PlainTiles/* default */.Z, {
+                    className: (NotFound_module_default()).tiles,
+                    content: CONTENT
+                })
+            ]
+        })
+    });
+/* harmony default export */ const NotFound_NotFound = (NotFound);
+
+;// CONCATENATED MODULE: ./src/components/NotFound/index.ts
+
+
+
+/***/ }),
+
+/***/ 83601:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ PlainTiles_PlainTiles)
+});
 
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(59003);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
 // EXTERNAL MODULE: ../configs/build/index.js
 var build = __webpack_require__(89418);
 // EXTERNAL MODULE: ../types/build/index.js
@@ -3972,6 +3948,87 @@ const getViewbox = (content)=>{
 
 
 
+// EXTERNAL MODULE: ./src/components/PlainTiles/PlainTiles.module.scss
+var PlainTiles_module = __webpack_require__(25891);
+var PlainTiles_module_default = /*#__PURE__*/__webpack_require__.n(PlainTiles_module);
+;// CONCATENATED MODULE: ./src/components/PlainTiles/Tile.tsx
+
+const Tile = ({ character , className , color , points , size , transform , x , y  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)("g", {
+        className: className,
+        transform: transform,
+        children: [
+            /*#__PURE__*/ jsx_runtime_.jsx("rect", {
+                fill: color,
+                height: size,
+                rx: size * 0.15,
+                width: size,
+                x: x,
+                y: y
+            }),
+            /*#__PURE__*/ jsx_runtime_.jsx("text", {
+                dominantBaseline: "central",
+                fontSize: size * 0.6,
+                fontWeight: "bold",
+                textAnchor: "middle",
+                x: x + size / 2,
+                y: y + size / 2,
+                children: character
+            }),
+            typeof points === "number" && /*#__PURE__*/ jsx_runtime_.jsx("text", {
+                dominantBaseline: "text-after-edge",
+                fontSize: size * 0.25,
+                fontWeight: "bold",
+                textAnchor: "end",
+                x: x + size * 0.9,
+                y: y + size * 0.95,
+                children: points
+            })
+        ]
+    });
+/* harmony default export */ const PlainTiles_Tile = (Tile);
+
+;// CONCATENATED MODULE: ./src/components/PlainTiles/PlainTiles.tsx
+
+
+
+
+
+
+const PlainTiles = ({ className , color , content , dropShadow , showPoints , style , wave  })=>{
+    const tiles = (0,external_react_.useMemo)(()=>lib_createPlainTiles({
+            color,
+            content,
+            showPoints
+        }), [
+        color,
+        content,
+        showPoints
+    ]);
+    return /*#__PURE__*/ jsx_runtime_.jsx("svg", {
+        className: external_classnames_default()(className, {
+            [(PlainTiles_module_default()).dropShadow]: dropShadow,
+            [(PlainTiles_module_default()).wave]: wave
+        }),
+        style: style,
+        viewBox: lib_getViewbox(content),
+        xmlns: "http://www.w3.org/2000/svg",
+        children: tiles.map((tile, index)=>/*#__PURE__*/ jsx_runtime_.jsx(PlainTiles_Tile, {
+                character: tile.character,
+                className: (PlainTiles_module_default()).tile,
+                color: tile.color,
+                points: tile.points,
+                size: tile.size,
+                transform: tile.transform,
+                x: tile.x,
+                y: tile.y
+            }, index))
+    });
+};
+/* harmony default export */ const PlainTiles_PlainTiles = (PlainTiles);
+
+;// CONCATENATED MODULE: ./src/components/PlainTiles/index.ts
+
+
 
 /***/ }),
 
@@ -4058,7 +4115,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55238);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
 /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(52404);
 /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__);
@@ -4218,7 +4275,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55238);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
 /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(96815);
 /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(52404);
@@ -4405,7 +4462,7 @@ const Cell = ({ className , translationKey , tooltip , value  })=>{
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectLocale */ .fN);
     const formattedValue = value.toLocaleString(locale);
     const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_3__/* .useTooltip */ .l)(`${translate(translationKey)}: ${tooltip || formattedValue}`);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cell), className),
         ...triggerProps,
         children: formattedValue
@@ -4511,7 +4568,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55238);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
 /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1966);
 /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29287);
@@ -4535,10 +4592,12 @@ const Result = ({ data , index , style  })=>{
     const ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
     const columns = (0,_useColumns__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)();
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
-    const { consonants , vowels  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q0[locale];
+    const { consonants , direction , separator , vowels  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q0[locale];
     const result = results[index];
     const isMatching = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectIsResultMatching */ .yJ)(state, index));
-    const otherWords = result.words.slice(1).join(" / ").toLocaleUpperCase();
+    const words = direction === "rtl" ? [
+        ...result.words
+    ].reverse() : result.words;
     const enabledColumns = Object.fromEntries(columns.map((column)=>[
             column.id,
             true
@@ -4568,7 +4627,7 @@ const Result = ({ data , index , style  })=>{
                 enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.Word */ .M.Word] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                     className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().word),
                     translationKey: "common.word",
-                    value: `${result.word.toLocaleUpperCase()}${otherWords.length > 0 ? ` (${otherWords})` : ""}`
+                    value: result.word
                 }),
                 enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.TilesCount */ .M.TilesCount] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                     className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().stat),
@@ -4593,7 +4652,7 @@ const Result = ({ data , index , style  })=>{
                 enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.WordsCount */ .M.WordsCount] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                     className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().stat),
                     translationKey: "common.words",
-                    tooltip: `${result.wordsCount} (${result.words.join(" / ").toLocaleUpperCase()})`,
+                    tooltip: `${result.wordsCount.toLocaleString(locale)} (${words.join(separator)})`,
                     value: result.wordsCount
                 }),
                 enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.Points */ .M.Points] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
@@ -4983,7 +5042,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55238);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
 /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60066);
 /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__);
@@ -5128,7 +5187,7 @@ const Solver = ({ className , onShowResults  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
     const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useIsTouchDevice */ .YQ)();
-    const { cellSize , maxControlsWidth , showCompactControls , showFloatingSolveButton , tileSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useAppLayout */ .Ft)();
+    const { maxControlsWidth , showCompactControls , showFloatingSolveButton , tileSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useAppLayout */ .Ft)();
     const error = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectSolveError */ .Rn);
     const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectAreResultsOutdated */ .Mj);
     const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResultCandidate */ .Xk);
@@ -5194,7 +5253,6 @@ const Solver = ({ className , onShowResults  })=>{
                             onSubmit: handleSubmit,
                             children: [
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Board__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                                    cellSize: cellSize,
                                     className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().board)
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
@@ -5299,7 +5357,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(58966);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55238);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83900);
 /* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33538);
@@ -5690,90 +5748,6 @@ _Spinner__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
-
-/***/ 73289:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ SvgFontCss_SvgFontCss)
-});
-
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-;// CONCATENATED MODULE: ./src/components/SvgFontCss/createCss.ts
-const importUrl = // eslint-disable-next-line max-len
-"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@400;700&family=Vazirmatn:wght@300;400;700&family=Roboto+Mono&display=swap";
-const createCss = (fontFamily)=>`@import url('${importUrl}');
-
-text {
-  font-family: '${fontFamily}';
-}`;
-/* harmony default export */ const SvgFontCss_createCss = (createCss);
-
-;// CONCATENATED MODULE: ./src/components/SvgFontCss/SvgFontCss.tsx
-
-
-const SvgFontCss = ({ fontFamily  })=>{
-    // eslint-disable-next-line react/no-danger
-    return /*#__PURE__*/ jsx_runtime_.jsx("style", {
-        type: "text/css",
-        dangerouslySetInnerHTML: {
-            __html: SvgFontCss_createCss(fontFamily)
-        }
-    });
-};
-/* harmony default export */ const SvgFontCss_SvgFontCss = (SvgFontCss);
-
-;// CONCATENATED MODULE: ./src/components/SvgFontCss/index.ts
-
-
-
-/***/ }),
-
-/***/ 33956:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ SvgFontFix_SvgFontFix)
-});
-
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-// EXTERNAL MODULE: ./src/i18n/index.ts + 8 modules
-var i18n = __webpack_require__(36743);
-// EXTERNAL MODULE: ./src/components/SvgFontCss/index.ts + 2 modules
-var SvgFontCss = __webpack_require__(73289);
-// EXTERNAL MODULE: ./src/components/SvgFontFix/SvgFontFix.module.scss
-var SvgFontFix_module = __webpack_require__(35516);
-var SvgFontFix_module_default = /*#__PURE__*/__webpack_require__.n(SvgFontFix_module);
-;// CONCATENATED MODULE: ./src/components/SvgFontFix/SvgFontFix.tsx
-
-
-
-
-const SvgFontFix = ()=>{
-    const fontFamilies = Array.from(new Set(Object.values(i18n/* LOCALE_FEATURES */.q0).map(({ fontFamily  })=>fontFamily)));
-    return /*#__PURE__*/ jsx_runtime_.jsx("svg", {
-        className: (SvgFontFix_module_default()).svgFontFix,
-        xmlns: "http://www.w3.org/2000/svg",
-        children: fontFamilies.map((fontFamily)=>/*#__PURE__*/ jsx_runtime_.jsx(SvgFontCss/* default */.Z, {
-                fontFamily: fontFamily
-            }, fontFamily))
-    });
-};
-/* harmony default export */ const SvgFontFix_SvgFontFix = (SvgFontFix);
-
-;// CONCATENATED MODULE: ./src/components/SvgFontFix/index.ts
-
-
-
 /***/ }),
 
 /***/ 10579:
@@ -5791,7 +5765,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55238);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
 /* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(83147);
@@ -6008,7 +5982,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55238);
 /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(53229);
 /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_4__]);
@@ -6141,11 +6115,10 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */   "Y8": () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_18__.Z),
 /* harmony export */   "Z$": () => (/* reexport safe */ _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__.Z),
 /* harmony export */   "_m": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_13__.Z),
-/* harmony export */   "n9": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_26__.Z),
+/* harmony export */   "n9": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_24__.Z),
 /* harmony export */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_9__.Z),
 /* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_19__.Z),
 /* harmony export */   "u_": () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_12__.Z),
-/* harmony export */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_25__.Z),
 /* harmony export */   "zx": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_3__.Z)
 /* harmony export */ });
 /* harmony import */ var _Alert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15982);
@@ -6162,8 +6135,8 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(18801);
 /* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(59187);
 /* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(90374);
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(24442);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(65925);
+/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(1437);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(83601);
 /* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(29348);
 /* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(95937);
 /* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(71739);
@@ -6172,14 +6145,10 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _SeoMessage__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(84203);
 /* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(65437);
 /* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(33538);
-/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(73289);
-/* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(33956);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(96815);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(59004);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_2__, _Button__WEBPACK_IMPORTED_MODULE_3__, _Dictionary__WEBPACK_IMPORTED_MODULE_5__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_10__, _Logo__WEBPACK_IMPORTED_MODULE_11__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _NotFound__WEBPACK_IMPORTED_MODULE_14__, _PlainTiles__WEBPACK_IMPORTED_MODULE_15__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _Spinner__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__]);
-([_Board__WEBPACK_IMPORTED_MODULE_2__, _Button__WEBPACK_IMPORTED_MODULE_3__, _Dictionary__WEBPACK_IMPORTED_MODULE_5__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_10__, _Logo__WEBPACK_IMPORTED_MODULE_11__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _NotFound__WEBPACK_IMPORTED_MODULE_14__, _PlainTiles__WEBPACK_IMPORTED_MODULE_15__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _Spinner__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(96815);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(59004);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_2__, _Button__WEBPACK_IMPORTED_MODULE_3__, _Dictionary__WEBPACK_IMPORTED_MODULE_5__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_10__, _Logo__WEBPACK_IMPORTED_MODULE_11__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _Spinner__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_24__, _Tooltip__WEBPACK_IMPORTED_MODULE_25__]);
+([_Board__WEBPACK_IMPORTED_MODULE_2__, _Button__WEBPACK_IMPORTED_MODULE_3__, _Dictionary__WEBPACK_IMPORTED_MODULE_5__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_10__, _Logo__WEBPACK_IMPORTED_MODULE_11__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _Spinner__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_24__, _Tooltip__WEBPACK_IMPORTED_MODULE_25__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -6313,6 +6282,7 @@ const useAppLayout = ()=>{
     return {
         actionsWidth: 2 * parameters__WEBPACK_IMPORTED_MODULE_0__/* .BUTTON_HEIGHT */ .FZ - parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF,
         animateTile: !isLessThanXs,
+        boardSize,
         cellSize,
         dictionaryHeight,
         isModalFullWidth: isLessThanS,
@@ -6346,11 +6316,11 @@ __webpack_async_result__();
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55238);
 
 
 const useDirection = (direction)=>{
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(()=>{
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
         const html = document.body.parentElement;
         if (!html) {
             return lib__WEBPACK_IMPORTED_MODULE_1__/* .noop */ .ZT;
@@ -6411,11 +6381,11 @@ const useIsTouchDevice = ()=>{
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55238);
 
 
 const useLanguage = (language)=>{
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(()=>{
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
         const html = document.body.parentElement;
         if (!html) {
             return lib__WEBPACK_IMPORTED_MODULE_1__/* .noop */ .ZT;
@@ -6650,7 +6620,7 @@ const useOnWindowResize = (onResize)=>{
 /* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom_client__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var react_portal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63938);
 /* harmony import */ var react_portal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_portal__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55238);
 
 
 
@@ -6740,8 +6710,10 @@ __webpack_require__.d(__webpack_exports__, {
   "ZP": () => (/* reexport */ i18n_i18n)
 });
 
+// EXTERNAL MODULE: ../constants/build/index.js
+var build = __webpack_require__(7618);
 // EXTERNAL MODULE: ../types/build/index.js
-var build = __webpack_require__(34046);
+var types_build = __webpack_require__(34046);
 // EXTERNAL MODULE: ./src/icons/index.ts + 41 modules
 var icons = __webpack_require__(58966);
 // EXTERNAL MODULE: ./src/i18n/i18n.module.scss
@@ -6751,114 +6723,122 @@ var i18n_module_default = /*#__PURE__*/__webpack_require__.n(i18n_module);
 
 
 
+
 const LOCALE_FEATURES = {
-    [build.Locale.DE_DE]: {
-        direction: "ltr",
-        fontFamily: "Open Sans",
+    [types_build.Locale.DE_DE]: {
+        comma: build.COMMA_LATIN,
         consonants: true,
+        direction: "ltr",
+        separator: `${build.COMMA_LATIN} `,
         vowels: true
     },
-    [build.Locale.EN_GB]: {
-        direction: "ltr",
-        fontFamily: "Open Sans",
+    [types_build.Locale.EN_GB]: {
+        comma: build.COMMA_LATIN,
         consonants: true,
+        direction: "ltr",
+        separator: `${build.COMMA_LATIN} `,
         vowels: true
     },
-    [build.Locale.EN_US]: {
-        direction: "ltr",
-        fontFamily: "Open Sans",
+    [types_build.Locale.EN_US]: {
+        comma: build.COMMA_LATIN,
         consonants: true,
+        direction: "ltr",
+        separator: `${build.COMMA_LATIN} `,
         vowels: true
     },
-    [build.Locale.ES_ES]: {
-        direction: "ltr",
-        fontFamily: "Open Sans",
+    [types_build.Locale.ES_ES]: {
+        comma: build.COMMA_LATIN,
         consonants: true,
+        direction: "ltr",
+        separator: `${build.COMMA_LATIN} `,
         vowels: true
     },
-    [build.Locale.FA_IR]: {
-        direction: "rtl",
-        fontFamily: "Vazirmatn",
+    [types_build.Locale.FA_IR]: {
+        comma: build.COMMA_ARABIC,
         consonants: false,
+        direction: "rtl",
+        separator: `${build.COMMA_ARABIC} `,
         vowels: false
     },
-    [build.Locale.FR_FR]: {
-        direction: "ltr",
-        fontFamily: "Open Sans",
+    [types_build.Locale.FR_FR]: {
+        comma: build.COMMA_LATIN,
         consonants: true,
+        direction: "ltr",
+        separator: `${build.COMMA_LATIN} `,
         vowels: true
     },
-    [build.Locale.PL_PL]: {
-        direction: "ltr",
-        fontFamily: "Open Sans",
+    [types_build.Locale.PL_PL]: {
+        comma: build.COMMA_LATIN,
         consonants: true,
+        direction: "ltr",
+        separator: `${build.COMMA_LATIN} `,
         vowels: true
     }
 };
 const LOCALE_FLAGS = {
-    [build.Locale.DE_DE]: {
+    [types_build.Locale.DE_DE]: {
         className: (i18n_module_default()).de,
         Icon: icons/* FlagDe */.rV,
         label: "Deutsch",
         name: "German",
-        value: build.Locale.DE_DE
+        value: types_build.Locale.DE_DE
     },
-    [build.Locale.EN_GB]: {
+    [types_build.Locale.EN_GB]: {
         className: (i18n_module_default()).gb,
         Icon: icons/* FlagGb */.eP,
         label: "English (GB)",
         name: "English (GB)",
-        value: build.Locale.EN_GB
+        value: types_build.Locale.EN_GB
     },
-    [build.Locale.EN_US]: {
+    [types_build.Locale.EN_US]: {
         className: (i18n_module_default()).us,
         Icon: icons/* FlagUs */.YK,
         label: "English (US)",
         name: "English (US)",
-        value: build.Locale.EN_US
+        value: types_build.Locale.EN_US
     },
-    [build.Locale.ES_ES]: {
+    [types_build.Locale.ES_ES]: {
         className: (i18n_module_default()).es,
         Icon: icons/* FlagEs */.d,
         label: "Espa\xf1ol",
         name: "Spanish",
-        value: build.Locale.ES_ES
+        value: types_build.Locale.ES_ES
     },
-    [build.Locale.FA_IR]: {
+    [types_build.Locale.FA_IR]: {
         className: (i18n_module_default()).fa,
         Icon: icons/* FlagFa */.$M,
         label: "فارسی",
         name: "Persian",
-        value: build.Locale.FA_IR
+        value: types_build.Locale.FA_IR
     },
-    [build.Locale.FR_FR]: {
+    [types_build.Locale.FR_FR]: {
         className: (i18n_module_default()).fr,
         Icon: icons/* FlagFr */.OV,
         label: "Fran\xe7ais",
         name: "French",
-        value: build.Locale.FR_FR
+        value: types_build.Locale.FR_FR
     },
-    [build.Locale.PL_PL]: {
+    [types_build.Locale.PL_PL]: {
         className: (i18n_module_default()).pl,
         Icon: icons/* FlagPl */.fd,
         label: "Polski",
         name: "Polish",
-        value: build.Locale.PL_PL
+        value: types_build.Locale.PL_PL
     }
 };
 
 ;// CONCATENATED MODULE: ./src/i18n/de.json
-const de_namespaceObject = JSON.parse('{"cell.filter-cell":"Zielort - klicken zum Wechseln","cell.set-blank":"Als Blanko markieren","cell.set-not-blank":"Nicht als Blanko markieren","cell.tile.location":"Brett: Stein ({{x}}, {{y}})","cell.toggle-direction":"Schreibrichtung - klicken zum Wechseln","common.blanks":"Blankos","common.clear":"Löschen","common.close":"Schließen","common.consonants":"Konsonanten","common.loading":"Laden","common.next":"Weiter","common.points":"Punkte","common.previous":"Zurück","common.tiles":"Steine","common.two-letter-tiles":"Zwei-Buchstaben","common.vowels":"Vokale","common.word":"Wort","common.words":"Wörter","dictionary":"Wörterbuch","dictionary.empty-state.no-definitions":"Wort existiert im Wörterbuch aber hat keine Definition.","dictionary.empty-state.no-results":"Wort kann nicht im Wörterbuch gefunden werden.","dictionary.empty-state.not-allowed":"Dieses Wort ist nicht erlaubt.","dictionary.empty-state.uninitialized":"Die Wörterbuchdéfinition wird hier angezeigt.","dictionary.input.placeholder":"Durchsuche Wörterbuch...","dictionary.input.title":"Durch Kommas getrennte Wörter","empty-state.error":"Fehler","empty-state.info":"Info","empty-state.success":"Juhuu!","empty-state.warning":"Oje!","github":"Schau dieses Projekt auf GitHub an","keyMap":"Tastaturkürzel","keyMap.board":"Brett","keyMap.board.toggle-blank":"Als Blanko markieren / aufheben","keyMap.board.toggle-direction":"Schreibrichtung umschalten","keyMap.board-and-rack":"Brett & Ablage","keyMap.board-and-rack.insert-two-letter-tile":"Zwei-Buchstaben Stein hinzufügen","keyMap.board-and-rack.navigate":"Navigieren","keyMap.board-and-rack.remove-tile":"Stein entfernen","keyMap.board-and-rack.submit":"Lösen starten","keyMap.rack":"Ablage","keyMap.rack.insert-blank":"Blanko hinzufügen (Leertaste)","menu":"Menü","rack.placeholder":"Steine…","rack.tile.location":"Ablage: Stein ({{index}})","remaining-tiles":"Restliche Steine","results":"Ergebnisse","results.empty-state.no-results":"Keine Ergebnisse - kein Wort konnte generiert werden.","results.empty-state.outdated":"Ergebnisse sind alt.","results.empty-state.uninitialized":"Wörter die aus deinen Buchstaben generiert wurden erscheinen hier.","results.input.placeholder":"Suchergebnisse... (RegExp)","results.insert":"Hinzufügen","results.preview":"Vorschau","results.solve":"Lösen","settings":"Einstellungen","settings.autoGroupTiles":"Restliche Steine gruppieren","settings.autoGroupTiles.left":"Linke Seite","settings.autoGroupTiles.right":"Rechte Seite","settings.autoGroupTiles.null":"Nicht gruppieren","settings.game":"Spiel","settings.language":"Sprache","words":"Gebildete Wörter","words.invalid":"Falsch","words.valid":"Korrekt"}');
+const de_namespaceObject = JSON.parse('{"cell.filter-cell":"Zielort","cell.set-blank":"Als Blanko markieren","cell.set-not-blank":"Nicht als Blanko markieren","cell.tile.location":"Brett: Stein ({{x}}, {{y}})","cell.toggle-direction":"Schreibrichtung","common.blanks":"Blankos","common.clear":"Löschen","common.close":"Schließen","common.consonants":"Konsonanten","common.loading":"Laden","common.next":"Weiter","common.points":"Punkte","common.previous":"Zurück","common.tiles":"Steine","common.two-letter-tiles":"Zwei-Buchstaben","common.vowels":"Vokale","common.word":"Wort","common.words":"Wörter","dictionary":"Wörterbuch","dictionary.empty-state.no-definitions":"Wort existiert im Wörterbuch aber hat keine Definition.","dictionary.empty-state.no-results":"Wort kann nicht im Wörterbuch gefunden werden.","dictionary.empty-state.not-allowed":"Dieses Wort ist nicht erlaubt.","dictionary.empty-state.uninitialized":"Die Wörterbuchdéfinition wird hier angezeigt.","dictionary.input.placeholder":"Durchsuche Wörterbuch...","dictionary.input.title":"Durch Kommas getrennte Wörter","empty-state.error":"Fehler","empty-state.info":"Info","empty-state.success":"Juhuu!","empty-state.warning":"Oje!","github":"Schau dieses Projekt auf GitHub an","keyMap":"Tastaturkürzel","keyMap.board":"Brett","keyMap.board.toggle-blank":"Als Blanko markieren / aufheben","keyMap.board.toggle-direction":"Schreibrichtung umschalten","keyMap.board-and-rack":"Brett & Ablage","keyMap.board-and-rack.insert-two-letter-tile":"Zwei-Buchstaben Stein hinzufügen","keyMap.board-and-rack.navigate":"Navigieren","keyMap.board-and-rack.remove-tile":"Stein entfernen","keyMap.board-and-rack.submit":"Lösen starten","keyMap.rack":"Ablage","keyMap.rack.insert-blank":"Blanko hinzufügen (Leertaste)","menu":"Menü","rack.placeholder":"Steine…","rack.tile.location":"Ablage: Stein ({{index}})","remaining-tiles":"Restliche Steine","results":"Ergebnisse","results.empty-state.no-results":"Keine Ergebnisse - kein Wort konnte generiert werden.","results.empty-state.outdated":"Ergebnisse sind alt.","results.empty-state.uninitialized":"Wörter die aus deinen Buchstaben generiert wurden erscheinen hier.","results.input.placeholder":"Suchergebnisse... (RegExp)","results.insert":"Hinzufügen","results.preview":"Vorschau","results.solve":"Lösen","settings":"Einstellungen","settings.autoGroupTiles":"Restliche Steine gruppieren","settings.autoGroupTiles.left":"Linke Seite","settings.autoGroupTiles.right":"Rechte Seite","settings.autoGroupTiles.null":"Nicht gruppieren","settings.game":"Spiel","settings.language":"Sprache","words":"Gebildete Wörter","words.invalid":"Falsch","words.valid":"Korrekt"}');
 ;// CONCATENATED MODULE: ./src/i18n/en.json
-const en_namespaceObject = JSON.parse('{"cell.filter-cell":"Target destination - click to toggle","cell.set-blank":"Mark it a blank","cell.set-not-blank":"Mark it not a blank","cell.tile.location":"Board: tile ({{x}}, {{y}})","cell.toggle-direction":"Typing direction - click to toggle","common.blanks":"Blanks","common.clear":"Clear","common.close":"Close","common.consonants":"Consonants","common.loading":"Loading","common.next":"Next","common.points":"Points","common.previous":"Previous","common.tiles":"Tiles","common.two-letter-tiles":"Two-letter","common.vowels":"Vowels","common.word":"Word","common.words":"Words","dictionary":"Dictionary","dictionary.empty-state.no-definitions":"Word exists in the dictionary but it does not have a definition.","dictionary.empty-state.no-results":"Unable to find word definition in the dictionary.","dictionary.empty-state.not-allowed":"This word is not allowed.","dictionary.empty-state.uninitialized":"Word definition will be shown here.","dictionary.input.placeholder":"Search dictionary...","dictionary.input.title":"Comma-separated words","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Yeah!","empty-state.warning":"Oops!","github":"See this project on GitHub","keyMap":"Keyboard shortcuts","keyMap.board":"Board","keyMap.board.toggle-blank":"Mark/unmark tile as a blank","keyMap.board.toggle-direction":"Toggle typing direction","keyMap.board-and-rack":"Board & rack","keyMap.board-and-rack.insert-two-letter-tile":"Insert two-letter tile","keyMap.board-and-rack.navigate":"Navigate","keyMap.board-and-rack.remove-tile":"Remove tile","keyMap.board-and-rack.submit":"Start solving","keyMap.rack":"Rack","keyMap.rack.insert-blank":"Insert blank (spacebar)","menu":"Menu","rack.placeholder":"Letters","rack.tile.location":"Rack: tile ({{index}})","remaining-tiles":"Remaining tiles","results":"Results","results.empty-state.no-results":"No results - unable to generate any words.","results.empty-state.outdated":"Results are outdated.","results.empty-state.uninitialized":"Words generated from your letters will be shown here.","results.input.placeholder":"Search results... (RegExp)","results.insert":"Insert","results.preview":"Preview","results.solve":"Solve","settings":"Settings","settings.autoGroupTiles":"Group remaining tiles","settings.autoGroupTiles.left":"On the left","settings.autoGroupTiles.right":"On the right","settings.autoGroupTiles.null":"Do not group","settings.game":"Game","settings.language":"Language","words":"Created words","words.invalid":"Invalid","words.valid":"Valid"}');
+const en_namespaceObject = JSON.parse('{"cell.filter-cell":"Target destination","cell.set-blank":"Mark it a blank","cell.set-not-blank":"Mark it not a blank","cell.tile.location":"Board: tile ({{x}}, {{y}})","cell.toggle-direction":"Typing direction","common.blanks":"Blanks","common.clear":"Clear","common.close":"Close","common.consonants":"Consonants","common.loading":"Loading","common.next":"Next","common.points":"Points","common.previous":"Previous","common.tiles":"Tiles","common.two-letter-tiles":"Two-letter","common.vowels":"Vowels","common.word":"Word","common.words":"Words","dictionary":"Dictionary","dictionary.empty-state.no-definitions":"Word exists in the dictionary but it does not have a definition.","dictionary.empty-state.no-results":"Unable to find word definition in the dictionary.","dictionary.empty-state.not-allowed":"This word is not allowed.","dictionary.empty-state.uninitialized":"Word definition will be shown here.","dictionary.input.placeholder":"Search dictionary...","dictionary.input.title":"Comma-separated words","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Yeah!","empty-state.warning":"Oops!","github":"See this project on GitHub","keyMap":"Keyboard shortcuts","keyMap.board":"Board","keyMap.board.toggle-blank":"Mark/unmark tile as a blank","keyMap.board.toggle-direction":"Toggle typing direction","keyMap.board-and-rack":"Board & rack","keyMap.board-and-rack.insert-two-letter-tile":"Insert two-letter tile","keyMap.board-and-rack.navigate":"Navigate","keyMap.board-and-rack.remove-tile":"Remove tile","keyMap.board-and-rack.submit":"Start solving","keyMap.rack":"Rack","keyMap.rack.insert-blank":"Insert blank (spacebar)","menu":"Menu","rack.placeholder":"Letters","rack.tile.location":"Rack: tile ({{index}})","remaining-tiles":"Remaining tiles","results":"Results","results.empty-state.no-results":"No results - unable to generate any words.","results.empty-state.outdated":"Results are outdated.","results.empty-state.uninitialized":"Words generated from your letters will be shown here.","results.input.placeholder":"Search results... (RegExp)","results.insert":"Insert","results.preview":"Preview","results.solve":"Solve","settings":"Settings","settings.autoGroupTiles":"Group remaining tiles","settings.autoGroupTiles.left":"On the left","settings.autoGroupTiles.right":"On the right","settings.autoGroupTiles.null":"Do not group","settings.game":"Game","settings.language":"Language","words":"Created words","words.invalid":"Invalid","words.valid":"Valid"}');
 ;// CONCATENATED MODULE: ./src/i18n/es.json
-const es_namespaceObject = JSON.parse('{"cell.filter-cell":"Destino objetivo: haga clic para alternar","cell.set-blank":"Marcar como en blanco","cell.set-not-blank":"Marcar como no en blanco","cell.tile.location":"Tablero: espacio ({{x}}, {{y}})","cell.toggle-direction":"Dirección de escritura: haga clic para alternar","common.blanks":"Blancos","common.clear":"Borrar","common.close":"Cerrar","common.consonants":"Consonantes","common.loading":"Cargando","common.next":"Siguiente","common.points":"Puntos","common.previous":"Anterior","common.tiles":"Longitud","common.two-letter-tiles":"Dos letras","common.vowels":"Vocales","common.word":"Palabra","common.words":"Palabras","dictionary":"Diccionario","dictionary.empty-state.no-definitions":"La palabra existe en el diccionario pero no tiene una definición.","dictionary.empty-state.no-results":"No se puede encontrar la definición de palabra en el diccionario.","dictionary.empty-state.not-allowed":"Esta palabra no es aceptable.","dictionary.empty-state.uninitialized":"Aquí se mostrará la definición del diccionario.","dictionary.input.placeholder":"Busca el diccionario...","dictionary.input.title":"Palabras separadas por comas","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Sí!","empty-state.warning":"Vaya!","github":"Ver este proyecto en GitHub","keyMap":"Atajos de teclado","keyMap.board":"Tablero","keyMap.board.toggle-blank":"Marcar / desmarcar un espacio en blanco","keyMap.board.toggle-direction":"Alternar dirección de escritura","keyMap.board-and-rack":"Tablero y estante","keyMap.board-and-rack.insert-two-letter-tile":"Insertar mosaico de dos letras","keyMap.board-and-rack.navigate":"Navegar","keyMap.board-and-rack.remove-tile":"Quitar Letra","keyMap.board-and-rack.submit":"Empezar a resolver","keyMap.rack":"Estante","keyMap.rack.insert-blank":"Insertar espacio en blanco (barra espaciadora)","menu":"Menú","rack.placeholder":"Letras…","rack.tile.location":"Estante: espacio ({{index}})","remaining-tiles":"Casillas restantes","results":"Resultados","results.empty-state.no-results":"No hay resultados; no se pueden generar palabras","results.empty-state.outdated":"Los resultados están desactualizados.","results.empty-state.uninitialized":"Aquí se mostrarán las palabras generadas a partir de sus letras.","results.input.placeholder":"Busque una solución... (RegExp)","results.insert":"Insertar","results.preview":"Vista previa","results.solve":"Resolver","settings":"Configuración","settings.autoGroupTiles":"Agrupar casillas restantes","settings.autoGroupTiles.left":"A la izquierda","settings.autoGroupTiles.right":"A la derecha","settings.autoGroupTiles.null":"No agrupar","settings.game":"Juego","settings.language":"Idioma","words":"Palabras creadas","words.invalid":"Incorrecto","words.valid":"Correcto"}');
+const es_namespaceObject = JSON.parse('{"cell.filter-cell":"Destino objetivo","cell.set-blank":"Marcar como en blanco","cell.set-not-blank":"Marcar como no en blanco","cell.tile.location":"Tablero: espacio ({{x}}, {{y}})","cell.toggle-direction":"Dirección de escritura","common.blanks":"Blancos","common.clear":"Borrar","common.close":"Cerrar","common.consonants":"Consonantes","common.loading":"Cargando","common.next":"Siguiente","common.points":"Puntos","common.previous":"Anterior","common.tiles":"Longitud","common.two-letter-tiles":"Dos letras","common.vowels":"Vocales","common.word":"Palabra","common.words":"Palabras","dictionary":"Diccionario","dictionary.empty-state.no-definitions":"La palabra existe en el diccionario pero no tiene una definición.","dictionary.empty-state.no-results":"No se puede encontrar la definición de palabra en el diccionario.","dictionary.empty-state.not-allowed":"Esta palabra no es aceptable.","dictionary.empty-state.uninitialized":"Aquí se mostrará la definición del diccionario.","dictionary.input.placeholder":"Busca el diccionario...","dictionary.input.title":"Palabras separadas por comas","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Sí!","empty-state.warning":"Vaya!","github":"Ver este proyecto en GitHub","keyMap":"Atajos de teclado","keyMap.board":"Tablero","keyMap.board.toggle-blank":"Marcar / desmarcar un espacio en blanco","keyMap.board.toggle-direction":"Alternar dirección de escritura","keyMap.board-and-rack":"Tablero y estante","keyMap.board-and-rack.insert-two-letter-tile":"Insertar mosaico de dos letras","keyMap.board-and-rack.navigate":"Navegar","keyMap.board-and-rack.remove-tile":"Quitar Letra","keyMap.board-and-rack.submit":"Empezar a resolver","keyMap.rack":"Estante","keyMap.rack.insert-blank":"Insertar espacio en blanco (barra espaciadora)","menu":"Menú","rack.placeholder":"Letras…","rack.tile.location":"Estante: espacio ({{index}})","remaining-tiles":"Casillas restantes","results":"Resultados","results.empty-state.no-results":"No hay resultados; no se pueden generar palabras","results.empty-state.outdated":"Los resultados están desactualizados.","results.empty-state.uninitialized":"Aquí se mostrarán las palabras generadas a partir de sus letras.","results.input.placeholder":"Busque una solución... (RegExp)","results.insert":"Insertar","results.preview":"Vista previa","results.solve":"Resolver","settings":"Configuración","settings.autoGroupTiles":"Agrupar casillas restantes","settings.autoGroupTiles.left":"A la izquierda","settings.autoGroupTiles.right":"A la derecha","settings.autoGroupTiles.null":"No agrupar","settings.game":"Juego","settings.language":"Idioma","words":"Palabras creadas","words.invalid":"Incorrecto","words.valid":"Correcto"}');
 ;// CONCATENATED MODULE: ./src/i18n/fa.json
-const fa_namespaceObject = JSON.parse('{"cell.filter-cell":"مقصد - کلیک برای تغییر","cell.set-blank":"علامت گذاری به عنوان خالی","cell.set-not-blank":"علامت گذاری به عنوان غیر خالی","cell.toggle-direction":"جهت تایپ - کلیک برای تغییر","cell.tile.location":"({{x}}، {{y}}) کاشی: صفحه","common.blanks":"خالی","common.clear":"پاک کردن","common.close":"بستن","common.consonants":"حروف صامت","common.loading":"در حال بارگزاری","common.next":"بعدی","common.points":"امتیازات","common.previous":"قبلی","common.tiles":"کاشی ها","common.two-letter-tiles":"دو حرفی","common.vowels":"حروف مصوت","common.word":"کلمه","common.words":"کلمات","dictionary":"فرهنگ لغت","dictionary.empty-state.no-definitions":"کلمه در فرهنگ لغت وجود دارد، ولی معنایی برای آن ثبت نشده است.","dictionary.empty-state.no-results":"کلمه در فرهنگ لغت یافت نشد.","dictionary.empty-state.not-allowed":"این کلمه مجاز نیست.","dictionary.empty-state.uninitialized":"معنی لغت اینجا نمایش داده خواهد شد.","dictionary.input.placeholder":"جستجو در فرهنگ لغت ...","dictionary.input.title":"کلمات جدا شده با کاما","empty-state.error":"خطا","empty-state.info":"اطلاعات","empty-state.success":"حله!","empty-state.warning":"اوووخ!","github":"به این پروژه در گیتهاب سر بزنید","keyMap":"میانبر های کیبورد","keyMap.board":"صفحه","keyMap.board.toggle-blank":"علامت/عدم علامت گذاری کاشی به عنوان خالی","keyMap.board.toggle-direction":"تغییر جهت تایپ","keyMap.board-and-rack":"صفحه و طاقچه","keyMap.board-and-rack.insert-two-letter-tile":"وارد کردن کاشی دو حرفی","keyMap.board-and-rack.navigate":"حرکت","keyMap.board-and-rack.remove-tile":"حذف کاشی","keyMap.board-and-rack.submit":"حل کردن","keyMap.rack":"طاقچه","keyMap.rack.insert-blank":"وارد کردن کاشی خالی (دکمه اسپیس)","menu":"منو","rack.placeholder":"لیستحرف","rack.tile.location":"({{index}}) کاشی: طاقچه","remaining-tiles":"کاشی های باقی مانده","results":"نتایج","results.empty-state.no-results":"کلمه قابل استفاده پیدا نشد.","results.empty-state.outdated":"نتایج به روز نیستند، برای بروز.","results.empty-state.uninitialized":"کلمات تولید شده از حروف شما اینجا نمایش داده خواهد شد.","results.input.placeholder":"جستجو در نتایج (RegExp)","results.insert":"وارد کردن","results.preview":"پیش نمایش","results.solve":"حل کن","settings":"تنظیمات","settings.autoGroupTiles":"کاشی های باقی مانده ی طاقچه را کنار هم قرار بده","settings.autoGroupTiles.left":"در سمت چپ","settings.autoGroupTiles.right":"در سمت راست","settings.autoGroupTiles.null":"کنار هم قرار  نده","settings.game":"بازی","settings.language":"زبان","words":"کلمات ساخته شده","words.invalid":"نا معتبر","words.valid":"معتبر"}');
+const fa_namespaceObject = JSON.parse('{"cell.filter-cell":"مقصد","cell.set-blank":"علامت گذاری به عنوان خالی","cell.set-not-blank":"علامت گذاری به عنوان غیر خالی","cell.tile.location":"({{x}}، {{y}}) کاشی: صفحه","cell.toggle-direction":"جهت تایپ","common.blanks":"خالی","common.clear":"پاک کردن","common.close":"بستن","common.consonants":"حروف صامت","common.loading":"در حال بارگزاری","common.next":"بعدی","common.points":"امتیازات","common.previous":"قبلی","common.tiles":"کاشی ها","common.two-letter-tiles":"دو حرفی","common.vowels":"حروف مصوت","common.word":"کلمه","common.words":"کلمات","dictionary":"فرهنگ لغت","dictionary.empty-state.no-definitions":"کلمه در فرهنگ لغت وجود دارد، ولی معنایی برای آن ثبت نشده است.","dictionary.empty-state.no-results":"کلمه در فرهنگ لغت یافت نشد.","dictionary.empty-state.not-allowed":"این کلمه مجاز نیست.","dictionary.empty-state.uninitialized":"معنی لغت اینجا نمایش داده خواهد شد.","dictionary.input.placeholder":"جستجو در فرهنگ لغت ...","dictionary.input.title":"کلمات جدا شده با کاما","empty-state.error":"خطا","empty-state.info":"اطلاعات","empty-state.success":"حله!","empty-state.warning":"اوووخ!","github":"به این پروژه در گیتهاب سر بزنید","keyMap":"میانبر های کیبورد","keyMap.board":"صفحه","keyMap.board.toggle-blank":"علامت/عدم علامت گذاری کاشی به عنوان خالی","keyMap.board.toggle-direction":"تغییر جهت تایپ","keyMap.board-and-rack":"صفحه و طاقچه","keyMap.board-and-rack.insert-two-letter-tile":"وارد کردن کاشی دو حرفی","keyMap.board-and-rack.navigate":"حرکت","keyMap.board-and-rack.remove-tile":"حذف کاشی","keyMap.board-and-rack.submit":"حل کردن","keyMap.rack":"طاقچه","keyMap.rack.insert-blank":"وارد کردن کاشی خالی (دکمه اسپیس)","menu":"منو","rack.placeholder":"لیستحرف","rack.tile.location":"({{index}}) کاشی: طاقچه","remaining-tiles":"کاشی های باقی مانده","results":"نتایج","results.empty-state.no-results":"کلمه قابل استفاده پیدا نشد.","results.empty-state.outdated":"نتایج به روز نیستند، برای بروز.","results.empty-state.uninitialized":"کلمات تولید شده از حروف شما اینجا نمایش داده خواهد شد.","results.input.placeholder":"جستجو در نتایج (RegExp)","results.insert":"وارد کردن","results.preview":"پیش نمایش","results.solve":"حل کن","settings":"تنظیمات","settings.autoGroupTiles":"کاشی های باقی مانده ی طاقچه را کنار هم قرار بده","settings.autoGroupTiles.left":"در سمت چپ","settings.autoGroupTiles.right":"در سمت راست","settings.autoGroupTiles.null":"کنار هم قرار  نده","settings.game":"بازی","settings.language":"زبان","words":"کلمات ساخته شده","words.invalid":"نا معتبر","words.valid":"معتبر"}');
 ;// CONCATENATED MODULE: ./src/i18n/fr.json
-const fr_namespaceObject = JSON.parse('{"cell.filter-cell":"Destination cible - cliquer pour changer","cell.set-blank":"Marquer comme vide","cell.set-not-blank":"Marquer comme non vide","cell.tile.location":"Plateau: la case ({{x}}, {{y}})","cell.toggle-direction":"Direction d\'écriture - cliquer pour changer","common.blanks":"Cases vides","common.clear":"Effacer","common.close":"Fermer","common.consonants":"Consonnes","common.loading":"Chargement","common.next":"Suivant","common.points":"Points","common.previous":"Précédent","common.tiles":"Cases","common.two-letter-tiles":"Deux lettres","common.vowels":"Voyelles","common.word":"Mot","common.words":"Mots","dictionary":"Dictionnaire","dictionary.empty-state.no-definitions":"Le mot existe dans le dictionary mais n\'a pas de définition.","dictionary.empty-state.no-results":"Impossible de trouver une définition pour ce mot dans le dictionaire.","dictionary.empty-state.not-allowed":"Ce mot n\'est pas pas acceptable.","dictionary.empty-state.uninitialized":"La définition dictionaire sera affichée ici.","dictionary.input.placeholder":"Rechercher dans le dictionnaire...","dictionary.input.title":"Mots séparées par des virgules","empty-state.error":"Erreur","empty-state.info":"Info","empty-state.success":"Ouais!","empty-state.warning":"Oups!","github":"Voir ce projet sur GitHub","keyMap":"Raccourcis clavier","keyMap.board":"Plateau","keyMap.board.toggle-blank":"Marqué/Démarqué la case en tant que vide","keyMap.board.toggle-direction":"Faire basculer la direction d\'écriture","keyMap.board-and-rack":"Plateau & chevalet","keyMap.board-and-rack.insert-two-letter-tile":"Insérer une tuile de deux lettres","keyMap.board-and-rack.navigate":"Naviguer","keyMap.board-and-rack.remove-tile":"Supprimer une case","keyMap.board-and-rack.submit":"Commencer la résolution","keyMap.rack":"Chevalet","keyMap.rack.insert-blank":"Inserer une case vide (spacebar)","menu":"Menu","rack.placeholder":"Lettres","rack.tile.location":"Chevalet: la case ({{index}})","remaining-tiles":"Cases restantes","results":"Résultats","results.empty-state.no-results":"Pas de résultats - impossible de générer des mots.","results.empty-state.outdated":"Les résultats sont dépassé.","results.empty-state.uninitialized":"Les mots générés à partir de vos lettres seront affichés ici.","results.input.placeholder":"Rechercher les résultats... (RegExp)","results.insert":"Inserer","results.preview":"Prévisualisation","results.solve":"Résoudre","settings":"Options","settings.autoGroupTiles":"Grouper les cases restantes","settings.autoGroupTiles.left":"Vers la droite","settings.autoGroupTiles.right":"Vers la gauche","settings.autoGroupTiles.null":"Ne pas grouper","settings.game":"Jeu","settings.language":"Langue","words":"Mots créés","words.invalid":"Incorrect","words.valid":"Corriger"}');
+const fr_namespaceObject = JSON.parse('{"cell.filter-cell":"Destination cible","cell.set-blank":"Marquer comme vide","cell.set-not-blank":"Marquer comme non vide","cell.tile.location":"Plateau: la case ({{x}}, {{y}})","cell.toggle-direction":"Direction d\'écriture","common.blanks":"Cases vides","common.clear":"Effacer","common.close":"Fermer","common.consonants":"Consonnes","common.loading":"Chargement","common.next":"Suivant","common.points":"Points","common.previous":"Précédent","common.tiles":"Cases","common.two-letter-tiles":"Deux lettres","common.vowels":"Voyelles","common.word":"Mot","common.words":"Mots","dictionary":"Dictionnaire","dictionary.empty-state.no-definitions":"Le mot existe dans le dictionary mais n\'a pas de définition.","dictionary.empty-state.no-results":"Impossible de trouver une définition pour ce mot dans le dictionaire.","dictionary.empty-state.not-allowed":"Ce mot n\'est pas pas acceptable.","dictionary.empty-state.uninitialized":"La définition dictionaire sera affichée ici.","dictionary.input.placeholder":"Rechercher dans le dictionnaire...","dictionary.input.title":"Mots séparées par des virgules","empty-state.error":"Erreur","empty-state.info":"Info","empty-state.success":"Ouais!","empty-state.warning":"Oups!","github":"Voir ce projet sur GitHub","keyMap":"Raccourcis clavier","keyMap.board":"Plateau","keyMap.board.toggle-blank":"Marqué/Démarqué la case en tant que vide","keyMap.board.toggle-direction":"Faire basculer la direction d\'écriture","keyMap.board-and-rack":"Plateau & chevalet","keyMap.board-and-rack.insert-two-letter-tile":"Insérer une tuile de deux lettres","keyMap.board-and-rack.navigate":"Naviguer","keyMap.board-and-rack.remove-tile":"Supprimer une case","keyMap.board-and-rack.submit":"Commencer la résolution","keyMap.rack":"Chevalet","keyMap.rack.insert-blank":"Inserer une case vide (spacebar)","menu":"Menu","rack.placeholder":"Lettres","rack.tile.location":"Chevalet: la case ({{index}})","remaining-tiles":"Cases restantes","results":"Résultats","results.empty-state.no-results":"Pas de résultats - impossible de générer des mots.","results.empty-state.outdated":"Les résultats sont dépassé.","results.empty-state.uninitialized":"Les mots générés à partir de vos lettres seront affichés ici.","results.input.placeholder":"Rechercher les résultats... (RegExp)","results.insert":"Inserer","results.preview":"Prévisualisation","results.solve":"Résoudre","settings":"Options","settings.autoGroupTiles":"Grouper les cases restantes","settings.autoGroupTiles.left":"Vers la droite","settings.autoGroupTiles.right":"Vers la gauche","settings.autoGroupTiles.null":"Ne pas grouper","settings.game":"Jeu","settings.language":"Langue","words":"Mots créés","words.invalid":"Incorrect","words.valid":"Corriger"}');
 ;// CONCATENATED MODULE: ./src/i18n/pl.json
-const pl_namespaceObject = JSON.parse('{"cell.filter-cell":"Miejsce docelowe - kliknij aby zmienić","cell.set-blank":"Oznacz jako blank","cell.set-not-blank":"Oznacz jako nie blank","cell.tile.location":"Plansza: płytka ({{x}}, {{y}})","cell.toggle-direction":"Kierunek wpisywania - kliknij aby zmienić","common.blanks":"Blanki","common.clear":"Wyczyść","common.close":"Zamknij","common.consonants":"Spółgłoski","common.loading":"Ładowanie","common.next":"Następne","common.points":"Punkty","common.previous":"Poprzednie","common.tiles":"Płytki","common.two-letter-tiles":"Dwuliterowe","common.vowels":"Samogłoski","common.word":"Słowo","common.words":"Słowa","dictionary":"Słownik","dictionary.empty-state.no-definitions":"Słowo istnieje w słowniku ale nie posiada definicji.","dictionary.empty-state.no-results":"Nie udało się znaleźć definicji słowa w słowniku.","dictionary.empty-state.not-allowed":"To słowo nie jest dopuszczalne w grach.","dictionary.empty-state.uninitialized":"Tu zostanie wyświetlona definicja słowa.","dictionary.input.placeholder":"Szukaj w słowniku...","dictionary.input.title":"Słowa rozdzielone przecinkiem","empty-state.error":"Błąd","empty-state.info":"Info","empty-state.success":"Hurra!","empty-state.warning":"Ups!","github":"Zobacz ten projekt na GitHubie","keyMap":"Skróty klawiszowe","keyMap.board":"Plansza","keyMap.board.toggle-blank":"Oznacz/odznacz płytkę jako blank","keyMap.board.toggle-direction":"Zmień kierunek wpisywania","keyMap.board-and-rack":"Plansza i stojak","keyMap.board-and-rack.insert-two-letter-tile":"Wstaw dwuliterową płytkę","keyMap.board-and-rack.navigate":"Nawigacja","keyMap.board-and-rack.remove-tile":"Zdejmij płytkę","keyMap.board-and-rack.submit":"Rozpocznij wyszukiwanie","keyMap.rack":"Stojak","keyMap.rack.insert-blank":"Wstaw blanka (spacja)","menu":"Menu","rack.placeholder":"Literki","rack.tile.location":"Stojak: płytka ({{index}})","remaining-tiles":"Pozostałe płytki","results":"Wyniki","results.empty-state.no-results":"Brak wyników - nie można wygenerować żadnego słowa.","results.empty-state.outdated":"Wyniki są nieaktualne.","results.empty-state.uninitialized":"Tu zostaną wyświetlone słowa wygenerowane z Twoich liter.","results.input.placeholder":"Szukaj rozwiązania... (RegExp)","results.insert":"Wstaw","results.preview":"Podgląd","results.solve":"Rozwiąż","settings":"Opcje","settings.autoGroupTiles":"Grupuj pozostałe płytki","settings.autoGroupTiles.left":"Po lewej","settings.autoGroupTiles.right":"Po prawej","settings.autoGroupTiles.null":"Nie grupuj","settings.game":"Gra","settings.language":"Język","words":"Utworzone słowa","words.invalid":"Niepoprawne","words.valid":"Poprawne"}');
+const pl_namespaceObject = JSON.parse('{"cell.filter-cell":"Miejsce docelowe","cell.set-blank":"Oznacz jako blank","cell.set-not-blank":"Oznacz jako nie blank","cell.tile.location":"Plansza: płytka ({{x}}, {{y}})","cell.toggle-direction":"Kierunek wpisywania","common.blanks":"Blanki","common.clear":"Wyczyść","common.close":"Zamknij","common.consonants":"Spółgłoski","common.loading":"Ładowanie","common.next":"Następne","common.points":"Punkty","common.previous":"Poprzednie","common.tiles":"Płytki","common.two-letter-tiles":"Dwuliterowe","common.vowels":"Samogłoski","common.word":"Słowo","common.words":"Słowa","dictionary":"Słownik","dictionary.empty-state.no-definitions":"Słowo istnieje w słowniku ale nie posiada definicji.","dictionary.empty-state.no-results":"Nie udało się znaleźć definicji słowa w słowniku.","dictionary.empty-state.not-allowed":"To słowo nie jest dopuszczalne w grach.","dictionary.empty-state.uninitialized":"Tu zostanie wyświetlona definicja słowa.","dictionary.input.placeholder":"Szukaj w słowniku...","dictionary.input.title":"Słowa rozdzielone przecinkiem","empty-state.error":"Błąd","empty-state.info":"Info","empty-state.success":"Hurra!","empty-state.warning":"Ups!","github":"Zobacz ten projekt na GitHubie","keyMap":"Skróty klawiszowe","keyMap.board":"Plansza","keyMap.board.toggle-blank":"Oznacz/odznacz płytkę jako blank","keyMap.board.toggle-direction":"Zmień kierunek wpisywania","keyMap.board-and-rack":"Plansza i stojak","keyMap.board-and-rack.insert-two-letter-tile":"Wstaw dwuliterową płytkę","keyMap.board-and-rack.navigate":"Nawigacja","keyMap.board-and-rack.remove-tile":"Zdejmij płytkę","keyMap.board-and-rack.submit":"Rozpocznij wyszukiwanie","keyMap.rack":"Stojak","keyMap.rack.insert-blank":"Wstaw blanka (spacja)","menu":"Menu","rack.placeholder":"Literki","rack.tile.location":"Stojak: płytka ({{index}})","remaining-tiles":"Pozostałe płytki","results":"Wyniki","results.empty-state.no-results":"Brak wyników - nie można wygenerować żadnego słowa.","results.empty-state.outdated":"Wyniki są nieaktualne.","results.empty-state.uninitialized":"Tu zostaną wyświetlone słowa wygenerowane z Twoich liter.","results.input.placeholder":"Szukaj rozwiązania... (RegExp)","results.insert":"Wstaw","results.preview":"Podgląd","results.solve":"Rozwiąż","settings":"Opcje","settings.autoGroupTiles":"Grupuj pozostałe płytki","settings.autoGroupTiles.left":"Po lewej","settings.autoGroupTiles.right":"Po prawej","settings.autoGroupTiles.null":"Nie grupuj","settings.game":"Gra","settings.language":"Język","words":"Utworzone słowa","words.invalid":"Niepoprawne","words.valid":"Poprawne"}');
 ;// CONCATENATED MODULE: ./src/i18n/i18n.ts
 
 
@@ -6868,13 +6848,13 @@ const pl_namespaceObject = JSON.parse('{"cell.filter-cell":"Miejsce docelowe - k
 
 
 const i18n = {
-    [build.Locale.DE_DE]: de_namespaceObject,
-    [build.Locale.EN_GB]: en_namespaceObject,
-    [build.Locale.EN_US]: en_namespaceObject,
-    [build.Locale.ES_ES]: es_namespaceObject,
-    [build.Locale.FA_IR]: fa_namespaceObject,
-    [build.Locale.FR_FR]: fr_namespaceObject,
-    [build.Locale.PL_PL]: pl_namespaceObject
+    [types_build.Locale.DE_DE]: de_namespaceObject,
+    [types_build.Locale.EN_GB]: en_namespaceObject,
+    [types_build.Locale.EN_US]: en_namespaceObject,
+    [types_build.Locale.ES_ES]: es_namespaceObject,
+    [types_build.Locale.FA_IR]: fa_namespaceObject,
+    [types_build.Locale.FR_FR]: fr_namespaceObject,
+    [types_build.Locale.PL_PL]: pl_namespaceObject
 };
 /* harmony default export */ const i18n_i18n = (i18n);
 
@@ -7887,7 +7867,7 @@ var SvgStar = function SvgStar(props) {
 
 /***/ }),
 
-/***/ 65175:
+/***/ 55238:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -7901,6 +7881,7 @@ __webpack_require__.d(__webpack_exports__, {
   "np": () => (/* reexport */ lib_createKeyboardNavigation),
   "Ml": () => (/* reexport */ lib_createNullMovingComparator),
   "GF": () => (/* reexport */ lib_createRegExp),
+  "kD": () => (/* reexport */ lib_dataUrlToBlob),
   "nK": () => (/* reexport */ lib_extractCharacters),
   "WM": () => (/* reexport */ lib_extractInputValue),
   "Jp": () => (/* reexport */ lib_findCell),
@@ -8004,6 +7985,27 @@ const createRegExp = (input)=>{
 };
 /* harmony default export */ const lib_createRegExp = (createRegExp);
 
+;// CONCATENATED MODULE: ./src/lib/dataUrlToBlob.ts
+const dataUrlToBlob = (dataUrl)=>{
+    const [mime = "", data] = dataUrl.split(",");
+    const [, type] = mime.match(/:(.*?);/) || [];
+    if (typeof type !== "string") {
+        throw new Error("Unsupported data URL");
+    }
+    const byteString = globalThis.atob(data);
+    const u8arr = new Uint8Array(byteString.length);
+    let index = byteString.length;
+    while(index--){
+        u8arr[index] = byteString.charCodeAt(index);
+    }
+    return new Blob([
+        u8arr
+    ], {
+        type
+    });
+};
+/* harmony default export */ const lib_dataUrlToBlob = (dataUrlToBlob);
+
 // EXTERNAL MODULE: ../types/build/index.js
 var build = __webpack_require__(34046);
 ;// CONCATENATED MODULE: ./src/lib/detectLocale.ts
@@ -8470,6 +8472,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 
 
 
+
 
 
 /***/ }),
@@ -8482,10 +8485,12 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 /* harmony export */   "$B": () => (/* binding */ BOARD_TILE_FONT_SIZE_POINTS_MIN),
 /* harmony export */   "$L": () => (/* binding */ RESULTS_HEADER_HEIGHT),
 /* harmony export */   "$M": () => (/* binding */ RACK_TILE_SIZE_MAX),
+/* harmony export */   "$P": () => (/* binding */ COLOR_BONUS_CHARACTER_MULTIPLIER),
 /* harmony export */   "BF": () => (/* binding */ PLAIN_TILES_COLOR_DEFAULT),
 /* harmony export */   "D": () => (/* binding */ PLAIN_TILES_TILE_MAX_SCATTER),
 /* harmony export */   "F1": () => (/* binding */ COLOR_GREEN),
 /* harmony export */   "FZ": () => (/* binding */ BUTTON_HEIGHT),
+/* harmony export */   "HC": () => (/* binding */ COLOR_BONUS_START),
 /* harmony export */   "IO": () => (/* binding */ BOARD_CELL_ACTIONS_OFFSET),
 /* harmony export */   "Kc": () => (/* binding */ EASE_OUT_CUBIC),
 /* harmony export */   "Kw": () => (/* binding */ BOARD_TILE_SIZE_MAX),
@@ -8504,12 +8509,15 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 /* harmony export */   "iF": () => (/* binding */ MODAL_WIDTH),
 /* harmony export */   "j$": () => (/* binding */ BREAKPOINTS),
 /* harmony export */   "kD": () => (/* binding */ TEXT_INPUT_HEIGHT),
+/* harmony export */   "kr": () => (/* binding */ COLOR_BONUS_CHARACTER),
 /* harmony export */   "ku": () => (/* binding */ PLAIN_TILES_TILE_MARGIN),
 /* harmony export */   "mM": () => (/* binding */ REMAINING_TILES_TILE_SIZE),
 /* harmony export */   "n6": () => (/* binding */ DICTIONARY_HEIGHT),
+/* harmony export */   "n_": () => (/* binding */ BORDER_RADIUS),
 /* harmony export */   "oj": () => (/* binding */ BOARD_TILE_SIZE_MIN),
 /* harmony export */   "op": () => (/* binding */ COMPONENTS_SPACING_SMALL),
 /* harmony export */   "pI": () => (/* binding */ COLOR_BLUE),
+/* harmony export */   "pS": () => (/* binding */ COLOR_FILTERED),
 /* harmony export */   "pc": () => (/* binding */ LOGO_ASPECT_RATIO),
 /* harmony export */   "pt": () => (/* binding */ SOLVER_COLUMN_WIDTH),
 /* harmony export */   "rV": () => (/* binding */ PLAIN_TILES_TILE_SIZE),
@@ -8517,7 +8525,9 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 /* harmony export */   "sk": () => (/* binding */ LOGO_SRC),
 /* harmony export */   "t": () => (/* binding */ LOGO_HEIGHT_SMALL),
 /* harmony export */   "t$": () => (/* binding */ NAV_PADDING),
+/* harmony export */   "ti": () => (/* binding */ COLOR_BONUS_WORD),
 /* harmony export */   "tr": () => (/* binding */ COMPONENTS_SPACING),
+/* harmony export */   "uI": () => (/* binding */ BORDER_COLOR_LIGHT),
 /* harmony export */   "uX": () => (/* binding */ PLAIN_TILES_PADDING_VERTICAL),
 /* harmony export */   "xZ": () => (/* binding */ PROGRESS_COLOR_VALUE),
 /* harmony export */   "y7": () => (/* binding */ LOGO_HEIGHT),
@@ -8525,7 +8535,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 /* harmony export */   "yr": () => (/* binding */ COLOR_YELLOW),
 /* harmony export */   "yz": () => (/* binding */ TRANSITION)
 /* harmony export */ });
-/* unused harmony exports TRANSITION_DURATION, SPACING_XS, SPACING_S, SPACING_M, SPACING_L, SPACING_XL, BOARD_CELL_BORDER_WIDTH, BUTTON_ICON_SIZE, BUTTON_PADDING_VERTICAL, TILE_SIZE, PLAIN_TILES_VERSION_TILE_COLOR, PLAIN_TILES_VERSION_TILE_SIZE */
+/* unused harmony exports TRANSITION_DURATION, COLOR_BONUS_CHARACTER_1, COLOR_BONUS_CHARACTER_2, COLOR_BONUS_CHARACTER_3, COLOR_BONUS_CHARACTER_5, COLOR_BONUS_CHARACTER_MULTIPLIER_2, COLOR_BONUS_CHARACTER_MULTIPLIER_3, COLOR_BONUS_WORD_MULTIPLIER_2, COLOR_BONUS_WORD_MULTIPLIER_3, SPACING_XS, SPACING_S, SPACING_M, SPACING_L, SPACING_XL, BOARD_CELL_BORDER_WIDTH, BORDER_COLOR, BUTTON_ICON_SIZE, BUTTON_PADDING_VERTICAL, TILE_SIZE, PLAIN_TILES_VERSION_TILE_COLOR, PLAIN_TILES_VERSION_TILE_SIZE */
 const BREAKPOINTS = {
     xs: 480,
     s: 768,
@@ -8542,6 +8552,30 @@ const COLOR_BLUE = "#c7d8f9";
 const COLOR_GREEN = "#bae3ba";
 const COLOR_RED = "#f7c2aa";
 const COLOR_YELLOW = "#efe3ae";
+const COLOR_BONUS_CHARACTER_1 = "#f7f1d6";
+const COLOR_BONUS_CHARACTER_2 = "#d6ebd6";
+const COLOR_BONUS_CHARACTER_3 = "#dde4f6";
+const COLOR_BONUS_CHARACTER_5 = "#fbe0d4";
+const COLOR_BONUS_CHARACTER_MULTIPLIER_2 = "#b8d5ed";
+const COLOR_BONUS_CHARACTER_MULTIPLIER_3 = "#86aed1";
+const COLOR_BONUS_START = "#b284b8";
+const COLOR_BONUS_WORD_MULTIPLIER_2 = "#fbc997";
+const COLOR_BONUS_WORD_MULTIPLIER_3 = "#f19393";
+const COLOR_FILTERED = "#444";
+const COLOR_BONUS_CHARACTER = {
+    1: COLOR_BONUS_CHARACTER_1,
+    2: COLOR_BONUS_CHARACTER_2,
+    3: COLOR_BONUS_CHARACTER_3,
+    5: COLOR_BONUS_CHARACTER_5
+};
+const COLOR_BONUS_CHARACTER_MULTIPLIER = {
+    2: COLOR_BONUS_CHARACTER_MULTIPLIER_2,
+    3: COLOR_BONUS_CHARACTER_MULTIPLIER_3
+};
+const COLOR_BONUS_WORD = {
+    2: COLOR_BONUS_WORD_MULTIPLIER_2,
+    3: COLOR_BONUS_WORD_MULTIPLIER_3
+};
 const SPACING_XS = 2;
 const SPACING_S = 5;
 const SPACING_M = 10;
@@ -8559,6 +8593,9 @@ const BOARD_TILE_SIZE_MAX = 64;
  * 21 - fits all board tiles without horizontal scrollbar on 375px viewport width (font-size: 14px)
  * 26 - tiles start to look good (font-size: 16px)
  */ const BOARD_TILE_SIZE_MIN = 20;
+const BORDER_COLOR = "#cdcdcd";
+const BORDER_COLOR_LIGHT = "#d9d9d9";
+const BORDER_RADIUS = 5;
 const BORDER_WIDTH = 1;
 const BUTTON_ICON_SIZE = 24;
 const BUTTON_PADDING_VERTICAL = SPACING_M;
@@ -8598,8 +8635,8 @@ const PROGRESS_COLOR_VALUE = "var(--color--violet--light)";
 const PROGRESS_COLOR_BACKGROUND = "var(--color--inactive)";
 const RACK_TILE_SIZE_MAX = 80;
 const REMAINING_TILES_TILE_SIZE = 50;
-const RESULTS_HEADER_HEIGHT = 35;
 const RESULTS_ITEM_HEIGHT = 40;
+const RESULTS_HEADER_HEIGHT = RESULTS_ITEM_HEIGHT;
 const SOLVER_COLUMN_WIDTH = 580;
 const TEXT_INPUT_HEIGHT = 40;
 const TILE_APPEAR_DURATION = 200;
@@ -8634,52 +8671,6 @@ const initialize = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction
 const reset = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAction)("reset");
 
 
-/***/ }),
-
-/***/ 60860:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75184);
-/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var redux_saga__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75998);
-/* harmony import */ var _sagas__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23599);
-/* harmony import */ var _slices__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67647);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([redux_saga__WEBPACK_IMPORTED_MODULE_1__]);
-redux_saga__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
-
-const sagaMiddleware = (0,redux_saga__WEBPACK_IMPORTED_MODULE_1__["default"])();
-const createAppStore = ()=>{
-    const store = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.configureStore)({
-        reducer: {
-            board: _slices__WEBPACK_IMPORTED_MODULE_3__/* .boardSlice.reducer */ .I8.reducer,
-            cellFilter: _slices__WEBPACK_IMPORTED_MODULE_3__/* .cellFilterSlice.reducer */ .mO.reducer,
-            dictionary: _slices__WEBPACK_IMPORTED_MODULE_3__/* .dictionarySlice.reducer */ .lj.reducer,
-            rack: _slices__WEBPACK_IMPORTED_MODULE_3__/* .rackSlice.reducer */ .O_.reducer,
-            results: _slices__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.reducer */ ._C.reducer,
-            settings: _slices__WEBPACK_IMPORTED_MODULE_3__/* .settingsSlice.reducer */ .xj.reducer,
-            solve: _slices__WEBPACK_IMPORTED_MODULE_3__/* .solveSlice.reducer */ .TP.reducer,
-            verify: _slices__WEBPACK_IMPORTED_MODULE_3__/* .verifySlice.reducer */ .Gt.reducer
-        },
-        middleware: [
-            sagaMiddleware
-        ]
-    });
-    sagaMiddleware.run(_sagas__WEBPACK_IMPORTED_MODULE_2__/* .rootSaga */ .R);
-    return store;
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createAppStore);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
 /***/ }),
 
 /***/ 83067:
@@ -8688,58 +8679,58 @@ __webpack_async_result__();
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "$o": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.$o),
-/* harmony export */   "AN": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.AN),
-/* harmony export */   "En": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.En),
-/* harmony export */   "GL": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.GL),
-/* harmony export */   "HM": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.HM),
-/* harmony export */   "I8": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_4__.I8),
-/* harmony export */   "Mj": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.Mj),
-/* harmony export */   "O0": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.O0),
-/* harmony export */   "O_": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_4__.O_),
-/* harmony export */   "Or": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.Or),
-/* harmony export */   "QB": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.QB),
-/* harmony export */   "QL": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.QL),
-/* harmony export */   "R": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.R),
-/* harmony export */   "Rn": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.Rn),
-/* harmony export */   "TP": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_4__.TP),
-/* harmony export */   "Xb": () => (/* reexport safe */ _localStorage__WEBPACK_IMPORTED_MODULE_2__.Z),
-/* harmony export */   "Xk": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.Xk),
-/* harmony export */   "Yj": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.Yj),
-/* harmony export */   "ZA": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.ZA),
-/* harmony export */   "ZO": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.ZO),
-/* harmony export */   "Zf": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.Zf),
-/* harmony export */   "_C": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_4__._C),
-/* harmony export */   "bs": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.bs),
-/* harmony export */   "fN": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.fN),
-/* harmony export */   "fZ": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.fZ),
-/* harmony export */   "id": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.id),
+/* harmony export */   "$o": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.$o),
+/* harmony export */   "AN": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.AN),
+/* harmony export */   "En": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.En),
+/* harmony export */   "GL": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.GL),
+/* harmony export */   "HM": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.HM),
+/* harmony export */   "I8": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__.I8),
+/* harmony export */   "Jw": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Jw),
+/* harmony export */   "Mj": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Mj),
+/* harmony export */   "O_": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__.O_),
+/* harmony export */   "Or": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Or),
+/* harmony export */   "QB": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.QB),
+/* harmony export */   "QL": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.QL),
+/* harmony export */   "R": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.R),
+/* harmony export */   "Rn": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Rn),
+/* harmony export */   "TP": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__.TP),
+/* harmony export */   "Xb": () => (/* reexport safe */ _localStorage__WEBPACK_IMPORTED_MODULE_1__.Z),
+/* harmony export */   "Xk": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Xk),
+/* harmony export */   "Yj": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Yj),
+/* harmony export */   "ZA": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.ZA),
+/* harmony export */   "ZO": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.ZO),
+/* harmony export */   "Zf": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Zf),
+/* harmony export */   "_C": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__._C),
+/* harmony export */   "bs": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.bs),
+/* harmony export */   "fN": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.fN),
+/* harmony export */   "fZ": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.fZ),
+/* harmony export */   "h": () => (/* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_4__.Z),
+/* harmony export */   "id": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.id),
 /* harmony export */   "ix": () => (/* reexport safe */ _useTypedSelector__WEBPACK_IMPORTED_MODULE_6__.Z),
 /* harmony export */   "j2": () => (/* reexport safe */ _actions__WEBPACK_IMPORTED_MODULE_0__.j),
-/* harmony export */   "lj": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_4__.lj),
-/* harmony export */   "mK": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.mK),
-/* harmony export */   "mO": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_4__.mO),
+/* harmony export */   "lj": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__.lj),
+/* harmony export */   "mK": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.mK),
+/* harmony export */   "mO": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__.mO),
 /* harmony export */   "mc": () => (/* reexport safe */ _actions__WEBPACK_IMPORTED_MODULE_0__.m),
-/* harmony export */   "md": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.md),
+/* harmony export */   "md": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.md),
 /* harmony export */   "qM": () => (/* reexport safe */ _useTranslate__WEBPACK_IMPORTED_MODULE_5__.Z),
-/* harmony export */   "uz": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.uz),
-/* harmony export */   "vY": () => (/* reexport safe */ _createAppStore__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "w1": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.w1),
-/* harmony export */   "x5": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.x5),
-/* harmony export */   "xU": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.xU),
-/* harmony export */   "xj": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_4__.xj),
-/* harmony export */   "yJ": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.yJ),
-/* harmony export */   "z$": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_3__.z$)
+/* harmony export */   "uz": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.uz),
+/* harmony export */   "w1": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.w1),
+/* harmony export */   "x5": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.x5),
+/* harmony export */   "xU": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.xU),
+/* harmony export */   "xj": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__.xj),
+/* harmony export */   "yJ": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.yJ),
+/* harmony export */   "z$": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.z$)
 /* harmony export */ });
 /* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23617);
-/* harmony import */ var _createAppStore__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60860);
-/* harmony import */ var _localStorage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(79579);
-/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(96076);
-/* harmony import */ var _slices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67647);
+/* harmony import */ var _localStorage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79579);
+/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(96076);
+/* harmony import */ var _slices__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67647);
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18415);
 /* harmony import */ var _useTranslate__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(22522);
 /* harmony import */ var _useTypedSelector__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(76631);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_createAppStore__WEBPACK_IMPORTED_MODULE_1__]);
-_createAppStore__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_store__WEBPACK_IMPORTED_MODULE_4__]);
+_store__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 
@@ -8821,14 +8812,14 @@ __webpack_require__.d(__webpack_exports__, {
   "R": () => (/* binding */ rootSaga)
 });
 
-// EXTERNAL MODULE: ../constants/build/index.js
-var build = __webpack_require__(7618);
-// EXTERNAL MODULE: ../types/build/index.js
-var types_build = __webpack_require__(34046);
 // EXTERNAL MODULE: external "redux-saga/effects"
 var effects_ = __webpack_require__(56477);
-// EXTERNAL MODULE: ./src/lib/index.ts + 32 modules
-var lib = __webpack_require__(65175);
+// EXTERNAL MODULE: ./src/i18n/index.ts + 8 modules
+var i18n = __webpack_require__(36743);
+// EXTERNAL MODULE: ./src/lib/index.ts + 33 modules
+var lib = __webpack_require__(55238);
+// EXTERNAL MODULE: ../types/build/index.js
+var build = __webpack_require__(34046);
 ;// CONCATENATED MODULE: ./src/sdk/fetch.ts
 
 const fetch_fetch = async (input, init)=>{
@@ -8836,7 +8827,7 @@ const fetch_fetch = async (input, init)=>{
     try {
         response = await window.fetch(input, init);
     } catch (error) {
-        const message = (0,types_build.isError)(error) ? error.message : "Unknown error";
+        const message = (0,build.isError)(error) ? error.message : "Unknown error";
         throw new Error(`Network error: ${message}`);
     }
     if (response.ok) {
@@ -8844,7 +8835,7 @@ const fetch_fetch = async (input, init)=>{
     }
     try {
         const json = await response.json();
-        if ((0,types_build.isError)(json)) {
+        if ((0,build.isError)(json)) {
             throw new Error(json.message);
         }
     } finally{
@@ -8873,7 +8864,7 @@ const fetchJson = async (input, init)=>{
 
 const findWordDefinitions = async (locale, word)=>{
     const json = await sdk_fetchJson(`/api/dictionary/${locale}/${encodeURIComponent(word)}`);
-    return json.map(types_build.WordDefinition.fromJson);
+    return json.map(build.WordDefinition.fromJson);
 };
 /* harmony default export */ const sdk_findWordDefinitions = (findWordDefinitions);
 
@@ -8890,7 +8881,7 @@ const solve = async ({ board , characters , configId , locale  })=>{
             locale
         })
     });
-    return json.map(types_build.Result.fromJson);
+    return json.map(build.Result.fromJson);
 };
 /* harmony default export */ const sdk_solve = (solve);
 
@@ -8936,7 +8927,6 @@ var slices = __webpack_require__(67647);
 
 
 
-
 const SUBMIT_DELAY = 150;
 const memoizedFindWordDefinitions = (0,lib/* memoize */.HP)(sdk_findWordDefinitions);
 function* rootSaga() {
@@ -9029,8 +9019,7 @@ function* onLocaleChange() {
 function* onResultCandidateChange({ payload: result  }) {
     if (result) {
         const locale = yield (0,effects_.select)(selectors/* selectLocale */.fN);
-        const comma = locale === types_build.Locale.FA_IR ? ` ${build.COMMA_ARABIC}` : `${build.COMMA_LATIN} `;
-        yield (0,effects_.put)(slices/* dictionarySlice.actions.changeInput */.lj.actions.changeInput(result.words.join(comma)));
+        yield (0,effects_.put)(slices/* dictionarySlice.actions.changeInput */.lj.actions.changeInput(result.words.join(i18n/* LOCALE_FEATURES */.q0[locale].separator)));
         yield (0,effects_.put)(slices/* dictionarySlice.actions.submit */.lj.actions.submit());
     }
 }
@@ -9118,8 +9107,8 @@ function* ensureProperTilesCount() {
 /* harmony export */   "En": () => (/* binding */ selectHasOverusedTiles),
 /* harmony export */   "GL": () => (/* binding */ selectResultCandidateCells),
 /* harmony export */   "HM": () => (/* binding */ selectVerify),
+/* harmony export */   "Jw": () => (/* binding */ selectCellFilter),
 /* harmony export */   "Mj": () => (/* binding */ selectAreResultsOutdated),
-/* harmony export */   "O0": () => (/* binding */ selectCellBonus),
 /* harmony export */   "Or": () => (/* binding */ selectCharacterPoints),
 /* harmony export */   "QB": () => (/* binding */ selectRack),
 /* harmony export */   "QL": () => (/* binding */ selectResultsQuery),
@@ -9146,7 +9135,7 @@ function* ensureProperTilesCount() {
 /* harmony export */   "yp": () => (/* binding */ selectCharacters),
 /* harmony export */   "z$": () => (/* binding */ selectResultCandidateTiles)
 /* harmony export */ });
-/* unused harmony exports selectCellFilter, selectResultsRaw, selectSortedResults, selectGroupedResults, selectTranslation, selectLastSolvedParameters, selectHaveCharactersChanged, selectHasBoardChanged, selectRemainingTiles */
+/* unused harmony exports selectResultsRaw, selectSortedResults, selectGroupedResults, selectCellBonus, selectTranslation, selectLastSolvedParameters, selectHaveCharactersChanged, selectHasBoardChanged, selectRemainingTiles */
 /* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75184);
 /* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(89418);
@@ -9155,7 +9144,7 @@ function* ensureProperTilesCount() {
 /* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(34046);
 /* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_scrabble_solver_types__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55238);
 /* eslint-disable max-lines */ 
 
 
@@ -9399,8 +9388,8 @@ var build = __webpack_require__(89418);
 var types_build = __webpack_require__(34046);
 // EXTERNAL MODULE: ./src/state/localStorage.ts
 var localStorage = __webpack_require__(79579);
-// EXTERNAL MODULE: ./src/lib/index.ts + 32 modules
-var lib = __webpack_require__(65175);
+// EXTERNAL MODULE: ./src/lib/index.ts + 33 modules
+var lib = __webpack_require__(55238);
 ;// CONCATENATED MODULE: ./src/state/slices/settingsInitialState.ts
 
 
@@ -9890,6 +9879,49 @@ const verifySlice = (0,toolkit_.createSlice)({
 
 
 
+/***/ }),
+
+/***/ 18415:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75184);
+/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var redux_saga__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75998);
+/* harmony import */ var _sagas__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23599);
+/* harmony import */ var _slices__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67647);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([redux_saga__WEBPACK_IMPORTED_MODULE_1__]);
+redux_saga__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+const sagaMiddleware = (0,redux_saga__WEBPACK_IMPORTED_MODULE_1__["default"])();
+const store = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.configureStore)({
+    reducer: {
+        board: _slices__WEBPACK_IMPORTED_MODULE_3__/* .boardSlice.reducer */ .I8.reducer,
+        cellFilter: _slices__WEBPACK_IMPORTED_MODULE_3__/* .cellFilterSlice.reducer */ .mO.reducer,
+        dictionary: _slices__WEBPACK_IMPORTED_MODULE_3__/* .dictionarySlice.reducer */ .lj.reducer,
+        rack: _slices__WEBPACK_IMPORTED_MODULE_3__/* .rackSlice.reducer */ .O_.reducer,
+        results: _slices__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.reducer */ ._C.reducer,
+        settings: _slices__WEBPACK_IMPORTED_MODULE_3__/* .settingsSlice.reducer */ .xj.reducer,
+        solve: _slices__WEBPACK_IMPORTED_MODULE_3__/* .solveSlice.reducer */ .TP.reducer,
+        verify: _slices__WEBPACK_IMPORTED_MODULE_3__/* .verifySlice.reducer */ .Gt.reducer
+    },
+    middleware: [
+        sagaMiddleware
+    ]
+});
+sagaMiddleware.run(_sagas__WEBPACK_IMPORTED_MODULE_2__/* .rootSaga */ .R);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (store);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
 /***/ }),
 
 /***/ 22522: