@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);html{--game-width:33rem;--background-color:rgba(54,213,215,1);--background-color-2:rgb(216, 120, 42);--text-color:rgba(5,8,15,1);--border-color:rgba(20,24,42,0.3);--active-border-color:rgba(54,213,215,0.3);--tile-color:rgba(243,212,240,0.40);--toast-color:rgba(243,212,240,0.80);--present-color:rgba(243,176,12,0.9);--correct-color:rgba(12,183,23,0.8);font-family:"Bebas Neue",Impact,sans-serif;min-height:100%;color:var(--text-color);background:var(--background-color);background:linear-gradient(347deg,var(--background-color) 0,var(--background-color-2) 100%);overflow-x:hidden}a{color:var(--text-color)}header{width:100%;max-width:calc(var(--game-width)*1.5);display:flex;justify-content:space-between;align-items:center;margin:0 auto;opacity:75%}header>h1{margin-left:5%}header>div{margin-right:5%}header h4{flex-grow:1;color:var(--text-color);margin:auto 2rem;text-align:left}div.button{cursor:pointer;font-size:2.5rem;width:2.5rem;height:2.5rem}section.container{width:100%}div.game-container{width:100%;max-width:var(--game-width);flex-direction:column;margin-left:auto;margin-right:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.guesses-container{width:100%;max-width:23rem;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:.5em;margin-bottom:2em;margin-top:0;margin-left:auto;margin-right:auto}div.guess-row{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:.5rem}div.guess-letter{aspect-ratio:1;border:none;background-color:var(--tile-color);border-radius:.3rem;font-size:2.2rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase;opacity:75%;transition:all .2s ease-out}div.guess-row.active>div.guess-letter{filter:brightness(150%);box-shadow:.2rem .2rem 1rem 0 rgba(16,33,61,.12);-webkit-box-shadow:.2rem .2rem 1rem 0 rgba(16,33,61,.12);border-color:var(--active-border-color)}div.guess-row.active>div.guess-letter.active{filter:brightness(200%);box-shadow:.2rem .2rem 3.5rem 0 rgba(16,33,61,.22);-webkit-box-shadow:.2rem .2rem 3.5rem 0 rgba(16,33,61,.22);opacity:100%}div.guess-letter[data-answer=wrong]{background-color:transparent;border:none}div.guess-letter[data-answer=present]{background-color:var(--present-color);border:none}div.guess-letter[data-answer=correct]{background-color:var(--correct-color);border:none}div.keyboard-container{width:100%;display:grid;grid-template-rows:1fr 1fr 1fr;grid-gap:.3rem}div.keyboard-row{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:.3rem}div.keyboard-key{aspect-ratio:.5;max-height:4.5rem;min-width:100%;background-color:var(--tile-color);border-radius:.3rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase;cursor:pointer;font-size:1.6em;opacity:75%;box-shadow:.2rem .2rem 1.5rem 0 rgba(16,33,61,.12);-webkit-box-shadow:.2rem .2rem 1.5rem 0 rgba(16,33,61,.12);transition:all .2s ease-out}div.keyboard-key:hover{z-index:1;opacity:100%;border-color:var(--active-border-color);box-shadow:.2rem .2rem 3.5rem 0 rgba(16,33,61,.35);-webkit-box-shadow:.2rem .2rem 3.5rem 0 rgba(16,33,61,.35)}div.keyboard-key.disabled{opacity:33%;pointer-events:none;box-shadow:none;-webkit-box-shadow:none}div.letter-key[data-answer=wrong]{box-shadow:none;background-color:transparent;border:none}div.letter-key[data-answer=present]{background-color:var(--present-color);border:none}div.letter-key[data-answer=correct]{background-color:var(--correct-color);border:none}div#result-container{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:75%}div.buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}div.hidden{display:none!important;opacity:0!important;width:0!important;height:0!important;transition:all .2s ease-out!important}div.modal-container{position:fixed;top:0;bottom:0;right:0;left:0;z-index:4;background-color:rgba(0,0,0,.3)}div.modal{font-size:1.2em;border-radius:.3rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:100%;transition:all ease-out;background:var(--background-color);background:linear-gradient(98deg,var(--background-color) -100%,var(--background-color-2) 200%);padding:2rem 5% 2rem 5%;box-sizing:border-box;width:var(--game-width);max-height:85%;max-width:90%;overflow-y:auto;display:flex;flex-direction:column;align-items:center}div.modal>*{opacity:75%}div.modal img{opacity:100%;width:100%;margin-bottom:.5em}div.modal>p{width:100%}div.modal ul{list-style:none;margin:0;padding-left:.7em}div.modal li::before{display:inline-block;content:"-";margin-left:-.7em;width:.7em}div.modal>h3{margin-top:0}div.modal-close{position:absolute;top:.5rem;right:1rem;font-size:2rem;cursor:pointer}div#emoji-results{font-family:sans-serif;font-size:2rem;line-height:1;margin-bottom:2rem}p.credits{margin-top:2rem;text-align:center;opacity:75%}div#toast-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:100%;font-size:1.5em;padding:.8rem 1rem .6rem 1rem;background-color:var(--present-color);border-radius:.3rem;transition:all .2s ease-out;-webkit-animation:fadein .2s ease-out;animation:fadein .2s ease-out}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}