.node{flex:1;aspect-ratio:1 / 1;outline:1px solid #e7e7e7;border-radius:1.2px}.node-start{background-color:#00c707}.node-finish{background-color:#af170c}.node-wall{background-color:#611086}.node-visited{animation-name:visitedAnimation;animation-duration:2.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#000042bf;border-radius:100%}50%{background-color:#1136d5bf}75%{transform:scale(1.2);background-color:#1edaa8bf}to{transform:scale(1);background-color:#00ddffbf}}.node-path{animation-name:pathAnimation;animation-duration:1.2s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes pathAnimation{0%{transform:scale(.6);background-color:#353504}50%{transform:scale(1.2);background-color:#b3b304}to{transform:scale(1);background-color:#ff0}}.navbar{display:flex;justify-content:center;align-items:center;background-color:#424242;border-radius:6px;padding:20px;box-sizing:border-box;position:relative}.navbar-buttons{display:flex}.grid{width:100%;display:flex;flex-direction:column;border-collapse:collapse;margin-top:30px;margin-left:40px;margin-right:40px}.grid-row{display:flex;width:95%}.visualize-button{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .6s;margin-right:10px}.visualize-button:hover:not(:disabled){background-color:#154418}.visualize-button:disabled{background-color:#555;cursor:not-allowed}.clear-button{padding:10px 15px;font-size:16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .6s;margin-left:10px}.clear-button:hover:not(:disabled){background-color:#9b1006}.clear-button:disabled{background-color:#555;cursor:not-allowed}.time-display{display:flex;align-items:center;color:#fff}.time-display p{margin:0 0 0 20px;font-size:16px}.time-display span{font-weight:700;color:#4caf50;margin-left:5px}.info-button{padding:10px 15px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-left:10px}.info-button:hover:not(:disabled){background-color:#0056b3}.tutorial-overlay{position:fixed;inset:0;background-color:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.tutorial-modal{width:95%;height:90%;max-width:1200px;background-color:#242424;padding:30px 40px;border-radius:12px;outline:none;z-index:1001;color:#ffffffe6;border:1px solid #555;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 30px #00000080}.tutorial-modal h2{color:#4caf50;font-size:2rem;margin-top:0;text-align:center}.tutorial-modal p{font-size:1.2rem;line-height:1.7;text-align:center;margin-top:10px}.tutorial-video-container{flex:1;display:flex;align-items:center;justify-content:center;margin-top:15px;background-color:#000;border-radius:10px;overflow:hidden;padding:6px}.tutorial-video-container video{width:98%;height:98%;object-fit:cover;border-radius:8px}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.tutorial-navigation button{padding:14px 28px;font-size:1.1rem;background-color:#555;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.tutorial-navigation button:hover:not(:disabled){background-color:#777}.tutorial-navigation button:disabled{background-color:#333;opacity:.5;cursor:not-allowed}.tutorial-navigation button.finish-button{background-color:#4caf50}.tutorial-navigation button.finish-button:hover{background-color:#45a049}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242323;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}