.tic-tac-toe-game *{font-family:'Press Start 2P',cursive!important}.tic-tac-toe-game{margin-top:20px;display:flex;justify-content:center;align-items:center;margin-left:-250px}.game-container{width:300px;background:#1f1f1f;border:2px solid #000;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.5);padding:20px}.board{width:100%;height:300px;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-gap:10px;margin-bottom:20px}.board>span{background:#3a3a3a;color:#fff;font-size:30px;text-align:center;border-radius:10px;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;line-height:1;overflow:hidden;box-sizing:border-box}.board>span:hover{background:#4a4a4a}.board>span:active{transform:scale(.95)}#reset{width:100%;padding:10px;background:#d9534f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}#reset:hover{background:#c9302c}.player{margin-top:20px}.win{animation:pulse-green 1s infinite alternate}.loss{animation:pulse-red 1s infinite alternate}.tie{animation:pulse-white 1s infinite alternate}@keyframes pulse-green{from{box-shadow:0 0 0 #00ff0000}to{box-shadow:0 0 10px 5px #0f0}}@keyframes pulse-red{from{box-shadow:0 0 0 #ff000000}to{box-shadow:0 0 10px 5px red}}@keyframes pulse-white{from{box-shadow:0 0 0 #ffffff00}to{box-shadow:0 0 10px 5px #fff}}@media (max-width:1500px){.tic-tac-toe-game{margin-left:auto}}@media (max-width:1300px){.tic-tac-toe-game{margin-left:auto}}@media (max-width:1200px){.tic-tac-toe-game{margin-left:50px}}@media (max-width:768px){.tic-tac-toe-game{margin-left:auto}}