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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.square{align-items:center;background-color:initial;border-radius:8px;cursor:pointer;display:flex;font-size:48px;height:100%;justify-content:center;position:relative;transition:all .2s ease;width:100%;z-index:1}.square:hover{background-color:#0000000d}.square-value{align-items:center;display:flex;font-weight:700;height:100%;justify-content:center;transform:scale(.9);transition:transform .2s cubic-bezier(.175,.885,.32,1.275);width:100%}.square:active .square-value{transform:scale(.8)}.x-mark{color:#e74c3c;text-shadow:2px 2px 0 #c0392b,3px 3px 0 #0003}.o-mark,.x-mark{transform-origin:center}.o-mark{color:#3498db;text-shadow:2px 2px 0 #2980b9,3px 3px 0 #0003}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.square-value.new-mark{animation:popIn .3s forwards}.winner .square-value{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(.9)}}.game-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-start;min-height:100vh;padding:20px}.app-header{margin-bottom:20px;text-align:center;width:100%}.app-header h1{border-bottom:2px solid #4a6fa5;color:#333;display:inline-block;font-size:32px;letter-spacing:1px;margin:0;padding:10px;text-transform:uppercase}.welcome-message{animation:fadeInDown .5s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:30px;max-width:400px;padding:20px;text-align:center;width:100%}.welcome-message h2{color:#4a6fa5;font-size:24px;margin:0 0 10px}.welcome-message p{color:#666;font-size:16px;margin:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-bar{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;justify-content:space-between;margin-bottom:30px;max-width:700px;padding:15px 25px;width:100%}.nav-bar,.player-info{align-items:center;display:flex}.username{color:#333;font-size:20px;font-weight:700}.game-status{background-color:#f0f4f8;border-radius:5px;color:#4a6fa5;font-size:18px;font-weight:700;padding:5px 10px}.nav-controls{display:flex;gap:12px}.nav-btn{background-color:#4a6fa5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}.nav-btn:hover{background-color:#3a5a80;transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.board{grid-gap:0;background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #0000001a;display:grid;gap:0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:360px;padding:10px;position:relative;width:360px}.board:before{box-shadow:0 120px 0 0 #444;height:4px;left:10px;top:calc(33.33% + 5px);width:calc(100% - 20px)}.board:after,.board:before{background-color:#444;border-radius:2px;content:"";position:absolute}.board:after{box-shadow:120px 0 0 0 #444;height:calc(100% - 20px);left:calc(33.33% + 5px);top:10px;width:4px}@media (max-width:600px){.board{height:300px;width:300px}.board:before{box-shadow:0 100px 0 0 #444}.board:after{box-shadow:100px 0 0 0 #444}.nav-bar{padding:10px 15px}.welcome-message{max-width:90%}}
/*# sourceMappingURL=main.6fc32fad.css.map*/