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}body,html{height:100%;margin:0;padding:0}.App,body,html{display:flex;flex-direction:column}.App{font-family:Arial,sans-serif;min-height:100vh}footer,header{background-color:#333;color:#fff;padding:10px 0;text-align:center}footer{margin-top:auto}footer a{color:#1e90ff;margin:0 5px;text-decoration:none}footer a:hover{text-decoration:underline}main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.instruction{color:#1f4391;font-family:Arial,sans-serif;font-size:18px;font-weight:700;text-align:center}.instruction,h1{margin-bottom:20px}.container{align-items:center;display:flex;gap:20px;justify-content:center}.board{grid-gap:2px;display:grid;grid-template-columns:repeat(8,50px)}.cell{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.cell.light{background-color:#f0d9b5}.cell.dark{background-color:#b58863}.cell.visited{background-color:#ffed70}.controls{display:flex;flex-direction:column;gap:10px;margin-left:20px}button{cursor:pointer;font-size:16px;padding:10px 20px}.start-cell{background-color:purple!important;color:#fff}@media (max-width:768px){.container{align-items:center;flex-direction:column}.board{grid-gap:1px;grid-template-columns:repeat(8,40px)}.cell{font-size:16px;height:40px;width:40px}.controls{align-items:center;flex-direction:row;gap:10px;margin-top:10px}button{font-size:14px;padding:8px 16px}}@media (max-width:480px){.board{grid-gap:1px;grid-template-columns:repeat(8,30px)}.cell{font-size:14px;height:30px;width:30px}.controls{align-items:center;flex-direction:row;gap:8px}button{font-size:12px;padding:6px 12px}}.header{align-items:center;background-color:#333;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.header h1{font-size:36px;margin:0}.header p{font-size:14px;margin:5px 0 0}.header .links{display:flex;gap:20px;margin-top:10px}.source-link{background-color:#1e90ff;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:18px;padding:8px 15px;text-decoration:none}.source-link:hover{background-color:#3a9cf3;text-decoration:underline}.footer{background-color:#333;color:#fff;margin-top:20px;padding:10px 0;text-align:center}.footer a{color:#1e90ff;margin:0 5px;text-decoration:none}.footer a:hover{text-decoration:underline}
/*# sourceMappingURL=main.7314bfda.css.map*/