button.active{visibility:visible}.green{background-color:#adff2f}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}.box{place-items:center;display:grid}body{color:#333;background:linear-gradient(145deg,#ff9f80,#ff4f67);justify-content:center;align-items:center;height:100vh;margin:0;font-family:DM Sans;display:flex}.heading{text-transform:uppercase;letter-spacing:3px;color:#000;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700;position:relative}.heading:before{content:"X";color:#000;font-size:2rem;position:absolute;left:-3rem}.heading:after{content:"o";color:#000;font-size:2rem;position:absolute;right:-3rem}.player_status{color:#333;text-align:center;background-color:#f1f1f1;border:2px solid #a1d6d4;border-radius:1.5rem;margin-bottom:2rem;padding:1rem 2rem;font-size:1.25rem;font-weight:600;box-shadow:0 4px 10px #0000001a}.current_player{color:#ff6b6b;font-size:1.5rem;font-weight:700}.game{aspect-ratio:1;background:#3d3d3d;border-radius:1.5rem;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:25rem;padding:2rem;display:grid;box-shadow:0 4px 10px #0003,0 -4px 10px #ffffff1a}.box{aspect-ratio:1;cursor:pointer;color:#333;background:#f9f9f9;border:2px solid #ff6b6b;border-radius:1rem;width:100%;font-size:2.5rem;font-weight:700;transition:background-color .3s,transform .3s;box-shadow:0 4px 6px #0000001a}.box:nth-child(odd){background:#fff}.box:hover{color:#fff;background-color:#ff6b6b;transform:scale(1.05)}.box:active{background-color:#e84a4a;transform:scale(.98)}.reset-button{cursor:pointer;color:#fff;visibility:hidden;background-color:#3d3d3d;border:2px solid #ff6b6b;border-radius:2rem;padding:.75rem 2rem;font-size:1.2rem;font-weight:700;transition:background-color .3s,color .3s,transform .3s;position:relative;top:2rem;left:2.5rem}.reset-button:hover{color:#000;background-color:#fff;transform:scale(1.05)}.reset-button.show{visibility:visible}@media (width<=768px){.game{max-width:20rem;padding:1rem}.heading{font-size:1.5rem}.player_status{padding:.5rem 1.5rem;font-size:1rem}.box{font-size:2rem}.reset-button{padding:.5rem 1.5rem;font-size:1rem}}
/*# sourceMappingURL=index.74b22139.css.map */