@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap);:root{--white:#f7f7f7;--black:#393e46;--green:#6d9886;--beige:#f2e7d5}*{margin:0;padding:0}body{align-items:center;background:#f7f7f7;background:var(--white);color:#393e46;color:var(--black);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:16px;min-height:100vh;min-width:100vw}body:has(.game-loading){cursor:progress}#root{min-height:100%;min-width:100%}#root,main{align-items:center;display:flex;flex-direction:column}main{justify-content:center}.game{--width:21.25rem;--height:21.25rem;border-radius:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.game,.game .hud{margin-bottom:1.5rem}.game .row{display:flex;flex-direction:row}.game .row:first-child .block,.game .row:nth-child(2) .block{border-top:initial}.game .row:last-child .block{border-bottom:initial}.game .row .block{align-items:center;border:.1625rem solid #393e46;border:.1625rem solid var(--black);box-sizing:border-box;color:#393e46;color:var(--black);display:flex;font-size:3rem;font-weight:800;height:calc(var(--height)/3);justify-content:center;width:calc(var(--width)/3)}.game .row .block:first-child{border-left:initial}.game .row .block:last-child{border-right:initial}.game .row .block.block-null{cursor:pointer}.game .row .block.block-disabled{cursor:not-allowed}.title{text-transform:uppercase}.pick-player{align-items:center;display:flex;flex-direction:column;gap:.6rem;justify-content:center}.pick-player .player-options{display:flex}.pick-player .player-options>div{border:3px solid;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;color:#000;cursor:pointer;font-family:Open Sans,sans-serif;font-size:3rem;letter-spacing:2px;margin:1rem;padding:2rem;position:relative;text-decoration:none;text-transform:uppercase;touch-action:manipulation;user-select:none;-webkit-user-select:none}.pick-player .player-options>div:active{box-shadow:0 0 0 0;left:5px;top:5px}.pick-player .player-random{color:rgba(57,62,70,.753);cursor:pointer;font-size:1.4rem;font-weight:700;padding:.2rem;position:relative}.pick-player .player-random:after{background:#e5ba73;content:"";display:block;height:30%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:width .3s ease-out;width:0;z-index:-1}.pick-player .player-random:hover{color:#393e46;color:var(--black)}.pick-player .player-random:hover:after{width:100%}.strikethrough{position:relative}.strikethrough:after{background:#e5ba73;content:"";display:block;height:30%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:width .3s ease-out;width:0;z-index:-1}.strikethrough:hover:after{width:100%}.title{text-align:center}.status{align-items:center;-webkit-animation:fadeIn .5s ease-in-out,slideIn .5s ease-in-out;animation:fadeIn .5s ease-in-out,slideIn .5s ease-in-out;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:#f7f7f7;background:var(--white);border:3px solid;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center;left:50%;opacity:0;position:fixed;top:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);width:clamp(300px,90%,600px);z-index:10}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}to{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}}@keyframes slideIn{0%{-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}to{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}}.status span{align-items:center;display:flex;flex-direction:column;font-family:sans-serif;font-size:1.5rem;font-weight:100}.status span:before{content:"GAME OVER!";display:block;font-family:roboto,sans-serif;font-size:3rem;font-weight:700}.status .terminal-buttons{display:flex;flex-wrap:wrap;gap:1rem}.button-styled{border:3px solid;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;color:#000;cursor:pointer;font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:2px;padding:.25em .5em;position:relative;text-decoration:none;text-transform:uppercase;touch-action:manipulation;user-select:none;-webkit-user-select:none}.button-styled:active{box-shadow:0 0 0 0;left:5px;top:5px}@media(min-width:768px){.button-styled{padding:.25em .75em}}.logo-tictactoe{aspect-ratio:400/169.3;width:clamp(150px,70vw,400px)!important}:root{--color-red:#9b0a0a;--color-green:#393e46;--color-black:#1b1b1b;--color-yellow:#ecc900;--color-grey:#777776;--color-white:#ececec;--sidebar-shift:200px;--header-height:45px}body,html{height:100%}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;margin:0}header{border-bottom:1px solid #1b1b1b;border-bottom:1px solid var(--color-black);height:45px;height:var(--header-height);justify-content:space-between;position:relative;width:100%;z-index:100}.title,header{align-items:center;display:flex}.title{font-family:Roboto Slab,serif;font-size:20pt;height:100%;justify-content:center}.header-btn{border-radius:.3rem;cursor:pointer;display:inline-block;height:20px;margin:1rem;padding:.3rem;width:20px}.header-btn.green{background-color:#393e46;background-color:var(--color-green)}.header-btn img{-webkit-filter:invert(100%) sepia(0) saturate(7492%) hue-rotate(255deg) brightness(101%) contrast(100%);filter:invert(100%) sepia(0) saturate(7492%) hue-rotate(255deg) brightness(101%) contrast(100%);height:100%;width:100%}.header-btn:hover{cursor:pointer;-webkit-filter:brightness(.8);filter:brightness(.8)}.toggle-sidebar{transition:all .6s ease-in-out}.toggled .toggle-sidebar{background-color:gray;-webkit-transform:translateX(190px);transform:translateX(190px)}.toggled .bars{-webkit-transform:translateY(4.5px);transform:translateY(4.5px)}.bar1,.bar2,.bar3{background-color:#fff;border-radius:5px;height:3px;margin:3px 0;transition:.4s;width:20px}.toggled .bar1{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.toggled .bar2{opacity:0}.toggled .bar3{transform:rotate(45deg) translate(-8px,-8px);-webkit-transform:rotate(45deg) translate(-8px,-8px)}.canvas{align-items:center;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.wordle-canvas{margin:1rem}.wordle-canvas,.wordle-row{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wordle-row{display:flex}.wordle-space{align-items:center;background-color:#fff;border:.1rem solid #7a7a7a;border-radius:.3rem;color:#fff;display:flex;font-size:20pt;font-weight:800;height:50px;justify-content:center;margin:.1rem .2rem;padding:.2rem;transition:background .1s linear;transition-delay:.1s;-webkit-user-select:none;user-select:none;width:50px;z-index:-1}.wordle-space.input{color:#1b1b1b;color:var(--color-black)}.wordle-space.animate{-webkit-animation:rotateAnimation 1.5s forwards;animation:rotateAnimation 1.5s forwards}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes rotateAnimation{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.pulse,.wordle-space.pulse{-webkit-animation:pulseAnimation .3s forwards;animation:pulseAnimation .3s forwards}@-webkit-keyframes pulseAnimation{0%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulseAnimation{0%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:scale(1);transform:scale(1)}}.wordle-space.hasinput{border:.1rem solid #585858}.wordle-space.black{background-color:gray;border-color:gray;color:#fff}.wordle-space.green{background-color:#393e46;background-color:var(--color-green);border-color:#393e46;border-color:var(--color-green);color:#fff}.wordle-space.yellow{background-color:#ecc900;border-color:#ecc900;color:#fff}.keyboard{align-items:center;bottom:0;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:.5rem;position:absolute}.keyboard,.keyboard-row{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.keyboard-key{align-items:center;background-color:#585858;border-radius:.3rem;color:#fff;display:flex;font-size:20pt;font-weight:800;height:45px;justify-content:center;margin:.1rem;padding:.2rem;-webkit-user-select:none;user-select:none;width:35px}.keyboard-key.backspace{background-color:#9b0a0a;background-color:var(--color-red);width:50px}.keyboard-key.enter{background-color:#0a799b;width:50px}.keyboard-key.key-black{background-color:#1b1b1b;background-color:var(--color-black)}.keyboard-key.key-green{background-color:#393e46;background-color:var(--color-green)}.keyboard-key.key-yellow{background-color:#ecc900}.keyboard-key:hover{box-shadow:0 6px 12px -2px rgba(50,50,93,.123),0 3px 7px -3px rgba(0,0,0,.062);cursor:pointer;-webkit-filter:brightness(.85);filter:brightness(.85)}@media only screen and (max-width:765px){:root{--header-height:55px}.header-btn{-webkit-transform:scale(1.15);transform:scale(1.15)}}@media only screen and (max-width:500px){header .title{font-size:14pt}.keyboard-key{height:40px;width:27px}}@media only screen and (max-width:380px){header .title{font-size:10pt}.keyboard-key{font-size:20pt;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.wordle-space{height:35px;width:35px}}.score{align-items:center;display:flex;height:40px;justify-content:center;margin:1rem}.score h4{font-family:Roboto Slab,serif;font-size:20pt}.sidebar{position:relative}.sidebar-content{background-color:#fff;border-right:1px solid #1b1b1b;border-right:1px solid var(--color-black);height:100vh;left:-252px;position:absolute;top:0;transition:left .6s ease-in-out;width:250px;width:calc(var(--sidebar-shift) + 50px)}.sidebar-content:before{content:"";display:block;height:45px;height:var(--header-height)}.sidebar-content .logo{-webkit-filter:invert(0) sepia(6%) saturate(7500%) hue-rotate(328deg) brightness(0) contrast(106%);filter:invert(0) sepia(6%) saturate(7500%) hue-rotate(328deg) brightness(0) contrast(106%);padding:.8rem;width:100px}.sidebar.toggled .sidebar-content{left:0}.sidebar-content .sidebar-list .sidebar-btn{align-items:center;background-color:#fff;color:#1b1b1b;color:var(--color-black);cursor:pointer;display:flex;font-family:Roboto Slab,serif;justify-content:baseline;padding:.6rem 0}.sidebar-content .sidebar-list .sidebar-btn:hover{background-color:#adadad}.sidebar-content .sidebar-list .sidebar-btn.active{background-color:#ececec}.sidebar-content .sidebar-list .sidebar-btn .icon{height:20px;margin:0 1rem;width:20px}.sidebar-content .sidebar-list .sidebar-btn a{color:#1b1b1b;color:var(--color-black);text-decoration:none}.sidebar-content .sidebar-list ul{list-style:none;margin:0;padding:0}.sidebar-content .sidebar-list ul li{list-style:none}.sidebar-footer .icon{display:inline;font-size:22px}.sidebar-footer .icon-text{margin:3px}.sidebar-footer a.icon-text:hover{text-decoration:none;text-shadow:1px 1px 4px #777776;text-shadow:1px 1px 4px var(--color-grey)}.sidebar-content .sidebar-footer{bottom:0;position:absolute;width:100%}.sidebar-content .sidebar-footer ul{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem .2rem;padding:0;-webkit-transform:scale(.9);transform:scale(.9);width:100%}.sidebar-content .sidebar-footer ul li{display:inline;list-style:none;padding:0 10px 0 0}.sidebar-content .sidebar-footer a{color:rgba(32,32,32,.767)}.prompt-msg{background-color:#fff;border-radius:.5rem;box-shadow:0 3px 8px rgba(0,0,0,.12);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;margin-top:1rem;padding:0 1rem;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 1s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10000}.hidden{display:none!important}.shake{-webkit-animation:shakeAnimation 1s cubic-bezier(.36,.07,.19,.97) forwards;animation:shakeAnimation 1s cubic-bezier(.36,.07,.19,.97) forwards}@-webkit-keyframes shakeAnimation{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shakeAnimation{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.fade-in{opacity:1}.fade-in,.fade-out{transition:opacity 1s ease-in-out}.fade-out{opacity:0}
/*# sourceMappingURL=main.f657a6af.css.map*/