:root{--gd-board-size: 4rem;--gd-board-gap: .25rem;--gd-board-padding: .25rem}@media screen and (max-width: 320px){:root{--gd-board-size: 3rem}}@media screen and (min-width: 321px) and (max-width: 360px){:root{--gd-board-size: 3.5rem}}.board{display:grid;gap:var(--gd-board-gap);padding:var(--gd-board-padding);background-color:transparent}@media (prefers-color-scheme: dark){.board{background-color:transparent}}.letter{height:var(--gd-board-size);box-sizing:border-box;background-color:#81c3d7;display:flex;flex-direction:column;justify-content:center;position:relative;pointer-events:none}.letter .container{font-weight:500;font-size:1.5rem;-webkit-user-select:none;user-select:none}.letter .icon,.letter .flag{display:none}.letter .flag-wrapper{display:inline-flex}.letter .flag img{width:1rem}.letter.inactive{background-color:#f0e4db}.letter.inactive.correct{background-color:green;color:#ffffffde}.letter.inactive.misplaced{background-color:orange}.letter.inactive.incorrect{background-color:gray}.letter.active{background-color:#3a7ca5;color:#020304}.letter.active.wrong{border-color:red;border-top:1px solid red;border-bottom:2px solid red;animation:blink .75s;animation-iteration-count:3}.letter.active.wrong.first{border-left:1px solid red}.letter.active.wrong.last{border-right:1px solid red}.letter.active.first .flag{display:inline-flex;align-items:center;top:1.5rem;left:-.55rem;position:absolute;background-color:inherit;padding:.3rem;border-radius:1rem}.mobile .letter.active.first .flag{top:2rem}@media screen and (max-width: 320px){.mobile .letter.active.first .flag{bottom:0;border:none;padding:0;background:transparent;left:2px}}.mobile .letter.active.show-icon .icon{display:block}.mobile .letter .icon svg{fill:#00000057;position:absolute;left:0;top:0;width:1.75rem;height:1.75rem}@keyframes blink{50%{border-color:transparent}}@media (prefers-color-scheme: dark){.letter{background-color:#09263580}.letter.inactive{background-color:#092635}.letter.inactive.misplaced{background-color:#cc5c00}.letter.active{background-color:#1b4242;color:inherit}}.language-selector.translation{position:absolute;top:.25rem;right:.75rem;display:flex;flex-direction:row;gap:.25rem}.language-selector.translation button{padding:.25rem;background-color:transparent;border-color:transparent}@media (prefers-color-scheme: dark){.language-selector.translation button{background-color:transparent}}.language-selector.translation button:hover{border-color:#a27c5d}.language-selector.translation button.selected{background-color:#f0e4db;border-color:#a27c5d}@media (prefers-color-scheme: dark){.language-selector.translation button.selected{background-color:#a27c5d}}.game-language button.translation-btn{display:flex;gap:.25rem;color:inherit}@media (prefers-color-scheme: dark){.game-language button.translation-btn{background-color:transparent;border-color:transparent}}.game-language button.translation-btn:hover{border-color:#a27c5d}@media (prefers-color-scheme: dark){.game-language button.translation-btn:hover{border-color:transparent;background-color:#2f6690}}@media (prefers-color-scheme: dark){.game-language button.translation-btn.selected{background-color:#16425b;border-color:transparent}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#d9dcd6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:640px;margin:0 auto;padding:0 .85rem;text-align:center;margin-top:calc(.5rem + 29px)}h1{font-size:3.2em;line-height:1.1;margin-bottom:.5rem}h4{font-size:1.2em;line-height:1.1;margin-top:.5rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3a7ca5;color:#03001c;cursor:pointer;transition:background-color .25s}@media (prefers-color-scheme: dark){button{background-color:#3a7ca5;color:#03001c}}button:disabled{cursor:not-allowed;opacity:.75}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:hover{background-color:#81c3d7}@media (prefers-color-scheme: dark){button:hover{background-color:#d9dcd6}}button.primary{background-color:#16425b;color:#ffffffde}button.primary:hover{background-color:#2f6690}button.secondary{background-color:#2f6690;color:#ffffffde}button.secondary:hover{background-color:#81c3d7;color:#16425b}.button-row{display:flex;gap:.25rem;justify-content:center}.mobile .button-row{flex-direction:column-reverse}.hidden{visibility:hidden}.sr{width:1px;height:1px}.game{margin:0 1rem}.read-the-docs{color:#606060}.panel{margin-bottom:.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;min-width:16rem;background-color:#f0f8ffd6;border-radius:1rem;box-shadow:#000 1px 1px 16px 2px}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#03001c}.read-the-docs{color:#bfbdbdab}.panel{background-color:#1a1a1ae6}}