:root{--primary: rgba(183, 215, 232, 1);--primaryDark: rgba(135, 189, 216, 1);--secondary: rgba(141, 157, 182, 1);--secondaryDark: rgba(102, 114, 146, 1);--menuBackground: rgba(0, 0, 0, 1);--menuBackgroundDark: rgba(1, 1, 1, .5);--text: white;--border: rgba(141, 157, 182, .1);--origen: green;--destino: red;--wall: #112238;--visitados: rgba(52, 94, 168, 1);--previsitados: rgba(31, 181, 30, .5);--path: #2f0f0f;--vacio: white}*{margin:0;padding:0;box-sizing:content-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{color:var(--text)}canvas{width:100%;height:100%;background-color:#fff}.menu-container{width:50%;height:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--menuBackgroundDark);backdrop-filter:blur(5px);overflow:scroll}.buttons-container{position:absolute;left:3vw;bottom:3vh}.buttons-container>button{font-size:2rem;position:relative;padding:.5rem;margin:3px;background-color:var(--secondary);color:var(--text);border:1px solid var(--secondaryDark)}.buttons-container>button:hover{background-color:var(--primaryDark)}.menu{padding:20px;font-size:20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.menu-options{display:flex;justify-content:space-around;width:100%;list-style-type:none}.menu-option{width:100%;height:100%;font-size:2rem;padding:.5rem;text-align:center;display:block}.active{background-color:var(--menuBackgroundDark)}