body,:root{margin:0;padding:0}[data-manhattan]:after,[data-energy]:after,[data-path]:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}[data-manhattan=open]:after{background-color:#00d99fbf}[data-manhattan=closed]:after{background-color:#77b5c0bf}[data-path=manhattan]:after{z-index:2;background-color:#fffe6abf}[data-energy=open]:after{background-color:#ffa500bf}[data-energy=closed]:after{background-color:#ff6347bf}[data-path=energy]:after{z-index:2;background-color:#8a2be2bf}.is-robot:after,.is-destination:after,.is-wall:after,.hide-manhattan-search [data-manhattan]:after,.hide-manhattan-search [data-path=manhattan]:after,.hide-energy-search [data-energy]:after,.hide-energy-search [data-path=energy]:after{display:none!important}.App{text-align:center;width:100%;height:100%}h1{text-align:center;margin-top:0;padding-top:1rem}.btn{color:#fff;cursor:pointer;background:#1f1f1f;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;transition:all .2s ease-out,color .2s ease-out,transform .2s ease-out;display:flex}.btn:hover{background:#9f9f9f;outline:none;transition:filter .2s ease-out,transform .2s ease-out;transform:translateY(-2px)scale(1.04)}