.board>span,.game-container{background:rgba(255,255,255,.05);display:flex;transition:.3s}#reset,.board>span{cursor:pointer;transition:.3s}.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}.game-container{width:310px;border:1px solid rgba(255,255,255,.2);border-radius:12px;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;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}.board>span{border-radius:12px;color:#ffffffcc;font-size:20px;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:none;border-radius:12px;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:1s infinite alternate pulse-green}.loss{animation:1s infinite alternate pulse-red}.tie{animation:1s infinite alternate pulse-white}@keyframes pulse-green{from{box-shadow:0 0 0 #00ff0000}to{box-shadow:0 0 15px 8px #00ff00aa}}@keyframes pulse-red{from{box-shadow:0 0 0 #ff000000}to{box-shadow:0 0 15px 8px #ff0000aa}}@keyframes pulse-white{from{box-shadow:0 0 0 #ffffff00}to{box-shadow:0 0 15px 8px #ffffffaa}}@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}}