.container{width:100vw;height:100vh;display:flex;justify-content:center}.container-inner{display:flex;align-items:center;justify-content:center;flex-direction:column}.menu{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;gap:2rem}.sort{cursor:pointer;transition:.2s}.sort:hover{color:var(--primary);transition:.2s}.selected{border:2px solid var(--primary);padding:.5rem 1rem;border-radius:1rem}.grid-container{position:relative;display:grid;height:100%;width:90vw;border:5px solid var(--primary)}.grid-square{margin:0;cursor:pointer;position:relative;transition:.1s;background-color:#000;box-shadow:inset 0 0 0 1px rgba(var(--primaryRGB),.2);-webkit-box-shadow:inset 0px 0px 0px 1px rgba(var(--primaryRGB),.2);-moz-box-shadow:inset 0px 0px 0px 1px rgba(var(--primaryRGB),.2)}.grid-square:hover{background-color:#0000ff80;transition:.1s}.grid-square.searching{transition:0s;animation:none;background-color:#0000ff80}.grid-square.found{animation:fade-in .3s ease;background-color:#00ffff4d}.grid-square.path{display:flex;align-items:center;justify-content:center;background-color:#00ffff4d}.path-dot{background-color:#ff0;width:30%;height:30%;border-radius:50%;animation:fade-in .5s ease-in-out}.wall{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;border:4px solid blue}.grid-character{position:relative;width:100%;height:100%;z-index:5;display:flex;align-items:center;justify-content:center}.pacman{position:absolute;top:0;left:0;z-index:2;width:2.5vw;height:2.5vw;transform:translate(-15%,-15%);border-radius:50%;background:#f2d648}.pacman.picked-up{width:3.5vw;height:3.5vw;transform:translate(-20%,-20%);background-color:beige;animation:up-down 2s infinite ease-in-out;border:4px solid blue}.pacman-mouth{background:var(--background);position:absolute;width:100%;height:100%;clip-path:polygon(100% 74%,44% 48%,100% 21%);animation-name:eat;animation-duration:.5s;animation-iteration-count:infinite}.ghost{z-index:2;position:absolute;top:0;left:0;width:3vw;height:3vw;transform:translate(-20%,-20%);animation:up-down 2s infinite ease-in-out}.ghost.picked-up{width:3.5vw;height:3.5vw;transform:translate(-20%,-20%);background-color:beige;animation:up-down 2s infinite ease-in-out;border:4px solid blue;border-radius:1rem}.array-item{display:flex;align-items:end;justify-content:center;border-radius:1rem 1rem 0 0}.array-tooltip{position:absolute;background-color:#fff;color:#000;padding:.5rem 1rem;border-radius:1rem}.top-message{position:absolute;top:2rem;left:50%;transform:translate(-50%,-50%);z-index:2;background-color:var(--secondaryBackground);padding:.5rem 1rem;color:var(--secondaryText);font-weight:500;border-radius:1rem}@keyframes eat{0%{clip-path:polygon(100% 74%,44% 48%,100% 21%)}25%{clip-path:polygon(100% 60%,44% 48%,100% 40%)}50%{clip-path:polygon(100% 50%,44% 48%,100% 50%)}75%{clip-path:polygon(100% 59%,44% 48%,100% 35%)}to{clip-path:polygon(100% 74%,44% 48%,100% 21%)}}@keyframes up-down{0%{transform:translate(-20%,-10%)}50%{transform:translate(-20%,-30%)}to{transform:translate(-20%,-10%)}}@keyframes fade-in{0%{opacity:0%;transform:scale(0)}to{opacity:100%;transform:scale(1)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #242424;--secondaryBackground: #f9f9f9;--primary: rgb(0, 0, 255);--primaryRGB: 0, 0, 255;--primaryText: white;--secondaryText: blue}body{padding:0;margin:0}button{display:flex;align-items:center;justify-content:center;gap:.3rem;border-radius:1rem;border:2px solid transparent;padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--secondaryBackground);cursor:pointer;transition:border-color .25s;color:var(--secondaryText);text-align:center}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}select{padding:.5rem 1rem;border-radius:1rem;border:2px solid var(--primary);font-size:1rem;background-color:var(--background);transition:.2s;cursor:pointer}select:hover{transition:.2s;background-color:var(--secondaryText)}option{padding:1rem}.slider{-webkit-appearance:none;height:.5rem;border-radius:.5rem;background:var(--secondaryBackground);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--primary);cursor:pointer}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.a-items-center{align-items:center}.j-content-center{justify-content:center}.gap05{gap:.5rem}.gap1{gap:1rem}.gap15{gap:1.5rem}.gap2{gap:2rem}.divider{width:2px;height:3rem;border-radius:1rem;background-color:var(--secondaryBackground)}