*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#ff9a56,#ffad56);min-height:100vh;display:flex;align-items:center;justify-content:center}.container{text-align:center;background:#ffffffe6;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0003}h1{color:#ff6b35;margin-bottom:1rem;font-size:2.5rem}.status{font-size:1.5rem;margin-bottom:1.5rem;color:#333;font-weight:700}.board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:10px;margin:0 auto 2rem;background:#ff6b35;padding:10px;border-radius:15px}.cell{background:#fff;border:none;font-size:3rem;cursor:pointer;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cell:hover{background:#ffe4b5;transform:scale(1.05)}.cell.x{color:#ff6b35}.cell.o{color:orange}.cell.winner{background:#90ee90;animation:pulse .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reset-btn{background:#ff6b35;color:#fff;border:none;padding:12px 30px;font-size:1.2rem;border-radius:25px;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#ff5722;transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 400px){.board{grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px)}.cell{font-size:2.5rem}}