.sc-steps{display:flex;justify-content:center;gap:4px;margin-bottom:16px}.sc-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:72px;opacity:.4;transition:opacity .3s ease}.sc-step[data-state=active],.sc-step[data-state=zoom-active]{opacity:1}.sc-step[data-state=stable],.sc-step[data-state=moderate],.sc-step[data-state=tension],.sc-step[data-state=critical]{opacity:.7}.sc-step-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .3s ease,transform .3s ease}.sc-step[data-state=active] .sc-step-dot{background:var(--accent);transform:scale(1.3)}.sc-step[data-state=zoom-active] .sc-step-dot{background:var(--accent);transform:scale(1.3);box-shadow:0 0 0 3px #eb5f8233}.sc-step[data-state=stable] .sc-step-dot{background:#22c55e}.sc-step[data-state=moderate] .sc-step-dot{background:#eab308}.sc-step[data-state=tension] .sc-step-dot{background:#f59e0b}.sc-step[data-state=critical] .sc-step-dot{background:#ef4444}.sc-step-name{font-size:var(--fs-2xs);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sc-step[data-state=active] .sc-step-name,.sc-step[data-state=zoom-active] .sc-step-name{color:var(--text)}@media(max-width:480px){.sc-step-name{font-size:var(--fs-micro)}}.sc-map{text-align:center;margin-bottom:1.5rem}.sc-diagram{position:relative;max-width:540px;margin:0 auto}.sc-svg{display:block;width:100%;height:auto;color:var(--text)}.sc-mesh{opacity:.03;transition:opacity .4s}.sc-conn{stroke:var(--border);stroke-width:.75;opacity:.12;transition:stroke .4s,stroke-width .4s,opacity .4s}.sc-edge{stroke-width:.75;opacity:.12}.sc-spoke{stroke-width:.5;opacity:.08}.sc-cross{stroke-width:.5;opacity:.06}.sc-conn.tension-secondary{stroke:#f59e0b;stroke-width:2;opacity:.5}.sc-conn.tension-tertiary{stroke:#eab308;stroke-width:1.5;stroke-dasharray:6 4;opacity:.4}.sc-conn.tension-active{stroke:#ef4444;stroke-width:3;opacity:1}.sc-ring{fill:none;transition:opacity .4s}.sc-node-circle{fill:var(--dim-c, var(--border));stroke:none;opacity:.6;transition:fill .4s,opacity .4s}.sc-node-circle[data-state=stable]{fill:#22c55e;opacity:1}.sc-node-circle[data-state=moderate]{fill:#eab308;opacity:1}.sc-node-circle[data-state=tension]{fill:#f59e0b;opacity:1}.sc-node-circle[data-state=critical]{fill:#ef4444;opacity:1}.sc-why-label{font-family:inherit;pointer-events:none;transition:fill .4s}.sc-node-circle[data-dim=why][data-state=stable]~.sc-why-label,.sc-node-circle[data-dim=why][data-state=moderate]~.sc-why-label,.sc-node-circle[data-dim=why][data-state=tension]~.sc-why-label,.sc-node-circle[data-dim=why][data-state=critical]~.sc-why-label{fill:#fff}.sc-overlay{position:absolute;inset:0;pointer-events:none}.sc-lbl{position:absolute;font-size:var(--fs-sm);font-weight:600;color:var(--text2);white-space:nowrap}.sc-lbl--top-left{transform:translate(calc(-100% - 16px),-50%)}.sc-lbl--top-right{transform:translate(16px,-50%)}.sc-lbl--right{transform:translate(20px,-50%)}.sc-lbl--bottom{transform:translate(-50%,20px)}.sc-lbl--left{transform:translate(calc(-100% - 20px),-50%)}@media(max-width:480px){.sc-diagram{max-width:100%;margin-left:8px;margin-right:8px}.sc-lbl{font-size:var(--fs-2xs)}.sc-lbl--top-left{transform:translate(calc(-100% - 8px),-50%)}.sc-lbl--top-right{transform:translate(8px,-50%)}.sc-lbl--right{transform:translate(12px,-50%)}.sc-lbl--left{transform:translate(calc(-100% - 12px),-50%)}}.sc-engine{max-width:640px;margin:0 auto}.sc-phase-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.25rem}.sc-dim-label{font-size:var(--fs-sm);color:var(--text2);margin-bottom:.75rem}.sc-answers{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.sc-progress-text{text-align:center;font-size:var(--fs-xs);color:var(--text2);margin-top:1rem}@keyframes stepFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.sc-answers{flex-wrap:wrap}}.sc-result-cta{text-align:center;margin-top:2rem;padding:2rem 1.5rem;border:2px solid var(--accent);border-radius:var(--radius-card);background:linear-gradient(135deg,#eb5f820a,#eb5f8214)}.sc-result-cta-text{font-size:var(--fs-body);color:var(--text2);line-height:1.6;margin-bottom:1.25rem;max-width:480px;margin-left:auto;margin-right:auto}.sc-result-cta-btn{display:inline-flex!important;text-decoration:none;font-size:var(--fs-base)!important;padding:.875rem 2rem!important}.sc-restart-btn{background:var(--surface)!important;color:var(--text2)!important;border:1px solid var(--border)!important;font-size:var(--fs-caption)!important;padding:.6rem 1.5rem!important}.sc-restart-btn:hover{background:var(--surface-elevated)!important;color:var(--text)!important}
