.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;align-items:start}.play-grid aside{border-left:1px solid var(--line);padding-left:24px}.play-grid aside>label{margin:18px 0 28px}.toggle{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer}.toggle input{width:16px;height:16px;min-height:0;accent-color:var(--green)}input[type=range]{width:100%;padding:0;min-height:22px;accent-color:var(--green);border:0;background:transparent;cursor:pointer}output{font-size:15px;color:var(--green);font-variant-numeric:tabular-nums}#weights label{margin:16px 0}#topology{width:100%;height:auto;display:block}.route{stroke:#cad5e7;fill:none;stroke-width:1.6}.route.active{stroke:var(--green);stroke-dasharray:5 7;animation:flow-dash 1s linear infinite}.scenario{cursor:pointer}.scenario rect{fill:#fff;stroke:#b8c6dd;stroke-width:1.2}.scenario.selected rect{stroke:var(--green);stroke-width:2;fill:#edf2ff}.scenario:focus-visible rect{stroke:#da8d21;stroke-width:3}.top-label{font-size:15px;fill:#192b40}.top-small{font-size:12px;fill:#626f7d}.top-prob{font-size:15px;fill:#335cff}.caption{min-height:42px;font-size:13px;color:#526784}.probability-readout{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px}.probability-readout small{font-size:11px;color:var(--muted)}.probability-readout strong{display:block;font-size:33px;font-weight:500;letter-spacing:-.04em;color:#173d9e}#probability-scale{width:100%;display:block}.range-band{fill:#cad7ff;transition:x .45s ease,width .45s ease}.mean-band{stroke:#335cff;stroke-width:5;transition:x1 .45s ease,x2 .45s ease}.density-panel{border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.density-head{display:flex;justify-content:space-between;gap:16px;align-items:center}#density{display:block;width:100%;max-height:260px}.posterior-line{stroke:#335cff;stroke-width:2.5;fill:none}.prior-line{stroke:#a2adbf;stroke-width:1.7;stroke-dasharray:4 5;fill:none}.density-band{fill:#335cff;opacity:.12}.key{display:inline-block;width:18px;height:3px;vertical-align:middle;margin:0 5px 0 18px}.key.prior{background:#a2adbf}.key.posterior{background:#335cff}.fade-in{animation:fade-in .35s ease both}.walk-focus{filter:drop-shadow(0 0 5px #335cff55)}@keyframes flow-dash{to{stroke-dashoffset:-24}}@keyframes fade-in{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.play-grid{grid-template-columns:1fr}.play-grid aside{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.top-label{font-size:22px}.top-small{font-size:18px}.top-prob{font-size:22px}.controls .toggle{flex:0 0 auto}.density-head{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){#estimate text{font-size:20px}#probability-scale text{font-size:18px}}

#topology{border:1px solid var(--line);background:#fdfdfa;border-radius:14px;padding:12px}.play-grid{gap:26px;grid-template-columns:minmax(0,1fr) 240px}.play-grid aside{padding-left:22px}.probability-readout{background:#fdfdfa;border-radius:14px;padding:22px}.probability-readout strong{font-size:38px;margin-top:6px}.probability-readout small{font-size:12px}.play-grid aside>label{margin-top:8px}#walk{margin-left:auto}.density-panel{padding-top:22px}.density-head h2{font-family:Georgia,serif;font-size:24px;font-weight:400}#density{background:#fdfdfa;border-radius:12px;border:1px solid var(--line);padding:12px}.toggle{font-size:13px;gap:7px}#probability[aria-busy=true]{opacity:.4}.probability-readout:has([aria-busy=true]) #probability-scale{opacity:.4}.scenario:hover rect{stroke:#315bce}.scenario rect{transition:fill .2s ease,stroke .2s ease}
@media(max-width:800px){.play-grid{grid-template-columns:1fr}.play-grid aside{padding-left:0}.play-grid aside>label{margin:16px 0 24px}#walk{margin-left:0}.probability-readout strong{font-size:32px}}