body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html{image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.gameplay-wrapper{height:100vh;overflow:hidden;position:relative;width:100vw}.controls-overlay{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.gameplay{left:0;position:absolute;top:0}.game-canvas{image-rendering:pixelated;image-rendering:crisp-edges}.game-grid{display:grid;height:100%;width:100%}.game-cell{overflow:hidden;position:relative}.game-character{height:100%;left:0;position:absolute;top:0;width:100%}.game-cell,.game-character{image-rendering:pixelated}.player{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAbxJREFUWIVjYBjpgBGXRJK15v/nH/5QxRJJARaGeUevY7WLBZem5x/+MMjIcVDFAU8e/cApx0QVGygAow4YdcCoA3CWAwwMDAzcogrUseXRDdIdwCehw7Dp0GOq2G+qrMPAcPU2aQ44ffcxw8TJ9VRxQH5uI045vFHAwMDA4OPjQ5HlW7ZswSuPszJSUjD5f/f+aRQxZUVToizFpu/egzOkVUakWIBsEalgcGdDXIAcn5LtAJhld++fxhn0hPThA0MvCggFPymhxMCAIxsqKZj8J8kUIgG2rIgRAkoKJv/PL0mC8w1j5jEEa6C6J75nIVYLFpbEo/DX3mBkQDWL4T+6I1AcoKRg8n97gxHDizsXGCRUDODiUnyojVNtbW2sDkBXx8DwE856cecCw/YGIwbPBlRHDHgixOmAF3cuUM0SfGahOODegzOMng3n4HzDmHkMuWbsZFuca8bOYBgzD873bDiHkRDx5oJ7D84w4soRxFZUyGYQlQuQFSopmPznc/DDajAjIyOyB/4bJDRhVad0ADPlIwOyEuGnA5uQLWdgYGBghIqRDAiWhNm+qEHbXlyL12GVvc2o6gk4DAASYJI4tJ/ejAAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20%;position:absolute;transition:left .2s,top .2s;width:10%}.grid-line{background-color:#ff000080;position:absolute}.grid-line.vertical{height:100%;width:2px}.grid-line.horizontal{height:2px;width:100%}.collision-map{background-position:50%;background-size:cover;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.dev-controls{background-color:#000000b3;border-radius:5px;color:#fff;left:10px;padding:10px;position:fixed;top:10px;z-index:1000}.dev-controls label{margin-right:10px}.dev-controls input{width:100px}.confirmation-dialog{background-color:#6fa2ff;border-radius:5px;box-shadow:0 0 10px #0000004d;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.confirmation-dialog button{cursor:pointer;margin:0 10px;padding:5px 10px}.controller{align-items:center;bottom:20px;display:flex;flex-direction:column;left:50%;position:fixed;transform:translateX(-50%)}.horizontal-buttons{width:180px}.control-btn,.horizontal-buttons{align-items:center;display:flex;justify-content:center}.control-btn{background:#0000;border:none;cursor:pointer;height:50px;margin:5px;padding:0;width:50px}.control-btn:active{opacity:.7}.control-btn img{height:100%;object-fit:contain;width:100%}.control-btn:active img{filter:brightness(.8)}.level-editor{flex-direction:column;height:100vh;overflow:hidden}.canvas,.level-editor{align-items:center;display:flex;width:100%}.canvas{background-color:#7d6249;box-sizing:border-box;flex-grow:1;justify-content:center;padding:20px}.grid{background-position:50%;background-repeat:no-repeat;height:0;padding-bottom:50%;position:relative;width:100%}.cell{border:1px solid #ffffff1a;height:10%;position:absolute;width:6.66%}.cell:after{background-color:#0000ff4d;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .1s ease}.cell:hover:after{opacity:1}.cell[style*=backgroundImage]:after{background-color:#0000ff26}.cell.wall{background-color:#333}.cell.start{background-color:#4caf50}.cell.end{background-color:#f44336}.cell[style*=backgroundImage]{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain}@media (min-width:768px){.grid{transform:scale(7);transform-origin:center}}.editor-controls{align-items:center;background-color:#2c2c2c;display:flex;justify-content:space-between;padding:10px;width:100%}.custom-dropdown{display:inline-block;position:relative}.custom-dropdown button{align-items:center;background-color:#3c3c3c;border:none;color:#fff;cursor:pointer;display:flex;padding:10px}.dropdown-menu{background-color:#3c3c3c;box-shadow:0 8px 16px 0 #0003;left:0;max-height:300px;min-width:160px;overflow-y:auto;position:absolute;top:100%;z-index:1}.dropdown-item{align-items:center;color:#fff;cursor:pointer;display:flex;padding:12px 16px;text-decoration:none}.dropdown-item:hover{background-color:#4c4c4c}input[type=text]{background-color:#3c3c3c;border:none;color:#fff;margin-right:10px;padding:10px}.editor-menu{background-color:#2c2c2c;border-radius:5px;box-shadow:0 2px 10px #0003;left:0;padding:20px;position:absolute;top:100%;z-index:10}.menu-item{margin-bottom:15px}.menu-item label{color:#fff;display:block;margin-bottom:5px}.menu-item input,.menu-item select{background-color:#3c3c3c;border:none;border-radius:3px;color:#fff;padding:5px;width:100%}.tile-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:15px}.tile-button{background-color:initial;border:2px solid #0000;cursor:pointer;padding:5px;transition:border-color .3s}.tile-button.selected{border-color:#4caf50}.tile-button img{height:auto;width:100%}.edit-button{background:none;border:none;cursor:pointer;padding:0}.edit-button img{height:24px;width:24px}.game-container{height:300px;margin:0 auto;position:relative;width:300px}body{background-color:#4f86da;color:#fff;margin:0;padding:0}.App{text-align:center}
/*# sourceMappingURL=main.088e8467.css.map*/