@keyframes pulse-green{0%{box-shadow:0 0 0 #00ff0000}to{box-shadow:0 0 15px 8px #00ff00aa}}@keyframes pulse-red{0%{box-shadow:0 0 0 #ff000000}to{box-shadow:0 0 15px 8px #ff0000aa}}@keyframes pulse-white{0%{box-shadow:0 0 0 #ffffff00}to{box-shadow:0 0 15px 8px #ffffffaa}}.tic-tac-toe-game *{font-family:"Press Start 2P",sans-serif!important}.tic-tac-toe-game{margin-top:20px;display:flex;justify-content:center;align-items:center;margin-left:-250px}#reset,.board>span,.game-container{border-radius:12px;transition:all .3s ease}.game-container{width:310px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,.2);padding:20px;display:flex;flex-direction:column;align-items:center}.board{width:100%;height:300px;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}#reset,.board>span{cursor:pointer}.board>span{background:rgba(255,255,255,.05);color:#ffffffcc;font-size:20px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:0 4px 12px rgba(0,0,0,.15)}.board>span:hover{background:rgba(255,255,255,.15);box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 10px rgba(255,255,255,.2);transform:translateY(-2px)}.board>span:active{transform:scale(.95)}#reset{width:100%;padding:10px;background:rgba(217,83,79,.85);color:#fff;border:0;box-shadow:0 4px 12px rgba(0,0,0,.25);backdrop-filter:blur(10px)}#reset:hover{background:rgba(201,48,44,.9);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.3)}.player{margin-top:20px;color:#ffffffcc}.win{animation:pulse-green 1s infinite alternate}.loss{animation:pulse-red 1s infinite alternate}.tie{animation:pulse-white 1s infinite alternate}@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}}