*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;margin:0;padding:0}.game-container{max-width:900px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.game-title{font-size:3rem;margin-bottom:2rem;color:#5c6bc0;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1);position:relative}.game-title:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#e53935,#43a047);margin:.5rem auto;border-radius:2px}.game-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;width:100%}.game-board-container{align-items:center}.game-board,.game-board-container{display:flex;flex-direction:column}.game-board{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:1rem;margin-bottom:1.5rem;transition:transform .5s ease,opacity .3s ease}.game-board.board-rotate{transform:rotateY(1turn)}.game-board.board-fade{opacity:.5}.board-row,.cell{display:flex}.cell{width:100px;height:100px;border:2px solid #ddd;margin:4px;font-size:2.5rem;font-weight:700;justify-content:center;align-items:center;cursor:pointer;background-color:#fff;border-radius:8px;transition:all .2s ease;position:relative;overflow:hidden}.cell:hover:not([disabled]){background-color:rgba(92,107,192,.1);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.cell.X{color:#e53935}.cell.X:before{content:"X"}.cell.O{color:#43a047}.cell.O:before{content:"O"}.cell.winning{animation:pulse 1s infinite alternate;box-shadow:0 0 15px rgba(92,107,192,.7);z-index:1}.cell.pop-animation{animation:pop .5s ease}.status{margin-bottom:1.5rem;font-size:1.5rem;padding:.75rem 1.5rem;border-radius:1.5rem;background-color:#5c6bc0;color:#fff;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.status.winner-x{background-color:#e53935}.status.winner-o,.status.winner-x{animation:winner-pulse 1.5s infinite alternate}.status.winner-o{background-color:#43a047}.game-info{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.1);min-width:250px}.game-info h2{color:#5c6bc0;margin-top:0;text-align:center;position:relative}.game-info h2:after{content:"";display:block;width:40px;height:3px;background:#5c6bc0;margin:.5rem auto;border-radius:2px}.game-info ol{padding-left:1.5rem;margin-bottom:0}.game-info li{margin-bottom:.5rem}.history-button{background-color:#fff;border:1px solid #ddd;padding:.5rem 1rem;border-radius:1rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;box-shadow:0 2px 4px rgba(0,0,0,.1)}.history-button:hover{background-color:rgba(92,107,192,.1);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.history-button.active{background-color:#5c6bc0;color:#fff;border-color:#5c6bc0}.restart-button{background-color:#5c6bc0;color:#fff;border:none;padding:.75rem 2rem;border-radius:2rem;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .2s ease;font-weight:700;letter-spacing:.5px}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1);background-color:hsl(231,44.2477876106%,50.6862745098%)}.restart-button:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes winner-pulse{0%{box-shadow:0 0 5px hsla(0,0%,100%,.7)}to{box-shadow:0 0 20px hsla(0,0%,100%,.9)}}@keyframes pop{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media(max-width:768px){.game-content{flex-direction:column;align-items:center}.cell{width:80px;height:80px;font-size:2rem}}@media(max-width:480px){.game-container{padding:1rem}.game-title{font-size:2rem}.cell{width:70px;height:70px;font-size:1.75rem;margin:3px}.status{font-size:1.2rem;padding:.5rem 1rem}}