body{color:#fff;background:#000;padding:0;margin:0}#app{display:flex;justify-content:center;width:100vw;height:100vh}#grid-display td.room{background-color:#404040}#grid-display td.path{background-color:#fff}#grid-display td.path.currentPath,#grid-display td.path:hover{background-color:#0f0}#grid-display td{width:20px;height:20px;padding:0;background-color:#202020;cursor:pointer}#grid-display td:hover{outline:solid 3px #ffff00}#pather,#cursor{display:block;position:relative;clip-path:circle();top:-100vh;left:-100vw;width:20px;height:20px;pointer-events:none}#pather{background-color:#000;transform:translate(20px);transition:.05s;transition-timing-function:linear}#cursor{background-color:red;transform:translate(40px);transition:.2s;transition-timing-function:cubic-bezier(.22,1,.36,1);animation:linear infinite idle 1s}@keyframes idle{0%{opacity:1}50%{opacity:.5}to{opacity:1}}