.visual-world{max-width:1200px;color:var(--k-text);--scene-fail:#bc2437;--scene-success:#18734e;flex-direction:column;margin:auto;padding:1rem clamp(1rem,3vw,2rem) 2rem;display:flex}html.dark .visual-world{--scene-fail:#ff8c98;--scene-success:#74dfb5}.visual-world header{max-width:900px}.visual-world h1{margin:0 0 .6rem;font:900 clamp(1.55rem,3.6vw,2.6rem)/1.2 Poppins,sans-serif}.visual-world header>p{color:var(--k-text-muted);margin:0;line-height:1.6}.visual-world .learning-depth{border:1px solid var(--k-border);background:var(--k-bg-card);border-radius:12px;gap:2px;width:max-content;max-width:100%;margin:1.25rem 0 .4rem;padding:3px;display:inline-flex}.learning-depth label{cursor:pointer;min-width:0;position:relative}.learning-depth input{opacity:0;width:1px;height:1px;position:absolute}.learning-depth span{border-radius:8px;place-content:center;min-height:44px;padding:.4rem 1rem;font-size:.85rem;font-weight:750;display:grid}.learning-depth input:checked+span{background:var(--infooo-accent);color:#122d27}.learning-depth input:focus-visible+span{outline:3px solid var(--k-text);outline-offset:3px}.visual-world .scene-scenarios{flex-wrap:wrap;gap:.35rem;margin:.5rem 0;display:flex}.scene-scenarios button{border:1px solid var(--k-border);min-height:44px;color:var(--k-text);cursor:pointer;background:0 0;border-radius:20px;padding:.4rem .8rem;font-size:.8rem}.scene-scenarios [aria-pressed=true]{border-color:var(--k-text);background:var(--k-bg-card);text-underline-offset:4px;font-weight:800;text-decoration:underline}.visual-world .scene-wires{fill:none;width:100%;height:100%;stroke:var(--k-border);stroke-width:2px;pointer-events:none;position:absolute;inset:0}.scene-wires path{vector-effect:non-scaling-stroke}.scene-wires .scene-link,.scene-wires .repair-route{fill:none;stroke:var(--k-border);stroke-dasharray:5 5}.scene-wires .wire-tall,.visual-world .wire-tall{display:none}.scene-wires [data-state=complete]{stroke:var(--scene-success);stroke-dasharray:none;opacity:.65}.scene-wires [data-state=active]{stroke:var(--k-text);stroke-width:3px;stroke-dasharray:8 5;animation:1.2s linear infinite path-flow}.scene-wires [data-state=failed]{stroke:var(--scene-fail);stroke-width:3px;stroke-dasharray:3 4}.visual-world [data-state=active]>strong{border-bottom:3px solid var(--infooo-accent)}.visual-world [data-state=failed]>strong{color:var(--scene-fail);border-bottom:3px dashed}.visual-world [data-state=upcoming]>svg{opacity:.65}.visual-world [data-state=complete]>svg{stroke:var(--scene-success)}.visual-world [data-state=active]>svg{stroke:var(--k-text)}.visual-world [data-state=failed]>svg{stroke:var(--scene-fail)}.scene-takeaway{text-align:center;max-width:65ch;margin:.5rem auto 2rem;font-weight:750;line-height:1.65}.visual-world .infooo-sources{border-top:1px solid var(--k-border);color:var(--k-text-muted);padding-top:1rem;font-size:.85rem;line-height:1.7}.visual-world summary{cursor:pointer;align-content:center;min-height:44px}.infooo-sources a{color:var(--k-text);text-decoration:underline}.visual-world .infooo-sources h2{margin-top:1.25rem;font-size:1rem}@keyframes path-flow{to{stroke-dashoffset:-26px}}@keyframes scene-transfer{0%{left:var(--from-x);top:var(--from-y)}}.visual-world [data-running=false] .scene-link,.visual-world [data-running=false] .repair-route,.visual-world [data-running=false] .build-gear,.visual-world [data-running=false] .release-artifact{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.visual-world *{transition:none!important;animation:none!important}}.scene-card{border:1px solid var(--k-border);background:var(--k-bg);border-radius:18px;min-width:0;margin-top:1.25rem}.scene-topbar{border-bottom:1px solid var(--k-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.visual-world .scene-topbar .learning-depth{margin:.4rem 0}.scene-case{align-items:center;gap:.5rem;max-width:100%;font-size:.8rem;font-weight:750;display:flex}.scene-case select{background:var(--k-bg-card);min-width:0;max-width:100%;min-height:44px;color:var(--k-text);border:1px solid var(--k-border);font:inherit;border-radius:8px;padding:.4rem .6rem}.scene-case select:focus-visible{outline:3px solid var(--k-text);outline-offset:3px}.scene-learning{border-top:1px solid var(--k-border);padding:.5rem 1rem 1rem}.scene-caption{text-align:center;line-height:1.6}.scene-caption>strong{font-weight:800}.scene-caption>p{max-width:65ch;margin:.3rem auto}.scene-caption .scene-why{color:var(--k-text-muted);font-size:.8rem}.scene-terms{text-align:left;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;margin:1rem 0;font-size:.8rem;display:flex}.scene-terms>div{flex:180px;max-width:270px}.scene-terms dt{font-weight:800}.scene-terms dd{color:var(--k-text-muted);margin:.2rem 0 0;line-height:1.5}.scene-evidence{color:var(--k-text-muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin:1rem 0;padding:0;font-size:.8rem;list-style:none;display:flex}.scene-evidence [data-ready=true]{color:var(--scene-success);font-weight:750}.scene-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.scene-controls button{min-height:44px}.scene-controls .k-button--primary{min-width:100px}.scene-controls .scene-replay-moment{color:var(--k-text);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:.5rem;font-size:.8rem;text-decoration:underline}.visual-world button:focus-visible,.visual-world summary:focus-visible{outline:3px solid var(--k-text);outline-offset:4px}@media (width<=650px){.visual-world h1{font-size:1.6rem}.visual-world header>p{font-size:.95rem}.scene-topbar{gap:.25rem;padding:.5rem}.visual-world .scene-topbar .learning-depth{width:100%;display:flex}.scene-topbar .learning-depth label{flex:1}.learning-depth span{padding:.35rem .4rem;font-size:.75rem}.scene-case{justify-content:space-between;width:100%}.scene-case select{flex:1}.scene-learning{padding:.75rem}.scene-caption{text-align:left;font-size:.85rem}.scene-caption>p{margin:.3rem 0}.scene-terms{justify-content:flex-start;gap:.5rem;font-size:.75rem}.scene-terms>div{flex-basis:130px}.scene-takeaway{text-align:left}.visual-world .wire-wide{display:none}.visual-world .wire-tall{display:block}}.scene-learning{flex-direction:column;display:flex}.scene-learning>.scene-controls{order:0}.scene-learning>.scene-evidence{order:1}.scene-learning>.scene-caption{order:2}.tiny-diff[data-blocked=true]>svg{opacity:.35}.repo-files .file-found:has(+.unrelated-file){overflow-wrap:anywhere}