body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Segoe UI,sans-serif;height:100vh}*,body{margin:0;padding:0}*{box-sizing:border-box}#root{margin:0;padding:0}#root,.app{height:100vh}.app{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.gaming button{background:linear-gradient(135deg,#8e6df7,#8e6df7);border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:700;transition:all .3s ease-in-out}.gaming button:hover{background:linear-gradient(135deg,#9f8df7,#8e6df7,#6d7af7);transform:scale(1.02)}.purple{color:#8e6df7}.pink{color:#f76d91}.green{color:#2cb3a9}.gaming{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:initial;background-color:#fff;border:2px solid #8e6df7;border-radius:16px;box-shadow:0 4px 30px #f8f8f81a;flex-direction:column;gap:20px;height:auto;justify-items:center;padding:2rem;width:50%}.Back,.gaming{align-items:center;display:flex}.Back{justify-content:space-between;width:100%}.Back,.gaming .top-button{background:#0000;border:none}.gaming .top-button:hover{background:#0000;transform:scale(1.09)}.game-box{align-items:center;gap:20px;height:100%;justify-content:center}.game-box,.setup{display:flex;flex-direction:column}.setup{color:#9d988f;gap:1rem}.setup button{padding:.5rem 1rem}.board{grid-gap:5px;background:#a4b9bb;border-radius:25px;display:grid;gap:5px;grid-template-columns:repeat(3,80px);max-width:250px}.board,.cell{justify-content:center}.cell{align-items:center;background-color:#fff;cursor:pointer;display:flex;font-size:2rem;height:80px;transition:background .2s;width:80px}.cell:hover:not(.disabled){background:#eee}.cell.disabled{pointer-events:none}.cell.x{color:#2cb3a9}.cell.o{color:#f76d91}.cell.winner{animation:flashWin 1s ease-in-out infinite alternate;background-color:#d3f9d8;box-shadow:0 0 10px #28a74580}@keyframes flashWin{0%{background-color:#d3f9d8}to{background-color:#b7f7c2}}.scoreboard{background-color:#fff;border:1px solid #8e6df7;border-radius:16px;box-shadow:0 6px 12px #00000026;font-size:1.1rem;padding:.6rem 2rem;transition:all .3s ease-in-out}.status{font-size:1.5rem}.playagain-btn{font-size:1.2rem;padding:1rem .5rem;width:100%}.player-x{color:#2cb3a9;font-weight:700}.player-o{color:#f76d91;font-weight:700}.draw{color:#8e6df7}strong{color:#444}@media (max-width:780px){.gaming{width:77%}.game-box{width:97%}}@media (max-width:550px){strong{display:block;text-align:center}.gaming{width:80%}.game-box{width:100%}}@media (max-width:420px){.status{font-size:1.1rem}.scoreboard{font-size:.9rem}}@media (max-width:380px){.scoreboard{font-size:.6rem}.board{grid-template-columns:repeat(3,78px);max-width:220px}}@media (max-width:320px){.gaming{width:90%}}@media (max-height:800px){h1{font-size:1.8rem}.playagain-btn{padding:.6rem .5rem}.gaming{padding:1.5rem}.game-box,.gaming{gap:15px}.cell{height:65px}}@media (max-height:630px){.game-box{gap:10px}.cell{height:55px}.gaming{gap:10px;padding:1.5rem}h1{font-size:1.5rem}}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;display:flex;font-family:Segoe UI,sans-serif;justify-content:space-between;padding:5px 10px;width:100%}.navbar-title{color:#8e6df7;font-size:1.6rem;font-weight:700}.navbar-links a{color:#333;font-weight:500;margin-left:1.5rem;position:relative;text-decoration:none;transition:color .3s}.navbar-links a:hover{color:#8e6df7}.navbar-links a:after{background:#8e6df7;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.navbar-links a:hover:after{width:100%}@media (max-height:630px){.navbar-title{font-size:1.2rem}}.app-footer{background-color:#8e6df7;color:#333;font-family:Segoe UI,sans-serif;font-size:.95rem;padding:.5rem 1.5rem;text-align:center;width:100%}.app-footer a{color:#8e6df7;font-weight:500;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:400px){.app-footer{font-size:.65rem}}@media (max-height:800px){.app-footer{align-items:center;display:flex;justify-content:space-between}}
/*# sourceMappingURL=main.24e9946f.css.map*/