.pathfinding-arena[data-v-a1cfa8be]{display:flex;flex-direction:column;width:100%}.algo-card[data-v-a1cfa8be]{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 6px #0000000d}.mt-6[data-v-a1cfa8be]{margin-top:24px}.p-4[data-v-a1cfa8be]{padding:16px}.control-panel[data-v-a1cfa8be]{display:flex;flex-direction:column;gap:16px}.row[data-v-a1cfa8be]{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.gap-4[data-v-a1cfa8be]{gap:16px}.btn-group[data-v-a1cfa8be],.right-controls[data-v-a1cfa8be]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.right-controls[data-v-a1cfa8be]{justify-content:flex-end}.btn[data-v-a1cfa8be]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:6px;padding:10px 18px;transition:all .2s ease}.btn[data-v-a1cfa8be]:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-2px)}.btn[data-v-a1cfa8be]:disabled{cursor:not-allowed;opacity:.5}.btn .material-icons[data-v-a1cfa8be]{font-size:20px}.btn-primary[data-v-a1cfa8be]{background:#3b82f6;color:#fff}.btn-primary.bg-gradient[data-v-a1cfa8be]{background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;font-size:15px}.btn-primary.bg-gradient[data-v-a1cfa8be]:hover:not(:disabled){background:linear-gradient(135deg,#db2777,#7c3aed)}.btn-secondary[data-v-a1cfa8be]{background:#ffffff0d;border:none;color:var(--text)}.btn-secondary[data-v-a1cfa8be]:hover:not(:disabled){background:#ffffff1a}.btn-secondary-outline[data-v-a1cfa8be]{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-secondary-outline[data-v-a1cfa8be]:hover:not(:disabled){background:#ffffff0d}.btn-danger[data-v-a1cfa8be]{background:#ef4444;border:none;color:#fff}.btn-danger[data-v-a1cfa8be]:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-add[data-v-a1cfa8be]{background:#3b82f61a;border:1px solid rgba(59,130,246,.4);color:#3b82f6}.btn-add[data-v-a1cfa8be]:hover:not(:disabled){background:#3b82f6;color:#fff}.divider[data-v-a1cfa8be]{background:var(--border);border-radius:2px;display:none;height:24px;width:2px}@media(min-width:768px){.divider[data-v-a1cfa8be]{display:block}}.speed-control[data-v-a1cfa8be]{gap:12px;justify-content:center}.speed-control[data-v-a1cfa8be],.speed-label[data-v-a1cfa8be]{align-items:center;display:flex}.speed-label[data-v-a1cfa8be]{color:var(--muted);font-size:13px;font-weight:800;gap:4px;text-transform:uppercase}.speed-label .material-icons[data-v-a1cfa8be]{color:var(--pink);font-size:18px}.algo-select[data-v-a1cfa8be],.select-box[data-v-a1cfa8be]{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:inherit;font-weight:600;outline:none;padding:8px 12px;transition:all .2s ease}.algo-select[data-v-a1cfa8be]:hover,.select-box[data-v-a1cfa8be]:hover{border-color:#8b5cf6}.arena-grid[data-v-a1cfa8be]{display:grid;gap:24px}.arena-grid.grid-1[data-v-a1cfa8be]{grid-template-columns:1fr}@media(min-width:1024px){.arena-grid.grid-2[data-v-a1cfa8be],.arena-grid.grid-3[data-v-a1cfa8be],.arena-grid.grid-4[data-v-a1cfa8be]{grid-template-columns:1fr 1fr}}@media(max-width:1023px){.arena-grid.grid-2[data-v-a1cfa8be],.arena-grid.grid-3[data-v-a1cfa8be],.arena-grid.grid-4[data-v-a1cfa8be]{grid-template-columns:1fr}}.arena-side[data-v-a1cfa8be]{background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.racer-header[data-v-a1cfa8be]{background:var(--card);border-bottom:2px dashed var(--border);justify-content:space-between;padding:12px 16px}.flex-align[data-v-a1cfa8be],.racer-header[data-v-a1cfa8be]{align-items:center;display:flex}.flex-align[data-v-a1cfa8be]{gap:12px}.badge-num[data-v-a1cfa8be]{align-items:center;background:var(--text);border-radius:8px;color:var(--bg);display:flex;height:28px;justify-content:center;width:28px}.algo-select[data-v-a1cfa8be],.badge-num[data-v-a1cfa8be]{font-size:14px;font-weight:800}.algo-select[data-v-a1cfa8be]{background:var(--card-hover);border-color:transparent;color:var(--text)}.algo-select[data-v-a1cfa8be]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.btn-remove[data-v-a1cfa8be]{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-remove[data-v-a1cfa8be]:hover{background:#ef4444;color:#fff}.racer-stats[data-v-a1cfa8be]{align-items:center;background:var(--card);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;min-height:60px;padding:12px 16px}.steps-counter[data-v-a1cfa8be]{background:#8b5cf60d;border:1px dashed #8b5cf6;color:#8b5cf6;font-weight:600}.result-message[data-v-a1cfa8be],.steps-counter[data-v-a1cfa8be]{border-radius:8px;font-size:13px;padding:6px 12px}.result-message[data-v-a1cfa8be]{font-weight:700}.result-message.success[data-v-a1cfa8be]{background:#15803d1a;border:1px solid rgba(21,128,61,.2);color:#15803d}.result-message.error[data-v-a1cfa8be]{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#dc2626}.board-wrapper[data-v-a1cfa8be]{display:flex;justify-content:center;overflow-x:auto;padding:16px}.grid-board[data-v-a1cfa8be]{align-items:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-board[data-v-a1cfa8be],.grid-row[data-v-a1cfa8be]{display:flex;gap:1px}.grid-cell[data-v-a1cfa8be]{align-items:center;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;transition:background-color .1s;width:22px}@media(max-width:480px){.grid-cell[data-v-a1cfa8be]{border-radius:2px;font-size:10px;height:14px;width:14px}}.EMPTY[data-v-a1cfa8be]{background-color:var(--background);border:1px solid var(--border)}.EMPTY[data-v-a1cfa8be]:hover{background-color:var(--card-hover)}.WALL[data-v-a1cfa8be]{animation:popWall-a1cfa8be .2s ease-out;background-color:#334155;border:1px solid #1e293b}.START[data-v-a1cfa8be]{background-color:#3b82f6;box-shadow:0 0 10px #3b82f699}.END[data-v-a1cfa8be]{background-color:#ef4444;box-shadow:0 0 10px #ef444499}.VISITED[data-v-a1cfa8be]{animation:visitedGen-a1cfa8be .8s ease-out forwards;background-color:#a5b4fc;border:1px solid #818cf8}.PATH[data-v-a1cfa8be]{animation:pathGen-a1cfa8be .4s ease-out forwards;background-color:#fcd34d;border:1px solid #f59e0b}@keyframes popWall-a1cfa8be{0%{transform:scale(.3)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes visitedGen-a1cfa8be{0%{background-color:#c084fc;border-radius:50%;transform:scale(.3)}50%{background-color:#818cf8}to{background-color:#a5b4fc;transform:scale(1)}}@keyframes pathGen-a1cfa8be{0%{background-color:#fef08a;transform:scale(.6)}50%{background-color:#fbbf24;box-shadow:0 0 12px #fbbf24cc;transform:scale(1.2)}to{background-color:#fcd34d;transform:scale(1)}}