:root{--color-black:#000;--color-white:#fff;--color-dark-blue:#14213d;--color-blue:#4774d6;--color-orange:#fca311;--color-light-gray:#e5e5e5;--color-o:var(--color-blue);--color-x:var(--color-orange)}body{background-color:#14213d;background-color:var(--color-dark-blue)}#score-grid{background-color:#fff;background-color:var(--color-white);border:1px solid #14213d;border:1px solid var(--color-dark-blue);border-radius:16px;flex-direction:column;gap:16px;margin-block:32px;margin-inline:auto;padding:8px 16px;width:200px}#score-grid,.score-field{align-items:center;display:flex;justify-content:space-between}.score-field{font-size:1.5em;font-weight:700;text-align:center;width:100%}.score-field.active{border-bottom:2px solid #14213d;border-bottom:2px solid var(--color-dark-blue)}.player-x,.player-x *{color:#fca311;color:var(--color-x)}.player-o,.player-o *{color:#4774d6;color:var(--color-o)}#play-grid{grid-gap:16px;align-content:center;background-color:#e5e5e5;background-color:var(--color-light-gray);border:1px solid #14213d;border:1px solid var(--color-dark-blue);border-radius:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-block:32px;margin-inline:auto;padding:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.play-field{align-items:center;background-color:#fff;background-color:var(--color-white);border:1px solid #14213d;border:1px solid var(--color-dark-blue);border-radius:8px;display:flex;font-size:4.5em;height:75px;justify-content:center;width:75px}.field-x{color:#fca311;color:var(--color-x)}.field-o{color:#4774d6;color:var(--color-o)}#reset-button{background-color:#e5e5e5;background-color:var(--color-light-gray);border:1px solid #14213d;border:var(--color-dark-blue),1px solid;border-radius:15px;cursor:pointer;margin-inline:auto;padding:16px 32px;transition:all .5s}.button-wrapper{text-align:center}#reset-button:hover{background-color:#000;background-color:var(--color-black);color:#e5e5e5;color:var(--color-light-gray)}.hidden{display:none;visibility:hidden}.modal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.modal-content{background-color:#fff;background-color:var(--color-white);border-radius:16px;padding:16px}
/*# sourceMappingURL=main.ee64c975.css.map*/