*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:#1a2a33;font-family:Outfit,sans-serif}.App{display:grid;height:100vh;place-items:center}.game-board{flex-direction:column;width:clamp(328px,63%,460px)}.game-board,.game-info{align-items:center;display:flex;justify-content:space-between}.game-info{width:100%}.game-info .icons{display:flex}.game-info .icons .icon{height:32px;width:32px}.game-info .status{background:#1f3641;border-radius:10px;box-shadow:0 4px 4px #0f0f0f;color:#dbe8ed;justify-content:center;min-height:52px;min-width:140px}.board-row,.game-info .status{align-items:center;display:flex}.board-row{height:100%;justify-content:space-between;margin:10px 0;width:100%}.square{background:#1f3641;border:none;border-radius:10px;box-shadow:0 4px 4px #0f0f0f;cursor:pointer;height:clamp(96px,20vw,146px);outline:none;text-decoration:none;width:clamp(96px,20vw,146px)}.square:active{box-shadow:3px 2px 22px 1px rgba(0,0,0,.24);-webkit-transform:scale(.98);transform:scale(.98)}.x-class:focus,.x-class:hover{background-image:url(/static/media/icon-x-outline.a591bdf22fd3be0addcb.svg);background-position:50%;background-repeat:no-repeat;background-size:77%}.o-class:focus,.o-class:hover{background-image:url(/static/media/icon-o-outline.44ebb2196ec7043f1e17.svg);background-position:50%;background-repeat:no-repeat;background-size:77%}.results{display:flex;justify-content:space-between;width:100%}.results div:first-child{background:#65e9e4}.results div:nth-child(3){background:#f2b137}.results .result{align-items:center;background:#dbe8ed;border-radius:10px;display:flex;flex-direction:column;height:clamp(64px,20vw,72px);justify-content:center;width:clamp(96px,20vw,140px)}.modal-container{background:#1f3641;box-shadow:24;height:266px;left:50%;padding:4;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.modal-container .modal-title{color:#dbe8ed;letter-spacing:3px;margin:1rem 0}.modal-container .modal-content{flex-direction:column;height:100%}.modal-container .modal-content,.restart-modal-btn{align-items:center;display:flex;justify-content:center}.restart-modal-btn{background:#dbe8ed;border:none;border-radius:10px;box-shadow:0 4px 4px #0f0f0f;cursor:pointer;height:52px;outline:none;text-decoration:none;width:52px}.restart-modal-btn:active{box-shadow:3px 2px 22px 1px rgba(0,0,0,.24);-webkit-transform:scale(.98);transform:scale(.98)}.modal-button-container{display:flex;font-weight:800;gap:1rem}.modal-btn{border:none;border-radius:10px;cursor:pointer;height:52px;max-width:139px;min-width:75px;outline:none;padding:1rem;text-decoration:none}.modal-btn:active{box-shadow:3px 2px 22px 1px rgba(0,0,0,.24);-webkit-transform:scale(.98);transform:scale(.98)}.modal-btn-cancel{background-color:#dbe8ed}.modal-btn-yellow{background-color:#f2b137}.modal-btn-blue{background-color:#65e9e4}.modal-result-title{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.modal-result-title img{margin-right:1rem}.text-light-blue{color:#65e9e4}.text-light-yellow{color:#f2b137}
/*# sourceMappingURL=main.7180d1dd.css.map*/