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}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)}}.node{display:inline-block;height:25px;outline:1px solid #afd8f8;width:25px}.node-finish{background-color:red}.node-start{background-color:green}.node-visited{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:visitedAnimation;animation-play-state:running;animation-timing-function:ease-out}@keyframes visitedAnimation{0%{background-color:#000042bf;border-radius:100%;transform:scale(.3)}50%{background-color:#1168d9bf}75%{background-color:#00d99fbf;transform:scale(1.2)}to{background-color:#00bedabf;transform:scale(1)}}.node-wall{background-color:#0c3547}.node-shortest-path{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:shortestPath;animation-play-state:running;animation-timing-function:ease-out}@keyframes shortestPath{0%{background-color:#fffe6a;transform:scale(.6)}50%{background-color:#fffe6a;transform:scale(1.2)}to{background-color:#fffe6a;transform:scale(1)}}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.navbar{background:linear-gradient(90deg,#1e3c72,#2a5298);box-shadow:0 4px 6px #0000001a;color:#fff;justify-content:space-between;padding:10px 30px}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:25px}.navbar-title{font-size:1.5rem;font-weight:700;margin-right:40px;-webkit-user-select:none;user-select:none}.dropdown{color:#e0e0e0;display:flex;flex-direction:column;font-size:.9rem;font-weight:600}.dropdown label{margin-bottom:4px;-webkit-user-select:none;user-select:none}.dropdown select{background-color:#ffffffdd;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;padding:8px 12px;transition:box-shadow .2s ease}.dropdown select:focus{box-shadow:0 0 6px 2px #77b7f7;outline:none}.dropdown select:disabled{background-color:#cccccc88;cursor:not-allowed}.navbar-right{display:flex;gap:15px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;padding:9px 18px;transition:background-color .25s ease,box-shadow .25s ease;-webkit-user-select:none;user-select:none}.visualize-btn{background-color:#4caf50;box-shadow:0 3px 8px #4caf5080;color:#fff}.visualize-btn:hover:not(:disabled){background-color:#45a049;box-shadow:0 5px 12px #45a049b3}.clear-btn{background-color:#f44336;box-shadow:0 3px 8px #f4433680;color:#fff}.clear-btn:hover:not(:disabled){background-color:#d32f2f;box-shadow:0 5px 12px #d32f2fb3}.btn:disabled{background-color:#9e9e9e;box-shadow:none;color:#ddd;cursor:not-allowed}.legend-item{align-items:center;display:flex;gap:8px;min-width:140px}.legend-container{background-color:#f3f4f6;border-radius:8px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:center;margin-top:15px;padding:12px 20px}.legend-color-box{border-radius:4px;box-shadow:0 0 3px #0000001a;height:22px;width:22px}@media (max-width:600px){.navbar{flex-direction:column;gap:12px}.navbar-left{flex-wrap:wrap;gap:15px;justify-content:center}.navbar-right{gap:10px;justify-content:center;width:100%}.navbar-title{margin-right:0}}.help-btn{align-items:center;background-color:initial;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;transition:background-color .25s ease,color .25s ease;-webkit-user-select:none;user-select:none;width:36px}.help-btn:hover:not(:disabled){background-color:#fff;color:#1e3c72}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;max-width:400px;padding:24px 30px;text-align:center;width:90%}.modal-content h2{color:#1e3c72;margin-bottom:16px;margin-top:0}.modal-content p{color:#333;font-size:1rem;margin:8px 0}.help-legend{gap:20px;justify-content:center;margin:20px 0}.close-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 22px;transition:background-color .25s ease}.close-btn:hover{background-color:#45a049}.grid{margin-top:20px}
/*# sourceMappingURL=main.f7a96680.css.map*/