.square{width:100px;height:100px;background-color:#fff;border:none;border-radius:8px;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.square:hover:not(.filled){background-color:#f3f4f6;transform:scale(1.05);box-shadow:0 4px 8px #00000026}.square:active{transform:scale(.95)}.square.filled{cursor:not-allowed}.square.x-player{color:#3b82f6;background-color:#eff6ff}.square.o-player{color:#ef4444;background-color:#fef2f2}.square.filled:hover{transform:none}@media (max-width: 768px){.square{width:80px;height:80px;font-size:2rem}}@media (max-width: 480px){.square{width:70px;height:70px;font-size:1.8rem;border-radius:6px}}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;background-color:#374151;padding:4px;border-radius:12px;box-shadow:0 10px 25px #0000004d;margin:2rem 0}@media (max-width: 768px){.board{margin:1.5rem 0;gap:3px;padding:3px}}.game-status{margin:1rem 0;padding:1rem 2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.game-status p{margin:0;font-size:1.5rem;font-weight:600;text-align:center}.status-playing{background-color:#dbeafe;color:#1e40af;border:2px solid #3b82f6}.status-won{background-color:#dcfce7;color:#166534;border:2px solid #10b981;animation:celebrate .6s ease-in-out}.status-draw{background-color:#fef3c7;color:#92400e;border:2px solid #f59e0b}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.game-status{margin:.8rem 0;padding:.8rem 1.5rem}.game-status p{font-size:1.3rem}}@media (max-width: 480px){.game-status{margin:.5rem 0;padding:.6rem 1rem}.game-status p{font-size:1.1rem}}.reset-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;margin-top:1rem}.reset-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.reset-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.reset-button{padding:.8rem 1.5rem;font-size:1rem;margin-top:.8rem}}@media (max-width: 480px){.reset-button{padding:.6rem 1.2rem;font-size:.9rem;margin-top:.5rem}}.tic-tac-toe{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:-1px}@media (max-width: 768px){.tic-tac-toe{padding:1rem}.game-title{font-size:2.5rem;margin-bottom:1.5rem}}@media (max-width: 480px){.game-title{font-size:2rem;margin-bottom:1rem}}*{margin:0;padding:0;box-sizing:border-box}.App{min-height:100vh}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit}*{box-sizing:border-box}