body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1b21;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{box-sizing:border-box;max-width:100vw;padding:1rem;text-align:center}.App-logo{display:block;height:40vmin;margin:0 auto;max-height:200px;min-height:80px;pointer-events:none;width:auto}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:clamp(12px,2vw,24px);justify-content:center;min-height:100vh;padding:1rem}.App-link{color:#61dafb;word-break:break-word}@media (min-width:768px){.App-logo{height:30vmin}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{text-align:center}.title{align-items:center;color:#fff;display:flex;font-size:60px;justify-content:center;margin-top:50px}.title span{color:#26ffcb;padding-left:15px}.reset{border:none;border-radius:50px;color:#26ffcb;font-size:26px;height:100px;margin:25px 25px 50px;outline:none;width:250px}.boxes,.reset{background:#1f3540;cursor:pointer}.boxes{border:4px solid #0f1b21;border-radius:12px;display:flex;height:180px;width:180px}.board{display:flex;height:600px;margin:auto;width:600px}.boxes img{margin:50px}.title img{height:50px;padding:20px}.mode-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:30px 0}.mode-buttons button{background:linear-gradient(90deg,#f0f0f0,#e0e0e0);border:none;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#333;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:12px 24px;transition:all .3s ease}.mode-buttons button:hover{background:linear-gradient(90deg,#e0e0e0,#d0d0d0);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.mode-buttons button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.active-mode{background:linear-gradient(90deg,#4b6cb7,#182848);box-shadow:0 6px 12px #4b6cb766;color:#fff}
/*# sourceMappingURL=main.ba7dda7d.css.map*/