body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;text-align:center}.game-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:2rem;width:90%}.game-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.name-form{align-items:center;gap:1.5rem;margin-top:2rem}.name-form,.name-input-group{display:flex;flex-direction:column}.name-input-group{align-items:flex-start;max-width:260px;width:100%}.name-input-group label{color:#34495e;font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.name-input-group input{border:1px solid #b2bec3;border-radius:8px;font-size:1rem;margin-bottom:.2rem;outline:none;padding:.6rem 1rem;transition:border .2s;width:100%}.name-input-group input:focus{background:#f0f4ff;border:1.5px solid #667eea}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-top:1.5rem;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.start-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.start-button:active{box-shadow:0 2px 10px #667eea66;transform:translateY(0)}.status{margin-bottom:2rem}.status-message{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#34495e;color:#fff;font-size:1.2rem;font-weight:600;margin:0;padding:.5rem;text-shadow:1px 1px 2px #0003}.board{grid-gap:8px;background:#34495e;border-radius:15px;box-shadow:inset 0 4px 8px #0003;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:8px}.board-row{display:contents}.square{background:linear-gradient(145deg,#fff,#e6e6e6);border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#0000;cursor:pointer;font-size:2rem;font-weight:700;height:80px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.square:hover:not(:disabled){background:linear-gradient(145deg,#f8f9fa,#e9ecef);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.square:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.square.filled{animation:popIn .3s ease-out;color:#2c3e50}.square.filled:contains("X"){color:#e74c3c}.square.filled:contains("O"){color:#3498db}.square.winning{animation:winnerPulse 1s ease-in-out infinite;background:linear-gradient(145deg,#2ecc71,#27ae60);color:#fff;transform:scale(1.05)}.square:disabled{cursor:not-allowed;opacity:.8}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.reset-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.reset-button:active{box-shadow:0 2px 10px #667eea66;transform:translateY(0)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes winnerPulse{0%,to{box-shadow:0 0 20px #2ecc7180;transform:scale(1.05)}50%{box-shadow:0 0 30px #2ecc71cc;transform:scale(1.1)}}@media (max-width:480px){.game-container{margin:1rem;padding:1.5rem}.game-title{font-size:2rem}.square{font-size:1.8rem;height:70px;width:70px}.status-message{font-size:1rem}.name-input-group input{font-size:.95rem;padding:.5rem .8rem}}@media (max-width:360px){.square{font-size:1.5rem;height:60px;width:60px}.game-title{font-size:1.8rem}}
/*# sourceMappingURL=main.dc783c51.css.map*/