body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tile{line-height:1rem;margin-right:5px}:host{height:200px;height:var(--keyboard-height)}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-size:11px!important;font-weight:bolder;height:58px;justify-content:center;margin:0 6px 0 0!important;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:.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)}#keyboard{height:200px;margin:10px 5px}.row{display:flex;margin:0 auto 8px;width:100%}div:focus{outline:0 solid transparent}#board{grid-gap:5px;box-sizing:border-box;display:grid;grid-template-rows:repeat(6,1fr);height:400px;padding:10px;width:350px}#board .row{margin:0 2px!important}#board-container{align-items:center;display:flex;flex-grow:1!important;justify-content:center;overflow:hidden}.notification{background-color:#1a1a1b;background-color:var(--notification-bg-color);border-radius:5px;color:#fff;color:var(--notification-text-color);left:50%;padding:15px;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-notification{z-index:1000}:host{display:inline-block}.tile{align-items:center;box-sizing:border-box;color:#fff;color:var(--tile-text-color);display:inline-flex;font-size:2rem;font-weight:700;justify-content:center;line-height:2rem;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:100%}.tile:before{content:"";display:inline-block;padding-bottom:100%}@media(max-height:600px){.tile{font-size:1em;line-height:1em}}.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)}.tile[data-animation=scale-in-center]{-webkit-animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.row[data-state=invalid]{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-name:Shake;animation-name:Shake}@-webkit-keyframes Shake{10%,90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}20%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%,50%,70%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%,60%{-webkit-transform:translateX(4px);transform:translateX(4px)}}@keyframes Shake{10%,90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}20%,80%{-webkit-transform:translateX(2px);transform:translateX(2px)}30%,50%,70%{-webkit-transform:translateX(-4px);transform:translateX(-4px)}40%,60%{-webkit-transform:translateX(4px);transform:translateX(4px)}}svg{cursor:pointer}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;height:50px;height:var(--header-height);justify-content:space-between}header .title{font-size:36px;font-weight:700;left:0;letter-spacing:.2rem;pointer-events:none;position:absolute;right:0;text-align:center;text-transform:uppercase}button.icon{background:none;border:none;cursor:pointer;padding:0 4px}.display-block{display:block}.display-none{display:none}.display-flex{display:flex}.overlay{-webkit-animation:SlideIn .1s linear;animation:SlideIn .1s linear;background-color:#fff;background-color:var(--color-background);justify-content:center;left:0;position:absolute;top:0;z-index:2000}.content,.overlay{height:100%;width:100%}.content{color:#1a1a1b;color:var(--color-tone-1);display:flex;flex-direction:column;max-width:500px;max-width:var(--game-max-width);overflow-y:auto;padding:0 32px;position:relative}.content-container{height:100%;padding:.5em}.overlay.closing{-webkit-animation:SlideOut .15s linear;animation:SlideOut .15s linear}h1{font-size:16px;font-weight:700;justify-content:center;letter-spacing:.5px;margin-bottom:10px}h1,header .modal-title{text-align:center;text-transform:uppercase}header .modal-title{font-size:20px;left:0;letter-spacing:.2rem;pointer-events:none;position:absolute;right:0}game-icon{cursor:pointer;position:absolute;right:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (min-device-width:320px)and (max-device-width:480px){.content{max-width:100%;padding:0}game-icon{padding:0 16px}}@-webkit-keyframes SlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes SlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes SlideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:0}to{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}}@keyframes SlideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:0}to{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}}:root{--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}@media(prefers-color-scheme:dark){:root{--color-tone-1:#d7dadc;--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-present:var(--darkendYellow)!important;--color-correct:var(--darkendGreen)!important;--color-absent:var(--color-tone-4)!important;--tile-text-color:var(--color-tone-1)!important;--key-text-color:var(--color-tone-1)!important;--key-evaluated-text-color:var(--color-tone-1)!important;--key-bg:var(--color-tone-2)!important;--modal-content-bg:var(--color-tone-7)!important;--notification-text-color:var(--color-tone-7)!important;--notification-bg-color:var(--color-tone-1)!important}}: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-background:var(--color-tone-7);--notification-text-color:var(--color-tone-7);--notification-bg-color:var(--color-tone-1)}#game{display:flex;flex-direction:column;margin:0 auto;max-width:500px;max-width:var(--game-max-width);width:100%}#game,body{height:100%}body{background-color:#fff;background-color:var(--color-background);margin:0;overflow-y:hidden;padding:0}
/*# sourceMappingURL=main.8390b9bb.css.map*/