*{margin:0;padding:0;font-family:Macondo,cursive;font-weight:400;font-style:normal}.grid{width:861px;box-shadow:0 0 10px #195f51cc;border-radius:6px}@media (max-width: 1024px){.grid{width:539px}}@media (max-width: 765px){.grid{width:324px}}.cell{width:20px;height:20px;border:1px solid #ddd;display:inline-block}.cell-wall{background-color:#f5c3c3}.cell-visited{background-color:#add8e6}.controls{width:100%;height:60px;align-items:center;display:flex;justify-content:center;flex-wrap:wrap}.controls .option,button{width:auto;height:40px}.controls button{border:none;border-radius:5px;color:#fff;background-color:#000;padding:2px 10px}.controls button.active{background-color:#d70f0f;color:#3f2424}.controls button:hover{background-color:#927070}.controls .option{border:1px solid grey;border-radius:5px;padding:2px 0}@media (max-width: 765px){.controls{height:12%}}h1{padding-top:5px;padding-bottom:15px;font-family:New Rocker,system-ui;font-weight:400;font-style:normal;font-size:35px}.app-container{height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center}.app-container .random{border:1px solid grey;border-radius:5px;padding:2px 15px}.app-container .random:hover{background-color:#927070}.cell{width:20px;height:20px;border:1px solid #ccc;background-color:#fff}.controls{margin-bottom:1rem;display:flex;gap:1rem;justify-content:center}.cell-start{background-color:green}.cell-end{background-color:red}.cell-wall{background-color:gray}.cell-path{background-color:#ff0}.cell-visited{background-color:#87cefa}.grid{display:flex;flex-direction:column;align-items:center}.grid-row{display:flex}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#f44;color:#fff;padding:10px 20px;border-radius:5px;display:flex;align-items:center;gap:10px;z-index:100;animation:fadeIn .3s ease}.notification button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;top:0}to{opacity:1;top:20px}}@media (max-width:764px){.app-container{gap:10px}.random{font-size:.6rem;height:34px;width:110px}}.guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0006;z-index:1000;display:flex;justify-content:center;align-items:center}.guide-box{background:#3e2646;padding:2rem;border-radius:12px;max-width:600px;width:90%;max-height:600px;height:70%;text-align:center;box-shadow:0 8px 24px #0003;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.guide-box p{font-weight:400;font-style:normal;font-size:30px;color:#b97272}.guide-buttons{margin-top:1.5rem}.guide-buttons button{margin:0 10px;padding:.5rem 1.2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;background-color:#722bb0;color:#fff;transition:background .3s}.guide-buttons button:hover{background-color:#5d2c82}@media (max-width: 760px){.guide-overlay .guide-box{width:50%;height:50%}.guide-overlay .guide-box p{font-size:1.2rem}.guide-overlay .guide-box img{width:80%;height:50%}.guide-buttons{width:100%}.guide-buttons button{width:60px;padding:0;gap:10px;margin:5px;font-size:.7rem}}