:root{--modal-background-color: #ffffff}.dark-mode{--modal-background-color: #4a4a4a}.modal-container{position:absolute;top:0;left:0;width:100%;height:100%}.modal-backdrop{position:fixed;background-color:#000c;width:100%;height:100%}.modal-content{position:relative;margin:2em auto 0;background-color:var(--modal-background-color);border-radius:6px;padding:1em;max-width:400px;z-index:999}.modal-close{float:right}.word-examples{margin-bottom:2rem}.word-examples .word-row{margin-top:1rem}.word-examples .letter-tile{width:40px;height:40px;margin:4px}.word-examples .letter-tile:first-child{margin-left:0}.statistics .button-group{margin-top:2em;justify-content:space-evenly}.stat-entries{display:flex;justify-content:space-between;margin-top:2em}.stat-entry{display:flex;flex-direction:column;text-align:center}.stat-number{font-size:1.25em;font-weight:600}.share-message{position:absolute;margin:0 auto;top:6px}.share-game-answer-input{text-transform:uppercase}.share-game-answer-input::placeholder{text-transform:none}.link-copied-message{display:inline;margin-left:10px}.reset-data{margin-top:2rem}:root{--correct-color: #6aaa64;--incorrect-color: #787c7e;--mispositioned-color: #c9b458;--tile-border-color: #d3d6da;--filled-tile-border-color: #8f8f8f}.dark-mode{--incorrect-color: #3a3a3c;--tile-border-color: #3a3a3c;--filled-tile-border-color: #7e7e7e}.color-blind-mode{--correct-color: #f5793a;--mispositioned-color: #85c0f9}.letter-tile{display:flex;flex-direction:column;align-content:center;justify-content:center;text-transform:capitalize;text-align:center;font-weight:600;font-size:1.5em;border:2px solid var(--tile-border-color);border-radius:3px;width:60px;height:60px;margin:6px;-webkit-user-select:none;user-select:none}.letter-tile:first-child{margin-left:0}.letter-tile:last-child{margin-right:0}.letter-tile.filled{border-color:var(--filled-tile-border-color)}.letter-tile.correct{border-color:var(--correct-color);background-color:var(--correct-color);color:#fff}.letter-tile.incorrect{border-color:var(--incorrect-color);background-color:var(--incorrect-color);color:#fff}.letter-tile.mispositioned{border-color:var(--mispositioned-color);background-color:var(--mispositioned-color);color:#fff}.word-row{display:flex;flex-direction:row}:root{--key-background-color: #ffffff}.dark-mode{--key-background-color: #818181}.keyboard-key{display:flex;align-items:center;justify-content:center;flex-grow:1;height:40px;width:28px;border-bottom:1px solid #b5b5b5;border-radius:4px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;background-color:var(--key-background-color);padding:4px;margin:0 4px;text-transform:capitalize;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none}.keyboard-key:active{filter:brightness(.95);border-bottom:none}.keyboard-key-enter{width:52px}.keyboard-key-backspace{width:40px}.keyboard-key.correct{background-color:var(--correct-color);color:#fff}.keyboard-key.incorrect{background-color:var(--incorrect-color);color:#fff}.keyboard-key.mispositioned{background-color:var(--mispositioned-color);color:#fff}:root{--keyboard-background-color: #e7ebf2}.dark-mode{--keyboard-background-color: #585858}.keyboard{margin-top:2em;background-color:var(--keyboard-background-color);padding:12px 8px;border-radius:6px}.keyboard-row{display:flex;touch-action:manipulation}.keyboard-row:not(:last-child){margin-bottom:10px}:root{--background-color: #ffffff;--text-color: #2c3e50;--link-color: #5374d5;--primary-color: #6aaa64}.dark-mode{--background-color: #121213;--text-color: #ffffff;--link-color: var(--text-color)}.color-blind-mode{--primary-color: #f5793a}body{margin:0}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color);background-image:none;border:.05rem solid #bcc3ce;border-radius:3px;box-sizing:border-box;color:var(--text-color);display:block;font-size:1rem;height:2rem;margin:.25rem 0;max-width:100%;outline:0;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 0 .1rem var(--primary-color)}input[type=checkbox]{position:relative;width:1rem;height:1rem;color:#000;border:1px solid #bcc3ce;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;cursor:pointer;transition:background .1s ease}input[type=checkbox]:before{content:"";position:absolute;display:block;top:1px;left:5px;width:3px;height:7px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}input[type=checkbox]:checked{color:#fff;border-color:var(--primary-color);background:var(--primary-color)}input[type=checkbox]:checked:before{opacity:1}a{color:var(--link-color);text-underline-offset:.25rem;text-decoration-thickness:.08rem}a:hover{filter:brightness(.85)}hr{border:.01rem solid #d9d9d9;margin:.5rem 0;height:0}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border:none;border-bottom:2px rgba(50,50,50,.4) solid;border-radius:3px;padding:.5em 1em;background-color:var(--primary-color);color:#fff;cursor:pointer;outline:0;-webkit-user-select:none;user-select:none;height:2rem;min-width:2.5rem;text-align:center;text-decoration:none;vertical-align:middle}.button:hover{filter:brightness(.95)}.button:active{border-bottom:none}.button:disabled{opacity:.7}.button-group{display:flex}.game-root{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center;height:100vh}.game-container{max-width:375px}.header{display:flex;align-items:center;justify-content:space-between}.header>h1{display:flex;flex-grow:10;justify-content:center;-webkit-user-select:none;user-select:none}.header>.button-group{flex-grow:1;justify-content:space-between}.word-rows{display:flex;flex-direction:column;align-items:center}.game-message{position:absolute;left:0;right:0;top:72px;font-size:1.25em;background-color:var(--text-color);color:var(--background-color);padding:.5em .75em;margin:0 auto;border-radius:6px;width:fit-content}.game-hint{text-align:center}