@scrabble-solver/scrabble-solver 2.11.4 → 2.11.5

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

@@ -995,9 +995,7 @@ module.exports = {
 	"hide": "Board_hide__Fskbc",
 	"shown": "Board_shown__T9Txa",
 	"show": "Board_show__1ChIu",
-	"progress": "Board_progress__3ImeV",
 	"rotate": "Board_rotate__ynCR2",
-	"pulse": "Board_pulse__RoNSE",
 	"wave": "Board_wave__NDbpN"
 };
 
@@ -1136,33 +1134,11 @@ module.exports = {
 module.exports = {
 	"loading": "Loading_loading__RkVCa",
 	"dim": "Loading_dim__H3eXg",
-	"logo": "Loading_logo__1hwt4",
+	"text": "Loading_text__qKHb5",
 	"tiles": "Loading_tiles__RNn33"
 };
 
 
-/***/ }),
-
-/***/ 44744:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"logoSplashScreen": "LogoSplashScreen_logoSplashScreen__pRvmG",
-	"animated": "LogoSplashScreen_animated__FLtGf",
-	"hide": "LogoSplashScreen_hide__O6VWM",
-	"logos": "LogoSplashScreen_logos__x48g1",
-	"pulse": "LogoSplashScreen_pulse__xzhLz",
-	"logoColor": "LogoSplashScreen_logoColor__yxa6j",
-	"progress": "LogoSplashScreen_progress__m0bkB",
-	"logoGrayscale": "LogoSplashScreen_logoGrayscale__zDa_H",
-	"author": "LogoSplashScreen_author__jDI5k",
-	"show": "LogoSplashScreen_show__N_vWU",
-	"rotate": "LogoSplashScreen_rotate__LocRV",
-	"wave": "LogoSplashScreen_wave__Trjnf"
-};
-
-
 /***/ }),
 
 /***/ 61218:
@@ -1236,9 +1212,7 @@ module.exports = {
 	"dropShadow": "PlainTiles_dropShadow__TjPAL",
 	"hide": "PlainTiles_hide__ZXQ7t",
 	"show": "PlainTiles_show__KuWdS",
-	"progress": "PlainTiles_progress__GEq5G",
-	"rotate": "PlainTiles_rotate__mHx2k",
-	"pulse": "PlainTiles_pulse__MTQRB"
+	"rotate": "PlainTiles_rotate__mHx2k"
 };
 
 
@@ -1324,17 +1298,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 76872:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"sizer": "Sizer_sizer__6ihcO"
-};
-
-
 /***/ }),
 
 /***/ 41674:
@@ -1371,9 +1334,7 @@ module.exports = {
 	"floatingSolveButton": "FloatingSolveButton_floatingSolveButton__ylG5R",
 	"hide": "FloatingSolveButton_hide__Xjdvf",
 	"show": "FloatingSolveButton_show__hjyNU",
-	"progress": "FloatingSolveButton_progress__VlrJL",
 	"rotate": "FloatingSolveButton_rotate__VJaNr",
-	"pulse": "FloatingSolveButton_pulse__Sklml",
 	"wave": "FloatingSolveButton_wave__Ce4rm"
 };
 
@@ -1424,24 +1385,10 @@ module.exports = {
 	"rotate": "Spinner_rotate__trb0p",
 	"hide": "Spinner_hide__oSP5z",
 	"show": "Spinner_show__iasps",
-	"progress": "Spinner_progress__mXCAs",
-	"pulse": "Spinner_pulse__xW7PT",
 	"wave": "Spinner_wave__QVNeH"
 };
 
 
-/***/ }),
-
-/***/ 37675:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"splashScreen": "SplashScreen_splashScreen__1t_F7",
-	"content": "SplashScreen_content__YuPB1"
-};
-
-
 /***/ }),
 
 /***/ 35516:
@@ -1622,8 +1569,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 react_use__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_5__);
+/* 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);
@@ -1631,8 +1577,8 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__, 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__, 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__);
+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__);
 
 
 
@@ -1649,7 +1595,7 @@ const Board = ({ cellSize , 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 [actionsMeasureRef, { width: actionsWidth  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_5__.useMeasure)();
+    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 inputRef = inputRefs[activeIndex.y][activeIndex.x];
     const cell = rows[activeIndex.y][activeIndex.x];
@@ -1666,23 +1612,24 @@ const Board = ({ cellSize , className  })=>{
         placement: "top-end",
         whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.autoUpdate
     });
-    const actionsRef = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useMergeRefs)([
-        actionsMeasureRef,
-        refs.setFloating
-    ]);
-    const handleBlur = (event)=>{
+    const handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         const eventComesFromActions = refs.floating.current?.contains(event.relatedTarget);
         const eventComesFromBoard = event.currentTarget.contains(event.relatedTarget);
         const isLocalEvent = eventComesFromActions || eventComesFromBoard;
         if (!isLocalEvent) {
             setShowActions(false);
         }
-    };
-    const handleDirectionToggle = ()=>{
+    }, [
+        refs.floating
+    ]);
+    const handleDirectionToggle = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
         inputRef.current?.focus();
         onDirectionToggle();
-    };
-    const handleFocus = (newX, newY)=>{
+    }, [
+        inputRef,
+        onDirectionToggle
+    ]);
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((newX, newY)=>{
         const isFirstFocus = !showActions;
         const originalTransition = refs.floating.current?.style.transition || "";
         const newInputRef = inputRefs[newY][newX].current;
@@ -1698,15 +1645,29 @@ const Board = ({ cellSize , className  })=>{
                 setTransition(originalTransition);
             }, 0);
         }
-    };
-    const handleToggleBlank = ()=>{
+    }, [
+        inputRefs,
+        onFocus,
+        refs.floating,
+        refs.setReference,
+        showActions
+    ]);
+    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));
-    };
-    const handleToggleFilterCell = ()=>{
+    }, [
+        cell,
+        dispatch,
+        inputRef
+    ]);
+    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));
-    };
+    }, [
+        cell,
+        dispatch,
+        inputRef
+    ]);
     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, {
@@ -1729,7 +1690,7 @@ const Board = ({ cellSize , className  })=>{
                     }),
                     disabled: !showActions,
                     direction: direction,
-                    ref: actionsRef,
+                    ref: refs.setFloating,
                     style: {
                         position: strategy,
                         top: y ?? 0,
@@ -1826,12 +1787,14 @@ __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 state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83900);
-/* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(79739);
-/* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__]);
-([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
+/* 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);
+/* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _Button__WEBPACK_IMPORTED_MODULE_7__]);
+([state__WEBPACK_IMPORTED_MODULE_6__, _Button__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -1841,41 +1804,42 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(({ cell , className , direction , disabled , onDirectionToggle , onToggleBlank , onToggleFilterCell , ...props }, ref)=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
-    const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsFiltered */ .id)(state, cell));
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
+    const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_6__/* .selectCellIsFiltered */ .id)(state, cell));
+    const resultCandidateCells = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectResultCandidateCells */ .GL);
     const isBlank = cell.tile.isBlank;
-    const isEmpty = cell.tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
+    const isEmpty = cell.tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL || Boolean((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .findCell */ .Jp)(resultCandidateCells, cell.x, cell.y));
     // On iOS it helps with losing focus too early which makes Actions disappear
     const handleMouseDown = (event)=>event.preventDefault();
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actions), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().actions), className),
         ref: ref,
         ...props,
         children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 "aria-label": translate("cell.toggle-direction"),
-                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
+                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().action),
                 Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .ArrowDown */ .K5,
-                iconClassName: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toggleDirection), {
-                    [(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: direction === "horizontal"
+                iconClassName: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().toggleDirection), {
+                    [(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().right)]: direction === "horizontal"
                 }),
                 tabIndex: disabled ? -1 : undefined,
                 tooltip: translate("cell.toggle-direction"),
                 onClick: onDirectionToggle,
                 onMouseDown: handleMouseDown
             }),
-            isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+            isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 "aria-label": translate("cell.filter-cell"),
-                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action)),
+                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().action)),
                 Icon: isFiltered ? icons__WEBPACK_IMPORTED_MODULE_4__/* .Flag */ .WN : icons__WEBPACK_IMPORTED_MODULE_4__/* .FlagFill */ .aR,
                 tabIndex: disabled ? -1 : undefined,
                 tooltip: translate("cell.filter-cell"),
                 onClick: onToggleFilterCell,
                 onMouseDown: handleMouseDown
             }),
-            !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+            !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 "aria-label": isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
-                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
+                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().action),
                 Icon: isBlank ? icons__WEBPACK_IMPORTED_MODULE_4__/* .SquareFill */ .uX : icons__WEBPACK_IMPORTED_MODULE_4__/* .Square */ .bK,
                 tabIndex: disabled ? -1 : undefined,
                 tooltip: isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
@@ -1923,7 +1887,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(65175);
 /* 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__]);
@@ -2188,14 +2152,13 @@ __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 react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
+/* 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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(65175);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(97792);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__]);
-state__WEBPACK_IMPORTED_MODULE_7__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+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 */ 
 
 
@@ -2221,7 +2184,7 @@ const useGrid = (rows)=>{
         y: 0
     });
     const [direction, setLastDirection] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("horizontal");
-    const directionRef = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useLatest)(direction);
+    const directionRef = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useLatest */ .dU)(direction);
     const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offsetX, offsetY)=>{
         const x = Math.min(Math.max(activeIndex.x + offsetX, 0), width - 1);
         const y = Math.min(Math.max(activeIndex.y + offsetY, 0), height - 1);
@@ -2423,6 +2386,7 @@ const useGrid = (rows)=>{
                 event.preventDefault();
                 if (direction === "vertical") {
                     onDirectionToggle();
+                    changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q0[locale].direction === "ltr" ? -1 : 0, 0);
                 } else {
                     changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q0[locale].direction === "ltr" ? -1 : 1, 0);
                 }
@@ -2431,6 +2395,7 @@ const useGrid = (rows)=>{
                 event.preventDefault();
                 if (direction === "vertical") {
                     onDirectionToggle();
+                    changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q0[locale].direction === "ltr" ? 0 : -1, 0);
                 } else {
                     changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q0[locale].direction === "ltr" ? 1 : -1, 0);
                 }
@@ -2439,9 +2404,8 @@ const useGrid = (rows)=>{
                 event.preventDefault();
                 if (direction === "horizontal") {
                     onDirectionToggle();
-                } else {
-                    changeActiveIndex(0, -1);
                 }
+                changeActiveIndex(0, -1);
             },
             onBackspace: (event)=>{
                 const position = getInputRefPosition(event.target);
@@ -3247,7 +3211,7 @@ const Loading = ({ className , wave =true  })=>{
                 className: (_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().dim)
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().logo),
+                className: (_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().text),
                 children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PlainTiles__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tiles)),
                     content: content,
@@ -3283,166 +3247,63 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 8023:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ 36888:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ Logo)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-;// CONCATENATED MODULE: ./src/components/Logo/Logo.svg
-var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var SvgLogo = function SvgLogo(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", _extends({
-    viewBox: "0 0 682 166",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M0 0h80v80H0Z"
-  })), _path2 || (_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M51.168 47.629q0 3.047-1.477 5.297-1.476 2.25-4.312 3.469-2.813 1.218-6.844 1.218-1.781 0-3.492-.234-1.688-.234-3.258-.68-1.547-.469-2.953-1.148V48.8q2.438 1.078 5.063 1.945 2.625.867 5.203.867 1.78 0 2.859-.468 1.102-.47 1.594-1.29.492-.82.492-1.875 0-1.289-.867-2.203-.867-.914-2.39-1.71-1.5-.797-3.4-1.712-1.195-.562-2.6-1.359-1.407-.82-2.673-1.992-1.265-1.172-2.086-2.836-.797-1.688-.797-4.031 0-3.07 1.407-5.25 1.406-2.18 4.008-3.328 2.625-1.172 6.187-1.172 2.672 0 5.086.633 2.437.609 5.086 1.78l-2.344 5.65q-2.367-.962-4.242-1.477-1.875-.54-3.82-.54-1.36 0-2.32.446-.962.422-1.454 1.219-.492.773-.492 1.804 0 1.22.703 2.063.727.82 2.156 1.594 1.454.773 3.61 1.804 2.625 1.242 4.476 2.602 1.875 1.336 2.883 3.164 1.008 1.805 1.008 4.5z"
-  })), _path3 || (_path3 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#c7d8f9",
-    d: "M86 0h80v80H86Z"
-  })), _path4 || (_path4 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M129.574 28.434q-2.086 0-3.703.82-1.594.797-2.695 2.32-1.078 1.524-1.64 3.68-.563 2.156-.563 4.851 0 3.633.89 6.211.914 2.555 2.813 3.914 1.898 1.336 4.898 1.336 2.086 0 4.172-.468 2.11-.47 4.57-1.336v6.093q-2.273.938-4.476 1.336-2.203.422-4.945.422-5.297 0-8.72-2.18-3.398-2.203-5.038-6.14-1.64-3.961-1.64-9.234 0-3.891 1.054-7.125 1.054-3.235 3.094-5.602 2.039-2.367 5.039-3.656 3-1.29 6.89-1.29 2.555 0 5.11.657 2.578.633 4.921 1.758l-2.343 5.906q-1.922-.914-3.867-1.594-1.946-.68-3.82-.68z"
-  })), _path5 || (_path5 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M172 0h80v80h-80z"
-  })), _path6 || (_path6 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M210.453 22.867q4.664 0 7.688 1.125 3.047 1.125 4.523 3.399 1.477 2.273 1.477 5.742 0 2.344-.891 4.101-.89 1.758-2.344 2.977-1.453 1.219-3.14 1.992l10.078 14.93h-8.063l-8.18-13.149h-3.867v13.149h-7.265V22.867Zm-.515 5.953h-2.204v9.258h2.344q3.61 0 5.156-1.195 1.57-1.219 1.57-3.563 0-2.437-1.687-3.468-1.664-1.032-5.18-1.032z"
-  })), _path7 || (_path7 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M258 0h80v80h-80z"
-  })), _path8 || (_path8 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "m306.73 57.203-2.484-8.156h-12.492l-2.484 8.156h-7.829l12.094-34.406h8.883l12.14 34.406zm-4.218-14.25-2.485-7.969q-.234-.796-.632-2.039-.375-1.265-.774-2.554-.375-1.313-.61-2.274-.234.961-.656 2.39-.398 1.407-.773 2.673-.375 1.265-.539 1.804l-2.461 7.97z"
-  })), _path9 || (_path9 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#c7d8f9",
-    d: "M344 0h80v80h-80z"
-  })), _path10 || (_path10 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M372.188 22.867h10.664q6.843 0 10.359 1.922t3.516 6.75q0 1.945-.633 3.516-.61 1.57-1.781 2.578-1.172 1.008-2.86 1.312v.235q1.711.351 3.094 1.218 1.383.844 2.203 2.485.844 1.617.844 4.312 0 3.118-1.524 5.344-1.523 2.227-4.36 3.422-2.812 1.172-6.702 1.172h-12.82Zm7.265 13.57h4.219q3.164 0 4.383-.984 1.218-1.008 1.218-2.953 0-1.969-1.453-2.812-1.43-.868-4.547-.868h-3.82zm0 5.766v8.93h4.735q3.28 0 4.57-1.266 1.289-1.265 1.289-3.398 0-1.266-.563-2.227-.562-.96-1.898-1.5-1.313-.539-3.633-.539z"
-  })), _path11 || (_path11 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#c7d8f9",
-    d: "M430 0h80v80h-80z"
-  })), _path12 || (_path12 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M458.188 22.867h10.664q6.843 0 10.359 1.922t3.516 6.75q0 1.945-.633 3.516-.61 1.57-1.781 2.578-1.172 1.008-2.86 1.312v.235q1.711.351 3.094 1.218 1.383.844 2.203 2.485.844 1.617.844 4.312 0 3.118-1.524 5.344-1.523 2.227-4.36 3.422-2.812 1.172-6.702 1.172h-12.82Zm7.265 13.57h4.219q3.164 0 4.383-.984 1.218-1.008 1.218-2.953 0-1.969-1.453-2.812-1.43-.868-4.547-.868h-3.82zm0 5.766v8.93h4.735q3.28 0 4.57-1.266 1.289-1.265 1.289-3.398 0-1.266-.563-2.227-.562-.96-1.898-1.5-1.313-.539-3.633-.539z"
-  })), _path13 || (_path13 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M516 0h80v80h-80z"
-  })), _path14 || (_path14 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M546.754 57.133V22.867h7.266v28.266h13.898v6z"
-  })), _path15 || (_path15 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M602 0h80v80h-80z"
-  })), _path16 || (_path16 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M652.605 57.133h-19.734V22.867h19.734v5.953h-12.468v7.524h11.601v5.953h-11.601v8.836h12.468z"
-  })), _path17 || (_path17 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M0 86h80v80H0Z"
-  })), _path18 || (_path18 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M51.32 133.629q0 3.047-1.476 5.297-1.477 2.25-4.313 3.469-2.812 1.218-6.843 1.218-1.782 0-3.493-.234-1.687-.234-3.257-.68-1.547-.469-2.954-1.148v-6.75q2.438 1.078 5.063 1.945 2.625.867 5.203.867 1.781 0 2.86-.468 1.1-.47 1.593-1.29.492-.82.492-1.875 0-1.289-.867-2.203-.867-.914-2.39-1.71-1.5-.797-3.399-1.712-1.195-.562-2.602-1.359-1.406-.82-2.671-1.992-1.266-1.172-2.086-2.836-.797-1.688-.797-4.031 0-3.07 1.406-5.25t4.008-3.328q2.625-1.172 6.187-1.172 2.672 0 5.086.633 2.438.609 5.086 1.78l-2.343 5.65q-2.368-.962-4.243-1.477-1.875-.54-3.82-.54-1.36 0-2.32.446-.961.422-1.453 1.219-.493.773-.493 1.804 0 1.22.703 2.063.727.82 2.157 1.594 1.453.773 3.61 1.804 2.624 1.242 4.476 2.602 1.875 1.336 2.883 3.164 1.007 1.805 1.007 4.5z"
-  })), _path19 || (_path19 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M86 86h80v80H86Z"
-  })), _path20 || (_path20 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M142.313 125.988q0 3.961-.985 7.219-.984 3.234-3 5.578-1.992 2.344-5.062 3.61-3.07 1.242-7.266 1.242-4.195 0-7.266-1.242-3.07-1.266-5.086-3.61-1.992-2.344-2.976-5.601-.984-3.258-.984-7.243 0-5.32 1.734-9.257 1.758-3.961 5.39-6.141 3.633-2.18 9.235-2.18 5.578 0 9.164 2.18 3.61 2.18 5.344 6.14 1.758 3.962 1.758 9.305zm-25.008 0q0 3.586.89 6.188.914 2.578 2.836 3.984 1.922 1.383 4.969 1.383 3.094 0 5.016-1.383 1.921-1.406 2.789-3.984.89-2.602.89-6.188 0-5.39-2.015-8.484-2.016-3.094-6.633-3.094-3.07 0-5.016 1.406-1.922 1.383-2.836 3.985-.89 2.578-.89 6.187z"
-  })), _path21 || (_path21 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M172 86h80v80h-80z"
-  })), _path22 || (_path22 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M202.754 143.133v-34.266h7.266v28.266h13.898v6z"
-  })), _path23 || (_path23 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#f7c2aa",
-    d: "M258 86h80v80h-80z"
-  })), _path24 || (_path24 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "m313.598 108.867-11.649 34.266h-7.922l-11.625-34.266h7.336l6.446 20.39q.164.516.539 1.946.375 1.406.75 3 .398 1.57.539 2.602.14-1.032.492-2.602.375-1.57.726-2.976.375-1.43.54-1.97l6.492-20.39z"
-  })), _path25 || (_path25 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M344 86h80v80h-80z"
-  })), _path26 || (_path26 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M394.605 143.133h-19.734v-34.266h19.734v5.953h-12.468v7.524h11.601v5.953h-11.601v8.836h12.468z"
-  })), _path27 || (_path27 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#efe3ae",
-    d: "M430 86h80v80h-80z"
-  })), _path28 || (_path28 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M468.453 108.867q4.664 0 7.688 1.125 3.046 1.125 4.523 3.399 1.477 2.273 1.477 5.742 0 2.344-.891 4.101-.89 1.758-2.344 2.977-1.453 1.219-3.14 1.992l10.078 14.93h-8.063l-8.18-13.149h-3.867v13.149h-7.265v-34.266zm-.515 5.953h-2.204v9.258h2.344q3.61 0 5.156-1.195 1.57-1.219 1.57-3.563 0-2.437-1.687-3.468-1.664-1.032-5.18-1.032z"
-  })), _path29 || (_path29 = /*#__PURE__*/external_react_.createElement("path", {
-    fill: "#bae3ba",
-    d: "M602 86h80v80h-80z"
-  })), _path30 || (_path30 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M654.152 143.379H630.2v-5.04l8.602-8.694q2.601-2.672 4.172-4.454 1.593-1.804 2.297-3.28.726-1.477.726-3.165 0-2.039-1.148-3.047-1.125-1.031-3.024-1.031-1.992 0-3.867.914t-3.914 2.602l-3.938-4.664q1.477-1.266 3.118-2.391 1.664-1.125 3.843-1.805 2.204-.703 5.274-.703 3.375 0 5.789 1.219 2.437 1.219 3.75 3.328 1.312 2.086 1.312 4.734 0 2.836-1.125 5.18t-3.28 4.64q-2.134 2.298-5.157 5.087l-4.406 4.148v.328h14.93z"
-  })));
-};
-/* harmony default export */ const Logo = (SvgLogo);
-;// CONCATENATED MODULE: ./src/components/Logo/index.ts
-
+__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 next_image__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25675);
+/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_image__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 hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75704);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64534);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_3__]);
+hooks__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
-/***/ }),
 
-/***/ 6436:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ LogoSplashScreen_LogoSplashScreen)
+const Logo = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((props, ref)=>{
+    const { logoHeight , logoWidth  } = (0,hooks__WEBPACK_IMPORTED_MODULE_3__/* .useAppLayout */ .Ft)();
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_image__WEBPACK_IMPORTED_MODULE_1___default()), {
+        ...props,
+        alt: "Scrabble Solver 2",
+        height: logoHeight,
+        priority: true,
+        ref: ref,
+        src: parameters__WEBPACK_IMPORTED_MODULE_4__/* .LOGO_SRC */ .sk,
+        width: logoWidth
+    });
 });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Logo);
 
-// 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: ./src/components/Logo/index.ts + 1 modules
-var Logo = __webpack_require__(8023);
-// EXTERNAL MODULE: ./src/components/SplashScreen/index.ts + 1 modules
-var SplashScreen = __webpack_require__(8984);
-// EXTERNAL MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.module.scss
-var LogoSplashScreen_module = __webpack_require__(44744);
-var LogoSplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(LogoSplashScreen_module);
-;// CONCATENATED MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.tsx
-
-
-
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
+/***/ }),
 
-const LogoSplashScreen = ({ className , forceShow , onAnimationEnd  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)(SplashScreen/* default */.Z, {
-        className: external_classnames_default()((LogoSplashScreen_module_default()).logoSplashScreen, className, {
-            [(LogoSplashScreen_module_default()).animated]: !forceShow
-        }),
-        onAnimationEnd: onAnimationEnd,
-        children: [
-            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
-                className: (LogoSplashScreen_module_default()).logos,
-                children: [
-                    /*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {
-                        className: (LogoSplashScreen_module_default()).logoGrayscale
-                    }),
-                    /*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {
-                        className: (LogoSplashScreen_module_default()).logoColor
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx("h1", {
-                className: (LogoSplashScreen_module_default()).author,
-                children: "by Kamil Mielnik"
-            })
-        ]
-    });
-/* harmony default export */ const LogoSplashScreen_LogoSplashScreen = (LogoSplashScreen);
+/***/ 18801:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-;// CONCATENATED MODULE: ./src/components/LogoSplashScreen/index.ts
+"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 */ _Logo__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(36888);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Logo__WEBPACK_IMPORTED_MODULE_0__]);
+_Logo__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); } });
 
 /***/ }),
 
@@ -3462,18 +3323,15 @@ __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_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19931);
 /* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(58966);
-/* 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 _IconButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95975);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(32465);
-/* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(61218);
-/* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__]);
-([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64534);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95975);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(32465);
+/* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(61218);
+/* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__]);
+([state__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -3485,14 +3343,24 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 const Modal = ({ children , className , footer , isOpen , title , onClose  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
     const [shouldReturnFocusAfterClose, setShouldReturnFocusAfterClose] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(true);
-    (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useKey)("Escape", ()=>{
-        setShouldReturnFocusAfterClose(false);
-        onClose();
-    }, undefined, [
+    const handleEscape = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+        if (event.key === "Escape") {
+            setShouldReturnFocusAfterClose(false);
+            onClose();
+        }
+    }, [
         onClose
     ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
+        document.addEventListener("keydown", handleEscape);
+        return ()=>{
+            document.removeEventListener("keydown", handleEscape);
+        };
+    }, [
+        handleEscape
+    ]);
     (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
         if (isOpen) {
             setShouldReturnFocusAfterClose(true);
@@ -3502,41 +3370,41 @@ const Modal = ({ children , className , footer , isOpen , title , onClose  })=>{
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((react_modal__WEBPACK_IMPORTED_MODULE_3___default()), {
         className: {
-            afterOpen: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().afterOpen),
-            base: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().modal),
-            beforeClose: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().beforeClose)
+            afterOpen: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().afterOpen),
+            base: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().modal),
+            beforeClose: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().beforeClose)
         },
-        closeTimeoutMS: parameters__WEBPACK_IMPORTED_MODULE_6__/* .TRANSITION_DURATION_LONG */ .MA,
+        closeTimeoutMS: parameters__WEBPACK_IMPORTED_MODULE_5__/* .TRANSITION_DURATION_LONG */ .MA,
         contentLabel: title,
         isOpen: isOpen,
-        overlayClassName: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().overlay),
+        overlayClassName: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().overlay),
         shouldReturnFocusAfterClose: shouldReturnFocusAfterClose,
         onRequestClose: onClose,
         children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().container), className),
+            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().container), className),
             children: [
                 /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().header),
+                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().header),
                     children: [
                         /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
-                            className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().title),
+                            className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().title),
                             children: title
                         }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                             "aria-label": translate("common.close"),
-                            className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().closeButton),
-                            Icon: icons__WEBPACK_IMPORTED_MODULE_5__/* .CrossSquareFill */ .vK,
+                            className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().closeButton),
+                            Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .CrossSquareFill */ .vK,
                             tooltip: translate("common.close"),
                             onClick: onClose
                         })
                     ]
                 }),
                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().content),
+                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().content),
                     children: children
                 }),
                 footer && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().footer),
+                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_9___default().footer),
                     children: footer
                 })
             ]
@@ -3544,7 +3412,7 @@ const Modal = ({ children , className , footer , isOpen , title , onClose  })=>{
     });
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign(Modal, {
-    Section: _components__WEBPACK_IMPORTED_MODULE_9__/* .Section */ .$
+    Section: _components__WEBPACK_IMPORTED_MODULE_8__/* .Section */ .$
 }));
 
 __webpack_async_result__();
@@ -3627,15 +3495,18 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(75704);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(58966);
-/* 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 _IconButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95975);
-/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(107);
-/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _IconButton__WEBPACK_IMPORTED_MODULE_6__]);
-([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _IconButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* 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 hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75704);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64534);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95975);
+/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(107);
+/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_3__, state__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__]);
+([hooks__WEBPACK_IMPORTED_MODULE_3__, state__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -3645,33 +3516,33 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hook
 
 
 const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles , onShowSettings , onShowWords  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
-    const hasOverusedTiles = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectHasOverusedTiles */ .En);
-    const hasInvalidWords = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectHasInvalidWords */ .bs);
-    const { showKeyMap , showShortNav  } = (0,hooks__WEBPACK_IMPORTED_MODULE_2__/* .useAppLayout */ .Ft)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
+    const hasOverusedTiles = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectHasOverusedTiles */ .En);
+    const hasInvalidWords = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectHasInvalidWords */ .bs);
+    const { showKeyMap , showShortNav  } = (0,hooks__WEBPACK_IMPORTED_MODULE_3__/* .useAppLayout */ .Ft)();
     if (showShortNav) {
         return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-            className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().navButtons),
+            className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().navButtons),
             children: [
                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().group),
+                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         "aria-label": translate("common.clear"),
-                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Eraser */ .Gs,
+                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Eraser */ .Gs,
                         tooltip: translate("common.clear"),
                         onClick: onClear
                     })
                 }),
                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().separator)
                 }),
                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().group),
+                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         "aria-label": translate("menu"),
-                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .List */ .aV,
+                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .List */ .aV,
                         tooltip: translate("menu"),
                         onClick: onShowMenu
                     })
@@ -3680,76 +3551,76 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
         });
     }
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().navButtons),
+        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().navButtons),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().group),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                     "aria-label": translate("common.clear"),
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
-                    Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Eraser */ .Gs,
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
+                    Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Eraser */ .Gs,
                     tooltip: translate("common.clear"),
                     onClick: onClear
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().separator)
             }),
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().group),
                 children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         "aria-label": translate("remaining-tiles"),
-                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
-                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasOverusedTiles
+                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button), {
+                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().error)]: hasOverusedTiles
                         }),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Sack */ .xy,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Sack */ .xy,
                         tooltip: translate("remaining-tiles"),
                         onClick: onShowRemainingTiles
                     }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         "aria-label": translate("words"),
-                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
-                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasInvalidWords
+                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button), {
+                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().error)]: hasInvalidWords
                         }),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .CardChecklist */ .Kz,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .CardChecklist */ .Kz,
                         tooltip: translate("words"),
                         onClick: onShowWords
                     })
                 ]
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().separator)
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"].Link */ .Z.Link, {
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().group),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Link */ .Z.Link, {
                     "aria-label": translate("github"),
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
-                    href: parameters__WEBPACK_IMPORTED_MODULE_4__/* .GITHUB_PROJECT_URL */ .h4,
-                    Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Github */ .Ey,
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
+                    href: parameters__WEBPACK_IMPORTED_MODULE_5__/* .GITHUB_PROJECT_URL */ .h4,
+                    Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Github */ .Ey,
                     rel: "noopener noreferrer",
                     target: "_blank",
                     tooltip: translate("github")
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().separator)
             }),
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().group),
                 children: [
-                    showKeyMap && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    showKeyMap && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         "aria-label": translate("keyMap"),
-                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Keyboard */ .N1,
+                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Keyboard */ .N1,
                         tooltip: translate("keyMap"),
                         onClick: onShowKeyMap
                     }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         "aria-label": translate("settings"),
-                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Cog */ .Oz,
+                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Cog */ .Oz,
                         tooltip: translate("settings"),
                         onClick: onShowSettings
                     })
@@ -3758,7 +3629,7 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
         ]
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NavButtons);
+/* 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); } });
@@ -4187,7 +4058,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
 /* 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__);
@@ -4347,7 +4218,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
 /* 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);
@@ -4559,16 +4430,19 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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_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 state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
-/* harmony import */ var types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1966);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(59004);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(98289);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__]);
-([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* 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_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 icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
+/* 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 _Tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(59004);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(98289);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_8__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Tooltip__WEBPACK_IMPORTED_MODULE_7__]);
+([state__WEBPACK_IMPORTED_MODULE_5__, _Tooltip__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -4578,33 +4452,36 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 const HeaderButton = ({ column  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
-    const sort = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectResultsSort */ .R);
-    const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_6__/* .useTooltip */ .l)(translate(column.translationKey));
-    const handleOrderChange = (columnId)=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .resultsSlice.actions.sort */ ._C.actions.sort(columnId));
-    };
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
+    const sort = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResultsSort */ .R);
+    const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_7__/* .useTooltip */ .l)(translate(column.translationKey));
+    const handleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
+        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.sort */ ._C.actions.sort(column.id));
+    }, [
+        column.id,
+        dispatch
+    ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
         "aria-label": translate(column.translationKey),
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default().headerButton), column.className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_8___default().headerButton), column.className),
         type: "button",
-        onClick: ()=>handleOrderChange(column.id),
+        onClick: handleClick,
         ...triggerProps,
         children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
-            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default().cell),
+            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_8___default().cell),
             children: [
                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default().headerButtonLabel),
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_8___default().headerButtonLabel),
                     children: translate(column.translationKey)
                 }),
                 sort.column === column.id && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                     children: [
-                        sort.direction === types__WEBPACK_IMPORTED_MODULE_5__/* .SortDirection.Ascending */ .S.Ascending && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .SortUp */ .Nc, {
-                            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default().sortIcon)
+                        sort.direction === types__WEBPACK_IMPORTED_MODULE_6__/* .SortDirection.Ascending */ .S.Ascending && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_4__/* .SortUp */ .Nc, {
+                            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_8___default().sortIcon)
                         }),
-                        sort.direction === types__WEBPACK_IMPORTED_MODULE_5__/* .SortDirection.Descending */ .S.Descending && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .SortDown */ .l, {
-                            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default().sortIcon)
+                        sort.direction === types__WEBPACK_IMPORTED_MODULE_6__/* .SortDirection.Descending */ .S.Descending && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_4__/* .SortDown */ .l, {
+                            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_8___default().sortIcon)
                         })
                     ]
                 })
@@ -4634,7 +4511,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
 /* 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);
@@ -4749,26 +4626,23 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 react_use__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80551);
-/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_window__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80551);
+/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_window__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 parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
 /* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(77385);
 /* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(13842);
 /* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(74790);
-/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(2537);
-/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(60405);
-/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(77762);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(98289);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(74767);
-/* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(66120);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _EmptyState__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _ResultsInput__WEBPACK_IMPORTED_MODULE_10__, _HeaderButton__WEBPACK_IMPORTED_MODULE_12__, _Result__WEBPACK_IMPORTED_MODULE_13__, _SolveButton__WEBPACK_IMPORTED_MODULE_14__, _useColumns__WEBPACK_IMPORTED_MODULE_15__]);
-([state__WEBPACK_IMPORTED_MODULE_7__, _EmptyState__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _ResultsInput__WEBPACK_IMPORTED_MODULE_10__, _HeaderButton__WEBPACK_IMPORTED_MODULE_12__, _Result__WEBPACK_IMPORTED_MODULE_13__, _SolveButton__WEBPACK_IMPORTED_MODULE_14__, _useColumns__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(60405);
+/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(77762);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(98289);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(74767);
+/* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(66120);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__, _EmptyState__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _ResultsInput__WEBPACK_IMPORTED_MODULE_10__, _HeaderButton__WEBPACK_IMPORTED_MODULE_11__, _Result__WEBPACK_IMPORTED_MODULE_12__, _SolveButton__WEBPACK_IMPORTED_MODULE_13__, _useColumns__WEBPACK_IMPORTED_MODULE_14__]);
+([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__, _EmptyState__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _ResultsInput__WEBPACK_IMPORTED_MODULE_10__, _HeaderButton__WEBPACK_IMPORTED_MODULE_11__, _Result__WEBPACK_IMPORTED_MODULE_12__, _SolveButton__WEBPACK_IMPORTED_MODULE_13__, _useColumns__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -4787,6 +4661,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 const Results = ({ callbacks , className , highlightedIndex  })=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
+    const { resultsHeight , resultsWidth  } = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useAppLayout */ .Ft)();
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
     const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q0[locale];
     const results = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectResults */ .x5);
@@ -4802,12 +4677,14 @@ const Results = ({ callbacks , className , highlightedIndex  })=>{
         highlightedIndex,
         results
     ]);
-    const [sizerRef, { height , width  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_3__.useMeasure)();
     const [listRef, setListRef] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const columns = (0,_useColumns__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)();
+    const columns = (0,_useColumns__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z)();
     const scrollToIndex = typeof highlightedIndex === "number" ? highlightedIndex : 0;
-    const scrollToIndexRef = (0,react_use__WEBPACK_IMPORTED_MODULE_3__.useLatest)(scrollToIndex);
+    const scrollToIndexRef = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useLatest */ .dU)(scrollToIndex);
     const hasResults = typeof error === "undefined" && typeof results !== "undefined";
+    const showInput = hasResults && results.length > 0 && !isOutdated;
+    const height = resultsHeight - parameters__WEBPACK_IMPORTED_MODULE_6__/* .RESULTS_HEADER_HEIGHT */ .$L - (showInput ? parameters__WEBPACK_IMPORTED_MODULE_6__/* .TEXT_INPUT_HEIGHT */ .kD : 0) - 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
+    const width = resultsWidth - 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
     (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
         // without setTimeout, the initial scrolling offset is calculated
         // incorrectly, as the list is not fully rendered by the browser yet
@@ -4825,57 +4702,54 @@ const Results = ({ callbacks , className , highlightedIndex  })=>{
         scrollToIndexRef
     ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().results), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().results), className),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().header),
-                children: columns.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().header),
+                children: columns.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
                         column: column
                     }, column.id))
             }),
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().content),
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().content),
                 children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sizer__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
-                        ref: sizerRef
-                    }),
                     typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
+                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
                         variant: "error",
                         children: error.message
                     }),
                     typeof error === "undefined" && typeof results === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
+                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
                         variant: "info",
                         children: [
                             translate("results.empty-state.uninitialized"),
-                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().solveButton)
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solveButton)
                             })
                         ]
                     }),
                     hasResults && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                         children: [
                             isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
                                 variant: "info",
                                 children: [
                                     translate("results.empty-state.outdated"),
-                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
-                                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().solveButton)
+                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
+                                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solveButton)
                                     })
                                 ]
                             }),
                             !isOutdated && results.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
                                 variant: "warning",
                                 children: translate("results.empty-state.no-results")
                             }),
                             !isOutdated && results.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().listContainer),
-                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_4__.FixedSizeList, {
-                                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().list), {
-                                        [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().outdated)]: isOutdated
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().listContainer),
+                                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_3__.FixedSizeList, {
+                                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().list), {
+                                        [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().outdated)]: isOutdated
                                     }),
                                     direction: direction,
                                     height: height,
@@ -4884,15 +4758,15 @@ const Results = ({ callbacks , className , highlightedIndex  })=>{
                                     itemSize: parameters__WEBPACK_IMPORTED_MODULE_6__/* .RESULTS_ITEM_HEIGHT */ .rx,
                                     ref: setListRef,
                                     width: width,
-                                    children: _Result__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z
+                                    children: _Result__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z
                                 })
                             })
                         ]
                     })
                 ]
             }),
-            hasResults && results.length > 0 && !isOutdated && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultsInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().input)
+            showInput && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultsInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_15___default().input)
             }),
             isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Loading__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
         ]
@@ -5071,10 +4945,7 @@ const COLUMNS_L = [
 const useColumns = ()=>{
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectLocale */ .fN);
     const localeColumns = (0,_getLocaleColumns__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(i18n__WEBPACK_IMPORTED_MODULE_1__/* .LOCALE_FEATURES */ .q0[locale]);
-    const isLessThanXs = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<xs");
-    const isLessThanS = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<s");
-    const isLessThanM = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<m");
-    const isLessThanL = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<l");
+    const { isLessThanXs , isLessThanS , isLessThanM , isLessThanL  } = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQueries */ .lS)();
     if (isLessThanXs) {
         return localeColumns.filter((column)=>COLUMNS_XS.includes(column.id));
     }
@@ -5112,7 +4983,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
 /* 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__);
@@ -5208,44 +5079,6 @@ const SeoMessage = ()=>/*#__PURE__*/ jsx_runtime_.jsx("p", {
 
 
 
-/***/ }),
-
-/***/ 2537:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ Sizer_Sizer)
-});
-
-// 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: ./src/components/Sizer/Sizer.module.scss
-var Sizer_module = __webpack_require__(76872);
-var Sizer_module_default = /*#__PURE__*/__webpack_require__.n(Sizer_module);
-;// CONCATENATED MODULE: ./src/components/Sizer/Sizer.tsx
-
-
-
-
-const Sizer = /*#__PURE__*/ (0,external_react_.forwardRef)(({ className , ...props }, ref)=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
-        className: external_classnames_default()((Sizer_module_default()).sizer, className),
-        ref: ref,
-        ...props
-    }));
-/* harmony default export */ const Sizer_Sizer = (Sizer);
-
-;// CONCATENATED MODULE: ./src/components/Sizer/index.ts
-
-
-
 /***/ }),
 
 /***/ 45659:
@@ -5264,24 +5097,19 @@ __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 react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__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 _Alert__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(15982);
-/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(17587);
-/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(76195);
-/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(35917);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(95937);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(96813);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(99260);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(41674);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_9__, _Dictionary__WEBPACK_IMPORTED_MODULE_10__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_11__, _Rack__WEBPACK_IMPORTED_MODULE_12__, _Results__WEBPACK_IMPORTED_MODULE_13__, _components__WEBPACK_IMPORTED_MODULE_14__]);
-([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_9__, _Dictionary__WEBPACK_IMPORTED_MODULE_10__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_11__, _Rack__WEBPACK_IMPORTED_MODULE_12__, _Results__WEBPACK_IMPORTED_MODULE_13__, _components__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
+/* harmony import */ var _Alert__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(15982);
+/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(17587);
+/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(76195);
+/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(35917);
+/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(95937);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(96813);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(99260);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(41674);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_5__, _Board__WEBPACK_IMPORTED_MODULE_7__, _Dictionary__WEBPACK_IMPORTED_MODULE_8__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_9__, _Rack__WEBPACK_IMPORTED_MODULE_10__, _Results__WEBPACK_IMPORTED_MODULE_11__, _components__WEBPACK_IMPORTED_MODULE_12__]);
+([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_5__, _Board__WEBPACK_IMPORTED_MODULE_7__, _Dictionary__WEBPACK_IMPORTED_MODULE_8__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_9__, _Rack__WEBPACK_IMPORTED_MODULE_10__, _Results__WEBPACK_IMPORTED_MODULE_11__, _components__WEBPACK_IMPORTED_MODULE_12__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5296,34 +5124,23 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hook
 
 
 
-// eslint-disable-next-line max-statements
-const Solver = ({ className , height , width , onShowResults  })=>{
+const Solver = ({ className , onShowResults  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
-    const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useIsTouchDevice */ .YQ)();
-    const { columnWidth , componentsSpacing , isBoardFullWidth , showColumn , showCompactControls , showFloatingSolveButton  } = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useAppLayout */ .Ft)();
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectConfig */ .$o);
-    const error = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSolveError */ .Rn);
-    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectAreResultsOutdated */ .Mj);
-    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectResultCandidate */ .Xk);
-    const results = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectResults */ .x5);
-    const [bottomContainerRef, { height: bottomContainerHeight  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMeasure)();
-    const maxBoardWidth = width - columnWidth - (showColumn ? componentsSpacing : 0) - 2 * componentsSpacing;
-    const maxBoardHeight = isBoardFullWidth ? Number.POSITIVE_INFINITY : Math.max(height - bottomContainerHeight, 0);
+    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 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);
+    const results = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResults */ .x5);
     const [bestResult] = results || [];
-    const cellWidth = (maxBoardWidth - (config.boardWidth + 1) * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.boardWidth;
-    const cellHeight = (maxBoardHeight - (config.boardHeight + 1) * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.boardHeight;
-    const cellSize = Math.min(cellWidth, cellHeight);
-    const cellSizeSafe = Math.min(Math.max(cellSize, parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_TILE_SIZE_MIN */ .oj), parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_TILE_SIZE_MAX */ .Kw);
-    const tileSize = Math.min((maxBoardWidth - 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.maximumCharactersCount, parameters__WEBPACK_IMPORTED_MODULE_6__/* .RACK_TILE_SIZE_MAX */ .$M);
-    const maxControlsWidth = tileSize * config.maximumCharactersCount + 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
     const touchCallbacks = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
             onClick: (result)=>{
                 const isSelected = result === resultCandidate;
                 if (isSelected) {
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(result));
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(result));
                 } else {
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
                 }
             }
         }), [
@@ -5332,19 +5149,19 @@ const Solver = ({ className , height , width , onShowResults  })=>{
     ]);
     const mouseCallbacks = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
             onBlur: ()=>{
-                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
+                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
             },
             onClick: (result)=>{
-                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(result));
+                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(result));
             },
             onFocus: (result)=>{
-                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
+                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
             },
             onMouseEnter: (result)=>{
-                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
+                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
             },
             onMouseLeave: ()=>{
-                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
+                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
             }
         }), [
         dispatch
@@ -5352,11 +5169,11 @@ const Solver = ({ className , height , width , onShowResults  })=>{
     const callbacks = isTouchDevice ? touchCallbacks : mouseCallbacks;
     const handleSubmit = (event)=>{
         event.preventDefault();
-        dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .solveSlice.actions.submit */ .TP.actions.submit());
+        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .solveSlice.actions.submit */ .TP.actions.submit());
     };
     (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
         if (showCompactControls && bestResult && !isOutdated) {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(bestResult));
+            dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(bestResult));
         }
     }, [
         bestResult,
@@ -5365,43 +5182,43 @@ const Solver = ({ className , height , width , onShowResults  })=>{
         isOutdated
     ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solver), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().solver), className),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().container),
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().container),
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().content),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().content),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().boardContainer),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().boardContainer),
                             onSubmit: handleSubmit,
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Board__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
-                                    cellSize: cellSizeSafe,
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().board)
+                                /*#__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", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().submitInput),
                                     tabIndex: -1,
                                     type: "submit"
                                 })
                             ]
                         }),
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().column),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().column),
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
                                     callbacks: callbacks,
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().results)
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().results)
                                 }),
                                 /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionaryContainer),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().dictionaryContainer),
                                     children: [
-                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
-                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionary)
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().dictionary)
                                         }),
-                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
-                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionaryInput)
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().dictionaryInput)
                                         })
                                     ]
                                 })
@@ -5411,41 +5228,40 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContainer),
-                ref: bottomContainerRef,
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().bottomContainer),
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContent),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().bottomContent),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
                             onSubmit: handleSubmit,
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().rack),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().rack),
                                     tileSize: tileSize
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().submitInput),
                                     tabIndex: -1,
                                     type: "submit"
                                 })
                             ]
                         }),
                         showCompactControls && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().controls),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().controls),
                             style: {
                                 maxWidth: maxControlsWidth
                             },
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .ResultCandidatePicker */ .WI, {
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_12__/* .ResultCandidatePicker */ .WI, {
                                     onResultClick: onShowResults
                                 }),
-                                error && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Alert__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
+                                error && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Alert__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyState),
                                     variant: "error",
                                     children: error.message
                                 }),
-                                results && results.length === 0 && !isOutdated && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Alert__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
+                                results && results.length === 0 && !isOutdated && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Alert__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyState),
                                     variant: "warning",
                                     children: translate("results.empty-state.no-results")
                                 })
@@ -5454,14 +5270,14 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                     ]
                 })
             }),
-            showFloatingSolveButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .FloatingSolveButton */ .DY, {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solve),
+            showFloatingSolveButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_12__/* .FloatingSolveButton */ .DY, {
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().solve),
                 onClick: handleSubmit
             })
         ]
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Solver);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(Solver));
 
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
@@ -5483,7 +5299,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
 /* 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);
@@ -5874,44 +5690,6 @@ _Spinner__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
-
-/***/ 8984:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ SplashScreen_SplashScreen)
-});
-
-// 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: ./src/components/SplashScreen/SplashScreen.module.scss
-var SplashScreen_module = __webpack_require__(37675);
-var SplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(SplashScreen_module);
-;// CONCATENATED MODULE: ./src/components/SplashScreen/SplashScreen.tsx
-
-
-
-const SplashScreen = ({ children , className , contentClassName , onAnimationEnd  })=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
-        className: external_classnames_default()((SplashScreen_module_default()).splashScreen, className),
-        onAnimationEnd: onAnimationEnd,
-        children: /*#__PURE__*/ jsx_runtime_.jsx("div", {
-            className: external_classnames_default()((SplashScreen_module_default()).content, contentClassName),
-            children: children
-        })
-    });
-/* harmony default export */ const SplashScreen_SplashScreen = (SplashScreen);
-
-;// CONCATENATED MODULE: ./src/components/SplashScreen/index.ts
-
-
-
 /***/ }),
 
 /***/ 73289:
@@ -6013,7 +5791,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
 /* 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);
@@ -6053,10 +5831,12 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
     const isEmpty = !character || character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_2__.EMPTY_CELL;
     const canShowPoints = showTilePoints && (!isEmpty || isBlank) && typeof points !== "undefined";
     const pointsFormatted = typeof points === "number" ? points.toLocaleString(locale) : "";
-    const handleKeyDown = (event)=>{
+    const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         ref.current?.select();
         onKeyDown(event);
-    };
+    }, [
+        onKeyDown
+    ]);
     (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
         if (autoFocus && ref.current) {
             ref.current.focus();
@@ -6228,7 +6008,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
 /* 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__]);
@@ -6352,21 +6132,20 @@ __webpack_async_result__();
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Ct": () => (/* reexport safe */ _Badge__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "Ex": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_17__.Z),
-/* harmony export */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_24__.Z),
-/* harmony export */   "QR": () => (/* reexport safe */ _SeoMessage__WEBPACK_IMPORTED_MODULE_22__.Z),
+/* harmony export */   "Ex": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_16__.Z),
+/* harmony export */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_22__.Z),
+/* harmony export */   "QR": () => (/* reexport safe */ _SeoMessage__WEBPACK_IMPORTED_MODULE_21__.Z),
 /* harmony export */   "TR": () => (/* reexport safe */ _Logo__WEBPACK_IMPORTED_MODULE_11__.Z),
-/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_15__.Z),
+/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_14__.Z),
 /* harmony export */   "Xy": () => (/* reexport safe */ _Dictionary__WEBPACK_IMPORTED_MODULE_5__.Z),
-/* harmony export */   "Y8": () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_19__.Z),
+/* 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_14__.Z),
-/* harmony export */   "hL": () => (/* reexport safe */ _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_12__.Z),
-/* harmony export */   "n9": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_29__.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 */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_9__.Z),
-/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_20__.Z),
-/* harmony export */   "u_": () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_13__.Z),
-/* harmony export */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_28__.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);
@@ -6380,31 +6159,25 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95975);
 /* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(34535);
 /* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(13842);
-/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8023);
-/* harmony import */ var _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(6436);
-/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(59187);
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(90374);
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(24442);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(65925);
-/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(29348);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(95937);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(71739);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(96813);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(74790);
-/* harmony import */ var _SeoMessage__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(84203);
-/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(2537);
-/* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(65437);
-/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(33538);
-/* harmony import */ var _SplashScreen__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(8984);
-/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(73289);
-/* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(33956);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(96815);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_30__ = __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__, _Modal__WEBPACK_IMPORTED_MODULE_13__, _NavButtons__WEBPACK_IMPORTED_MODULE_14__, _NotFound__WEBPACK_IMPORTED_MODULE_15__, _PlainTiles__WEBPACK_IMPORTED_MODULE_16__, _Progress__WEBPACK_IMPORTED_MODULE_17__, _Rack__WEBPACK_IMPORTED_MODULE_18__, _Results__WEBPACK_IMPORTED_MODULE_20__, _ResultsInput__WEBPACK_IMPORTED_MODULE_21__, _Solver__WEBPACK_IMPORTED_MODULE_24__, _Spinner__WEBPACK_IMPORTED_MODULE_25__, _Tile__WEBPACK_IMPORTED_MODULE_29__, _Tooltip__WEBPACK_IMPORTED_MODULE_30__]);
-([_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__, _Modal__WEBPACK_IMPORTED_MODULE_13__, _NavButtons__WEBPACK_IMPORTED_MODULE_14__, _NotFound__WEBPACK_IMPORTED_MODULE_15__, _PlainTiles__WEBPACK_IMPORTED_MODULE_16__, _Progress__WEBPACK_IMPORTED_MODULE_17__, _Rack__WEBPACK_IMPORTED_MODULE_18__, _Results__WEBPACK_IMPORTED_MODULE_20__, _ResultsInput__WEBPACK_IMPORTED_MODULE_21__, _Solver__WEBPACK_IMPORTED_MODULE_24__, _Spinner__WEBPACK_IMPORTED_MODULE_25__, _Tile__WEBPACK_IMPORTED_MODULE_29__, _Tooltip__WEBPACK_IMPORTED_MODULE_30__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
+/* 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 _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);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(96813);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(74790);
+/* 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__);
 
 
 
@@ -6446,22 +6219,36 @@ __webpack_async_result__();
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Ft": () => (/* reexport safe */ _useAppLayout__WEBPACK_IMPORTED_MODULE_0__.Z),
-/* harmony export */   "YQ": () => (/* reexport safe */ _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_2__.Z),
-/* harmony export */   "ZK": () => (/* reexport safe */ _useLanguage__WEBPACK_IMPORTED_MODULE_3__.Z),
-/* harmony export */   "_": () => (/* reexport safe */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_4__.Z),
-/* harmony export */   "ac": () => (/* reexport safe */ _useMediaQuery__WEBPACK_IMPORTED_MODULE_5__.Z),
+/* harmony export */   "YQ": () => (/* reexport safe */ _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_3__.Z),
+/* harmony export */   "ZK": () => (/* reexport safe */ _useLanguage__WEBPACK_IMPORTED_MODULE_4__.Z),
+/* harmony export */   "_": () => (/* reexport safe */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_6__.Z),
+/* harmony export */   "dU": () => (/* reexport safe */ _useLatest__WEBPACK_IMPORTED_MODULE_5__.Z),
 /* harmony export */   "gm": () => (/* reexport safe */ _useDirection__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "vI": () => (/* reexport safe */ _usePortal__WEBPACK_IMPORTED_MODULE_6__.Z)
+/* harmony export */   "lS": () => (/* reexport safe */ _useMediaQueries__WEBPACK_IMPORTED_MODULE_8__.Z),
+/* harmony export */   "qR": () => (/* reexport safe */ _useEffectOnce__WEBPACK_IMPORTED_MODULE_2__.Z),
+/* harmony export */   "vI": () => (/* reexport safe */ _usePortal__WEBPACK_IMPORTED_MODULE_11__.Z)
 /* harmony export */ });
 /* harmony import */ var _useAppLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95682);
 /* harmony import */ var _useDirection__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43385);
-/* harmony import */ var _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41374);
-/* harmony import */ var _useLanguage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(86969);
-/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46465);
-/* harmony import */ var _useMediaQuery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(78909);
-/* harmony import */ var _usePortal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4371);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__]);
-_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var _useEffectOnce__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13041);
+/* harmony import */ var _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41374);
+/* harmony import */ var _useLanguage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86969);
+/* harmony import */ var _useLatest__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(71814);
+/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(19272);
+/* harmony import */ var _useMedia__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(40234);
+/* harmony import */ var _useMediaQueries__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(37205);
+/* harmony import */ var _useMediaQuery__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(78909);
+/* harmony import */ var _useOnWindowResize__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(14884);
+/* harmony import */ var _usePortal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4371);
+/* harmony import */ var _useViewportSize__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21995);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useAppLayout__WEBPACK_IMPORTED_MODULE_0__, _useLocalStorage__WEBPACK_IMPORTED_MODULE_6__]);
+([_useAppLayout__WEBPACK_IMPORTED_MODULE_0__, _useLocalStorage__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+
 
 
 
@@ -6476,43 +6263,77 @@ __webpack_async_result__();
 /***/ }),
 
 /***/ 95682:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ ((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 parameters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(64534);
-/* harmony import */ var _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41374);
-/* harmony import */ var _useMediaQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(78909);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(83067);
+/* harmony import */ var _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41374);
+/* harmony import */ var _useMediaQueries__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37205);
+/* harmony import */ var _useViewportSize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21995);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__]);
+state__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* eslint-disable max-statements */ 
+
 
 
 
 const useAppLayout = ()=>{
-    const isTouchDevice = (0,_useIsTouchDevice__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)();
-    const isLessThanXs = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)("<xs");
-    const isLessThanS = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)("<s");
-    const isLessThanM = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)("<m");
-    const isLessThanL = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)("<l");
-    const isLessThanXl = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)("<xl");
+    const { viewportHeight , viewportWidth  } = (0,_useViewportSize__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)();
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectConfig */ .$o);
+    const isTouchDevice = (0,_useIsTouchDevice__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)();
+    const { isLessThanXs , isLessThanS , isLessThanM , isLessThanL , isLessThanXl  } = (0,_useMediaQueries__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)();
+    const isBoardFullWidth = isLessThanM;
+    const showResultCandidatePicker = isLessThanL;
+    const componentsSpacing = isLessThanXl ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .COMPONENTS_SPACING_SMALL */ .op : parameters__WEBPACK_IMPORTED_MODULE_0__/* .COMPONENTS_SPACING */ .tr;
     const showColumn = !isLessThanL;
+    const columnWidth = showColumn ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .SOLVER_COLUMN_WIDTH */ .pt : 0;
+    const logoHeight = isLessThanL ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .LOGO_HEIGHT_SMALL */ .t : parameters__WEBPACK_IMPORTED_MODULE_0__/* .LOGO_HEIGHT */ .y7;
+    const navHeight = 2 * parameters__WEBPACK_IMPORTED_MODULE_0__/* .NAV_PADDING */ .t$ + logoHeight;
+    const solverHeight = viewportHeight - navHeight;
+    const solverWidth = viewportWidth;
+    const maxBoardWidth = solverWidth - columnWidth - (showColumn ? componentsSpacing : 0) - 2 * componentsSpacing;
+    const tileSize = Math.min((maxBoardWidth - 2 * parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF) / config.maximumCharactersCount, parameters__WEBPACK_IMPORTED_MODULE_0__/* .RACK_TILE_SIZE_MAX */ .$M);
+    const candidatePickerHeight = showResultCandidatePicker ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .BUTTON_HEIGHT */ .FZ + componentsSpacing : 0;
+    const bottomContainerHeight = candidatePickerHeight + tileSize + 2 * componentsSpacing;
+    const maxBoardHeight = isBoardFullWidth ? Number.POSITIVE_INFINITY : Math.max(solverHeight - bottomContainerHeight, 0);
+    const cellWidth = (maxBoardWidth - (config.boardWidth + 1) * parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF) / config.boardWidth;
+    const cellHeight = (maxBoardHeight - (config.boardHeight + 1) * parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF) / config.boardHeight;
+    const cellSize = Math.min(Math.max(Math.min(cellWidth, cellHeight), parameters__WEBPACK_IMPORTED_MODULE_0__/* .BOARD_TILE_SIZE_MIN */ .oj), parameters__WEBPACK_IMPORTED_MODULE_0__/* .BOARD_TILE_SIZE_MAX */ .Kw);
+    const boardSize = (cellSize + parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF) * config.boardWidth + parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF;
+    const maxControlsWidth = tileSize * config.maximumCharactersCount + 2 * parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF;
+    const showResultsInModal = isLessThanL;
+    const dictionaryHeight = showResultsInModal ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .DICTIONARY_HEIGHT_MOBILE */ .Rh : parameters__WEBPACK_IMPORTED_MODULE_0__/* .DICTIONARY_HEIGHT */ .n6;
+    const modalWidth = isLessThanS ? viewportWidth : parameters__WEBPACK_IMPORTED_MODULE_0__/* .MODAL_WIDTH */ .iF;
+    const resultsHeight = isLessThanL ? viewportHeight - dictionaryHeight - parameters__WEBPACK_IMPORTED_MODULE_0__/* .BUTTON_HEIGHT */ .FZ - parameters__WEBPACK_IMPORTED_MODULE_0__/* .MODAL_HEADER_HEIGHT */ .PV - 5 * componentsSpacing : boardSize - componentsSpacing - dictionaryHeight;
     return {
+        actionsWidth: 2 * parameters__WEBPACK_IMPORTED_MODULE_0__/* .BUTTON_HEIGHT */ .FZ - parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF,
         animateTile: !isLessThanXs,
-        columnWidth: showColumn ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .SOLVER_COLUMN_WIDTH */ .pt : 0,
-        componentsSpacing: isLessThanXl ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .COMPONENTS_SPACING_SMALL */ .op : parameters__WEBPACK_IMPORTED_MODULE_0__/* .COMPONENTS_SPACING */ .tr,
-        isBoardFullWidth: isLessThanM,
+        cellSize,
+        dictionaryHeight,
         isModalFullWidth: isLessThanS,
-        showColumn,
+        logoHeight,
+        logoWidth: logoHeight * parameters__WEBPACK_IMPORTED_MODULE_0__/* .LOGO_ASPECT_RATIO */ .pc,
+        maxControlsWidth,
+        resultsHeight,
+        resultsWidth: isLessThanL ? modalWidth - 2 * componentsSpacing : parameters__WEBPACK_IMPORTED_MODULE_0__/* .SOLVER_COLUMN_WIDTH */ .pt,
         showCompactControls: !showColumn,
         showFloatingSolveButton: isTouchDevice,
         showKeyMap: !isTouchDevice,
-        showResultsInModal: isLessThanL,
+        showResultsInModal,
         showShortNav: isLessThanS,
-        showTilePoints: !isLessThanXs
+        showTilePoints: !isLessThanXs,
+        tileSize
     };
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useAppLayout);
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
@@ -6525,7 +6346,7 @@ const useAppLayout = ()=>{
 /* 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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65175);
 
 
 const useDirection = (direction)=>{
@@ -6546,6 +6367,22 @@ const useDirection = (direction)=>{
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDirection);
 
 
+/***/ }),
+
+/***/ 13041:
+/***/ ((__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__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__);
+
+const useEffectOnce = (effect)=>(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(effect, []);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useEffectOnce);
+
+
 /***/ }),
 
 /***/ 41374:
@@ -6555,11 +6392,10 @@ const useDirection = (direction)=>{
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _useMedia__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(40234);
 
 const useIsTouchDevice = ()=>{
-    return (0,react_use__WEBPACK_IMPORTED_MODULE_0__.useMedia)("(hover: none)", false);
+    return (0,_useMedia__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)("(hover: none)", false);
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useIsTouchDevice);
 
@@ -6575,7 +6411,7 @@ 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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65175);
 
 
 const useLanguage = (language)=>{
@@ -6598,56 +6434,27 @@ const useLanguage = (language)=>{
 
 /***/ }),
 
-/***/ 46465:
-/***/ ((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 */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(48181);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_0__]);
-_useLocalStorage__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); } });
-
-/***/ }),
-
-/***/ 48181:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ 71814:
+/***/ ((__unused_webpack_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 _useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96831);
-/* harmony import */ var _useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67637);
-/* harmony import */ var _useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60821);
-/* harmony import */ var _useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31089);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__, _useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__, _useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__, _useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__]);
-([_useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__, _useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__, _useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__, _useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
+/* 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__);
 
-const useLocalStorage = ()=>{
-    (0,_useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(); // rack has to go first, see 14869a4
-    (0,_useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)();
-    (0,_useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)();
-    (0,_useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)();
+const useLatest = (value)=>{
+    const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(value);
+    ref.current = value;
+    return ref;
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorage);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLatest);
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 96831:
+/***/ 19272:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -6657,218 +6464,173 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83067);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
-state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(83067);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__]);
+state__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
-const useLocalStorageBoard = ()=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const board = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectBoard */ .ZO);
-    const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
-        const persistedBoard = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getBoard */ .Xb.getBoard();
-        if (persistedBoard) {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .boardSlice.actions.init */ .I8.actions.init(persistedBoard));
+const useLocalStorage = ()=>{
+    const autoGroupTiles = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectAutoGroupTiles */ .uz);
+    const board = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectBoard */ .ZO);
+    const configId = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectConfigId */ .md);
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectLocale */ .fN);
+    const rack = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectRack */ .QB);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        if (autoGroupTiles) {
+            state__WEBPACK_IMPORTED_MODULE_1__/* .localStorage.setAutoGroupTiles */ .Xb.setAutoGroupTiles(autoGroupTiles);
         }
-        setIsLoaded(true);
-    });
+    }, [
+        autoGroupTiles
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        if (board) {
+            state__WEBPACK_IMPORTED_MODULE_1__/* .localStorage.setBoard */ .Xb.setBoard(board);
+        }
+    }, [
+        board
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        if (configId) {
+            state__WEBPACK_IMPORTED_MODULE_1__/* .localStorage.setConfigId */ .Xb.setConfigId(configId);
+        }
+    }, [
+        configId
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        if (locale) {
+            state__WEBPACK_IMPORTED_MODULE_1__/* .localStorage.setLocale */ .Xb.setLocale(locale);
+        }
+    }, [
+        locale
+    ]);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
-        if (board && isLoaded) {
-            state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setBoard */ .Xb.setBoard(board);
+        if (rack) {
+            state__WEBPACK_IMPORTED_MODULE_1__/* .localStorage.setRack */ .Xb.setRack(rack);
         }
     }, [
-        board,
-        isLoaded
+        rack
     ]);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageBoard);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorage);
 
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 67637:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ 40234:
+/***/ ((__unused_webpack_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__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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83067);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
-state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
 
-const useLocalStorageConfigId = ()=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const configId = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectConfigId */ .md);
-    const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
-        const persistedConfigId = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getConfigId */ .Xb.getConfigId();
-        if (persistedConfigId) {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .settingsSlice.actions.init */ .xj.actions.init({
-                configId: persistedConfigId
-            }));
-        }
-        setIsLoaded(true);
-    });
+const getInitialState = (query, defaultState)=>{
+    if (typeof defaultState !== "undefined") {
+        return defaultState;
+    }
+    if (true) {
+        return false;
+    }
+    return window.matchMedia(query).matches;
+};
+const useMedia = (query, defaultState)=>{
+    const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getInitialState(query, defaultState));
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
-        if (configId && isLoaded) {
-            state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setConfigId */ .Xb.setConfigId(configId);
-        }
+        const mediaQuery = window.matchMedia(query);
+        const handleChange = ()=>{
+            setState(mediaQuery.matches);
+        };
+        setState(mediaQuery.matches);
+        mediaQuery.addEventListener("change", handleChange);
+        return ()=>{
+            mediaQuery.removeEventListener("change", handleChange);
+        };
     }, [
-        configId,
-        isLoaded
+        query
     ]);
+    return state;
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageConfigId);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMedia);
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 60821:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ 37205:
+/***/ ((__unused_webpack_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__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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10129);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
-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 useLocalStorageLocale = ()=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
-    const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
-        const persistedLocale = state__WEBPACK_IMPORTED_MODULE_4__/* .localStorage.getLocale */ .Xb.getLocale();
-        if (persistedLocale) {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .settingsSlice.actions.init */ .xj.actions.init({
-                locale: persistedLocale
-            }));
-        } else {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .settingsSlice.actions.init */ .xj.actions.init({
-                locale: (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .detectLocale */ .Nj)()
-            }));
-        }
-        setIsLoaded(true);
-    });
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
-        if (locale && isLoaded) {
-            state__WEBPACK_IMPORTED_MODULE_4__/* .localStorage.setLocale */ .Xb.setLocale(locale);
-        }
-    }, [
-        locale,
-        isLoaded
-    ]);
+/* harmony import */ var _useMediaQuery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(78909);
+
+const useMediaQueries = ()=>{
+    const isLessThanXs = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)("<xs");
+    const isLessThanS = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)("<s");
+    const isLessThanM = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)("<m");
+    const isLessThanL = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)("<l");
+    const isLessThanXl = (0,_useMediaQuery__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)("<xl");
+    return {
+        isLessThanXs,
+        isLessThanS,
+        isLessThanM,
+        isLessThanL,
+        isLessThanXl
+    };
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageLocale);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMediaQueries);
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 31089:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+/***/ 78909:
+/***/ ((__unused_webpack_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__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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83067);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
-state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
+/* harmony import */ var include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9744);
+/* harmony import */ var include_media_query_builder__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64534);
+/* harmony import */ var _useMedia__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(40234);
 
 
 
-const useLocalStorageRack = ()=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const rack = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectRack */ .QB);
-    const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
-        const persistedRack = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getRack */ .Xb.getRack();
-        if (persistedRack) {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .rackSlice.actions.init */ .O_.actions.init(persistedRack));
-        }
-        setIsLoaded(true);
-    });
-    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
-        if (rack && isLoaded) {
-            state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setRack */ .Xb.setRack(rack);
-        }
-    }, [
-        isLoaded,
-        rack
-    ]);
+const useMediaQuery = (query, defaultState)=>{
+    const mediaQuery = (0,include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__.buildMediaQuery)(parameters__WEBPACK_IMPORTED_MODULE_1__/* .BREAKPOINTS */ .j$, query);
+    return (0,_useMedia__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(mediaQuery, defaultState);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageRack);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMediaQuery);
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 78909:
+/***/ 14884:
 /***/ ((__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 include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9744);
-/* harmony import */ var include_media_query_builder__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64534);
-
-
+/* 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__);
 
-const useMediaQuery = (query, defaultState)=>{
-    const mediaQuery = (0,include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__.buildMediaQuery)(parameters__WEBPACK_IMPORTED_MODULE_2__/* .BREAKPOINTS */ .j$, query);
-    return (0,react_use__WEBPACK_IMPORTED_MODULE_1__.useMedia)(mediaQuery, defaultState);
+const useOnWindowResize = (onResize)=>{
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        window.addEventListener("resize", onResize);
+        return ()=>{
+            window.removeEventListener("resize", onResize);
+        };
+    }, [
+        onResize
+    ]);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMediaQuery);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useOnWindowResize);
 
 
 /***/ }),
@@ -6888,7 +6650,7 @@ const useMediaQuery = (query, defaultState)=>{
 /* 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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65175);
 
 
 
@@ -6934,6 +6696,36 @@ const usePortal = (children, { disabled =false , tagName ="div"  } = {})=>{
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (lib__WEBPACK_IMPORTED_MODULE_4__/* .canUseDom */ .J8 ? usePortal : lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT);
 
 
+/***/ }),
+
+/***/ 21995:
+/***/ ((__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__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 _useOnWindowResize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14884);
+
+
+const useViewportSize = ()=>{
+    const [viewportHeight, setViewportHeight] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( true ? 0 : 0);
+    const [viewportWidth, setViewportWidth] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( true ? 0 : 0);
+    const handleWindowResize = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(()=>{
+        setViewportHeight(window.innerHeight);
+        setViewportWidth(window.innerWidth);
+    }, []);
+    (0,_useOnWindowResize__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(handleWindowResize);
+    return {
+        viewportHeight,
+        viewportWidth
+    };
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useViewportSize);
+
+
 /***/ }),
 
 /***/ 36743:
@@ -7004,6 +6796,13 @@ const LOCALE_FEATURES = {
     }
 };
 const LOCALE_FLAGS = {
+    [build.Locale.DE_DE]: {
+        className: (i18n_module_default()).de,
+        Icon: icons/* FlagDe */.rV,
+        label: "Deutsch",
+        name: "German",
+        value: build.Locale.DE_DE
+    },
     [build.Locale.EN_GB]: {
         className: (i18n_module_default()).gb,
         Icon: icons/* FlagGb */.eP,
@@ -7018,6 +6817,13 @@ const LOCALE_FLAGS = {
         name: "English (US)",
         value: build.Locale.EN_US
     },
+    [build.Locale.ES_ES]: {
+        className: (i18n_module_default()).es,
+        Icon: icons/* FlagEs */.d,
+        label: "Espa\xf1ol",
+        name: "Spanish",
+        value: build.Locale.ES_ES
+    },
     [build.Locale.FA_IR]: {
         className: (i18n_module_default()).fa,
         Icon: icons/* FlagFa */.$M,
@@ -7032,26 +6838,12 @@ const LOCALE_FLAGS = {
         name: "French",
         value: build.Locale.FR_FR
     },
-    [build.Locale.DE_DE]: {
-        className: (i18n_module_default()).de,
-        Icon: icons/* FlagDe */.rV,
-        label: "Deutsch",
-        name: "German",
-        value: build.Locale.DE_DE
-    },
     [build.Locale.PL_PL]: {
         className: (i18n_module_default()).pl,
         Icon: icons/* FlagPl */.fd,
         label: "Polski",
         name: "Polish",
         value: build.Locale.PL_PL
-    },
-    [build.Locale.ES_ES]: {
-        className: (i18n_module_default()).es,
-        Icon: icons/* FlagEs */.d,
-        label: "Espa\xf1ol",
-        name: "Spanish",
-        value: build.Locale.ES_ES
     }
 };
 
@@ -8095,20 +7887,20 @@ var SvgStar = function SvgStar(props) {
 
 /***/ }),
 
-/***/ 10129:
+/***/ 65175:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  "_g": () => (/* reexport */ lib_arrayEquals),
   "J8": () => (/* reexport */ lib_canUseDom),
   "Ri": () => (/* reexport */ lib_createArray),
   "DI": () => (/* reexport */ lib_createGridOf),
   "np": () => (/* reexport */ lib_createKeyboardNavigation),
   "Ml": () => (/* reexport */ lib_createNullMovingComparator),
   "GF": () => (/* reexport */ lib_createRegExp),
-  "Nj": () => (/* reexport */ lib_detectLocale),
   "nK": () => (/* reexport */ lib_extractCharacters),
   "WM": () => (/* reexport */ lib_extractInputValue),
   "Jp": () => (/* reexport */ lib_findCell),
@@ -8127,7 +7919,13 @@ __webpack_require__.d(__webpack_exports__, {
   "gV": () => (/* reexport */ lib_zipCharactersAndTiles)
 });
 
-// UNUSED EXPORTS: createComparator, createKeyComparator, createStringComparator, getCellSize, getRemainingTilesCount, getTotalRemainingTilesCount, isStringArray, numberComparator, reverseComparator
+// UNUSED EXPORTS: createComparator, createKeyComparator, createStringComparator, detectLocale, getCellSize, getRemainingTilesCount, getTotalRemainingTilesCount, isStringArray, numberComparator, reverseComparator
+
+;// CONCATENATED MODULE: ./src/lib/arrayEquals.ts
+const arrayEquals = (array1, array2)=>{
+    return array1.length === array2.length && array1.every((value, index)=>value === array2[index]);
+};
+/* harmony default export */ const lib_arrayEquals = (arrayEquals);
 
 ;// CONCATENATED MODULE: ./src/lib/canUseDom.ts
 const canUseDom = Boolean( false && 0);
@@ -8212,20 +8010,20 @@ var build = __webpack_require__(34046);
 
 const detectLocale = ()=>{
     if (window.navigator.languages.includes("pl") || window.navigator.languages.includes("pl-PL")) {
-        return build.Locale.PL_PL;
+        return Locale.PL_PL;
     }
     if (window.navigator.languages.includes("en-GB")) {
-        return build.Locale.EN_GB;
+        return Locale.EN_GB;
     }
     if (window.navigator.languages.includes("fa") || window.navigator.languages.includes("fa-IR")) {
-        return build.Locale.FA_IR;
+        return Locale.FA_IR;
     }
     if (window.navigator.languages.includes("fr-FR")) {
-        return build.Locale.FR_FR;
+        return Locale.FR_FR;
     }
-    return build.Locale.EN_US;
+    return Locale.EN_US;
 };
-/* harmony default export */ const lib_detectLocale = (detectLocale);
+/* harmony default export */ const lib_detectLocale = ((/* unused pure expression or super */ null && (detectLocale)));
 
 // EXTERNAL MODULE: ../constants/build/index.js
 var constants_build = __webpack_require__(7618);
@@ -8671,6 +8469,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 
 
 
+
 
 
 /***/ }),
@@ -8681,15 +8480,19 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* 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 */   "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 */   "IO": () => (/* binding */ BOARD_CELL_ACTIONS_OFFSET),
 /* harmony export */   "Kc": () => (/* binding */ EASE_OUT_CUBIC),
 /* harmony export */   "Kw": () => (/* binding */ BOARD_TILE_SIZE_MAX),
 /* harmony export */   "MA": () => (/* binding */ TRANSITION_DURATION_LONG),
 /* harmony export */   "PF": () => (/* binding */ TILE_APPEAR_DURATION),
+/* harmony export */   "PV": () => (/* binding */ MODAL_HEADER_HEIGHT),
+/* harmony export */   "Rh": () => (/* binding */ DICTIONARY_HEIGHT_MOBILE),
 /* harmony export */   "V4": () => (/* binding */ BOARD_TILE_FONT_SIZE_MIN),
 /* harmony export */   "YF": () => (/* binding */ BORDER_WIDTH),
 /* harmony export */   "a_": () => (/* binding */ PLAIN_TILES_TILE_MAX_ROTATE),
@@ -8698,23 +8501,31 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 /* harmony export */   "eU": () => (/* binding */ PROGRESS_COLOR_BACKGROUND),
 /* harmony export */   "fl": () => (/* binding */ PLAIN_TILES_PADDING_HORIZONTAL),
 /* harmony export */   "h4": () => (/* binding */ GITHUB_PROJECT_URL),
+/* harmony export */   "iF": () => (/* binding */ MODAL_WIDTH),
 /* harmony export */   "j$": () => (/* binding */ BREAKPOINTS),
+/* harmony export */   "kD": () => (/* binding */ TEXT_INPUT_HEIGHT),
 /* harmony export */   "ku": () => (/* binding */ PLAIN_TILES_TILE_MARGIN),
 /* harmony export */   "mM": () => (/* binding */ REMAINING_TILES_TILE_SIZE),
+/* harmony export */   "n6": () => (/* binding */ DICTIONARY_HEIGHT),
 /* harmony export */   "oj": () => (/* binding */ BOARD_TILE_SIZE_MIN),
 /* harmony export */   "op": () => (/* binding */ COMPONENTS_SPACING_SMALL),
 /* harmony export */   "pI": () => (/* binding */ COLOR_BLUE),
+/* harmony export */   "pc": () => (/* binding */ LOGO_ASPECT_RATIO),
 /* harmony export */   "pt": () => (/* binding */ SOLVER_COLUMN_WIDTH),
 /* harmony export */   "rV": () => (/* binding */ PLAIN_TILES_TILE_SIZE),
 /* harmony export */   "rx": () => (/* binding */ RESULTS_ITEM_HEIGHT),
+/* harmony export */   "sk": () => (/* binding */ LOGO_SRC),
+/* harmony export */   "t": () => (/* binding */ LOGO_HEIGHT_SMALL),
+/* harmony export */   "t$": () => (/* binding */ NAV_PADDING),
 /* harmony export */   "tr": () => (/* binding */ COMPONENTS_SPACING),
 /* harmony export */   "uX": () => (/* binding */ PLAIN_TILES_PADDING_VERTICAL),
 /* harmony export */   "xZ": () => (/* binding */ PROGRESS_COLOR_VALUE),
+/* harmony export */   "y7": () => (/* binding */ LOGO_HEIGHT),
 /* harmony export */   "yg": () => (/* binding */ COLOR_RED),
 /* harmony export */   "yr": () => (/* binding */ COLOR_YELLOW),
 /* harmony export */   "yz": () => (/* binding */ TRANSITION)
 /* harmony export */ });
-/* unused harmony exports TRANSITION_DURATION, BOARD_CELL_BORDER_WIDTH, TILE_SIZE, PLAIN_TILES_VERSION_TILE_COLOR, PLAIN_TILES_VERSION_TILE_SIZE */
+/* 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 */
 const BREAKPOINTS = {
     xs: 480,
     s: 768,
@@ -8731,8 +8542,13 @@ const COLOR_BLUE = "#c7d8f9";
 const COLOR_GREEN = "#bae3ba";
 const COLOR_RED = "#f7c2aa";
 const COLOR_YELLOW = "#efe3ae";
-const COMPONENTS_SPACING = 40;
-const COMPONENTS_SPACING_SMALL = 20;
+const SPACING_XS = 2;
+const SPACING_S = 5;
+const SPACING_M = 10;
+const SPACING_L = 20;
+const SPACING_XL = 40;
+const COMPONENTS_SPACING = SPACING_XL;
+const COMPONENTS_SPACING_SMALL = SPACING_L;
 const BOARD_CELL_ACTIONS_OFFSET = 3;
 const BOARD_CELL_BORDER_WIDTH = 1;
 const BOARD_TILE_FONT_SIZE_MIN = 14;
@@ -8744,6 +8560,18 @@ const BOARD_TILE_SIZE_MAX = 64;
  * 26 - tiles start to look good (font-size: 16px)
  */ const BOARD_TILE_SIZE_MIN = 20;
 const BORDER_WIDTH = 1;
+const BUTTON_ICON_SIZE = 24;
+const BUTTON_PADDING_VERTICAL = SPACING_M;
+const BUTTON_HEIGHT = BUTTON_ICON_SIZE + 2 * BUTTON_PADDING_VERTICAL + 2 * BORDER_WIDTH;
+const DICTIONARY_HEIGHT = 260;
+const DICTIONARY_HEIGHT_MOBILE = 110;
+const LOGO_ASPECT_RATIO = 682 / 166;
+const LOGO_HEIGHT = 60;
+const LOGO_HEIGHT_SMALL = 48;
+const LOGO_SRC = "/logo.svg";
+const MODAL_WIDTH = 370;
+const MODAL_HEADER_HEIGHT = 45;
+const NAV_PADDING = SPACING_L;
 const TILE_SIZE = 80;
 const PLAIN_TILES_COLOR_DEFAULT = COLOR_GREEN;
 const PLAIN_TILES_PADDING_HORIZONTAL = 0;
@@ -8770,8 +8598,10 @@ 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 SOLVER_COLUMN_WIDTH = 580;
+const TEXT_INPUT_HEIGHT = 40;
 const TILE_APPEAR_DURATION = 200;
 const TILE_APPEAR_KEYFRAMES = [
     {
@@ -8861,6 +8691,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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),
@@ -8935,12 +8766,19 @@ __webpack_async_result__();
 /* harmony import */ var store2__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(store2__WEBPACK_IMPORTED_MODULE_1__);
 
 
+const AUTO_GROUP_TILES = "auto-group-tiles";
 const BOARD = "board";
 const CONFIG_ID = "config-id";
 const LOCALE = "locale";
 const RACK = "rack";
 const store = store2__WEBPACK_IMPORTED_MODULE_1___default().namespace("scrabble-solver");
 const localStorage = {
+    getAutoGroupTiles () {
+        return store.get(AUTO_GROUP_TILES);
+    },
+    setAutoGroupTiles (autoGroupTiles) {
+        store.set(AUTO_GROUP_TILES, autoGroupTiles, true);
+    },
     getBoard () {
         const serialized = store.get(BOARD);
         return serialized ? _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Board.fromJson(JSON.parse(serialized)) : serialized;
@@ -8989,8 +8827,8 @@ var build = __webpack_require__(7618);
 var types_build = __webpack_require__(34046);
 // EXTERNAL MODULE: external "redux-saga/effects"
 var effects_ = __webpack_require__(56477);
-// EXTERNAL MODULE: ./src/lib/index.ts + 31 modules
-var lib = __webpack_require__(10129);
+// EXTERNAL MODULE: ./src/lib/index.ts + 32 modules
+var lib = __webpack_require__(65175);
 ;// CONCATENATED MODULE: ./src/sdk/fetch.ts
 
 const fetch_fetch = async (input, init)=>{
@@ -9091,7 +8929,7 @@ var selectors = __webpack_require__(96076);
 // EXTERNAL MODULE: ./src/state/slices/index.ts + 16 modules
 var slices = __webpack_require__(67647);
 ;// CONCATENATED MODULE: ./src/state/sagas.ts
-
+/* eslint-disable max-lines */ 
 
 
 
@@ -9161,9 +8999,12 @@ function* onDictionarySubmit() {
     }
 }
 function* onInitialize() {
+    const board = yield (0,effects_.select)(selectors/* selectBoard */.ZO);
     yield (0,effects_.call)(sdk_visit);
-    yield* ensureProperTilesCount();
-    yield (0,effects_.put)(slices/* verifySlice.actions.submit */.Gt.actions.submit());
+    if (!board.isEmpty()) {
+        yield* ensureProperTilesCount();
+        yield (0,effects_.put)(slices/* verifySlice.actions.submit */.Gt.actions.submit());
+    }
 }
 function* onReset() {
     yield (0,effects_.put)(slices/* boardSlice.actions.reset */.I8.actions.reset());
@@ -9245,15 +9086,15 @@ function* onVerify() {
 }
 function* ensureProperTilesCount() {
     const { config  } = yield (0,effects_.select)(selectors/* selectConfig */.$o);
-    const characters = yield (0,effects_.select)(selectors/* selectCharacters */.yp);
-    if (config.maximumCharactersCount > characters.length) {
-        const differenceCount = Math.abs(config.maximumCharactersCount - characters.length);
+    const rack = yield (0,effects_.select)(selectors/* selectRack */.QB);
+    if (config.maximumCharactersCount > rack.length) {
+        const differenceCount = Math.abs(config.maximumCharactersCount - rack.length);
         yield (0,effects_.put)(slices/* rackSlice.actions.init */.O_.actions.init([
-            ...characters,
+            ...rack,
             ...Array(differenceCount).fill(null)
         ]));
-    } else if (config.maximumCharactersCount < characters.length) {
-        const nonNulls = characters.filter(Boolean).slice(0, config.maximumCharactersCount);
+    } else if (config.maximumCharactersCount < rack.length) {
+        const nonNulls = rack.filter(Boolean).slice(0, config.maximumCharactersCount);
         const differenceCount = Math.abs(config.maximumCharactersCount - nonNulls.length);
         const autoGroupTiles = yield (0,effects_.select)(selectors/* selectLocaleAutoGroupTiles */.lP);
         yield (0,effects_.put)(slices/* rackSlice.actions.init */.O_.actions.init([
@@ -9275,6 +9116,7 @@ function* ensureProperTilesCount() {
 /* harmony export */   "$o": () => (/* binding */ selectConfig),
 /* harmony export */   "AN": () => (/* binding */ selectCharacterIsValid),
 /* harmony export */   "En": () => (/* binding */ selectHasOverusedTiles),
+/* harmony export */   "GL": () => (/* binding */ selectResultCandidateCells),
 /* harmony export */   "HM": () => (/* binding */ selectVerify),
 /* harmony export */   "Mj": () => (/* binding */ selectAreResultsOutdated),
 /* harmony export */   "O0": () => (/* binding */ selectCellBonus),
@@ -9304,7 +9146,7 @@ function* ensureProperTilesCount() {
 /* harmony export */   "yp": () => (/* binding */ selectCharacters),
 /* harmony export */   "z$": () => (/* binding */ selectResultCandidateTiles)
 /* harmony export */ });
-/* unused harmony exports selectCellFilter, selectResultsRaw, selectSortedResults, selectGroupedResults, selectResultCandidateCells, selectTranslation, selectLastSolvedParameters, selectHaveCharactersChanged, selectHasBoardChanged, selectRemainingTiles */
+/* unused harmony exports selectCellFilter, selectResultsRaw, selectSortedResults, selectGroupedResults, 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);
@@ -9313,7 +9155,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__(10129);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65175);
 /* eslint-disable max-lines */ 
 
 
@@ -9555,15 +9397,19 @@ __webpack_require__.d(__webpack_exports__, {
 var build = __webpack_require__(89418);
 // EXTERNAL MODULE: ../types/build/index.js
 var types_build = __webpack_require__(34046);
-// EXTERNAL MODULE: ./src/lib/index.ts + 31 modules
-var lib = __webpack_require__(10129);
+// EXTERNAL MODULE: ./src/state/localStorage.ts
+var localStorage = __webpack_require__(79579);
+// EXTERNAL MODULE: ./src/lib/index.ts + 32 modules
+var lib = __webpack_require__(65175);
 ;// CONCATENATED MODULE: ./src/state/slices/settingsInitialState.ts
 
 
+
+const localStorageAutoGroupTiles = localStorage/* default.getAutoGroupTiles */.Z.getAutoGroupTiles();
 const settingsInitialState = {
-    autoGroupTiles: "left",
-    configId: build.scrabble.id,
-    locale: (0,lib/* guessLocale */.sf)()
+    autoGroupTiles: typeof localStorageAutoGroupTiles === "undefined" ? "left" : localStorageAutoGroupTiles,
+    configId: localStorage/* default.getConfigId */.Z.getConfigId() || build.scrabble.id,
+    locale: localStorage/* default.getLocale */.Z.getLocale() || (0,lib/* guessLocale */.sf)()
 };
 /* harmony default export */ const slices_settingsInitialState = (settingsInitialState);
 
@@ -9571,9 +9417,11 @@ const settingsInitialState = {
 
 
 
+
 const { configId , locale  } = slices_settingsInitialState;
 const { boardHeight , boardWidth  } = (0,build.getLocaleConfig)(configId, locale);
-const boardInitialState = types_build.Board.create(boardWidth, boardHeight);
+const boardDefaultState = types_build.Board.create(boardWidth, boardHeight);
+const boardInitialState = localStorage/* default.getBoard */.Z.getBoard() || boardDefaultState;
 // const createOxyphenbutazone = () => {
 //   // Tiles: oypbaze
 //   const board = Board.fromStringArray([
@@ -9648,7 +9496,7 @@ const boardSlice = (0,toolkit_.createSlice)({
             return board;
         },
         reset: ()=>{
-            return slices_boardInitialState;
+            return boardDefaultState;
         },
         toggleCellIsBlank: (state, action)=>{
             const newBoard = state.clone();
@@ -9754,7 +9602,8 @@ const dictionarySlice = (0,toolkit_.createSlice)({
 /* harmony default export */ const slices_dictionarySlice = (dictionarySlice);
 
 ;// CONCATENATED MODULE: ./src/state/slices/rackInitialState.ts
-const rackInitialState = [
+
+const rackDefaultState = [
     null,
     null,
     null,
@@ -9763,6 +9612,7 @@ const rackInitialState = [
     null,
     null
 ];
+const rackInitialState = localStorage/* default.getRack */.Z.getRack() || rackDefaultState;
 /* harmony default export */ const slices_rackInitialState = (rackInitialState);
 
 ;// CONCATENATED MODULE: ./src/state/slices/rackSlice.ts
@@ -9783,6 +9633,9 @@ const rackSlice = (0,toolkit_.createSlice)({
         },
         changeCharacters: (state, action)=>{
             const { characters , index  } = action.payload;
+            if (characters.length === 0) {
+                return state;
+            }
             const expectedRackLength = state.length;
             const rack = [
                 ...state.slice(0, index),
@@ -9792,19 +9645,17 @@ const rackSlice = (0,toolkit_.createSlice)({
             return rack.slice(0, expectedRackLength);
         },
         groupTiles: (state, action)=>{
-            const direction = action.payload;
-            if (direction === null) {
+            if (action.payload === null) {
                 return state;
             }
-            const nullMovingComparator = (0,lib/* createNullMovingComparator */.Ml)((0,lib/* inverseDirection */.Mf)(direction));
+            const nullMovingComparator = (0,lib/* createNullMovingComparator */.Ml)((0,lib/* inverseDirection */.Mf)(action.payload));
             const sortedTiles = [
                 ...state
             ].sort(nullMovingComparator);
-            return sortedTiles;
+            return (0,lib/* arrayEquals */._g)(state, sortedTiles) ? state : sortedTiles;
         },
-        init: (_state, action)=>{
-            const rack = action.payload;
-            return rack;
+        init: (state, action)=>{
+            return (0,lib/* arrayEquals */._g)(state, action.payload) ? state : action.payload;
         },
         removeTiles: (state, action)=>{
             const tilesToRemove = action.payload;
@@ -9812,7 +9663,7 @@ const rackSlice = (0,toolkit_.createSlice)({
             const charactersWithoutMatchingTiles = charactersAndTiles.map(({ character , tile  })=>tile ? null : character);
             return charactersWithoutMatchingTiles;
         },
-        reset: ()=>slices_rackInitialState
+        reset: ()=>rackDefaultState
     }
 });
 /* harmony default export */ const slices_rackSlice = (rackSlice);