:root{--bg-dark: #1d2125;--bg-panel: #161a1d;--text-light: #dee4ea;--cell-empty: #dee4ea;--cell-wall: #2c3e50;--cell-source: #2dd573;--cell-dest: #ff0000;--cell-visited: #8fa5b8;--cell-path: #2ba7c0;--btn-bg: #596773;--btn-hover: #1b6bda}body{background-color:var(--bg-dark);color:var(--text-light)}.toolbar{position:relative;top:2rem;z-index:1000;background:var(--bg-panel);padding:.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;border-bottom:1px solid #4545c7;border-radius:2rem;width:90%;height:4rem;margin:0 auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#171717bf;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:var(--bg-panel);padding:2rem;border-radius:1rem;max-width:500px;font-size:1.5rem;color:var(--text-light);border:1px solid #2c8190;box-shadow:0 0 30px #9ee2c41a}.spacer{height:3.5rem}.grid-container{border:2px solid #444;padding:.5rem;background:var(--bg-panel);display:grid;grid-template-columns:repeat(var(--cols, 10),minmax(28px,1fr));grid-auto-rows:minmax(28px,1fr);gap:1px;margin:0 auto;box-shadow:0 0 20px #333ed7;width:45%}.grid{display:grid;grid-template-columns:repeat(var(--cols, 10),1fr);gap:1px;background-color:#272222;margin:auto}.cell{border-radius:3px;height:2rem;width:3rem;margin:3px;background-color:var(--cell-empty);cursor:pointer;transition:background-color .2s}.cell-wall{background-color:var(--cell-wall)}.cell-source{background-color:var(--cell-source)}.cell-destination{background-color:var(--cell-dest)}.cell-visited{background-color:var(--cell-visited)}.cell-path{background-color:var(--cell-path)}.button{padding:.5rem 1rem;background-color:var(--btn-bg);color:var(--text-light);border-radius:.375rem;font-weight:500;font-size:1.4rem;margin:1rem;border:1px solid black;transition:background-color .2s,transform .1s}.button:hover{background-color:var(--btn-hover)}.button:active{transform:scale(.95);color:#d5bc2d}.button.selected{background-color:var(--btn-hover);color:var(--text-light);transform:scale(1.05)}.down__container{margin-top:-1.5rem;display:flex;justify-content:center;align-items:center}@media (max-width: 1920px){.grid-container{width:45%}}@media (max-width: 1837px){.grid-container{width:50%}}@media (max-width: 1650px){.grid-container{width:55%}}@media (max-width: 1515px){.grid-container{width:59%}}@media (max-width: 1410px){.grid-container{width:63%}}@media (max-width: 1335px){.grid-container{width:67%}}@media (max-width: 1275px){.grid-container{width:77%}}@media (min-width: 1073px) and (max-width: 1219px){.grid-container{width:73%}}@media (min-width: 600px) and (max-width: 1072px){.grid-container{width:60%}}@media (max-width: 1069px){.grid-container{width:67%}}@keyframes colorChange{0%,to{color:#ec48c3}40%{color:#b53bf6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}@keyframes spin{to{transform:rotate(360deg)}}.home-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;background-color:#7f9bd1;color:#1f2937;padding:1.5rem}.home-title{font-size:2.5rem;font-weight:800;color:#2c243d;display:flex;align-items:center}.sparkle{animation:colorChange 1s infinite;font-weight:600}.bounce{animation:bounce 1s infinite;margin-left:.5rem;color:#ec4899;font-size:1.75rem}.info-card{max-width:48rem;background-color:#bbd4da;padding:2rem;font-size:2rem;font-weight:2rem;border-radius:1rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.start-button{margin-top:2rem;font-size:1.25rem;font-weight:600;background-color:#6366f1;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;transition:background-color .3s ease;cursor:pointer}.start-button:hover{background-color:#4f46e5}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#111827bf}.spinner{width:4rem;height:4rem;border:4px solid #e5e7eb;border-top:4px solid #ec4899;border-radius:9999px;animation:spin 1s linear infinite}