body{align-items:center;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);font-family:Roboto,sans-serif;height:100vh;justify-content:center;margin:0}.board-row,body{display:flex}.status{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.square{align-items:center;background:#fff;border:2px solid #4a90e2;border-radius:12px;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:5px;overflow:hidden;position:relative;transition:transform .2s ease-in-out,background-color .3s;width:80px}.square:hover{background-color:#e6f0fa;transform:scale(1.1)}.square:active{background-color:#d0e4f7;transform:scale(.95)}.square span{animation:appear .3s forwards;display:inline-block;transform:scale(0)}.square .x{color:#4a90e2}.square .o{color:#e94e77}@keyframes appear{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.winner{animation:glow 1s ease-in-out infinite alternate;color:#e94e77;font-size:2rem;font-weight:700;margin-top:20px;text-align:center}@keyframes glow{0%{text-shadow:0 0 5px #e94e77}to{text-shadow:0 0 20px #ff7fa6}}button{background:#4a90e2;border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:20px auto 0;padding:10px 25px;transition:all .2s ease-in-out}button:disabled{background:#a0c4e8;cursor:not-allowed}button:hover:not(:disabled){background:#357ab8;transform:translateY(-2px)}button:active:not(:disabled){background:#2c5d8a;transform:translateY(0)}@media (max-width:500px){.square{font-size:1.5rem;height:60px;width:60px}.status{font-size:1.2rem}button{font-size:1rem;padding:8px 20px}}.celebration{left:50%;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.boom{animation:boomEffect 1s ease-out forwards;color:#ff6f61;font-size:3rem;font-weight:700}@keyframes boomEffect{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(2)}to{opacity:1;transform:scale(1.5)}}.follow-message{animation:fadeIn 2s 1s forwards;color:#1a40e2;font-size:1.5rem;font-weight:600;margin-top:20px;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.c8de4e87.css.map*/