.dg{gap:var(--space-3);min-width:0;display:grid;position:relative}.dg-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);padding:var(--space-4);gap:var(--space-3);min-width:0;display:grid}.dg-bar{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.dg-bar[hidden],.dg-ctrl [hidden]{display:none}.dg-scen{gap:var(--space-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.dg-hint{font-size:var(--text-sm);color:var(--text-2);max-width:70ch}.dg-btn{align-items:center;gap:var(--space-2);min-height:36px;font:inherit;font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-1);cursor:pointer;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);padding:6px 12px;font-weight:500;display:inline-flex}.dg-btn:hover{border-color:var(--accent)}.dg-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dg-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.dg-btn .num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lc,var(--accent));box-shadow:inset 0 -3px 0 var(--lc,var(--accent));border-radius:var(--radius-sm);border:1px solid;padding:0 5px;font-weight:600;line-height:1.4}.dg-btn code{font-size:var(--text-xs)}.dg-btn .icon{width:16px;height:16px}.dg-ctrl{gap:var(--space-2);align-items:center;display:flex}.dg-ctrl .dg-btn{min-width:var(--target);min-height:var(--target);justify-content:center;padding:6px}.dg-ctrl .i-play,.dg-ctrl .is-paused .i-pause{display:none}.dg-ctrl .is-paused .i-play{display:block}.dg-ctrl [data-step]{display:none}.dg.is-reading .dg-ctrl [data-step]{display:inline-flex}.dg-stage{min-width:0;position:relative;container-type:inline-size}.dg-svg{width:100%;height:auto;display:block;overflow:visible}.dg-svg.tall{max-width:420px;margin-inline:auto;display:none}@container (width<=719px){.dg-svg.wide{display:none}.dg-svg.tall{display:block}.dg-panel{margin-top:var(--space-3);width:auto!important;max-height:none!important;position:static!important}}.dg-cap{gap:var(--space-3);min-height:3.2em;font-size:var(--text-sm);color:var(--text-2);border-top:1px solid var(--border);padding-top:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.dg-cap[hidden]{display:none}.dg-cap .step{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 6px}.dg-cap .txt b{color:var(--text-1);font-weight:600}.dg-cap .txt code{font-size:var(--text-xs)}.dg-legend{gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dg-legend li{align-items:center;gap:6px;display:inline-flex}.dg-legend svg{width:18px;height:12px;overflow:visible}.dg-panel{top:var(--space-3);right:var(--space-3);width:min(340px, calc(100% - 2 * var(--space-3)));max-height:calc(100% - 2 * var(--space-3));background:var(--bg-card);color:var(--text-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);box-shadow:0 2px 0 var(--border), 0 12px 0 -6px var(--border);opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);z-index:3;display:grid;position:absolute;overflow:auto;transform:translateY(6px)}.dg-panel[hidden]{display:none}.dg-panel.is-open{opacity:1;transform:none}.dg-panel header{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.dg-panel h4{font-family:var(--font-ui);font-size:var(--text-md);margin:0;line-height:1.3}.dg-panel h4:focus{outline:none}.dg-panel .sum{font-size:var(--text-sm);color:var(--text-1);max-width:60ch;margin:0;line-height:1.5}.dg-panel header .icon{width:20px;height:20px;color:var(--text-2);margin-top:2px}.dg-panel .close{min-width:var(--target);min-height:var(--target);color:var(--text-2);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;margin:-10px -10px 0 0;display:inline-flex}.dg-panel .close:focus-visible{outline:2px solid var(--focus)}.dg-panel .meta{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);flex-wrap:wrap;align-items:center;display:flex}.dg-panel dl{gap:var(--space-2);font-size:var(--text-sm);margin:0;display:grid}.dg-panel dt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2)}.dg-panel dd{margin:0}.dg-panel .runs-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);margin-bottom:var(--space-2)}.dg-panel .runs{gap:var(--space-2);flex-wrap:wrap;display:flex}.dg-steps{gap:var(--space-2);counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin:0;padding:0;list-style:none;display:grid}.dg-steps li{border-top:3px solid var(--border);padding-top:var(--space-2);font-size:var(--text-sm);color:var(--text-2);transition:border-color .2s var(--ease-out)}.dg-steps li b{color:var(--text-1);font-weight:600;display:block}.dg-steps li b:before{counter-increment:s;content:counter(s, decimal-leading-zero) " ";font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2)}.dg-steps li.is-current{border-color:var(--accent)}.dg-steps li.is-current b:before{color:var(--accent)}.dg-cases{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin:0;padding:0;list-style:none;display:grid}.dg-case{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);padding:var(--space-4);gap:var(--space-2);transition:border-color .2s var(--ease-out);align-content:start;display:grid}.dg-case.is-playing{border-color:var(--accent)}.dg-case h3{font-size:var(--text-md);gap:var(--space-2);align-items:baseline;margin:0;line-height:1.3;display:flex}.dg-case h3 .num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lc);box-shadow:inset 0 -3px 0 var(--lc);border-radius:var(--radius-sm);border:1px solid;padding:0 5px;font-weight:600}.dg-case p{font-size:var(--text-sm);color:var(--text-2);margin:0}.dg-case p b{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-1);font-weight:600;display:block}.dg-case .dg-btn{margin-top:var(--space-1);justify-self:start}.dg-case .dg-btn[hidden]{display:none}.dg-static{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0;padding:0;list-style:none;display:grid}.dg-static b{color:var(--text-1);display:block}.dg.is-live .dg-static{display:none}.dg-desc{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dg-svg text{font-family:var(--font-ui);font-size:var(--text-sm);fill:var(--text-1)}.dg-svg .mono,.dg-svg .n-sub,.dg-svg .stn-sub,.dg-svg .stn-n,.dg-svg .dm-meta,.dg-svg .z-label,.dg-svg .core-label,.dg-svg .badge text,.dg-svg .ref-cap,.dg-svg .fail-badge text{font-family:var(--font-mono);font-size:var(--text-xs)}.dg-svg .n-sub,.dg-svg .stn-sub,.dg-svg .dm-meta,.dg-svg .z-label{fill:var(--text-2)}.dg-svg .stn-n{fill:var(--text-2);font-weight:600}.dg-svg .core-label{fill:var(--accent);font-weight:600}.dg-svg .ico{color:var(--text-2)}.dg-svg .zone{fill:none;stroke:var(--border-strong);stroke-width:1.25px;stroke-dasharray:6 5}.dg-svg .ctl-zone{fill:none;stroke:var(--border-strong);stroke-width:1.25px}.dg-svg .core{fill:var(--bg-card);stroke:var(--accent);stroke-width:1.75px}.dg-svg .core-shadow{fill:var(--accent-soft)}.dg-svg .n{transition:opacity .22s var(--ease-out)}.dg-svg .n-lift{transition:transform .18s var(--ease-out)}.dg-svg .n-shadow{fill:var(--border)}.dg-svg .n-box{fill:var(--bg-card);stroke:var(--border-strong);stroke-width:1px;transition:stroke .18s var(--ease-out)}.dg-svg .n.coming .n-box,.dg-svg .n.coming .core{fill:none;stroke:var(--border-strong);stroke-dasharray:4 4}.dg-svg .n.coming .n-shadow,.dg-svg .n.coming .core-shadow{display:none}.dg-svg .n.coming .n-name{fill:var(--text-2)}.dg-svg .n.outside .n-box{stroke-dasharray:2 3}.dg-svg .n.shared .n-box{stroke:var(--text-1);stroke-width:2.5px}.dg-svg .n.is-target .n-box,.dg-svg .n.is-source .n-box,.dg-svg .n.is-target .core{stroke:var(--accent);stroke-width:2.5px}.dg-svg .n.is-refused .n-box,.dg-svg .n.is-refused .core{stroke:var(--refusal);stroke-width:2px}.dg-svg .n.is-failed .n-box{stroke:var(--refusal);stroke-dasharray:4 3}.dg-svg .is-off{opacity:.3}.dg-svg [data-key]{cursor:pointer;outline:none}.dg-svg [data-key]:hover .n-lift,.dg-svg [data-key]:focus-visible .n-lift{transform:translateY(-2px)}.dg-svg [data-key]:hover .n-box,.dg-svg [data-key]:focus-visible .n-box,.dg-svg [data-key]:hover .dm-box,.dg-svg [data-key]:focus-visible .dm-box{stroke:var(--accent)}.dg-svg .ring{fill:none;stroke:var(--focus);stroke-width:2px;opacity:0}.dg-svg [data-key]:focus-visible .ring{opacity:1}.dg-svg .hit-area{fill:var(--bg-card);fill-opacity:0}.dg-svg .dm{transition:opacity .22s var(--ease-out)}.dg-svg .dm-box{fill:var(--bg-page);stroke:var(--border);stroke-width:1px;transition:stroke .18s var(--ease-out), fill .18s var(--ease-out)}.dg-svg .dm-name{font-weight:600}.dg-svg .dm.on .dm-box{stroke:var(--accent);fill:var(--accent-soft)}.dg-svg .dm-bar{fill:var(--border)}.dg-svg .dm-fill{fill:var(--accent)}.dg-svg .stn{transition:opacity .22s var(--ease-out)}.dg-svg .stn-ring{fill:var(--bg-card);stroke:var(--text-1);stroke-width:2.5px}.dg-svg .stn.single .stn-ring{stroke:var(--lc);stroke-width:3px}.dg-svg .stn-dot{fill:var(--lc,var(--text-1));transform-box:fill-box;transform-origin:50%;transition:transform .22s var(--ease-out);transform:scale(0)}.dg-svg .stn-pulse{fill:none;stroke:var(--lc,var(--text-1));stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;opacity:0}.dg-svg .stn-name{font-weight:600}.dg-svg .stn.is-check .stn-dot,.dg-svg .stn.is-current .stn-dot,.dg-svg .stn.is-passed .stn-dot{transform:scale(1)}.dg-svg .stn.is-check .stn-pulse,.dg-svg .stn.is-current .stn-pulse{animation:dg-pulse .9s var(--ease-out)}.dg-svg .stn.is-current .stn-ring{stroke-width:3.5px}.dg-svg .stn.is-refusing .stn-ring{stroke:var(--refusal)}.dg-svg .stn.is-refusing .stn-dot{fill:var(--refusal);transform:scale(1)}.dg-svg .stn.coming .stn-ring{stroke:var(--border-strong);stroke-dasharray:3 3}.dg-svg .stn.coming .stn-name{fill:var(--text-2);font-weight:500}.dg-svg[data-held] .stn.on .stn-ring{stroke:var(--accent);stroke-width:3.5px}.dg-svg[data-held] .stn.on .stn-dot{transform:scale(1)}.dg-svg[data-held] .stn.on .stn-name{fill:var(--accent)}.dg-svg .spur{stroke:var(--border-strong);stroke-width:1.25px;stroke-dasharray:3 3;fill:none}@keyframes dg-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.dg .l-1{--lc:var(--line-1)}.dg .l-2{--lc:var(--line-2)}.dg .l-3{--lc:var(--line-3)}.dg .l-4{--lc:var(--line-4)}.dg .l-5{--lc:var(--line-5)}.dg .l-6{--lc:var(--line-6)}.dg-svg .trunk{fill:none;stroke:var(--accent-soft);stroke-linecap:round;opacity:.7}.dg-svg .reach{fill:none;stroke:var(--text-2);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:stroke .18s var(--ease-out), opacity .22s var(--ease-out)}.dg-svg .reach.on{stroke:var(--accent);opacity:1}.dg-svg[data-hl] .reach:not(.on){opacity:.2}.dg-svg.has-reach:not([data-hl]) .wire{opacity:.5}.dg-svg .wire{fill:none;stroke:var(--lc);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .22s var(--ease-out)}.dg-svg .wire.thin{stroke-width:2.5px}.dg-svg .wire.coming{stroke:var(--border-strong);stroke-width:1.5px;stroke-dasharray:4 4}.dg-svg .gw-mark .ink{fill:var(--text-1)}.dg-svg .gw-mark .piece{fill:var(--accent)}.dg-svg .gw-word{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);letter-spacing:-.02em;fill:var(--text-1)}.rm-svg .gw-word{font-size:var(--text-xl)}.dg-svg .gw-way{fill:var(--accent)}.dg-svg .gw-cat{fill:var(--text-2);font-weight:600}.dg-svg .port{fill:var(--bg-card);stroke:var(--accent);stroke-width:2.5px}.dg-svg .ln{transition:opacity .22s var(--ease-out)}.dg-svg .lane{fill:none;stroke:var(--text-2);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s var(--ease-out)}.dg-svg .lane.coming{stroke:var(--border-strong);stroke-width:1.5px;stroke-dasharray:4 4}.dg-svg .hit-lane{fill:none;stroke:var(--bg-card);stroke-opacity:0;stroke-width:14px}.dg-svg .lane-knock{fill:var(--bg-card);stroke:none}.dg-svg .lane-name{font-weight:600}.dg-svg .lane-sub{font-family:var(--font-mono);font-size:var(--text-xs);fill:var(--text-2);font-weight:400}.dg-svg .ln.coming .lane-name{fill:var(--text-2);font-weight:500}.dg-svg .ln:hover .lane:not(.coming),.dg-svg .ln:focus-visible .lane:not(.coming),.dg-svg .ln.on .lane:not(.coming){stroke:var(--accent)}.dg-svg .ln:focus-visible .lane-knock{stroke:var(--focus);stroke-width:2px}.dg-svg .ctl-link{fill:none;stroke:var(--border-strong);stroke-width:1.25px;stroke-dasharray:1 4;stroke-linecap:round;transition:stroke .2s var(--ease-out), opacity .22s var(--ease-out)}.dg-svg .ctl-link.on{stroke:var(--accent);stroke-width:1.75px}.dg-svg .ctl-arrow{fill:none;stroke:var(--border-strong);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s var(--ease-out), opacity .22s var(--ease-out)}.dg-svg .ctl-arrow.on{stroke:var(--accent)}.dg-svg .ref-branch{fill:none;stroke:var(--refusal);stroke-width:1.5px;stroke-dasharray:3 4;opacity:.75;transition:opacity .2s var(--ease-out)}.dg-svg .ref-branch.is-on{opacity:1;stroke-dasharray:none;stroke-width:2.5px}.dg-svg .badge{transform-box:fill-box;transform-origin:0;transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.dg-svg .badge rect{fill:var(--refusal)}.dg-svg .badge text{fill:var(--bg-card);font-weight:600}.dg-svg .badge.is-on{transform:scale(1.18)}.dg-svg .ref-cap{fill:var(--refusal)}.dg-svg .fail-badge{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .16s var(--ease-out), transform .38s cubic-bezier(.34, 1.56, .64, 1);transform:scale(.6)}.dg-svg .fail-badge rect{fill:var(--refusal)}.dg-svg .fail-badge text{fill:var(--bg-card);font-weight:600}.dg-svg .fail-badge.is-on{opacity:1;transform:none}.dg-svg .trail{fill:none;stroke:var(--bg-card);stroke-width:1.5px;stroke-linecap:round}.dg-svg .trail.bad{stroke:var(--refusal);stroke-width:3.5px}.dg-svg .head{transition:opacity .2s var(--ease-out)}.dg-svg .head .shape{fill:var(--bg-card);stroke:var(--lc,var(--accent));stroke-width:3px}.dg-svg .head.bad .shape{fill:var(--refusal);stroke:var(--refusal)}.dg-svg .head.gone{opacity:0}.dg-legend .head .shape{fill:var(--bg-card);stroke:var(--text-1);stroke-width:2px}.dg-svg[data-hl] .wire:not(.on),.dg-svg[data-hl] .n:not(.on),.dg-svg[data-hl] .stn:not(.on),.dg-svg[data-hl] .dm:not(.on),.dg-svg[data-hl] .ctl-link:not(.on),.dg-svg[data-hl] .ctl-arrow:not(.on),.dg-svg[data-hl] .ln:not(.on){opacity:.28}@media (prefers-reduced-motion:reduce){.dg-svg .stn-pulse{display:none}.dg-svg .badge,.dg-svg .n-lift,.dg-svg .stn-dot,.dg-panel{transition:none}}