body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;text-align:center}.App-header{background-color:#1a1a2e;box-shadow:0 2px 4px #0000004d;color:#fff;padding:20px}.App-header h1{font-size:2rem;margin:0}.App-content{display:flex;height:calc(100vh - 80px)}.sidebar{background-color:#16213e;border-right:2px solid #0f3460;overflow-y:auto;padding:20px;width:250px}.sidebar h2{color:#e94560;margin-top:0}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.no-map-selected{color:#888;font-size:1.2rem}.map-list{display:flex;flex-direction:column;gap:10px}.map-item{background-color:#0f3460;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.map-item:hover{background-color:#1a4d7a;transform:translateX(5px)}.map-item.selected{background-color:#1a4d7a;border-color:#e94560}.map-item h3{color:#fff;font-size:1.1rem;margin:0 0 5px}.map-item p{color:#aaa;font-size:.9rem;margin:0}.custom-map-inputs{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.input-group{margin-bottom:10px}.input-group label{color:#aaa;display:block;font-size:.85rem;margin-bottom:5px}.input-group input{background-color:#16213e;border:1px solid #0f3460;border-radius:4px;box-sizing:border-box;color:#fff;font-size:.9rem;padding:8px;width:100%}.input-group input:focus{border-color:#e94560;outline:none}.create-btn{background-color:#e94560;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:10px;padding:10px;transition:all .3s ease;width:100%}.create-btn:hover{background-color:#d63450;transform:scale(1.02)}.create-btn:active{transform:scale(.98)}.game-board{align-items:center;display:flex;flex-direction:column;gap:20px}.game-board h2{color:#e94560;font-size:1.8rem;margin:0}.board-info{color:#aaa;display:flex;font-size:.9rem;gap:20px}.edit-tools{background-color:#0f3460;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;padding:15px;width:100%}.tool-btn{align-items:center;background-color:#16213e;border:2px solid #0000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease}.tool-btn:hover:not(:disabled){background-color:#1a4d7a;transform:translateY(-2px)}.tool-btn:disabled{cursor:not-allowed;opacity:.5}.tool-btn.active{background-color:#1a4d7a;border-color:#e94560;box-shadow:0 0 10px #e945604d}.btn-icon{flex-shrink:0;height:20px;width:20px}.circle-icon{background-color:#06f;border-radius:50%}.block-icon{background-color:red;border-radius:2px}.diamond-icon{background-color:#f60;transform:rotate(45deg)}.save-btn{background-color:#28a745;margin-left:auto}.save-btn:hover:not(:disabled){background-color:#218838}.clear-btn{background-color:#444}.clear-btn:hover{background-color:#666}.algorithm-tools{background-color:#0f3460;border-radius:8px;display:flex;flex-direction:column;gap:15px;max-width:900px;padding:20px;width:100%}.algorithm-tools h3{color:#fff;font-size:1.1rem;margin:0;text-align:center}.algorithm-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.algo-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.algo-btn:hover:not(:disabled){box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.algo-btn:disabled{cursor:not-allowed;opacity:.6}.algo-btn.active{border-color:gold;box-shadow:0 0 15px #ffd70080}.stop-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.reset-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.visited-btn{background:linear-gradient(135deg,#a8a8a8,#6c6c6c)}.visited-btn.active{background:linear-gradient(135deg,#ffd89b,#19547b);border-color:gold}.replay-visited-btn{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.replay-visited-btn:disabled{opacity:.4}.speed-control{align-items:center;background-color:#16213e;border-radius:6px;padding:15px}.speed-control,.speed-control label{display:flex;flex-direction:column;gap:10px}.speed-control label{color:#fff;font-size:.95rem;font-weight:500;max-width:500px;width:100%}.speed-control input[type=range]{background:linear-gradient(90deg,#84fab0,#8fd3f4 50%,#ffd89b);border-radius:5px;cursor:pointer;height:8px;outline:none;width:100%}.speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:gold;border-radius:50%;box-shadow:0 0 10px #ffd70080;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.speed-control input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 15px #ffd700cc;transform:scale(1.2)}.speed-control input[type=range]::-moz-range-thumb{background:gold;border:none;border-radius:50%;box-shadow:0 0 10px #ffd70080;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.speed-control input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 15px #ffd700cc;transform:scale(1.2)}.speed-control input[type=range]:disabled{cursor:not-allowed;opacity:.5}.speed-label{color:gold;font-size:.9rem;font-weight:600;text-align:center;text-shadow:0 0 10px #ffd7004d}.path-info{grid-gap:10px;background-color:#16213e;border-left:4px solid #e94560;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.info-item{color:#fff;font-size:.9rem}.info-item strong{color:gold;margin-right:5px}.grid{grid-gap:2px;background-color:#333;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:grid;gap:2px;padding:5px}.tile{align-items:center;border:1px solid #0000004d;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .2s ease;width:50px}.tile.editable{cursor:crosshair}.tile.empty{background-color:#fff}.tile.blocked{background-color:red}.tile.start{background-color:#90ee90}.tile.end{background-color:gold}.tile.in-path{animation:pathPulse 1s ease-in-out infinite;background-color:#87ceeb!important}.tile.in-path.end,.tile.in-path.start{animation:none}.tile.visited{animation:visitedFadeIn .3s ease-in-out;background-color:#c0c0c080!important;position:relative}@keyframes visitedFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tile.visited:after{background:repeating-linear-gradient(45deg,#0000,#0000 5px,#8080801a 0,#8080801a 10px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tile.visited.in-path{background-color:#87ceeb!important}.tile.visited.in-path:after{display:none}@keyframes pathPulse{0%,to{opacity:.7}50%{opacity:1}}.tile-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:45px;image-rendering:auto;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;object-fit:contain;pointer-events:none;width:45px}.player-marker{animation:playerBounce .5s ease-in-out infinite alternate;background:radial-gradient(circle,#ffeb3b 0,#ff9800 100%);border-radius:50%;box-shadow:0 0 15px #ffeb3bcc;height:40px;pointer-events:none;width:40px;z-index:10}.player-marker-image{animation:playerBlink .6s ease-in-out infinite,playerFloat 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 15px rgba(255,215,0,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.4));height:45px;image-rendering:auto;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;object-fit:contain;pointer-events:none;width:45px;z-index:10}@keyframes playerBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes playerFloat{0%{transform:translateY(-3px) scale(1)}to{transform:translateY(3px) scale(1.05)}}@keyframes playerBounce{0%{transform:scale(.9)}to{transform:scale(1.1)}}.tile:hover{box-shadow:0 0 10px #ffffff80;opacity:.8;transform:scale(1.05);z-index:1}
/*# sourceMappingURL=main.b2725d86.css.map*/