:root{--color-present:var(--yellow);--color-correct:var(--green);--color-absent:var(--color-tone-2);--tile-text-color:var(--color-tone-7);--key-text-color:var(--color-tone-1);--key-evaluated-text-color:var(--color-tone-7);--key-bg:var(--color-tone-4);--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);--color-tone-1:#1a1a1b;--color-tone-2:#787c7e;--color-tone-3:#878a8c;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#fff;--opacity-50:hsla(0,0%,100%,.5);--green:#6aaa64;--darkendGreen:#538d4e;--yellow:#c9b458;--darkendYellow:#b59f3b;--lightGray:#d8d8d8;--gray:#86888a;--darkGray:#939598;--white:#fff;--black:#212121;--orange:#f5793a;--blue:#85c0f9;--header-height:50px;--keyboard-height:200px;--game-max-width:500px;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:16px}.toaster{left:50%;pointer-events:none;position:absolute;top:10%;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#game-toaster{z-index:1000}#system-toaster{z-index:4000}@media (max-width:360px){header .title{font-size:22px;letter-spacing:.1rem}}#board-container{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow:hidden}.GameArea{background-color:#aa2c34}.LetterBox{background-color:#aa2c99}button.icon{background:none;border:none;cursor:pointer;padding:0 4px}#debug-tools{bottom:0;position:absolute}#board{grid-gap:5px;box-sizing:border-box;display:grid;grid-template-rows:repeat(6,1fr);height:420px;padding:10px;width:350px}#game{display:flex;flex-direction:column;height:calc(100% - 50px);height:calc(100% - var(--header-height));margin:0 auto;max-width:500px;max-width:var(--game-max-width);width:100%}header{align-items:center;border-bottom:1px solid #d3d6da;border-bottom:1px solid var(--color-tone-4);color:#1a1a1b;color:var(--color-tone-1);display:flex;flex-direction:row;flex-wrap:nowrap;height:50px;height:var(--header-height);justify-content:space-between;padding:0 16px}header .title{font-size:36px;left:0;letter-spacing:.2rem;pointer-events:none;position:absolute;right:0;text-align:center}.tile,header .title{font-weight:700;text-transform:uppercase}.tile{align-items:center;border:2px solid;box-sizing:border-box;color:#fff;color:var(--tile-text-color);display:inline-flex;font-size:2rem;justify-content:center;line-height:2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}.tile[data-state=empty]{border:2px solid #d3d6da;border:2px solid var(--color-tone-4)}.tile[data-state=tbd]{background-color:#fff;background-color:var(--color-tone-7);border:2px solid #878a8c;border:2px solid var(--color-tone-3);color:#1a1a1b;color:var(--color-tone-1)}.tile[data-state=correct]{background-color:#6aaa64;background-color:var(--color-correct)}.tile[data-state=present]{background-color:#c9b458;background-color:var(--color-present)}.tile[data-state=absent]{background-color:#787c7e;background-color:var(--color-absent)}:host{height:200px;height:var(--keyboard-height)}#keyboard{margin:0 8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gamerow{grid-gap:5px;display:grid;grid-template-columns:repeat(5,1fr)}.keyboardrow{display:flex;margin:0 auto 8px;touch-action:manipulation;width:100%}button{-webkit-tap-highlight-color:rgba(0,0,0,.3);align-items:center;background-color:#d3d6da;background-color:var(--key-bg);border:0;border-radius:4px;color:#1a1a1b;color:var(--key-text-color);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-weight:700;height:58px;justify-content:center;margin:0 6px 0 0;padding:0;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}button:focus{outline:none}button.fade{transition:background-color .1s ease,color .1s ease}button:last-of-type{margin:0}.half{flex:0.5 1}.one{flex:1 1}.one-and-a-half{flex:1.5 1;font-size:12px}.two{flex:2 1}button[data-state=correct]{background-color:#6aaa64;background-color:var(--key-bg-correct);color:#fff;color:var(--key-evaluated-text-color)}button[data-state=present]{background-color:#c9b458;background-color:var(--key-bg-present);color:#fff;color:var(--key-evaluated-text-color)}button[data-state=absent]{background-color:#787c7e;background-color:var(--key-bg-absent);color:#fff;color:var(--key-evaluated-text-color)}
/*# sourceMappingURL=main.921d74ab.css.map*/