.dg-frame{max-width:920px;padding:var(--bezel-pad);border-radius:var(--bezel-r);background:var(--bezel-shell);box-shadow:var(--bezel-ring), var(--shadow-float)}.dg{border-radius:calc(var(--bezel-r) - var(--bezel-pad));background:var(--bg-secondary);box-shadow:var(--core-highlight), 0 0 0 1px var(--border);padding:clamp(1.25rem,3vw,2.5rem);position:relative;overflow:hidden}.dg-noscript{padding:var(--space-lg);color:var(--text-secondary)}.dg-progress{background:color-mix(in srgb, var(--text-primary) 6%, transparent);height:3px;position:absolute;inset:0 0 auto}.dg-progress span{background:var(--accent-primary);transform-origin:0;height:100%;transition:transform .32s var(--ease-out);display:block}.dg-step{min-width:0;animation:dg-in .26s var(--ease-out) both;border:0;margin:0;padding:0}.dg-step-head{gap:var(--space-xs);flex-direction:column;padding:0;display:flex}.dg-step-n{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.dg-step-title{font-family:var(--font-display-stack);font-size:var(--text-2xl);font-weight:var(--h2-weight);line-height:var(--h2-leading);letter-spacing:-.03em;outline:none}.dg-step-hint{margin:var(--space-sm) 0 var(--space-lg);color:var(--text-secondary)}.dg-chips{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dg-chip{align-items:center;gap:var(--space-sm);min-height:52px;padding:var(--space-sm) var(--space-md);text-align:left;font:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), transform .12s var(--ease-out);display:flex}.dg-chip:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.dg-chip:hover{border-color:var(--border-hover)}}.dg-chip:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.dg-chip[aria-checked=true]{border-color:var(--text-accent);background:color-mix(in srgb, var(--accent-primary) 7%, var(--bg-card))}.dg-chip-mark{border:1.5px solid var(--border-hover);width:18px;height:18px;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out);border-radius:50%;flex:none}.dg-chip[role=checkbox] .dg-chip-mark{border-radius:5px}.dg-chip[aria-checked=true] .dg-chip-mark{border-color:var(--text-accent);background:var(--accent-primary);box-shadow:inset 0 0 0 3px var(--bg-card)}.dg-nav{justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xl);display:flex}.dg-nav .btn[disabled]{opacity:.5;cursor:not-allowed}.dg-result{animation:dg-in .3s var(--ease-out) both}.dg-result-title{font-family:var(--font-display-stack);font-size:var(--text-2xl);font-weight:var(--h2-weight);line-height:var(--h2-leading);letter-spacing:-.03em;outline:none}.dg-result-lead{margin:var(--space-sm) 0 var(--space-xl);color:var(--text-secondary);max-width:62ch}.dg-map{grid-template-columns:minmax(0,1fr) 28px minmax(0,.85fr) 28px minmax(0,1fr);align-items:center;display:grid}.dg-col{gap:6px;display:grid}.dg-core{display:grid}.dg-link{background:color-mix(in srgb, var(--text-accent) 55%, transparent);height:1.5px}.dg-node{border:1px solid var(--border);background:var(--bg-card);animation:dg-in .32s var(--ease-out) both;border-radius:14px;flex-direction:column;gap:2px;padding:.6rem .85rem;display:flex}.dg-col .dg-node:nth-child(2){animation-delay:40ms}.dg-col .dg-node:nth-child(3){animation-delay:80ms}.dg-col .dg-node:nth-child(4){animation-delay:.12s}.dg-node-title{font-weight:600;font-size:var(--text-sm)}.dg-node-note{font-size:var(--text-xs);color:var(--text-muted)}.dg-node[data-state=off]{background:0 0;border-style:dashed}.dg-node[data-state=off] .dg-node-title{color:var(--text-secondary);font-weight:600}.dg-node[data-state=on]{border-color:var(--border-hover)}.dg-node[data-state=hand]{border-color:var(--text-accent);background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-card));box-shadow:0 0 0 3px color-mix(in srgb, var(--text-accent) 12%, transparent)}.dg-node[data-state=hand] .dg-node-note{color:var(--text-accent);font-weight:600}.dg-core .dg-node[data-state=core]{background:var(--text-primary);border-color:var(--text-primary)}.dg-core .dg-node[data-state=core] .dg-node-title,.dg-core .dg-node[data-state=core] .dg-node-note{color:var(--bg-primary)}.dg-legend{gap:var(--space-xs) var(--space-lg);margin:var(--space-lg) 0 0;font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;padding:0;list-style:none;display:flex}.dg-legend li{align-items:center;gap:6px;display:flex}.dg-legend li:before{content:"";border:1px solid var(--border-hover);border-radius:3px;width:14px;height:10px}.dg-legend li[data-state=hand]:before{border-color:var(--text-accent);background:color-mix(in srgb, var(--accent-primary) 18%, transparent)}.dg-legend li[data-state=off]:before{border-style:dashed}.dg-picks-title{margin:var(--space-2xl) 0 var(--space-md);font-size:var(--text-xl);font-weight:760}.dg-picks{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.dg-pick{gap:2px var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--border);grid-template-columns:8.5rem minmax(0,1fr);display:grid}.dg-pick-step{font-size:var(--text-sm);color:var(--text-muted);grid-row:1/span 3;padding-top:2px}.dg-pick[data-first] .dg-pick-step{color:var(--text-accent);font-weight:600}.dg-pick-name{font-weight:760;font-size:var(--text-lg);color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border-hover);text-decoration-color:var(--border-hover);text-underline-offset:.2em}.dg-pick-name:hover{-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.dg-pick-why{color:var(--text-secondary);margin:0}.dg-pick-meta{gap:var(--space-lg);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-primary);margin:0;display:flex}.dg-pick-meta span:first-child{color:var(--text-accent);font-weight:600}.dg-note{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.dg-note a{color:var(--text-accent)}.dg-actions{gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.dg-actions .btn{white-space:normal;text-align:center;max-width:100%}.dg-restart{margin-top:var(--space-md)}.dg-restart .link-button{align-items:center;min-height:44px;display:inline-flex}.dg-broken{margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);border-left:2px solid var(--text-accent);color:var(--text-secondary)}html[data-dg-restore] .dg-step{visibility:hidden}.dg-facts{gap:0 var(--space-md);margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;padding:0;list-style:none;display:flex}.dg-facts li+li:before{content:"·";margin-right:var(--space-md);color:var(--text-muted)}.dg-hero{padding-bottom:var(--space-xl)}.dg-hero .sp-hero-subtitle{max-width:62ch}.dg-hero .dg-frame{margin-top:var(--space-xl)}@keyframes dg-in{0%{transform:translateY(6px)}to{transform:none}}@media (max-width:760px){.dg-chips{grid-template-columns:1fr}.dg-map{grid-template-columns:1fr;gap:6px}.dg-col{grid-template-columns:1fr 1fr}.dg-link{display:none}.dg-pick{grid-template-columns:1fr}.dg-pick-step{grid-row:auto}}@media (prefers-reduced-motion:reduce){.dg-step,.dg-result,.dg-node{animation:none}.dg-progress span,.dg-chip,.dg-chip-mark{transition:none}}