.mathemo-grid.svelte-xe83y7{--cell-size: calc( min(3rem, max(2rem, calc((100vh - 400px) / var(--max-attempts)))) * var(--font-scale) );align-self:center;justify-self:center;width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:calc(.2rem * var(--font-scale));margin:calc(.25rem * var(--font-scale)) 0}@media(min-height:800px){.mathemo-grid.svelte-xe83y7{--cell-size: calc( min(3.5rem, max(2.5rem, calc((100vh - 500px) / var(--max-attempts)))) * var(--font-scale) );margin:calc(1rem * var(--font-scale)) 0}}.mathemo-grid.svelte-xe83y7 .row:where(.svelte-xe83y7){display:grid;grid-template-columns:repeat(var(--grid-size),var(--cell-size));grid-gap:calc(.2rem * var(--font-scale));height:var(--cell-size);justify-content:center}@media(prefers-reduced-motion:no-preference){.mathemo-grid.bad-guess.svelte-xe83y7 .row.current:where(.svelte-xe83y7){animation:svelte-xe83y7-wiggle .5s}}.mathemo-grid.playing.svelte-xe83y7 .row.current:where(.svelte-xe83y7){filter:drop-shadow(3px 3px 10px hsl(var(--muted)))}.letter.svelte-xe83y7{aspect-ratio:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;text-transform:lowercase;border:none;font-size:calc(var(--cell-size) * .6);border-radius:2px;background:#e8e8e8;margin:0;color:#1a1a1a}.dark .letter.svelte-xe83y7{background:#2a2a2a;color:#e8e8e8}.clue.svelte-xe83y7{color:#666}.dark .clue.svelte-xe83y7{color:#999}.letter.missing.svelte-xe83y7{background:silver;color:#666}.dark .letter.missing.svelte-xe83y7{background:#404040;color:#888}.letter.exact.svelte-xe83y7{background:#5b8def;color:#fff}.dark .letter.exact.svelte-xe83y7{background:#4a7bd8;color:#fff}.letter.close.svelte-xe83y7{background:silver;color:#5b8def;font-weight:700}.dark .letter.close.svelte-xe83y7{background:#404040;color:#4a7bd8;font-weight:700}.selected.svelte-xe83y7{outline:none;border:max(2px,calc(var(--cell-size) * .08)) solid #f95454;animation-name:svelte-xe83y7-blinking;animation-duration:1.5s;animation-iteration-count:100}.controls.svelte-xe83y7{text-align:center;justify-content:center;height:min(16vh,8rem);flex-shrink:0}@media(min-height:800px){.controls.svelte-xe83y7{height:min(18vh,10rem)}}.keyboard.svelte-xe83y7{--gap: calc(.2rem * var(--font-scale));position:relative;display:flex;flex-direction:column;gap:var(--gap);height:100%}.keyboard.svelte-xe83y7 .row:where(.svelte-xe83y7){display:flex;justify-content:center;gap:calc(.2rem * var(--font-scale));flex:1}.keyboard.svelte-xe83y7 button:where(.svelte-xe83y7),.keyboard.svelte-xe83y7 button:where(.svelte-xe83y7):disabled{--size: calc(min(8vw, 4vh, 40px) * var(--font-scale));background:#d0d0d0;margin:0;color:#1a1a1a;width:var(--size);border:none;border-radius:2px;font-size:calc(var(--size) * .5);cursor:pointer;transition:all .1s}.dark .keyboard.svelte-xe83y7 button:where(.svelte-xe83y7),.dark .keyboard.svelte-xe83y7 button:where(.svelte-xe83y7):disabled{background:#3a3a3a;color:#e8e8e8}.keyboard.svelte-xe83y7 button:where(.svelte-xe83y7):hover:not(:disabled){background:#b8b8b8}.dark .keyboard.svelte-xe83y7 button:where(.svelte-xe83y7):hover:not(:disabled){background:#4a4a4a}.keyboard.svelte-xe83y7 button.exact:where(.svelte-xe83y7){background:#5b8def;color:#fff}.dark .keyboard.svelte-xe83y7 button.exact:where(.svelte-xe83y7){background:#4a7bd8;color:#fff}.keyboard.svelte-xe83y7 button.missing:where(.svelte-xe83y7){background:silver;color:#666;opacity:.7}.dark .keyboard.svelte-xe83y7 button.missing:where(.svelte-xe83y7){background:#404040;color:#999;opacity:.7}.keyboard.svelte-xe83y7 button.close:where(.svelte-xe83y7){background:#5b8def;color:#fff}.dark .keyboard.svelte-xe83y7 button.close:where(.svelte-xe83y7){background:#4a7bd8;color:#fff}.keyboard.svelte-xe83y7 button:where(.svelte-xe83y7):focus{background:#a0a0a0;color:#1a1a1a;outline:none}.dark .keyboard.svelte-xe83y7 button:where(.svelte-xe83y7):focus{background:#5a5a5a;color:#e8e8e8;outline:none}.keyboard.svelte-xe83y7 button[data-key=enter]:where(.svelte-xe83y7),.keyboard.svelte-xe83y7 button[data-key=backspace]:where(.svelte-xe83y7){position:absolute;bottom:0;width:calc(1.5 * var(--size));height:calc(1 / 3 * (100% - 2 * var(--gap)));text-transform:uppercase;font-size:calc(.3 * var(--size));padding-top:calc(.15 * var(--size))}.keyboard.svelte-xe83y7 button[data-key=enter]:where(.svelte-xe83y7){right:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-xe83y7 button[data-key=backspace]:where(.svelte-xe83y7){left:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-xe83y7 button[data-key=enter]:where(.svelte-xe83y7):disabled{opacity:.5}@keyframes svelte-xe83y7-blinking{50%{border-color:hsl(var(--muted))}}@keyframes svelte-xe83y7-wiggle{0%{transform:translate(0)}10%{transform:translate(-2px)}30%{transform:translate(4px)}50%{transform:translate(-6px)}70%{transform:translate(+4px)}90%{transform:translate(-2px)}to{transform:translate(0)}}.visually-hidden.svelte-xe83y7{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.letter.flipping-exact.svelte-xe83y7,.letter.flipping-close.svelte-xe83y7,.letter.flipping-missing.svelte-xe83y7{background:#e8e8e8;color:#1a1a1a;font-weight:400}.dark .letter.flipping-exact.svelte-xe83y7,.dark .letter.flipping-close.svelte-xe83y7,.dark .letter.flipping-missing.svelte-xe83y7{background:#2a2a2a;color:#e8e8e8;font-weight:400}@keyframes svelte-xe83y7-flip-to-exact{0%{transform:rotateX(0);background:#e8e8e8;color:#1a1a1a}49.99%{transform:rotateX(90deg);background:#e8e8e8;color:#1a1a1a}50%{transform:rotateX(90deg);background:#5b8def;color:#fff}to{transform:rotateX(0);background:#5b8def;color:#fff}}@keyframes svelte-xe83y7-flip-to-close{0%{transform:rotateX(0);background:#e8e8e8;color:#1a1a1a;font-weight:400}49.99%{transform:rotateX(90deg);background:#e8e8e8;color:#1a1a1a;font-weight:400}50%{transform:rotateX(90deg);background:silver;color:#5b8def;font-weight:700}to{transform:rotateX(0);background:silver;color:#5b8def;font-weight:700}}@keyframes svelte-xe83y7-flip-to-missing{0%{transform:rotateX(0);background:#e8e8e8;color:#1a1a1a}49.99%{transform:rotateX(90deg);background:#e8e8e8;color:#1a1a1a}50%{transform:rotateX(90deg);background:silver;color:#666}to{transform:rotateX(0);background:silver;color:#666}}@keyframes svelte-xe83y7-flip-to-exact-dark{0%{transform:rotateX(0);background:#2a2a2a;color:#e8e8e8}49.99%{transform:rotateX(90deg);background:#2a2a2a;color:#e8e8e8}50%{transform:rotateX(90deg);background:#4a7bd8;color:#fff}to{transform:rotateX(0);background:#4a7bd8;color:#fff}}@keyframes svelte-xe83y7-flip-to-close-dark{0%{transform:rotateX(0);background:#2a2a2a;color:#e8e8e8;font-weight:400}49.99%{transform:rotateX(90deg);background:#2a2a2a;color:#e8e8e8;font-weight:400}50%{transform:rotateX(90deg);background:#404040;color:#4a7bd8;font-weight:700}to{transform:rotateX(0);background:#404040;color:#4a7bd8;font-weight:700}}@keyframes svelte-xe83y7-flip-to-missing-dark{0%{transform:rotateX(0);background:#2a2a2a;color:#e8e8e8}49.99%{transform:rotateX(90deg);background:#2a2a2a;color:#e8e8e8}50%{transform:rotateX(90deg);background:#404040;color:#888}to{transform:rotateX(0);background:#404040;color:#888}}@keyframes svelte-xe83y7-glow-pulse{0%,to{box-shadow:0 0 10px #5b8def80,0 0 20px #5b8def4d}50%{box-shadow:0 0 30px #5b8defcc,0 0 50px #5b8def80,0 0 70px #5b8def4d}}@keyframes svelte-xe83y7-glow-pulse-dark{0%,to{box-shadow:0 0 10px #4a7bd880,0 0 20px #4a7bd84d}50%{box-shadow:0 0 30px #4a7bd8cc,0 0 50px #4a7bd880,0 0 70px #4a7bd84d}}@media(prefers-reduced-motion:no-preference){.letter.flipping-exact.svelte-xe83y7{animation:svelte-xe83y7-flip-to-exact .6s ease-in-out;animation-fill-mode:forwards}.letter.flipping-close.svelte-xe83y7{animation:svelte-xe83y7-flip-to-close .6s ease-in-out;animation-fill-mode:forwards}.letter.flipping-missing.svelte-xe83y7{animation:svelte-xe83y7-flip-to-missing .6s ease-in-out;animation-fill-mode:forwards}.dark .letter.flipping-exact.svelte-xe83y7{animation:svelte-xe83y7-flip-to-exact-dark .6s ease-in-out;animation-fill-mode:forwards}.dark .letter.flipping-close.svelte-xe83y7{animation:svelte-xe83y7-flip-to-close-dark .6s ease-in-out;animation-fill-mode:forwards}.dark .letter.flipping-missing.svelte-xe83y7{animation:svelte-xe83y7-flip-to-missing-dark .6s ease-in-out;animation-fill-mode:forwards}.letter.flipping-exact.new-discovery.svelte-xe83y7{animation:svelte-xe83y7-flip-to-exact .6s ease-in-out,svelte-xe83y7-glow-pulse .8s ease-in-out .6s 50;animation-fill-mode:forwards}.letter.flipping-close.new-discovery.svelte-xe83y7{animation:svelte-xe83y7-flip-to-close .6s ease-in-out,svelte-xe83y7-glow-pulse .8s ease-in-out .6s 50;animation-fill-mode:forwards}.dark .letter.flipping-exact.new-discovery.svelte-xe83y7{animation:svelte-xe83y7-flip-to-exact-dark .6s ease-in-out,svelte-xe83y7-glow-pulse-dark .8s ease-in-out .6s 3;animation-fill-mode:forwards}.dark .letter.flipping-close.new-discovery.svelte-xe83y7{animation:svelte-xe83y7-flip-to-close-dark .6s ease-in-out,svelte-xe83y7-glow-pulse-dark .8s ease-in-out .6s 3;animation-fill-mode:forwards}}@media(prefers-reduced-motion:reduce){.letter.flipping.svelte-xe83y7,.letter.new-discovery.svelte-xe83y7{animation:none}}