@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{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}.game-board{display:flex;justify-content:center;margin:2rem 0}.board-grid{grid-gap:min(1vw,8px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e,inset 0 1px 0 #ffffff4d;display:grid;gap:min(1vw,8px);grid-template-columns:repeat(3,1fr);height:min(60vw,500px);max-height:500px;max-width:500px;padding:min(2vw,15px);width:min(60vw,500px)}.board-grid,.square{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.square{align-items:center;aspect-ratio:1;background:#ffffff40;border:2px solid #ffffff2e;border-radius:15px;cursor:pointer;display:flex;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.square:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.square:not(.disabled):hover{border-color:#fff6;box-shadow:0 15px 35px #1f268780,0 5px 15px #0000001a;transform:translateY(-3px) scale(1.05)}.square:not(.disabled):hover:before{opacity:1}.square:not(.disabled):active{transform:translateY(-1px) scale(1.02)}.square.disabled{cursor:not-allowed;opacity:.7}.square.winning{animation:winningPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ffd70066,#ffa50066);border-color:#ffd70099;box-shadow:0 0 30px #ffd70099,0 8px 32px 0 #1f26875e}.symbol{align-items:center;animation:symbolAppear .4s cubic-bezier(.25,.8,.25,1);color:#fffffff2;display:flex;height:100%;justify-content:center;text-shadow:0 2px 4px #0000004d,0 0 10px #ffffff4d;width:100%}.symbol.x{color:#ff6b6b;text-shadow:0 2px 4px #0000004d,0 0 15px #ff6b6b80}.symbol.o{color:#4ecdc4;text-shadow:0 2px 4px #0000004d,0 0 15px #4ecdc480}@keyframes symbolAppear{0%{opacity:0;transform:scale(.3) rotate(180deg)}50%{opacity:.8;transform:scale(1.2) rotate(90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes winningPulse{0%,to{box-shadow:0 0 20px #ffd70066,0 8px 32px 0 #1f26875e;transform:scale(1)}50%{box-shadow:0 0 40px #ffd700cc,0 12px 40px 0 #1f268780;transform:scale(1.05)}}@media (max-width:768px){.board-grid{border-radius:15px;gap:min(1.5vw,6px);height:min(85vw,400px);padding:min(2.5vw,12px);width:min(85vw,400px)}.square{border-radius:12px;font-size:clamp(1.2rem,5vw,2rem)}}@media (max-width:480px){.board-grid{border-radius:12px;gap:min(2vw,4px);height:min(90vw,350px);padding:min(3vw,10px);width:min(90vw,350px)}.square{border-radius:10px;font-size:clamp(1rem,6vw,1.8rem)}}@media (prefers-reduced-motion:reduce){.square,.square:before,.symbol{transition:none}.square.winning,.symbol{animation:none}.square:hover{transform:none}}.game-settings{animation:fadeInUp .8s cubic-bezier(.25,.8,.25,1);text-align:center}.settings-section{margin-bottom:2.5rem}.settings-section h2{color:#fffffff2;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-shadow:0 2px 4px #0003}.difficulty-buttons,.symbol-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.difficulty-btn,.symbol-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:15px;cursor:pointer;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.difficulty-btn:before,.symbol-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.difficulty-btn:hover:before,.symbol-btn:hover:before{left:100%}.symbol-btn{align-items:center;display:flex;justify-content:center;min-height:80px;min-width:80px}.difficulty-btn:hover,.symbol-btn:hover{border-color:#fff6;box-shadow:0 10px 30px #1f268766,0 5px 15px #0000001a;transform:translateY(-3px) scale(1.05)}.difficulty-btn.active,.symbol-btn.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#ffffff80;box-shadow:0 0 25px #667eea66,0 8px 32px 0 #1f26875e;transform:scale(1.05)}.symbol-display{color:#ffffffe6;font-size:2rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.symbol-display.x{color:#ff6b6b;text-shadow:0 2px 4px #0000004d,0 0 10px #ff6b6b80}.symbol-display.o{color:#4ecdc4;text-shadow:0 2px 4px #0000004d,0 0 10px #4ecdc480}.difficulty-btn{min-width:120px;text-align:left}.difficulty-info{display:flex;flex-direction:column;gap:.25rem}.difficulty-name{color:#fffffff2;font-size:1.1rem;font-weight:600}.difficulty-desc{color:#ffffffb3;font-size:.9rem;font-weight:400}.how-to-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:15px;margin:2rem 0;padding:1.5rem}.how-to-play h3{color:#fffffff2;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.how-to-play ul{display:inline-block;list-style:none;padding:0;text-align:left}.how-to-play li{color:#fffc;font-weight:400;line-height:1.5;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.how-to-play li:before{color:#667eeacc;content:"✦";font-weight:700;left:0;position:absolute}.start-game-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 8px 25px #667eea66,0 4px 10px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;text-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.25,.8,.25,1)}.start-game-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.start-game-btn:hover:before{left:100%}.start-game-btn:hover{box-shadow:0 15px 35px #667eea99,0 8px 20px #00000026;transform:translateY(-3px) scale(1.05)}.start-game-btn:active{transform:translateY(-1px) scale(1.02)}.start-game-btn.ready{animation:readyPulse 2s ease-in-out infinite}.start-game-btn.disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.start-game-btn.disabled,.start-game-btn.disabled:hover{box-shadow:none;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes readyPulse{0%,to{box-shadow:0 8px 25px #667eea66,0 4px 10px #0000001a}50%{box-shadow:0 8px 35px #667eea99,0 4px 15px #00000026}}@media (max-width:768px){.difficulty-buttons,.symbol-buttons{gap:.75rem}.symbol-btn{min-height:70px;min-width:70px;padding:.75rem 1rem}.symbol-display{font-size:1.8rem}.difficulty-btn{min-width:100px;padding:.75rem 1rem}.difficulty-name{font-size:1rem}.difficulty-desc{font-size:.8rem}.how-to-play{padding:1rem}.start-game-btn{font-size:1rem;padding:.875rem 2rem}}@media (max-width:480px){.settings-section h2{font-size:1.3rem}.difficulty-buttons,.symbol-buttons{align-items:center;flex-direction:column;gap:.5rem}.difficulty-btn,.symbol-btn{max-width:200px;width:100%}.how-to-play li{font-size:.9rem}}.game-stats{animation:slideInUp .6s cubic-bezier(.25,.8,.25,1) .3s both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e,inset 0 1px 0 #ffffff4d;margin-top:2rem;padding:1.5rem}.game-stats h3{color:#fffffff2;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;position:relative;text-align:center;text-shadow:0 2px 4px #0003}.game-stats h3:after{background:linear-gradient(90deg,#0000,#ffffff80,#0000);bottom:-.5rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.stat-item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:15px;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.stat-item:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:1}.stat-item:hover{border-color:#ffffff4d;box-shadow:0 8px 25px #1f26874d,0 4px 10px #0000001a;transform:translateY(-2px) scale(1.02)}.stat-number{animation:countUp .8s ease-out;color:#fffffff2;display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.stat-label{color:#fffc;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-item.wins .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c851,#0f8);-webkit-background-clip:text;background-clip:text}.stat-item.losses .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f44,#f88);-webkit-background-clip:text;background-clip:text}.stat-item.draws .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fb3,#fd8);-webkit-background-clip:text;background-clip:text}.stat-item.total .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.win-percentage{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #fff3;border-radius:15px;padding:1rem;position:relative;text-align:center}.percentage-label{color:#fffc;font-size:1rem;font-weight:500;margin-right:.5rem}.percentage-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fffffff2;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0003}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.game-stats{margin-top:1.5rem;padding:1.25rem}.stats-grid{gap:.75rem;margin-bottom:1.25rem}.stat-item{padding:.75rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.8rem}.percentage-value{font-size:1.3rem}}@media (max-width:480px){.stats-grid{gap:.5rem;grid-template-columns:1fr}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:1rem;text-align:left}.stat-number{font-size:2rem;margin-bottom:0}.stat-label{font-size:.9rem}.win-percentage{align-items:center;display:flex;justify-content:space-between}.percentage-label{margin-right:1rem}}@media (prefers-reduced-motion:reduce){.game-stats,.stat-item,.stat-number{animation:none;transition:none}.stat-item:hover{transform:none}}.game-result{align-items:center;animation:fadeIn .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.result-content{animation:slideInScale .6s cubic-bezier(.25,.8,.25,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 25px 50px 0 #1f268780,inset 0 1px 0 #fff9;max-width:400px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;width:90%}.result-content:before{background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.result-emoji{animation:bounce 1.5s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}.result-message{color:#fffffff2;font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:0 4px 8px #0003}.game-result.win .result-message{-webkit-text-fill-color:#0000;animation:winGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#00c851,#0f8);-webkit-background-clip:text;background-clip:text}.game-result.loss .result-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f44,#f88);-webkit-background-clip:text;background-clip:text}.game-result.draw .result-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fb3,#fd8);-webkit-background-clip:text;background-clip:text}.result-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.change-settings-btn,.new-game-btn{border:none;border-radius:15px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.change-settings-btn:before,.new-game-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.change-settings-btn:hover:before,.new-game-btn:hover:before{left:100%}.new-game-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea66,0 4px 10px #0000001a;color:#fff;text-shadow:0 2px 4px #0003}.new-game-btn:hover{box-shadow:0 15px 35px #667eea99,0 8px 20px #00000026;transform:translateY(-3px) scale(1.05)}.change-settings-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#ffffffe6}.change-settings-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 10px 30px #fff3,0 5px 15px #0000001a;transform:translateY(-3px) scale(1.05)}.change-settings-btn:active,.new-game-btn:active{transform:translateY(-1px) scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:translateY(-50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes winGlow{0%{filter:drop-shadow(0 0 10px rgba(0,200,81,.5))}to{filter:drop-shadow(0 0 20px rgba(0,255,136,.8))}}@media (max-width:768px){.result-content{border-radius:20px;padding:2.5rem 1.5rem}.result-emoji{font-size:3.5rem}.result-message{font-size:1.8rem}.result-buttons{gap:.75rem}.change-settings-btn,.new-game-btn{font-size:.9rem;min-width:120px;padding:.875rem 1.5rem}}@media (max-width:480px){.result-content{padding:2rem 1rem}.result-emoji{font-size:3rem}.result-message{font-size:1.5rem;margin-bottom:1.5rem}.result-buttons{flex-direction:column;gap:.5rem}.change-settings-btn,.new-game-btn{min-width:auto;width:100%}}@media (prefers-reduced-motion:reduce){.change-settings-btn,.game-result,.new-game-btn,.result-content,.result-emoji{animation:none}.change-settings-btn:hover,.new-game-btn:hover{transform:none}}.tic-tac-toe-game{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.game-container{animation:slideIn .8s cubic-bezier(.25,.8,.25,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:25px;box-shadow:0 25px 50px 0 #1f26875e,inset 0 1px 0 #ffffff80;max-width:min(95vw,1000px);overflow:hidden;padding:clamp(1rem,3vw,2rem);position:relative;width:100%}.game-container:before{background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.game-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:2rem;text-align:center;text-shadow:0 4px 8px #0000001a}.game-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.player-info{align-items:center;color:#fffffff2;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:600;gap:1rem;justify-content:space-between;margin-bottom:1rem}.current-turn{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#7877c64d,#ff77c64d);border-radius:10px;color:#ffffffe6;font-size:1.1rem;font-weight:600;padding:.75rem;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(102,126,234,.5))}to{filter:drop-shadow(0 0 20px rgba(118,75,162,.8))}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.game-content{align-items:flex-start;gap:clamp(1rem,3vw,2rem);margin:2rem 0;width:100%}.game-board-section,.game-content{display:flex;justify-content:center}.game-board-section{flex:0 0 auto}.game-stats-section{flex:0 0 clamp(250px,25vw,300px);max-width:350px;min-width:250px}@media (max-width:768px){.game-container{border-radius:20px;margin:1rem;padding:1.5rem}.game-title{font-size:2.5rem;margin-bottom:1.5rem}.player-info{font-size:.9rem;justify-content:center;text-align:center}.current-turn{font-size:1rem}.game-content{flex-direction:column;gap:1.5rem;margin:1.5rem 0}.game-stats-section{flex:none;min-width:auto;width:100%}}@media (max-width:480px){.game-title{font-size:2rem}.game-info{padding:1rem}.player-info{font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App,body{min-height:100vh}.App{align-items:center;display:flex;justify-content:center;padding:20px;position:relative}.App:after,.App:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.App:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%)}.App:after{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle at 60% 60%,#ffc85733 0,#0000 50%),radial-gradient(circle at 90% 10%,#57ffc833 0,#0000 50%)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.glass{background:#ffffff40}.glass,.glass-dark{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e}.glass-dark{background:#00000040}button{transition:all .3s cubic-bezier(.25,.8,.25,1)}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}@media (max-width:768px){.App{padding:10px}body{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}}
/*# sourceMappingURL=main.c3d38fb1.css.map*/