.scenario{border:1px solid var(--color-border);border-left:3px solid var(--color-secondary);background:var(--color-surface);border-radius:0 4px 4px 0;margin:1.25rem 0;padding:1.25rem 1.5rem;transition:border-color .2s}.scenario--ended{border-left-color:var(--color-primary)}.scenario__num{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:.4rem;font-size:.62rem}.scenario__intro{color:var(--color-text);margin-bottom:.875rem;font-size:.95rem;font-weight:600}.scenario__path{font-family:var(--font-mono);color:var(--color-text-faint);flex-wrap:wrap;align-items:center;gap:.375rem;margin:0 0 1rem;padding:0;font-size:.7rem;list-style:none;display:flex}.scenario__path-step{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:2px;padding:.1rem .45rem}.scenario__path-step+.scenario__path-step:before{content:"→";opacity:.4;margin-left:-.1rem;margin-right:.5rem}.scenario__prompt{color:var(--color-text);margin:0 0 .875rem;font-size:.95rem}.scenario__opts{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.scenario__opt{text-align:left;justify-content:flex-start}.scenario__error{color:var(--color-danger);font-family:var(--font-mono);font-size:.85rem}.scenario__outcome{border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:0 4px 4px 0;padding:.875rem 1.125rem}.scenario__outcome--accent{border-left-color:var(--color-accent);background:#39d3530f}.scenario__outcome--warning{border-left-color:var(--color-warning);background:#f0a5000f}.scenario__outcome--danger{border-left-color:var(--color-danger);background:#ff47570f}.scenario__verdict{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem;font-size:.62rem}.scenario__outcome--accent .scenario__verdict{color:var(--color-accent)}.scenario__outcome--warning .scenario__verdict{color:var(--color-warning)}.scenario__outcome--danger .scenario__verdict{color:var(--color-danger)}.scenario__outcome-title{color:var(--color-text);margin:0 0 .4rem;font-size:.95rem;font-weight:600}.scenario__outcome-explain{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.6}.scenario__actions{margin-top:.875rem}@media (prefers-reduced-motion:reduce){.scenario{transition:none}}