.sudoku-app{--colour-primary: #57391d;--colour-secondary: #e96f00;--colour-disabled: #575f68;--colour-black: #000;--colour-white: #fff;--colour-text: var(--colour-black);--colour-borders: var(--colour-primary);--shadow-colour: hsl(from var(--colour-primary) h s calc(l/2) / 1);--colour-user-entered: var(--colour-secondary);--colour-modal-bg: #ffebda;--colour-active-tile-sibling: var(--colour-modal-bg);--colour-active-tile: var(--colour-secondary);--colour-system-entered: var(--colour-primary);--colour-system-values-images-bg: #ccc;--colour-level-easy: #B26524;--colour-level-medium: #7d4b20;--colour-level-hard: var(--colour-primary);--colour-error: #aa0404;--font-family-user: "Kalam", cursive;--font-family-system: "Inter", sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--border-radius: 10px;--side-padding: 10px;--tile-lift-amount: 10px}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;width:auto!important;white-space:normal!important}.full-screen-centered{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.sudoku-app{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased}.sudoku-app h1,.sudoku-app h2,.sudoku-app h3,.sudoku-app h4,.sudoku-app p,.sudoku-app figure,.sudoku-app blockquote,.sudoku-app dl,.sudoku-app dd{margin-block-end:0}.sudoku-app ul[role=list],.sudoku-app ol[role=list]{list-style:none}.sudoku-app h1,.sudoku-app h2,.sudoku-app h3,.sudoku-app h4,.sudoku-app button,.sudoku-app input,.sudoku-app label{line-height:1.1}.sudoku-app h1,.sudoku-app h2,.sudoku-app h3,.sudoku-app h4{text-wrap:balance}.sudoku-app a:not([class]){text-decoration-skip-ink:auto;color:currentColor}.sudoku-app img,.sudoku-app picture{max-width:100%;display:block}.sudoku-app input,.sudoku-app button,.sudoku-app textarea,.sudoku-app select{font-family:inherit;font-size:inherit}.sudoku-app textarea:not([rows]){min-height:10em}.sudoku-app :target{scroll-margin-block:5ex}.sudoku-app *,.sudoku-app *:before,.sudoku-app *:after{box-sizing:border-box}.sudoku-app *{margin:0}.sudoku-app img,.sudoku-app picture,.sudoku-app video,.sudoku-app canvas,.sudoku-app svg{display:block;max-width:100%}.sudoku-app input,.sudoku-app button,.sudoku-app textarea,.sudoku-app select{font:inherit}.sudoku-app p,.sudoku-app h1,.sudoku-app h2,.sudoku-app h3,.sudoku-app h4,.sudoku-app h5,.sudoku-app h6{overflow-wrap:break-word}.sudoku-app #root,.sudoku-app #__next{isolation:isolate}html,body{width:100vw;max-width:100%;overflow-x:hidden;margin:0;padding:0}html{scroll-snap-type:y proximity}.sudoku-app{width:1024px;max-width:calc(100% - var(--side-padding) * 2);margin:0 auto;padding:var(--side-padding);min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);color:var(--colour-text);background:var(--color-background);line-height:1.6;font-family:var(--font-family-system);font-optical-sizing:auto;font-weight:var(--font-weight-regular);font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 768px){.sudoku-app{padding:0}.sudoku-app .game-container{width:600px}}.sudoku-app .game-container{max-width:100%;margin-left:auto;margin-right:auto}.cms-preview .sudoku-app{padding:0}.sudoku-app label,.sudoku-app button:not(:disabled){cursor:pointer}.sudoku-app .delay-100{animation-delay:.1s}.sudoku-app .delay-200{animation-delay:.2s}.sudoku-app .delay-300{animation-delay:.3s}.sudoku-app .delay-400{animation-delay:.4s}.sudoku-app .delay-500{animation-delay:.5s}.sudoku-app .delay-600{animation-delay:.6s}.sudoku-app .delay-700{animation-delay:.7s}.sudoku-app .delay-800{animation-delay:.8s}.sudoku-app .delay-900{animation-delay:.9s}.sudoku-app .delay-1000{animation-delay:1s}.sudoku-app .delay-1100{animation-delay:1.1s}.sudoku-app .delay-1200{animation-delay:1.2s}.sudoku-app .delay-1300{animation-delay:1.3s}.sudoku-app .delay-1400{animation-delay:1.4s}.sudoku-app .delay-1500{animation-delay:1.5s}.sudoku-app .delay-1600{animation-delay:1.6s}.sudoku-app .delay-1700{animation-delay:1.7s}.sudoku-app .delay-1800{animation-delay:1.8s}.sudoku-app .delay-1900{animation-delay:1.9s}.sudoku-app .delay-2000{animation-delay:2s}.sudoku-app .animate-win{animation-name:tileLift;animation-duration:.75s;animation-iteration-count:1;border:1px solid var(--colour-primary);z-index:5}.sudoku-app .animate-win.animate-final-win{animation-iteration-count:5}@keyframes tileLift{0%{transform:translate(0);box-shadow:0 0 #0000}50%{transform:translateY(-20px);box-shadow:0 20px #00000080}90%{box-shadow:0 4px #00000080}to{transform:translate(0);box-shadow:0 0 #0000}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sudoku-app .btn{background:none;margin:0 0 30px;background:var(--colour-primary);color:#fff;display:inline-block;font-size:20px;position:relative;transition:.15s ease-in-out;padding:20px;border-radius:var(--border-radius);border:none;text-decoration:none}.sudoku-app .btn:not(:disabled):not(.sortable-answer):hover{background:var(--colour-secondary)}.sudoku-app .btn.rounded{border-radius:25px}.sudoku-app .btn.inverted{background:var(--colour-secondary)}.sudoku-app .btn.inverted:not(:disabled):not(.sortable-answer):hover{background:var(--colour-primary)}.sudoku-app .btn+.btn{margin-left:10px}#sudoku-main-header{margin-bottom:15px;line-height:1}#sudoku-main-header .icon-title-group{background:none;border:none;padding:0;margin:0;display:inline-flex;justify-content:flex-start;align-items:center}@media (max-width: 767px){#sudoku-main-header .icon-title-group{margin-left:-20px}}#sudoku-main-header .sudoku-icon{width:15px;height:30px;border-radius:0 30px 30px 0;background:var(--colour-secondary);display:inline-block}#sudoku-main-header .sudoku-title{font-size:36px;margin-left:5px;text-transform:uppercase}#sudoku-main-header .sudoku-title,#sudoku-main-header .date{color:var(--colour-black)}#sudoku-main-header .date{font-size:20px}#sudoku-main-header .timer{color:var(--colour-secondary)}#sudoku-main-header .timer,#sudoku-main-header .errors,#sudoku-main-header .spacer-when-hidden-errors{color:var(--colour-secondary);font-size:16px;font-weight:var(--font-weight-regular);width:100px}#sudoku-main-header .errors{text-align:right}@media (max-width: 767px){#sudoku-main-header.errors-hidden .spacer-when-hidden-errors{display:none}#sudoku-main-header.errors-hidden .timer{display:block;width:100%;text-align:center}}#sudoku-main-header .level{color:var(--colour-primary);font-size:20px;text-transform:uppercase}#sudoku-main-header .row-1{margin-bottom:10px}@media (min-width: 768px){#sudoku-main-header .row-1{padding-right:var(--side-padding);margin-bottom:30px}}#sudoku-main-header .row{display:flex;justify-content:space-between;align-items:center}@media (max-width: 767px){#sudoku-main-header .row-2{flex-wrap:wrap}#sudoku-main-header .level{width:100%;text-align:center;margin-bottom:10px}#sudoku-main-header .timer,#sudoku-main-header .errors{order:2}}.sudoku-app .numbers-keyboard{padding:0;margin-top:30px}.sudoku-app .numbers-keyboard .special-keys,.sudoku-app .numbers-keyboard .number-keys{display:flex;justify-content:space-between;align-items:center;color:#fff}.sudoku-app .numbers-keyboard .number-keys{flex-wrap:wrap}@media (min-width: 768px){.sudoku-app .numbers-keyboard .number-keys{flex-wrap:nowrap}}@media (max-width: 767px){.sudoku-app .numbers-keyboard .number-keys .button-container{width:18%;height:0;padding-bottom:18%;margin-bottom:10px}}.sudoku-app .numbers-keyboard .button-container{width:50px;height:50px;padding:0;flex-grow:0;margin-bottom:10px;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.sudoku-app .numbers-keyboard .button-container{margin-bottom:30px;width:50px;height:50px}}.sudoku-app .numbers-keyboard .button-container .numerical-key{font-size:30px}.sudoku-app .numbers-keyboard .button-container .keyboard-key{aspect-ratio:1;width:100%;padding:0}.sudoku-app .numbers-keyboard .button-container .keyboard-key img{display:block;object-fit:cover;width:100%;height:100%}.sudoku-app .numbers-keyboard .button-container .keyboard-key svg path{fill:#fff}.sudoku-app .numbers-keyboard .button-container .keyboard-key:disabled{opacity:.5}.sudoku-app .numbers-keyboard .button-container .keyboard-key:disabled svg path{fill:gray}.sudoku-app .numbers-keyboard .key-delete{display:inline-flex;justify-content:center;align-items:center}.sudoku-app .numbers-keyboard .key-delete svg{max-height:80%}.sudoku-app .numbers-keyboard .special-keys .button-container{width:50px;margin-right:5px}.sudoku-app .numbers-keyboard .special-keys .button-container .keyboard-key{aspect-ratio:unset;height:100%;display:inline-flex;justify-content:center;align-items:center}.sudoku-app .numbers-keyboard .special-keys .button-container .keyboard-key svg{height:70%;width:auto}.sudoku-app .numbers-keyboard .special-keys .button-container:last-child{margin-right:0}.sudoku-app .numbers-keyboard .special-keys .key-undo svg{max-width:75%}.sudoku-app .numbers-keyboard .special-keys .tools-container{position:relative;width:100%;height:100%}.sudoku-app .numbers-keyboard .special-keys .tools-container .icon-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:.15s ease-in-out}.sudoku-app .numbers-keyboard .special-keys .svg-icon-pen-and-pencil .pen,.sudoku-app .numbers-keyboard .special-keys .svg-icon-pen-and-pencil .pencil{transition:.15s ease-in-out}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pen .svg-icon-pen-and-pencil .pen{opacity:1}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pen .svg-icon-pen-and-pencil .pencil{opacity:0}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pencil{background:var(--colour-secondary)}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pencil .svg-icon-pen-and-pencil .pen{opacity:0}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pencil .svg-icon-pen-and-pencil .pencil{opacity:1}@media (min-width: 768px){.sudoku-app .numbers-keyboard .special-keys .key-with-text-container{flex-grow:1}}@media (max-width: 767px){.sudoku-app .numbers-keyboard .special-keys{flex-wrap:wrap}.sudoku-app .numbers-keyboard .special-keys .button-container{width:22.5%}.sudoku-app .numbers-keyboard .special-keys .key-validate-container,.sudoku-app .numbers-keyboard .special-keys .key-solve-container{order:2;width:47.5%}}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pen .svg-pen-pencil{pointer-events:none}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pen .svg-pen-pencil #pen{opacity:1}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pen .svg-pen-pencil #pencil{opacity:0}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pencil{font-family:var(--font-family-user);font-size:18px}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pencil .svg-pen-pencil #pen{opacity:0}.sudoku-app .numbers-keyboard .special-keys .writing-mode-pencil .svg-pen-pencil #pencil{opacity:1}.sudoku-app .level-select-screen .level-select-intro{margin-bottom:36px}.sudoku-app .level-select-screen .level-select-instruction{margin-bottom:20px}@media (min-width: 768px){.sudoku-app .level-select-screen .level-select-split{display:flex;justify-content:space-between}}@media (max-width: 767px){.sudoku-app .level-select-screen .available-levels{margin-bottom:50px}}.sudoku-app .level-select-screen .available-levels .btn-level-select{display:flex;justify-content:center;align-items:center;color:var(--colour-white);font-weight:var(--font-weight-bold);text-transform:uppercase;text-decoration:none;margin-bottom:0;width:250px;height:50px;border-radius:0 25px 25px 0}.sudoku-app .level-select-screen .available-levels .btn-level-select.level-easy{background:var(--colour-level-easy)}.sudoku-app .level-select-screen .available-levels .btn-level-select.level-medium{background:var(--colour-level-medium)}.sudoku-app .level-select-screen .available-levels .btn-level-select.level-hard{background:var(--colour-level-hard)}.sudoku-app .level-select-screen .available-levels .btn-level-select+.btn-level-select{margin-left:0;margin-top:12px}.sudoku-app .loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.sudoku-app .loading-spinner{--spinner-size: 48px;--border-size: 5px;width:var(--spinner-size);height:var(--spinner-size);border:var(--border-size) solid;border-color:var(--colour-primary) transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.sudoku-app .menu-outer-container{position:fixed;bottom:0;left:0;width:100vw;display:flex;justify-content:center;z-index:100;--behind-box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .39)}.sudoku-app .menu-outer-container .menu{display:inline-flex;flex-direction:column;justify-content:flex-end;align-items:center;width:600px;max-width:100%}.sudoku-app .menu-outer-container .tab-headers{width:100%;display:flex;align-items:flex-end}.sudoku-app .menu-outer-container .tab-headers.tabs-open{--behind-box-shadow: 0 -10px 8px 0 rgba(0, 0, 0, .39)}.sudoku-app .menu-outer-container .tab-headers .btn-tab-activate{width:50%;flex-shrink:1;background:#575f68;color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0;border:none;padding:10px;position:relative;z-index:2;box-shadow:inset 0 -10px 8px -3px #00000063,var(--behind-box-shadow);transition:box-shadow .3s ease-in-out}.sudoku-app .menu-outer-container .tab-headers .btn-tab-activate.active{background:var(--colour-primary);box-shadow:var(--behind-box-shadow)}.sudoku-app .menu-outer-container .tab-headers .btn-toggle-menu{--toggle-size: 35px;--leftward-margin: 35px;width:calc(var(--toggle-size) + var(--leftward-margin) + 10px);height:var(--toggle-size);flex-shrink:0;position:relative;margin-left:calc(var(--leftward-margin) * -1);background:var(--colour-primary);border:none;border-radius:0 var(--border-radius) 0 0;color:#fff;box-shadow:inset 0 -10px 8px -3px #00000063}.sudoku-app .menu-outer-container .tab-headers .btn-toggle-menu .icon{position:absolute;top:0;left:var(--leftward-margin);width:calc(100% - var(--leftward-margin));height:100%;display:flex;justify-content:center;align-items:center;transform:rotateX(0);transition:.3s ease-in-out}.sudoku-app .menu-outer-container .tab-headers .btn-toggle-menu.menu-is-open .icon{transform:rotateX(180deg)}.sudoku-app .menu-outer-container .tabs{background:var(--colour-primary);width:100%;box-shadow:var(--behind-box-shadow);transition:box-shadow .3s ease-in-out}.sudoku-app .menu-outer-container .tabs.tabs-open{--behind-box-shadow: 0 -8px 12px 2px rgba(0, 0, 0, .39)}.sudoku-app .menu-outer-container .tabs.tabs-closed{max-height:0;overflow:hidden}.sudoku-app .menu-outer-container .tabs .tab{padding:30px 40px 10px}@media (orientation: portrait){.sudoku-app .menu-outer-container .tabs .tab{padding:30px 10px 10px}}.sudoku-app .menu-outer-container .started-puzzles{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sudoku-app .menu-outer-container .list-container{max-height:300px;overflow-y:auto}.sudoku-app .menu-outer-container .started-puzles-list th,.sudoku-app .menu-outer-container .started-puzles-list td{padding:5px 10px}.sudoku-app .menu-outer-container .started-puzles-list a{color:#fff}.sudoku-app .menu-outer-container .started-puzles-list .odd{background:#0000001a}.sudoku-app .menu-outer-container .tab-preferences{color:#fff}.sudoku-app .menu-outer-container .tab-preferences.tab{padding:40px 10px}.sudoku-app .menu-outer-container .tab-preferences .preferences-list tr:hover{background:#0000001a}.sudoku-app .menu-outer-container .tab-preferences .preferences-list th,.sudoku-app .menu-outer-container .tab-preferences .preferences-list td{padding:10px}.sudoku-app .menu-outer-container .tab-preferences .preferences-list th{text-align:left;padding-right:10px}.sudoku-app .menu-outer-container .tab-preferences .preferences-list td{display:flex}.sudoku-app .menu-outer-container .tab-preferences .preferences-list .input-group+.input-group{margin-left:15px}.sudoku-app .menu-outer-container .tab-preferences .preferences-list label{padding-left:5px}.sudoku-app .bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#575f68cc;z-index:1000}.sudoku-app .bg-overlay .modal{background:var(--colour-modal-bg);border-radius:var(--border-radius);color:var(--colour-primary);display:flex;flex-direction:column;justify-content:stretch;align-items:center;min-width:300px;max-width:90%;min-height:225px;max-height:90vh;overflow-y:auto;padding:100px 30px 50px;position:relative}.sudoku-app .bg-overlay .modal *::-webkit-scrollbar{height:10px;width:10px}.sudoku-app .bg-overlay .modal *::-webkit-scrollbar-track{border-radius:0;background-color:var(--colour-white)}.sudoku-app .bg-overlay .modal *::-webkit-scrollbar-track:hover{background-color:var(--colour-white)}.sudoku-app .bg-overlay .modal *::-webkit-scrollbar-track:active{background-color:var(--colour-white)}.sudoku-app .bg-overlay .modal *::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--colour-primary)}.sudoku-app .bg-overlay .modal *::-webkit-scrollbar-thumb:hover{background-color:var(--colour-primary)}.sudoku-app .bg-overlay .modal *::-webkit-scrollbar-thumb:active{background-color:var(--colour-primary)}@media (min-width: 768px){.sudoku-app .bg-overlay .modal{min-width:400px;max-width:700px;padding:100px}}.sudoku-app .bg-overlay .modal.small-bottom-padding{padding-bottom:50px}.sudoku-app .bg-overlay .modal>div+div{margin-top:30px}.sudoku-app .bg-overlay .modal.solve-container .choices{display:flex;justify-content:space-between;align-items:center;width:100%}.sudoku-app .bg-overlay .modal.pause-overlay{min-width:95%;min-height:600px;max-height:100vh;justify-content:center}@media (min-width: 768px){.sudoku-app .bg-overlay .modal.pause-overlay{min-width:600px}}@media (min-width: 768px){.sudoku-app .bg-overlay .modal.win-modal{padding-bottom:50px}}.sudoku-app .bg-overlay .modal.win-modal div+div{margin-top:10px}.sudoku-app .bg-overlay .modal.win-modal .share-section{margin:30px 0}.sudoku-app .bg-overlay .modal.win-modal .share-url-container{display:flex;justify-content:center;align-items:stretch;width:100%;height:40px;position:relative}.sudoku-app .bg-overlay .modal.win-modal .share-url-container .text-field{width:99%;flex-shrink:1;padding:5px 10px;border-radius:var(--border-radius) 0 0 var(--border-radius);cursor:pointer}.sudoku-app .bg-overlay .modal.win-modal .share-url-container .copy-button-icon{border-radius:0 var(--border-radius) var(--border-radius) 0;display:flex;justify-content:center;align-items:center}.sudoku-app .bg-overlay .modal.win-modal .share-url-container .copy-button-icon svg{width:40px}.sudoku-app .bg-overlay .modal.win-modal .share-url-container .copy-button-icon svg .background{fill:var(--colour-white)}.sudoku-app .bg-overlay .modal.win-modal .share-url-container .copied-tooltip{background:var(--colour-primary);border-radius:var(--border-radius);color:var(--colour-white);position:absolute;bottom:105%;left:50%;transform:translate(-50%);padding:15px 30px}.sudoku-app .bg-overlay .modal.win-modal .share-url-container .copied-tooltip:after{content:"";width:0px;height:0px;border-style:solid;border-width:15px 7.5px 0 7.5px;border-color:var(--colour-primary) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:rotate(0) translate(-50%)}.sudoku-app .bg-overlay .modal.win-modal .btn-play-another{height:50px;padding:10px 30px}.sudoku-app .bg-overlay .modal .btn-close{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;margin:0}.sudoku-app .bg-overlay .modal .btn-close svg{width:40px;height:40px}.sudoku-app .bg-overlay .modal .btn-close svg path{fill:var(--colour-primary)}.sudoku-app .bg-overlay .modal .btn-close:hover svg path{fill:var(--colour-secondary)}.sudoku-app .bg-overlay .modal .btn{border-radius:30px}.sudoku-app .preferences-container-bg .input-group{position:relative;width:100%}.sudoku-app .preferences-container-bg .input-group label{display:flex;justify-content:space-between;align-items:center;color:var(--colour-black)}.sudoku-app .preferences-container-bg .input-group+.input-group{margin-top:20px}@media (min-width: 768px){.sudoku-app .preferences-container-bg .input-group+.input-group{margin-top:10px}}.sudoku-app .preferences-container-bg .checkbox-visual{--circle-size: 30px;display:inline-block;flex-shrink:0;width:80px;height:40px;background:var(--colour-black);border:5px solid var(--colour-black);position:relative;margin-left:20px;border-radius:20px}.sudoku-app .preferences-container-bg .checkbox-visual .circle{background:var(--colour-primary);width:var(--circle-size);height:var(--circle-size);position:absolute;top:0;left:0;border-radius:var(--circle-size);transition:.1s ease-in-out}.sudoku-app .preferences-container-bg input{position:absolute;opacity:0}.sudoku-app .preferences-container-bg input:checked+label .checkbox-visual .circle{left:calc(100% - var(--circle-size));background:var(--colour-secondary)}.sudoku-app .playing-grid{scroll-snap-align:start;display:flex;flex-wrap:wrap;max-width:100%;-webkit-user-select:none;user-select:none}.sudoku-app .playing-grid input{background:transparent}.sudoku-app .playing-grid input[type=number]::-webkit-inner-spin-button,.sudoku-app .playing-grid input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sudoku-app .playing-grid .tile{--heavy-border: 6px solid var(--colour-borders);--medium-border: 4px solid var(--colour-borders);width:11.1111111111%;aspect-ratio:1;position:relative;border:1px solid var(--colour-borders)}@media (min-width: 768px){.sudoku-app .playing-grid .tile{--heavy-border: 10px solid var(--colour-borders);--medium-border: 5px solid var(--colour-borders);border:2px solid var(--colour-borders)}}.sudoku-app .playing-grid .tile.row-1{border-top:var(--heavy-border)}.sudoku-app .playing-grid .tile.row-4,.sudoku-app .playing-grid .tile.row-7{border-top:var(--medium-border)}.sudoku-app .playing-grid .tile.row-9{border-bottom:var(--heavy-border)}.sudoku-app .playing-grid .tile.column-1{border-left:var(--heavy-border)}.sudoku-app .playing-grid .tile.column-4,.sudoku-app .playing-grid .tile.column-7{border-left:var(--medium-border)}.sudoku-app .playing-grid .tile.column-9{border-right:var(--heavy-border)}.sudoku-app .playing-grid .tile.system-value input,.sudoku-app .playing-grid .tile.system-value .value{color:var(--colour-system-entered);font-family:var(--font-family-system);font-size:clamp(12px,5vw,32px);font-weight:var(--font-weight-bold)}.sudoku-app .playing-grid .tile.user-value{cursor:pointer}.sudoku-app .playing-grid .tile.user-value input,.sudoku-app .playing-grid .tile.user-value .value{color:var(--colour-user-entered);font-family:var(--font-family-user);font-size:clamp(18px,8vw,46px);line-height:1;transform:translateY(10%)}.sudoku-app .playing-grid .tile.error input,.sudoku-app .playing-grid .tile.error .value{color:var(--colour-error)}.sudoku-app .playing-grid .tile.active-tile .visual{background-color:var(--colour-active-tile)}.sudoku-app .playing-grid .tile.active-tile .visual .value{color:var(--colour-white)}.sudoku-app .playing-grid .tile .notes{position:absolute;top:0;left:0;width:100%;height:100%}.sudoku-app .playing-grid .tile .notes .note{position:absolute;width:33.3333333333%;height:33.3333333333%;text-align:center;font-size:9px}.sudoku-app .playing-grid .tile .notes .note.note-1{top:0;left:0}.sudoku-app .playing-grid .tile .notes .note.note-2{top:0;left:33.3333333333%}.sudoku-app .playing-grid .tile .notes .note.note-3{top:0;left:66.6666666667%}.sudoku-app .playing-grid .tile .notes .note.note-4{top:33.3333333333%;left:0}.sudoku-app .playing-grid .tile .notes .note.note-5{top:33.3333333333%;left:33.3333333333%}.sudoku-app .playing-grid .tile .notes .note.note-6{top:33.3333333333%;left:66.6666666667%}.sudoku-app .playing-grid .tile .notes .note.note-7{top:66.6666666667%;left:0}.sudoku-app .playing-grid .tile .notes .note.note-8{top:66.6666666667%;left:33.3333333333%}.sudoku-app .playing-grid .tile .notes .note.note-9{top:66.6666666667%;left:66.6666666667%}.sudoku-app .playing-grid .visual,.sudoku-app .playing-grid .value,.sudoku-app .playing-grid .tile-field{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sudoku-app .playing-grid .visual img,.sudoku-app .playing-grid .value img,.sudoku-app .playing-grid .tile-field img{object-fit:cover;width:100%;height:100%;display:block}.sudoku-app .playing-grid .value-container{position:absolute;top:0;left:0;width:100%;height:100%}.sudoku-app .playing-grid .value{pointer-events:none;transition:.15s ease-in}.sudoku-app .playing-grid .tile-field{border:none;z-index:2;text-align:center}.sudoku-app .playing-grid .id{position:absolute;bottom:2px;right:2px;font-size:8px;z-index:5;pointer-events:none}.sudoku-app .playing-grid .solver-answer{position:absolute;color:#972df8;top:2px;right:2px;font-size:12px;z-index:15;pointer-events:none}.sudoku-app .playing-grid.solved-preview-mode .tile .solver-answer{z-index:5;background:#fff;font-size:clamp(12px,5vw,32px);top:0;right:0;width:100%;height:100%;text-align:center}.sudoku-app .playing-grid .active-line-sibling .visual{background:var(--colour-active-tile-sibling)}.sudoku-app.highlighting-specific-number .sudoku-app .playing-grid .active-line-sibling .visual{background:unset}.sudoku-app .playing-grid.errors-need-overlay .error .visual:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:red;opacity:.5;mix-blend-mode:multiply}.sudoku-app .playing-grid.mode-emoji .system-value .visual{background:var(--colour-system-values-images-bg)}.sudoku-app .playing-grid .win-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%) rotate(0) scale(.1);font-size:200px;font-family:var(--font-family-user);color:var(--colour-primary);mix-blend-mode:multiply;z-index:9999;transition-duration:.6s;transition-timing-function:cubic-bezier(.68,-.6,.32,1.6)}.sudoku-app .playing-grid .win-overlay.animated{transform:translate(-50%,-80%) rotate(-30deg) scale(1)}.sudoku-app .highlight-1 .value-1 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-1 .value-1 .visual .value-container .value{color:#fff}.sudoku-app .highlight-2 .value-2 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-2 .value-2 .visual .value-container .value{color:#fff}.sudoku-app .highlight-3 .value-3 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-3 .value-3 .visual .value-container .value{color:#fff}.sudoku-app .highlight-4 .value-4 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-4 .value-4 .visual .value-container .value{color:#fff}.sudoku-app .highlight-5 .value-5 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-5 .value-5 .visual .value-container .value{color:#fff}.sudoku-app .highlight-6 .value-6 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-6 .value-6 .visual .value-container .value{color:#fff}.sudoku-app .highlight-7 .value-7 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-7 .value-7 .visual .value-container .value{color:#fff}.sudoku-app .highlight-8 .value-8 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-8 .value-8 .visual .value-container .value{color:#fff}.sudoku-app .highlight-9 .value-9 .visual .value-container{background:var(--colour-active-tile)}.sudoku-app .highlight-9 .value-9 .visual .value-container .value{color:#fff}.sudoku-app .started-puzzle-row svg{width:20px}.sudoku-app .value-modes{display:flex;justify-content:flex-start}.sudoku-app .value-modes input{margin-left:10px}.sudoku-app .value-modes label{padding-left:5px}.sudoku-app .pause-overlay-bg .pause-overlay .btn{margin-top:60px}@font-face{font-display:swap;font-family:Kalam;font-style:normal;font-weight:400;src:url(/build/assets/kalam-v17-latin-regular-BthBl_aR.woff2) format("woff2"),url(/build/assets/kalam-v17-latin-regular-BGR7ecUK.ttf) format("truetype")}@font-face{font-display:swap;font-family:Kalam;font-style:normal;font-weight:700;src:url(/build/assets/kalam-v17-latin-700-D2H-9ISU.woff2) format("woff2"),url(/build/assets/kalam-v17-latin-700-CVDYFQq8.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/build/assets/inter-v18-latin-regular-BOOGhInR.woff2) format("woff2"),url(/build/assets/inter-v18-latin-regular-L5fgnuAF.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/build/assets/inter-v18-latin-700-Sckx8rpT.woff2) format("woff2"),url(/build/assets/inter-v18-latin-700-DGfUIRgI.ttf) format("truetype")}.sudoku-app .heading-1{font-size:36px;font-weight:var(--font-weight-bold)}.sudoku-app .heading-2{font-size:20px;font-weight:var(--font-weight-bold)}.sudoku-app .btn-text{font-size:20px;text-transform:uppercase}.sudoku-app .grid-number{font-size:32px}.sudoku-app .field-number{font-size:36px}.sudoku-app p{margin:0}.sudoku-app p+p{margin-top:10px}