:root{--bg-dark: #202429;--fg-dark: #ffffff;--bg2-dark: black;--button-color-primary: #ffffffda;--button-color-secondary: #07af3100;--button-color-active: #6b6262;--button-text-color: #000000;--button-color-destructive: #ff000085;--button-text-color-destructive: #ffffff}body{background-color:var(--bg-dark);color:var(--fg-dark);margin:0}html *{font-family:-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.root{position:relative;width:100%}.loadText{height:80vh}button{cursor:pointer}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--fg-dark)}#footer{display:flex;flex-direction:column;padding:4px;margin-top:25px;min-width:90vw;background-color:var(--bg2-dark)}#footer>a{color:#fff;padding-top:5px}.game{display:flex}.buttons>div>button{width:5.3rem;height:5.3rem;margin:5px;font-size:60px;border-radius:25px;background-color:var(--button-color-primary);color:var(--button-text-color)}.buttons>div>button:active{background-color:#ffffffb0}.moreButtons{display:flex;align-content:center;justify-self:center;align-self:center;flex-direction:column;width:98vw;overflow-x:hidden;background-color:var(--bg-dark)}.moreButtons>.buttons{min-width:10px;display:grid;grid-template-columns:repeat(3,7rem);grid-auto-rows:minmax(1px,auto);grid-template-areas:"r1 r1 r1" "r2 r2 r2" "r3 r3 r3";justify-content:center}.moreButtons>.buttons>.row1{padding-top:.5rem;padding-left:74px;grid-column:1 / 4}.moreButtons>.buttons>.row2{grid-column:1 / 4;padding-left:27px}.moreButtons>.buttons>.row3{padding-left:74px;grid-column:1 / 4;padding-bottom:1rem}.currentGuess{font-size:45px;margin-top:15px;margin-bottom:0;font-weight:600;display:flex;text-wrap:wrap;word-break:break-all;text-align:center;justify-content:center;min-height:3.5rem}.currentScore{display:flex;font-size:1.7rem;padding-left:10px;margin-bottom:0}.header{padding-top:20px;padding-bottom:15px;padding-left:10px;box-sizing:border-box;display:flex;background-color:#000}.headerButtons{margin-left:auto;display:flex;padding-right:1rem}.headerButtons>button{background:local;border:none;padding-right:1rem}.header>p{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:32px;font-weight:600;margin:0;padding-left:1rem;color:#fff}.overlay{position:absolute;max-width:800px;z-index:10;padding:15px 50px 55px;background-color:#000;border-color:#fff;border-width:10px;border-style:solid;border-radius:25px;font-size:24px;white-space:pre-wrap;display:flex;flex-direction:column;animation:fadeIn .5s}.clearStatsButton{margin:5px 5px 20px;padding:10px;font-size:32px;border-radius:20px;background-color:#fff;max-width:250}.score{display:flex;align-items:stretch;padding-left:.5rem}.share{border-radius:10px;border-color:#fff;border-width:3px;border-style:solid;cursor:pointer}.exitButton{display:flex;background:local;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:32px;padding:0;color:#fff;height:40px;width:40px;border:none}.actionButtons{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2rem}.actionButtons>button{margin:5px 5px 20px;padding:10px;font-size:32px;border-radius:20px;color:#fff;border-width:3px;border-style:solid;border-color:#fff}.actionButtons>button:active{background-color:#ffffff9c}.actionButtons>img{background-color:#fff;border-radius:20px;padding:10px;margin-bottom:16px;cursor:pointer}.actionButtons>img:active{background-color:#ffffff9c}.floating-container-guess{position:relative;justify-items:center;justify-content:center;margin:auto;min-width:25rem}.floating-guess{position:absolute;margin-top:1rem;margin-left:50%;margin-right:auto;animation:floatUp 2s ease-out forwards;font-size:24px;color:#fff;text-align:center}.shareButton{padding:.5rem;font-size:20px}.floating-container-share{position:relative;display:flex;min-width:5rem}.floating-share{position:absolute;animation:shareFloat 3s ease-out forwards;font-size:24px;color:#fff;text-align:center;min-width:5rem}@keyframes floatUp{0%{opacity:1;top:0;transform:translate(-50%,-50%)}to{opacity:0;top:-12px;transform:translate(-50%,-50%)}}@keyframes shareFloat{0%{opacity:1;top:-5px;transform:translate(-50%,-50%)}to{opacity:0;top:-75px;transform:translate(-50%,-150%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}
