body{font-family:IBM Plex Mono,monospace;background-color:#1a1a1a;color:#f0f0f0;margin:0;padding:20px}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.choices{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.choices button{font-family:inherit;background-color:#333;color:#f0f0f0;padding:12px 24px;border:1px solid #555;cursor:pointer;font-size:16px;border-radius:8px;transition:background-color .3s ease,transform .1s ease}.choices button:hover{background-color:#444}.choices button:active{transform:scale(.98)}.menu{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}.grid-container{width:100%;overflow-x:auto;margin-bottom:20px;display:flex;justify-content:center}fieldset{border:1px solid #555;border-radius:8px;padding:15px;display:flex;gap:15px;align-items:center}legend{padding:0 10px;color:#f0f0f0}.choices .startStyling{background-color:#007bff;border-color:#0056b3}.choices .endStyling{background-color:#dc3545;border-color:#b21f2d}.choices .obsStyling{background-color:#6c757d;border-color:#5a6268;color:#fff}.choices .runStyling{background-color:#28a745;border-color:#1e7e34}.node-data{padding:0;list-style-type:none}.node-data li{display:flex;align-items:center;margin-bottom:10px;font-size:14px}.node-data .color-box{width:20px;height:20px;margin-right:10px;border-radius:4px}.node-data .start{background-color:#007bff}.node-data .end{background-color:#dc3545}.node-data .obstacle{background-color:#6c757d}.node-data .visited{background-color:#ffc107}.node-data .shortest-path{background-color:#28a745}.node-data .unexplored{background-color:#f8f9fa}.node-data .current{background-color:#6f42c1}.node{width:25px;height:25px;outline:1px solid #555;display:inline-block;border-radius:8px;transition:background-color .3s ease,border-radius .3s ease}.node:hover{background-color:#444}.node-visited{animation-name:visitedAnimation;animation-duration:.7s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running;background-color:#ffc107}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#6f42c1;border-radius:100%}50%{background-color:#007bff}75%{transform:scale(1.2);background-color:#28a745}to{transform:scale(1);background-color:#ffc107}}.node-start{background-color:#007bff}.node-end{background-color:#dc3545}.node-obs{background-color:#6c757d}.node-shortest-path{background-color:#28a745}.node-current{background-color:#6f42c1}.grid{display:flex;flex-direction:column;margin-top:20px;border:1px solid #555;width:fit-content;border-radius:8px;box-shadow:0 4px 8px #0003;padding:5px;gap:2px}.grid-row{display:flex;gap:2px}