@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.node{width:40px;height:40px;border:1px solid white;display:inline-block;box-sizing:border-box;transition:background-color .2s ease;background-color:#9da3e0;touch-action:none}.node-start{background-color:#2b722f}.node-end{background-color:#a0364b}.node-wall{background-color:#a0811c}.node-visited{background-color:#4054b7;animation:visit .3s ease forwards}.node-path{background-color:#bf2a79;animation:path .3s ease forwards}.node-weight{background-color:#b26a1c;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#555}@keyframes visit{0%{transform:scale(.3);background-color:#9da3e0}50%{transform:scale(1.2)}to{transform:scale(1);background-color:#4054b7}}@keyframes path{0%{transform:scale(.6);background-color:#ce4a90}to{transform:scale(1);background-color:#bf2a79}}.navbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#1e1e1e;color:#fff;position:sticky;top:0;z-index:10;flex-wrap:wrap;box-shadow:0 4px 6px #0000004d}.navbar select{padding:8px;border-radius:4px;border:1px solid #444;background:#333;color:#fff;font-size:14px;cursor:pointer}.navbar button{padding:8px 12px;cursor:pointer;min-height:44px;font-size:14px;border-radius:4px;font-weight:500;transition:all .2s}.navbar button:disabled{opacity:.5;cursor:not-allowed}.start-btn{background-color:#2b722f!important;color:#fff!important;font-weight:600!important;flex-grow:1;max-width:200px}.speed-control{display:flex;align-items:center;gap:6px;font-size:12px;background:#333;padding:5px 10px;border-radius:20px}.algo-select{padding:10px;border-radius:4px;border:none;cursor:pointer;font-family:inherit;margin-right:10px}@media(max-width:768px){.navbar{padding:10px 5px;gap:8px;justify-content:space-between}.navbar select{flex:1 1 45%;font-size:13px}.navbar button{font-size:13px;padding:8px 10px;flex:1 1 30%}.start-btn{flex:1 1 100%;order:-1}.speed-control{flex:1 1 100%;justify-content:center}}.grid-wrapper{flex:1;position:relative;display:flex;justify-content:center;height:calc(100svh - 60px);width:100vw;overflow:visible;touch-action:none;flex-grow:1;align-items:flex-start}.grid{display:inline-block;transform-origin:center center;box-shadow:0 0 20px #0000001a}.grid-row{display:flex}#root{display:flex;flex-direction:column;height:100svh}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;padding:0;width:100vw;height:100%;height:100dvh;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}button,select,input{font-family:inherit;font-weight:500}