@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap);body,html{background-color:#1e272e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Roboto",sans-serif;margin:0;padding:0;outline:0;box-sizing:border-box}.game{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-row-gap:2rem;row-gap:2rem;position:relative}.history{position:absolute;left:0;bottom:0;width:100%;border-radius:1.5rem 1.5rem 0 0}.history__container{transition:max-height .5s}.history__container--toggle{max-height:0!important}.history__container-round{background-color:#ee5a24;border-top:.2px solid #dfdcdc}.history__container-round p{text-align:center;color:#fff;padding:.5rem 0;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-column-gap:.25rem;column-gap:.25rem}.history__container-round p span{font-weight:600;letter-spacing:.5px}.history__title{width:100%;height:2rem;line-height:2rem;background-color:#ee5a24;border-radius:1.5rem 1.5rem 0 0;color:#1e272e;text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:1px}.history__result-icon{font-size:1.5rem;margin-left:.25rem;fill:#1e272e}@media screen and (max-width:768px){.history__container{overflow-y:scroll;max-height:175px}}@media screen and (min-width:768px){.history{position:relative}.history__container{max-height:400px!important;overflow-y:scroll}.history__container::-webkit-scrollbar{width:.25rem;background-color:#ee5a24}.history__container::-webkit-scrollbar-thumb{background:#92310a;border-radius:.2rem}.history__container::-webkit-scrollbar-thumb:hover{background:#ee6634}.history__title{border-radius:.5rem .5rem 0 0}}.container{max-width:900px;margin:0 auto}.score-board{width:100%;justify-content:center}.score-board,.score-board__container{display:flex;flex-direction:row;align-items:center}.score-board__container{justify-content:space-around;border:1px solid #fff;border-radius:1.25rem;width:90%;padding:.25rem;height:7rem}.score-board__title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;font-size:1.3rem}.score-board__title span{color:#ee5a24;font-weight:600}.score-board__score{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-row-gap:.25rem;row-gap:.25rem}.score-board__score-title{color:#ee5a24}.score-board__score-point{font-size:2rem;font-weight:600;color:#fff;width:2rem;text-align:center;border-radius:.5rem}@media screen and (min-width:768px){.score-board__container{width:80%;height:12rem}.score-board__score-title,.score-board__span{font-size:2.5rem}.score-board__score-point{width:4rem;font-size:2.5rem}}@media screen and (min-width:968px){.score-board__container{width:50%}}.choice-board{height:100%}.choice-board__container{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-row-gap:1rem;row-gap:1rem}.choice-board__img{width:6rem;transition:all .5s}.choice-board__img--cursor{cursor:pointer}.choice-board__img--cursor:hover{transform:scale(1.1)}.choice-board__computer,.choice-board__player{font-size:1.8rem;color:#fff}.choice-board__computer{margin-bottom:.5rem}.choice-board__computer-choice{height:96px;width:96px}.choice-board__computer-choice,.choice-board__player-choice{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width:576px){.choice-board__img{width:8rem}}@media screen and (min-width:768px){.choice-board{height:450px}}.game-board{width:100%}@media screen and (min-width:768px){.game-board{display:grid;grid-template-columns:2fr 1.5fr;grid-column-gap:1.5rem;column-gap:1.5rem}}.game-over-modal{display:none}.game-over-modal__container{position:relative;width:500px;max-width:90%;height:250px;background-color:#ee5a24;border-radius:1rem}.game-over-modal__container,.game-over-modal__inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-over-modal__inner{height:100%;grid-row-gap:1rem;row-gap:1rem}.game-over-modal__title{width:100%;font-weight:700;font-size:2.5rem;color:#fff;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.game-over-modal__message{text-align:center;letter-spacing:.5px;font-size:1.3rem;color:#fff}.game-over-modal__icon{position:absolute;right:1rem;top:.5rem;font-size:2.5rem;cursor:pointer;color:#fff;transition:all .3s}.game-over-modal__icon:hover{transform:scale(1.1)}.game-over-modal--show{background-color:rgba(0,0,0,.8);position:absolute;left:0;top:0;z-index:10;width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center}@media screen and (max-width:576px){.game-over-modal__title{font-size:1.8rem}.game-over-modal__message{font-size:.938rem}.game-over-modal__container{height:150px}.game-over-modal__icon{font-size:2rem}}
/*# sourceMappingURL=main.7126653c.chunk.css.map */