@font-face{font-family:Sora;src:url(/fonts/sora-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(/fonts/sora-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(/fonts/sora-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(/fonts/sora-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07110e;--bg-2:#0c1a16;--ink:#d8f0e4;--muted:#8fbaa8;--line:#5ec48c38;--line-strong:#5ec48c66;--astar:#3dff9a;--dijkstra:#ffd166;--bfs:#5ce1ff;--greedy:#ff8f5e;--start:#f4c95d;--goal:#ff6b57;--danger:#ff6b57;--focus:#3dff9a;--pad:8px;--font:Sora, "Avenir Next", "Segoe UI", ui-sans-serif, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--bg)}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 500px at 70% -10%, #3dff9a12, transparent 55%), radial-gradient(800px 400px at 0% 100%, #5ce1ff0d, transparent 50%), var(--bg);min-height:100dvh;font-size:15px;line-height:1.5}::selection{color:var(--ink);background:#3dff9a47}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1e3a30;border-radius:1px}::-webkit-scrollbar-track{background:#0a1612}.skip{position:absolute;top:8px;left:-999px}.skip:focus{z-index:20;background:var(--bg-2);color:var(--ink);padding:8px 12px;left:8px}.shell{grid-template-rows:auto 1fr auto;gap:14px;max-width:1440px;min-height:100dvh;margin:0 auto;padding:16px 18px 20px;display:grid}header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,2.4vw,2.15rem);font-weight:700;line-height:1.1}header .lead{max-width:46rem;color:var(--muted);margin:6px 0 0;font-size:.98rem}.actions{flex-wrap:wrap;gap:8px;display:flex}button,select,.chip{letter-spacing:-.01em;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#10221c;border-radius:2px;min-height:44px;padding:0 14px;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .16s,border-color .16s,transform .12s;box-shadow:inset 0 1px #b4ffd214}button:hover,select:hover{border-color:var(--line-strong);background:#163028}button:active{transform:translateY(1px)}button.primary{color:#e8ffe8;background:#163c2c;border-color:#3dff9a73}button.primary:hover{background:#1c4a36}button[aria-pressed=true]{border-color:var(--focus);background:#1a3d30}button:disabled,select:disabled{opacity:.45;cursor:not-allowed}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:28px}.stage{grid-template-columns:minmax(0,1fr) 320px;gap:14px;min-height:0;display:grid}.scope{border:1px solid var(--line-strong);background:linear-gradient(#14261f 0%,#0a1612 16% 100%);border-radius:4px;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative;box-shadow:inset 0 1px #b4ffd224,inset 0 -28px 48px #00000061,0 0 0 1px #040807}.board{aspect-ratio:41/25;min-height:280px;max-height:min(68dvh,760px);position:relative}.scope canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.scope .scan{pointer-events:none;mix-blend-mode:multiply;opacity:.35;background:repeating-linear-gradient(#0000 0 2px,#00000017 2px 3px);position:absolute;inset:0}.legend{color:var(--muted);flex-wrap:wrap;gap:10px 16px;padding:8px 12px 10px;font-size:.78rem;font-weight:500;display:flex}.legend i{vertical-align:-1px;border-radius:1px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend .astar{background:var(--astar)}.legend .dijkstra{background:var(--dijkstra)}.legend .bfs{background:var(--bfs)}.legend .greedy{background:var(--greedy)}.legend .start{background:var(--start)}.legend .goal{background:var(--goal)}aside{flex-direction:column;gap:10px;min-height:0;display:flex}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:10px;box-shadow:inset 0 1px #b4ffd20f}.card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.72rem;font-weight:700}.algo{text-align:left;grid-template-columns:18px 1fr auto;align-items:center;gap:8px 10px;width:100%;min-height:52px;margin:0 0 6px;padding:8px 10px;display:grid}.algo:last-child{margin-bottom:0}.algo .swatch{border-radius:1px;width:12px;height:12px}.algo .name{letter-spacing:-.02em;font-weight:700;display:block}.algo .formula{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.algo .stats{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-size:.78rem;font-weight:600}.algo .stats span{color:var(--muted);font-weight:500;display:block}.algo[data-id=astar] .swatch{background:var(--astar)}.algo[data-id=dijkstra] .swatch{background:var(--dijkstra)}.algo[data-id=bfs] .swatch{background:var(--bfs)}.algo[data-id=greedy] .swatch{background:var(--greedy)}.algo[aria-pressed=false]{opacity:.45}.tools{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tools button{padding:0 10px}.row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.row label{color:var(--muted);font-size:.82rem;font-weight:600}input[type=range]{appearance:none;background:#163028;border-radius:1px;width:100%;height:6px;margin:8px 0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--astar);cursor:pointer;border-radius:1px;width:18px;height:18px}.inspect{font-variant-numeric:tabular-nums;font-size:.82rem}.inspect table{border-collapse:collapse;width:100%}.inspect th,.inspect td{text-align:right;padding:4px 0;font-weight:500}.inspect th:first-child,.inspect td:first-child{text-align:left}.inspect th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.inspect .empty{color:var(--muted);margin:0}.explain{color:var(--muted);margin:0;font-size:.86rem}.explain strong{color:var(--ink);font-weight:650}.live{min-height:1.4em;color:var(--astar);margin:8px 0 0;font-size:.86rem;font-weight:600}.help{color:var(--muted);margin:0;font-size:.78rem}.help kbd{border:1px solid var(--line);background:#10221c;border-radius:2px;min-width:1.3em;padding:0 5px;font-family:inherit;font-size:.72rem;font-weight:600;display:inline-block}@media (width<=900px){.stage{grid-template-columns:1fr}.scope{min-height:min(62dvh,560px)}}@media (prefers-reduced-motion:reduce){button,select{transition:none}.scope .scan{display:none}}