.efficiency-compare.svelte-azkqbf{--viz-bg: #fff;--viz-bg-surface: #f5f5f5;--viz-border: #000;--viz-text: #000;--viz-text-muted: #666;--viz-surface-sunken: #f0f0f0;--viz-surface-raised: #fff;--viz-accent: #3b82f6;--viz-accent-muted: rgba(59, 130, 246, .15);--viz-canvas-bg: #fafafa;--viz-canvas-border: #e0e0e0}.efficiency-compare.dark.svelte-azkqbf{--viz-bg: #1a1a1a;--viz-bg-surface: #111;--viz-border: #444;--viz-text: #e0e0e0;--viz-text-muted: #888;--viz-surface-sunken: #111;--viz-surface-raised: #222;--viz-accent: #60a5fa;--viz-accent-muted: rgba(96, 165, 250, .2);--viz-canvas-bg: #0f0f0f;--viz-canvas-border: #333}.efficiency-compare.svelte-azkqbf{font-family:var(--viz-font-mono);max-width:860px;margin:0 auto;padding:1.25rem;background:var(--viz-bg);border:2px solid var(--viz-border);color:var(--viz-text);--panel-bg: var(--viz-bg-surface, #f5f5f5);--panel-sunken: var(--viz-surface-sunken, #f0f0f0);--cell-bg: var(--viz-bg-surface, #f5f5f5);--cell-wall: var(--viz-text, #000000);--panel-border: var(--viz-border);--panel-muted: var(--viz-text-muted);--seq-accent: #e67e22;--par-accent: #27ae60}.efficiency-compare.dark.svelte-azkqbf{--panel-bg: #111111;--panel-sunken: #111111;--cell-bg: #222222;--cell-wall: #e0e0e0}.controls.svelte-azkqbf{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.control.svelte-azkqbf{display:flex;flex-direction:column;gap:.35rem;font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.control.svelte-azkqbf label:where(.svelte-azkqbf){text-transform:uppercase;letter-spacing:.08em;font-weight:600}.control.svelte-azkqbf select:where(.svelte-azkqbf),.control.svelte-azkqbf input[type=range]:where(.svelte-azkqbf){font-family:var(--viz-font-mono);font-size:var(--viz-font-size-sm);padding:.2rem .3rem;background:var(--viz-bg);color:var(--viz-text);border:1px solid var(--viz-border)}.control.svelte-azkqbf span:where(.svelte-azkqbf){font-size:var(--viz-font-size-sm);color:var(--viz-text)}.control.actions.svelte-azkqbf{flex-direction:row;align-items:flex-end;gap:.4rem;flex-wrap:wrap}.control.actions.svelte-azkqbf button:where(.svelte-azkqbf){font-family:var(--viz-font-mono);font-size:var(--viz-font-size-sm);padding:.35rem .6rem;border:1px solid var(--viz-border);background:var(--viz-bg);color:var(--viz-text);cursor:pointer}.control.actions.svelte-azkqbf button:where(.svelte-azkqbf):hover{background:var(--viz-text);color:var(--viz-bg)}.race.svelte-azkqbf{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}.panel.svelte-azkqbf{background:var(--panel-bg);border:1px solid var(--panel-border);padding:.75rem;display:flex;flex-direction:column;gap:.6rem;min-height:360px}.panel.svelte-azkqbf header:where(.svelte-azkqbf){display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);text-transform:uppercase;letter-spacing:.08em}.panel.svelte-azkqbf header:where(.svelte-azkqbf) h4:where(.svelte-azkqbf){margin:0;font-size:.75rem;color:var(--viz-text)}.token-stream.svelte-azkqbf{flex:1;border:1px solid var(--panel-border);background:var(--panel-sunken);padding:.5rem;overflow:hidden;font-size:.7rem;line-height:1.3}.line.svelte-azkqbf{color:var(--viz-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line.highlight.svelte-azkqbf{color:var(--seq-accent);font-weight:600}.grid.svelte-azkqbf{position:relative;display:grid;gap:1px;background:var(--panel-border);padding:1px;align-self:center}.cell.svelte-azkqbf{width:var(--cell-size);height:var(--cell-size);background:var(--cell-bg);transition:background var(--viz-transition-fast)}.cell.wall.svelte-azkqbf{background:var(--cell-wall)}.cell.road.active.svelte-azkqbf{background:var(--viz-success)}.cell.start.svelte-azkqbf{background:var(--viz-start)}.cell.goal.svelte-azkqbf{background:var(--viz-goal)}.cell.path.svelte-azkqbf{background:var(--viz-success)}.solved.svelte-azkqbf{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--viz-text);color:var(--viz-bg);padding:.3rem .8rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--viz-bg)}.progress.svelte-azkqbf{height:6px;background:var(--panel-sunken);overflow:hidden}.progress.svelte-azkqbf .bar:where(.svelte-azkqbf){height:100%;background:var(--seq-accent);transition:width .2s linear}.progress.fast.svelte-azkqbf .bar:where(.svelte-azkqbf){background:var(--par-accent)}.stats.svelte-azkqbf,.substats.svelte-azkqbf{display:flex;flex-wrap:wrap;gap:.6rem;font-size:var(--viz-font-size-sm);color:var(--viz-text-muted)}.stats.svelte-azkqbf span:where(.svelte-azkqbf),.substats.svelte-azkqbf span:where(.svelte-azkqbf){white-space:nowrap}.ratio.svelte-azkqbf{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem;font-size:var(--viz-font-size-base)}.ratio.svelte-azkqbf strong:where(.svelte-azkqbf){letter-spacing:.1em;text-transform:uppercase;color:var(--viz-text-muted);font-size:var(--viz-font-size-xs)}.note.svelte-azkqbf,.caption.svelte-azkqbf{margin-top:.75rem;font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.caption.svelte-azkqbf{border-top:1px dashed var(--viz-border);padding-top:.6rem}@media(max-width:720px){.panel.svelte-azkqbf{min-height:320px}.ratio.svelte-azkqbf{flex-direction:column;gap:.3rem}}@media(prefers-reduced-motion:reduce){.progress.svelte-azkqbf .bar:where(.svelte-azkqbf){transition:none}}