@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);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}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#2d3436;--text-secondary:#636e72;--accent-primary:#6c5ce7;--accent-secondary:#a29bfe;--button-primary:#6c5ce7;--button-hover:#5f51e8;--cell-bg:#fff;--cell-hover:#f5f6fa;--board-bg:#6c5ce71a;--shadow-color:#0000001a;--gradient-start:#a29bfe;--gradient-end:#6c5ce7}:root[data-theme=dark]{--bg-primary:#1a1b1e;--bg-secondary:#2d3436;--text-primary:#f5f6fa;--text-secondary:#dfe6e9;--accent-primary:#a29bfe;--accent-secondary:#6c5ce7;--button-primary:#a29bfe;--button-hover:#967afb;--cell-bg:#2d3436;--cell-hover:#34495e;--board-bg:#a29bfe1a;--shadow-color:#0000004d;--gradient-start:#6c5ce7;--gradient-end:#a29bfe}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.App{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center;transition:all .3s ease}.App:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,var(--gradient-start) 0,#0000 70%);content:"";height:200%;left:-50%;opacity:.1;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:600;margin-bottom:1.5rem;text-shadow:2px 2px 4px var(--shadow-color)}.game-status,h1{position:relative;transition:color .3s ease;z-index:1}.game-status{border-radius:12px;color:var(--text-secondary);font-weight:500;margin:1.5rem 0;padding:.75rem 1.5rem}.game-status,.theme-toggle{background:var(--bg-secondary);box-shadow:0 4px 15px var(--shadow-color);font-size:1.5rem}.theme-toggle{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:1rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;z-index:2}.theme-toggle:hover{box-shadow:0 6px 20px var(--shadow-color);transform:scale(1.1) rotate(15deg)}.github-link{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;box-shadow:0 4px 15px var(--shadow-color);color:var(--text-primary);display:flex;font-size:1.5rem;justify-content:center;padding:1rem;position:absolute;right:6.5rem;text-decoration:none;top:1.5rem;transition:all .3s ease;z-index:2}.github-link:hover{box-shadow:0 6px 20px var(--shadow-color);transform:scale(1.1)}.reset-button{background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end));border:none;border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;margin-top:2rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;z-index:1}.reset-button:before{background:linear-gradient(45deg,var(--gradient-end),var(--gradient-start));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.reset-button:hover{box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.reset-button:hover:before{opacity:1}@media (max-width:480px){.board{transform:scale(.8)}h1{font-size:2rem}.game-status{font-size:1.2rem}}.cell{background:var(--cell-bg);border:none;border-radius:16px;box-shadow:0 4px 15px var(--shadow-color);color:var(--text-primary);cursor:pointer;font-size:2.5rem;font-weight:600;height:90px;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:90px}.cell,.cell span{align-items:center;display:flex;justify-content:center;position:relative}.cell span{font-size:3rem;font-weight:700;height:100%;width:100%;z-index:3}.cell:before{background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end));height:100%;left:0;opacity:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.cell:after,.cell:before{content:"";position:absolute}.cell:after{background:var(--cell-bg);border-radius:14px;bottom:2px;left:2px;right:2px;top:2px;transition:all .3s ease;z-index:2}.cell:hover:not(:disabled){box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.cell:hover:not(:disabled):before{opacity:.1}.cell:hover:not(:disabled):after{background:var(--cell-hover)}.cell:disabled{cursor:not-allowed;opacity:1}.cell-o,.cell-x{animation:pop .3s cubic-bezier(.68,-.55,.265,1.55);font-size:3rem;font-weight:700;position:relative;z-index:3}.cell-x{color:var(--accent-primary)}.cell-o{color:var(--accent-secondary)}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.winning:before{background:linear-gradient(45deg,#2ecc71,#27ae60)!important;opacity:1!important}.winning:after{opacity:0!important}.winning .cell-o,.winning .cell-x{animation:winner .5s ease infinite alternate;background:#fff!important;-webkit-background-clip:text!important;background-clip:text!important}@keyframes winner{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--board-bg);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);display:inline-block;padding:1.5rem;position:relative;transform:perspective(1000px) rotateX(5deg);transition:all .3s ease;z-index:1}.board:before{background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end));border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.board:hover{transform:perspective(1000px) rotateX(0deg)}.board:hover:before{opacity:.7}.board-row{display:flex;gap:.75rem}.board-row:not(:last-child){margin-bottom:.75rem}
/*# sourceMappingURL=main.d1d93c14.css.map*/