.setup-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}
.setup-progress-step{display:flex;gap:9px;align-items:center;text-align:left;padding:13px 11px;background:#202635;color:#c6c7cf;border:1px solid #3b4052;border-radius:12px;min-width:0}
.setup-progress-step b{display:grid;place-items:center;flex:none;background:#393b48;width:27px;height:27px;border-radius:50%;font-size:12px}
.setup-progress-step.selected{border-color:#d6b071;color:#ffe5b6;background:#353027}
.setup-progress-step.selected b,.setup-progress-step.done b{background:#c7a063;color:#211a12}
.setup-progress-step.done{border-color:#65523d}
.setup-progress-step span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setup-panel{max-width:980px;margin:auto;padding:26px}
.setup-panel h2{color:#f0c58f;font-size:27px}
.setup-panel .field input[type=range],.myth-settings-panel .field input[type=range]{padding:2px;background:transparent;accent-color:#d5b377;cursor:pointer}
.setup-tabs{display:flex;gap:8px;overflow-x:auto;padding:1px 0 15px}
.setup-tabs .button{white-space:nowrap}
.setup-tabs .button.selected{background:#665038;border-color:#a88a5e;color:#ffe1a9}
.myth-settings-panel[hidden],.builder-layout [hidden]{display:none!important}
.myth-settings-panel{animation:fadeIn .2s ease}
@keyframes fadeIn{from{opacity:.5}to{opacity:1}}
.forge-progress{padding:14px 18px;margin:0 0 15px}
.forge-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.forge-step{padding:13px 9px;background:#252b37;border:1px solid #414758;border-radius:9px;color:#c3bfbb}
.forge-step.selected{border-color:#d2a867;background:#3c3126;color:#ffdd9d}
.forge-step.done{border-color:#695337}
.forge-minibar{background:#202632;border:1px solid #3a4555;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:5px;color:#dcd2c3}
.forge-minibar strong{font:22px Georgia,serif;color:#e5c18d}
.forge-minibar span{font-size:13px}
.forge-progress+.builder-layout>.stack:first-child{min-width:0}
.range-value{display:inline-block;margin:7px 0 0 10px;background:#544633;color:#ffe3af;border-radius:7px;padding:4px 8px;font-weight:700;font-size:12px}
.builder-ability-input input[type=range]{padding:3px;accent-color:#d5b377;height:19px;background:transparent;border:0}
.builder-ability-input .range-value{margin:3px 0 0;padding:2px 6px}
.myth-narration-controls{background:#202633;border:1px solid #4c5064;border-radius:12px;margin:12px 0 10px;padding:13px 16px}
.myth-narration-controls strong{color:#eec992}
.myth-narration-controls .row{row-gap:7px}
@media(max-width:760px){.setup-panel{padding:15px}.setup-progress-step{flex-direction:column;text-align:center;font-size:11px;padding:8px 3px}.setup-progress-step span{font-size:10px}.forge-steps{gap:3px}.forge-step{font-size:11px;padding:8px 3px}.myth-narration-controls .row{justify-content:center}.myth-narration-controls .row.between>div:first-child{text-align:center}}
@media(max-width:500px){.setup-progress-step b{width:23px;height:23px}.setup-progress-step span{font-size:9px}.forge-progress{padding:12px}.forge-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.forge-step{font-size:10px}.forge-minibar{padding:11px}.setup-panel .two{grid-template-columns:1fr}.myth-narration-controls{padding:11px}}


/* All settings destinations remain visible on narrow screens.
   Horizontal tab scrolling previously hid Voice and Advanced settings. */
@media(max-width:600px){
 .setup-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding:2px 0 13px}
 .setup-tabs .button{white-space:normal;overflow-wrap:break-word;min-width:0;min-height:48px;padding:8px 5px;font-size:11px;line-height:1.25;text-align:center}
}