body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;margin:0;background-color:var(--theme-bg);transition:background-color var(--animation-speed-color-change) ease}:lang(en){font-family:Inter,system-ui,sans-serif}:lang(he){font-family:Heebo,Assistant,system-ui,sans-serif}:root{--z-index-toggle-theme: 5;--z-index-popups: 4;--z-index-loading: 3;--z-index-blur-overlay: 2;--z-index-toast: 1;--animation-speed-tile-movement: 1s;--animation-speed-color-change: .5s;--animation-speed-blur: .3s;--animation-speed-spin: .6s;--animation-speed-popups: .5s}:root{--theme-bg: #f2f2f2;--theme-text-color: #333333;--theme-toggle-theme-emoji: "🌜";--theme-popups-bg: #ffffff;--theme-popups-text-color: #333333;--theme-popups-border: #cccccc;--theme-popups-header-bg: #f2f2f2;--theme-popups-header-text-color: #333333;--theme-popups-line-border: #cccccc80;--theme-popups-box-shadow: rgba(0, 0, 0, .1);--theme-apply-button-bg: #f9f9f9;--theme-apply-button-text-color: #222222;--theme-apply-button-hover-bg: #eeeeee;--theme-apply-button-active-bg: #dddddd;--theme-apply-button-border: #cccccc;--theme-error-screen-bg: #8b0000;--theme-error-screen-text: #f0f0f0;--theme-game-controls-bg: #e0e0e0;--theme-game-controls-text-color: #333333;--theme-game-controls-border-color: #cccccc;--theme-game-controls-bg-hover: #ebebeb;--theme-game-controls-bg-active: #d0d0d0;--theme-game-controls-bg-disabled: #f0f0f0;--theme-game-controls-text-disabled: #aaaaaa;--theme-difficulty-bg-easy: #d4edda;--theme-difficulty-bg-easy-hover: #c3e6cb;--theme-difficulty-bg-easy-active: #a8d5b1;--theme-difficulty-text-easy: #155724;--theme-difficulty-bg-medium: #fff3cd;--theme-difficulty-bg-medium-hover: #ffe8a1;--theme-difficulty-bg-medium-active: #ffdd80;--theme-difficulty-text-medium: #856404;--theme-difficulty-bg-hard: #f8d7da;--theme-difficulty-bg-hard-hover: #f1b0b7;--theme-difficulty-bg-hard-active: #e07c84;--theme-difficulty-text-hard: #721c24;--theme-tile-bg: #ffffff;--theme-tile-text: #333333;--theme-tile-border: #d0d0d0;--theme-tile-bg-hover: #f0f0f0;--theme-tile-bg-selected: #e0e0e0;--theme-tile-text-selected: #bdbdbd;--theme-tile-bg-completed-1: #ffebee;--theme-tile-text-completed-1: #c62828;--theme-tile-border-completed-1: #ef9a9a;--theme-tile-bg-completed-2: #f3e5f5;--theme-tile-text-completed-2: #7b1fa2;--theme-tile-border-completed-2: #ce93d8;--theme-tile-bg-completed-3: #e3f2fd;--theme-tile-text-completed-3: #1565c0;--theme-tile-border-completed-3: #90caf9;--theme-tile-bg-completed-4: #e8f5e9;--theme-tile-text-completed-4: #2e7d32;--theme-tile-border-completed-4: #a5d6a7;--theme-tile-bg-completed-5: #fff8e1;--theme-tile-text-completed-5: #ff8f00;--theme-tile-border-completed-5: #ffe082;--theme-tile-bg-completed-6: #e0f2f1;--theme-tile-text-completed-6: #00796b;--theme-tile-border-completed-6: #80cbc4;--theme-tile-bg-completed-7: #fce4ec;--theme-tile-text-completed-7: #c2185b;--theme-tile-border-completed-7: #f48fb1;--theme-tile-bg-completed-8: #e8eaf6;--theme-tile-text-completed-8: #303f9f;--theme-tile-border-completed-8: #9fa8da;--theme-toast-error-bg: #f8d7da;--theme-toast-error-text: #721c24;--theme-toast-error-border: #f5c6cb;--theme-toast-error-shadow: rgba(114, 28, 36, .2);--theme-toast-correct-bg: #d4edda;--theme-toast-correct-text: #155724;--theme-toast-correct-border: #c3e6cb;--theme-toast-correct-shadow: rgba(21, 87, 36, .2);--theme-toast-partial-bg: #d1ecf1;--theme-toast-partial-text: #0c5460;--theme-toast-partial-border: #bee5eb;--theme-toast-partial-shadow: rgba(12, 84, 96, .2);--theme-toast-duplicate-bg: #fff0d9;--theme-toast-duplicate-text: #683c06;--theme-toast-duplicate-border: #ffe0b2;--theme-toast-duplicate-shadow: rgba(104, 60, 6, .2);--theme-toast-invalid-choice-bg: #fff3cd;--theme-toast-invalid-choice-text: #856404;--theme-toast-invalid-choice-border: #ffeeba;--theme-toast-invalid-choice-shadow: rgba(133, 100, 4, .2);--theme-toast-winner-bg: #f3e8ff;--theme-toast-winner-text: #4a0f66;--theme-toast-winner-border: #d6b3ff;--theme-toast-winner-shadow: rgba(74, 15, 102, .2);--theme-toast-loser-text: #721c24;--theme-toast-loser-bg: #f8d7da;--theme-toast-loser-border: #f5c6cb;--theme-toast-loser-shadow: rgba(0, 0, 0, .1);--theme-loading-border-top-color: #c5a9cf}body.dark-theme{--theme-bg: #222222;--theme-text-color: #e0e0e0;--theme-toggle-theme-emoji: "🌞";--theme-popups-bg: #0d0d0d;--theme-popups-text-color: #999999;--theme-popups-border: #333333;--theme-popups-header-bg: #1a1a1a;--theme-popups-header-text-color: #999999;--theme-popups-line-border: #99999980;--theme-popups-box-shadow: rgba(0, 0, 0, .5);--theme-apply-button-bg: #1e1e1e;--theme-apply-button-text-color: #d0d0d0;--theme-apply-button-hover-bg: #2e2e2e;--theme-apply-button-active-bg: #3e3e3e;--theme-apply-button-border: #333333;--theme-error-screen-bg: #330000;--theme-game-controls-bg: #1a1a1a;--theme-game-controls-text-color: #e0e0e0;--theme-game-controls-border-color: #999999;--theme-game-controls-bg-hover: #3e3e3e;--theme-game-controls-bg-active: #111111;--theme-game-controls-bg-disabled: #303030;--theme-game-controls-text-disabled: #555555;--theme-difficulty-bg-easy: #14331e;--theme-difficulty-bg-easy-hover: #1b4a28;--theme-difficulty-bg-easy-active: #225e31;--theme-difficulty-text-easy: #c2e5c6;--theme-difficulty-bg-medium: #40340d;--theme-difficulty-bg-medium-hover: #4e3f11;--theme-difficulty-bg-medium-active: #5d4b15;--theme-difficulty-text-medium: #eee8b9;--theme-difficulty-bg-hard: #40151b;--theme-difficulty-bg-hard-hover: #541b23;--theme-difficulty-bg-hard-active: #67222b;--theme-difficulty-text-hard: #f4c8cb;--theme-tile-bg: #1c1c1c;--theme-tile-text: #e8e8e8;--theme-tile-border: #aaaaaa;--theme-tile-bg-hover: #2e2e2e;--theme-tile-bg-selected: #010101;--theme-tile-text-selected: #666666;--theme-tile-bg-completed-1: #3e1111;--theme-tile-text-completed-1: #e58b8b;--theme-tile-border-completed-1: #7f1d1d;--theme-tile-bg-completed-2: #331147;--theme-tile-text-completed-2: #c49ae0;--theme-tile-border-completed-2: #652d89;--theme-tile-bg-completed-3: #112a40;--theme-tile-text-completed-3: #82b1f2;--theme-tile-border-completed-3: #245389;--theme-tile-bg-completed-4: #143317;--theme-tile-text-completed-4: #98d79a;--theme-tile-border-completed-4: #28642b;--theme-tile-bg-completed-5: #3e2b25;--theme-tile-text-completed-5: #ffd54f;--theme-tile-border-completed-5: #6f4e37;--theme-tile-bg-completed-6: #112f2d;--theme-tile-text-completed-6: #76d2bb;--theme-tile-border-completed-6: #1e5e58;--theme-tile-bg-completed-7: #3f122a;--theme-tile-text-completed-7: #f06292;--theme-tile-border-completed-7: #7b234f;--theme-tile-bg-completed-8: #111836;--theme-tile-text-completed-8: #8c9eff;--theme-tile-border-completed-8: #283593;--theme-toast-error-text: #f4caca;--theme-toast-error-bg: #4a151b;--theme-toast-error-border: #7a2730;--theme-toast-error-shadow: rgba(0, 0, 0, .4);--theme-toast-correct-text: #bde7b8;--theme-toast-correct-bg: #15331b;--theme-toast-correct-border: #204d2b;--theme-toast-correct-shadow: rgba(0, 0, 0, .4);--theme-toast-incorrect-text: #f4caca;--theme-toast-incorrect-bg: #4a151b;--theme-toast-incorrect-border: #7a2730;--theme-toast-incorrect-shadow: rgba(0, 0, 0, .4);--theme-toast-partial-text: #b8e1e7;--theme-toast-partial-bg: #11353d;--theme-toast-partial-border: #1c515d;--theme-toast-partial-shadow: rgba(0, 0, 0, .4);--theme-toast-duplicate-text: #ffe57f;--theme-toast-duplicate-bg: #3d2104;--theme-toast-duplicate-border: #663806;--theme-toast-duplicate-shadow: rgba(0, 0, 0, .4);--theme-toast-invalid-choice-text: #eee8b9;--theme-toast-invalid-choice-bg: #40340d;--theme-toast-invalid-choice-border: #635014;--theme-toast-invalid-choice-shadow: rgba(0, 0, 0, .4);--theme-toast-winner-text: #e0c7ff;--theme-toast-winner-bg: #1e112b;--theme-toast-winner-border: #633ea8;--theme-toast-winner-shadow: rgba(0, 0, 0, .4);--theme-toast-loser-text: #f4caca;--theme-toast-loser-bg: #54181e;--theme-toast-loser-border: #e8b3b8;--theme-toast-loser-shadow: rgba(0, 0, 0, .4);--theme-loading-border-top-color: #c5a9cf}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#game-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;gap:20px}.game-header{color:var(--theme-text-color);text-align:center;transition:color var(--animation-speed-color-change) ease}.utility-bar{position:absolute;top:20px;right:15px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);width:max-content;margin:0 auto;direction:ltr}.utility-bar button{background-color:transparent;border:none;cursor:pointer;padding:8px;font-size:36px;z-index:var(--z-index-toggle-theme)}.game-controls{display:flex;justify-content:center;max-width:70dvw}.game-board{position:relative;width:70dvw;height:65dvh;row-gap:10px;column-gap:10px}#theme-toggle-button:before{content:var(--theme-toggle-theme-emoji)}#settings-button.spin{animation:spin var(--animation-speed-spin) linear forwards}.blur-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background-color var(--animation-speed-color-change) ease,backdrop-filter var(--animation-speed-blur) ease;z-index:var(--z-index-blur-overlay);pointer-events:none}.blurred{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.loading-container{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-index-loading)}.spinner{width:60px;height:60px;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--theme-loading-border-top-color);animation:spin 1s ease-in-out infinite;margin:0 auto 20px}.game-button{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;padding:5px 10px;margin:3px;border:2px solid;border-radius:7px;cursor:pointer;transition:background-color var(--animation-speed-color-change) ease,color var(--animation-speed-color-change) ease,border var(--animation-speed-color-change) ease}.popup{position:fixed;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;background:var(--theme-popups-bg);color:var(--theme-popups-text-color);padding:2rem;gap:1.5rem;border:2px solid var(--theme-popups-border);border-radius:12px;box-shadow:0 0 20px var(--theme-popups-box-shadow);transition:opacity var(--animation-speed-popups) ease,transform var(--animation-speed-popups) ease,background-color var(--animation-speed-color-change) ease,color var(--animation-speed-color-change) ease,border var(--animation-speed-color-change) ease;z-index:var(--z-index-popups);pointer-events:none}.popup.blurred{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.popup h2{text-align:center;font-size:1.5rem;margin-bottom:1rem;margin:0}.popup label{font-size:1rem;margin-bottom:.5rem}.popup p{font-size:1rem}.popup-layout{display:flex;align-items:center;gap:.75rem;justify-content:flex-start}.popup .game-button{color:var(--theme-apply-button-text-color);background-color:var(--theme-apply-button-bg);border-color:var(--theme-apply-button-border)}.popup .game-button:hover{background-color:var(--theme-apply-button-hover-bg)}.popup .game-button:active{background-color:var(--theme-apply-button-active-bg)}#select-layout{font-size:1rem;padding:.5rem;border:1px solid var(--theme-popups-border);border-radius:4px;background-color:var(--theme-popups-bg);color:var(--theme-popups-text-color);transition:border-color var(--animation-speed-color-change) ease,background-color var(--animation-speed-color-change) ease,color var(--animation-speed-color-change) ease}#how-to-popup{overflow-y:scroll;width:60dvw;max-height:70dvh}#how-to-table{border-collapse:collapse}#how-to-table td,#how-to-table th{vertical-align:middle}#how-to-table tr{border-bottom:1px solid var(--theme-popups-line-border)}#how-to-table tr:last-child{border-bottom:none}.column-title{font-weight:700}#title{direction:ltr}.game-subtitle{display:flex;flex-direction:row;align-items:baseline}.screen-container{display:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;opacity:1;transition:background-color var(--animation-speed-color-change) ease,opacity var(--animation-speed-color-change) ease,max-height var(--animation-speed-color-change) ease;z-index:var(--z-index-screen)}.screen-message{font-size:3rem}.screen-message-refresh{font-size:1rem}.screen-button{font-size:15rem;margin-top:10px;cursor:pointer;animation:pulse 1s infinite}.screen-button.spin{animation:spin var(--animation-speed-spin) linear forwards}#error-screen{background:var(--theme-error-screen-bg);color:var(--theme-error-screen-text)}.game-controls .game-button{width:calc(100dvw / 7);color:var(--theme-game-controls-text-color);background-color:var(--theme-game-controls-bg);border-color:var(--theme-game-controls-border-color)}.game-controls .game-button:hover{background-color:var(--theme-game-controls-bg-hover)}.game-controls .game-button:active{background-color:var(--theme-game-controls-bg-active)}.game-controls .game-button:disabled{background-color:var(--theme-game-controls-bg-disabled);color:var(--theme-game-controls-text-disabled);cursor:not-allowed}#difficulty-button[data-difficulty=easy]{background-color:var(--theme-difficulty-bg-easy);color:var(--theme-difficulty-text-easy)}#difficulty-button[data-difficulty=medium]{background-color:var(--theme-difficulty-bg-medium);color:var(--theme-difficulty-text-medium)}#difficulty-button[data-difficulty=hard]{background-color:var(--theme-difficulty-bg-hard);color:var(--theme-difficulty-text-hard)}#difficulty-button[data-difficulty=easy]:hover:not(:disabled){background-color:var(--theme-difficulty-bg-easy-hover)}#difficulty-button[data-difficulty=easy]:active:not(:disabled){background-color:var(--theme-difficulty-bg-easy-active)}#difficulty-button[data-difficulty=medium]:hover:not(:disabled){background-color:var(--theme-difficulty-bg-medium-hover)}#difficulty-button[data-difficulty=medium]:active:not(:disabled){background-color:var(--theme-difficulty-bg-medium-active)}#difficulty-button[data-difficulty=hard]:hover:not(:disabled){background-color:var(--theme-difficulty-bg-hard-hover)}#difficulty-button[data-difficulty=hard]:active:not(:disabled){background-color:var(--theme-difficulty-bg-hard-active)}.tile{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;color:var(--theme-tile-text);background-color:var(--theme-tile-bg);padding:5px 10px;margin:3px;border:2px solid var(--theme-tile-border);border-radius:7px;cursor:pointer;transition:background-color var(--animation-speed-color-change) ease,color var(--animation-speed-color-change) ease,border var(--animation-speed-color-change) ease,left var(--animation-speed-tile-movement) ease,top var(--animation-speed-tile-movement) ease,opacity var(--animation-speed-color-change) ease}.tile:hover{background-color:var(--theme-tile-bg-hover);transition:background-color var(--animation-speed-color-change) ease}.tile:active,.tile.selected{border:none;background-color:var(--theme-tile-bg-selected);background-image:linear-gradient(90deg,var(--theme-tile-border) 50%,transparent 50%),linear-gradient(90deg,var(--theme-tile-border) 50%,transparent 50%),linear-gradient(0deg,var(--theme-tile-border) 50%,transparent 50%),linear-gradient(0deg,var(--theme-tile-border) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 3px,15px 3px,3px 15px,3px 15px;background-position:0 0,0 100%,0 0,100% 0;animation:border-dance 2s infinite linear}.tile.hinted{border:3px solid var(--theme-tile-border);background-image:none;background-repeat:none;background-size:none;background-position:none;animation:none;transition:background-color var(--animation-speed-color-change) ease,color var(--animation-speed-color-change) ease,border var(--animation-speed-color-change) ease,left var(--animation-speed-tile-movement) ease,top var(--animation-speed-tile-movement) ease}@keyframes border-dance{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:30px 0,-30px 100%,0 -30px,100% 30px}}.tile:disabled{cursor:not-allowed}.tile.hidden{opacity:0;transition:opacity var(--animation-speed-color-change) ease}.tile.completed{transition:background-color var(--animation-speed-color-change) ease,color var(--animation-speed-color-change) ease,border var(--animation-speed-color-change) ease,left var(--animation-speed-tile-movement) ease,top var(--animation-speed-tile-movement) ease,opacity var(--animation-speed-color-change) ease}.tile.group-1{background-color:var(--theme-tile-bg-completed-1);border:2px solid var(--theme-tile-border-completed-1);color:var(--theme-tile-text-completed-1)}.tile.group-2{background-color:var(--theme-tile-bg-completed-2);border:2px solid var(--theme-tile-border-completed-2);color:var(--theme-tile-text-completed-2)}.tile.group-3{background-color:var(--theme-tile-bg-completed-3);border:2px solid var(--theme-tile-border-completed-3);color:var(--theme-tile-text-completed-3)}.tile.group-4{background-color:var(--theme-tile-bg-completed-4);border:2px solid var(--theme-tile-border-completed-4);color:var(--theme-tile-text-completed-4)}.tile.group-5{background-color:var(--theme-tile-bg-completed-5);border:2px solid var(--theme-tile-border-completed-5);color:var(--theme-tile-text-completed-5)}.tile.group-6{background-color:var(--theme-tile-bg-completed-6);border:2px solid var(--theme-tile-border-completed-6);color:var(--theme-tile-text-completed-6)}.tile.group-7{background-color:var(--theme-tile-bg-completed-7);border:2px solid var(--theme-tile-border-completed-7);color:var(--theme-tile-text-completed-7)}.tile.group-8{background-color:var(--theme-tile-bg-completed-8);border:2px solid var(--theme-tile-border-completed-8);color:var(--theme-tile-text-completed-8)}.toastify{padding:12px 20px;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;position:fixed;opacity:0;transition:all var(--animation-speed-color-change) cubic-bezier(.215,.61,.355,1);cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:var(--z-index-toast)}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}.toastify-error{color:var(--theme-toast-error-text);background-color:var(--theme-toast-error-bg);border-color:var(--theme-toast-error-border);box-shadow:0 2px 8px var(--theme-toast-error-shadow)}.toastify-correct{color:var(--theme-toast-correct-text);background-color:var(--theme-toast-correct-bg);border-color:var(--theme-toast-correct-border);box-shadow:0 2px 8px var(--theme-toast-correct-shadow)}.toastify-incorrect{color:var(--theme-toast-error-text);background-color:var(--theme-toast-error-bg);border-color:var(--theme-toast-error-border);box-shadow:0 2px 8px var(--theme-toast-error-shadow)}.toastify-partial{color:var(--theme-toast-partial-text);background-color:var(--theme-toast-partial-bg);border-color:var(--theme-toast-partial-border);box-shadow:0 2px 8px var(--theme-toast-partial-shadow)}.toastify-duplicate{color:var(--theme-toast-duplicate-text);background-color:var(--theme-toast-duplicate-bg);border-color:var(--theme-toast-duplicate-border);box-shadow:0 2px 8px var(--theme-toast-duplicate-shadow)}.toastify-invalid-choice{color:var(--theme-toast-invalid-choice-text);background-color:var(--theme-toast-invalid-choice-bg);border-color:var(--theme-toast-invalid-choice-border);box-shadow:0 2px 8px var(--theme-toast-invalid-choice-shadow)}.toastify-winner{color:var(--theme-toast-winner-text);background-color:var(--theme-toast-winner-bg);border-color:var(--theme-toast-winner-border);box-shadow:0 2px 8px var(--theme-toast-winner-shadow)}.toastify-loser{color:var(--theme-toast-loser-text);background-color:var(--theme-toast-loser-bg);border-color:var(--theme-toast-loser-border);box-shadow:0 2px 8px var(--theme-toast-loser-shadow)}@media only screen and (max-width: 768px){.utility-bar{top:10px;right:5px}.utility-bar button{font-size:16px;padding:4px}.game-controls{max-width:90dvw;flex-wrap:wrap}.game-controls .game-button{padding:4px 8px;margin:2px;flex:1 1 30%;max-width:30%}.game-board{width:90dvw;height:45dvh}#error-message{font-size:1.5rem}#error-message-refresh{font-size:1rem}#error-emoji{font-size:10rem;margin-top:5px}.popup h2{font-size:1.25rem}.popup label{font-size:1rem}#how-to-popup{font-size:12px}.tile{padding:4px 8px;margin:2px}.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}