.game{display:flex;flex-direction:column;height:calc(100% - var(--header-height));margin:0 auto;max-width:var(--game-max-width);width:100%}.board{grid-gap:5px;box-sizing:border-box;display:grid;grid-template-rows:repeat(6,1fr);height:240px;padding:10px;width:320px}.board-container{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow:hidden}.letter-row{grid-gap:5px;display:grid;grid-template-columns:repeat(8,1fr)}.tile{align-items:center;box-sizing:border-box;color:var(--tile-text-color);display:inline-flex;font-size:1em;font-weight:700;justify-content:center;line-height:1em;text-transform:uppercase;user-select:none;vertical-align:middle}.tile[data-state=empty]{border:2px solid var(--color-tone-4)}.tile[data-state=correct]{background-color:var(--color-correct)}.tile[data-state=present]{background-color:var(--color-present)}.tile[data-state=absent]{background-color:var(--color-absent)}.tile:before{content:"";display:inline-block;padding-bottom:100%}button{align-items:center;background-color:var(--key-bg);border:0;border-radius:4px;color:var(--key-text-color);cursor:pointer;display:flex;flex:1;font-family:inherit;font-weight:700;height:58px;justify-content:center;margin:0 6px 0 0;padding:0;text-transform:uppercase;user-select:none}button[data-state=correct]{background-color:var(--key-bg-correct);color:var(--key-evaluated-text-color)}button[data-state=present]{background-color:var(--key-bg-present);color:var(--key-evaluated-text-color)}button[data-state=absent]{background-color:var(--key-bg-absent);color:var(--key-evaluated-text-color)}button.fade[data-state=absent],button.fade[data-state=correct],button.fade[data-state=present]{transition:background-color .1s ease,color .1s ease}.row{display:flex;margin:0 auto 8px;touch-action:manipulation;width:100%}.half{flex:0.5}.one-and-a-half{flex:1.5;font-size:12px}.header{align-items:center;border-bottom:1px solid var(--color-tone-4);color:var(--color-tone-1);display:flex;flex-direction:row;flex-wrap:nowrap;height:var(--header-height);justify-content:space-between;padding:0 16px}.header title{font-family:nyt-karnakcondensed;font-size:37px;font-weight:700;left:0;letter-spacing:.01em;line-height:100%;pointer-events:none;right:0;text-align:center}:root{--green:#6aaa64;--darkendGreen:#538d4e;--yellow:#c9b458;--darkendYellow:#b59f3b;--lightGray:#d8d8d8;--gray:#86888a;--darkGray:#939598;--white:#fff;--black:#212121;--orange:#f5793a;--blue:#85c0f9;--color-tone-1:#fff;--color-tone-2:#818384;--color-tone-3:#565758;--color-tone-4:#3a3a3c;--color-tone-5:#272729;--color-tone-6:#1a1a1b;--color-tone-7:#121213;--color-nav-hover:#2f2f31;--opacity-50:rgba(0,0,0,.5);--color-present:var(--darkendYellow);--color-correct:var(--darkendGreen);--color-absent:var(--color-tone-4);--tile-text-color:var(--color-tone-1);--key-text-color:var(--color-tone-1);--key-evaluated-text-color:var(--color-tone-1);--key-bg:var(--color-tone-2);--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);--key-bg-absent:var(--color-absent);--modal-content-bg:var(--color-tone-7);--header-height:50px;--keyboard-height:200px;--game-max-width:500px;--color-background:var(--color-tone-7);font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:16px}body{background-color:var(--color-background);height:100%;margin:0;overflow-y:hidden;padding:0}
/*# sourceMappingURL=index.de1640b7.css.map */