Animated Modern Tic Tac Toe

I’m building a small showcase site and need a clean, well-structured Tic Tac Toe game written in pure HTML, CSS, and vanilla JavaScript. The board must appear as a responsive 3×3 grid that adapts gracefully from mobile portrait to large desktop screens.

Gameplay is classic two-player: X and O alternate turns, and the script should detect wins across rows, columns, and diagonals or declare a draw when the grid is full. A single Reset button must clear the board and ready it for a fresh match without a page reload.

Because I chose a modern look, aim for a sleek, minimal UI—subtle shadows, smooth color palette, and tidy typography. I’d like polished micro-interactions as well: gentle hover/press animations on cells, and a quick board-fade or line-draw when a winner is found. To keep the experience lively yet unobtrusive, add minimal sound cues only for key actions such as placing a mark or announcing a win/draw; nothing on loop or overly playful.

Deliverables:
• Complete, commented source files (index.html, style.css, script.js).
• Responsive layout verified on at least one mobile and one desktop breakpoint.
• Animation and sound assets (or royalty-free links) included and wired up.
• Read-me with brief build/run notes.

Once the code passes basic browser tests and linting, the project is done. Clean structure, readability, and maintainability matter as much as the visual polish, so please keep functions modular and styles organized.