.board{flex:1;width:500px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:10px}@media (max-width: 530px){.board{width:100%}}.square{background-color:#424242;box-shadow:-8px 8px 2px #1a1a1a;border-radius:10px;display:flex;justify-content:center;align-items:center;width:calc((500px - 40px) / 3);height:120px;font-size:40px;cursor:pointer;transition:all .3s ease-in-out}.square:hover{box-shadow:inset -8px 8px 2px #1f1f1f}.square span{font-size:60px;font-weight:700}.square:hover span{font-size:50px}@media (max-width: 530px){.square{width:calc((100vw - 50px) / 3);height:calc((350px - 40px) / 3)}}.score{text-align:center;width:150px;height:110px;display:flex;flex-direction:column;justify-content:space-evenly;color:#fff}.score h1{font-size:30px}.score h2{font-size:22px}@media (max-width: 530px){.score{flex:1}}.scores{display:flex;justify-content:space-around;width:500px;height:150px;padding:10px}@media (max-width: 530px){.scores{width:100%;gap:10px}}.display{width:500px;height:fit-content;flex:1;padding-top:5px;display:flex;justify-content:space-around;align-items:center;color:#fff}.display .turn{font-size:25px}.display .turn span{font-size:35px;font-weight:700}.display .reset-btn{border:none;font-size:15px;width:50px;height:50px;background-color:#2d2d2d;box-shadow:-4px 4px 2px #383838;border-radius:10px;cursor:pointer}.reset-btn img{width:100%;height:100%}@media (max-width: 530px){.display{width:100%}}*{box-sizing:border-box;margin:0;padding:0}main{background-color:#100d0d;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:20px}.player{color:#4cc3d9}.opponent{color:#ffe34e}