.guided-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.guided-head h1{font-size:clamp(25px,3vw,38px);margin:10px 0}.guided-head p{max-width:760px;color:var(--muted)}.guided-stage{display:flex;gap:10px;margin:23px 0}.guided-stage span{flex:1;border-bottom:3px solid var(--line);padding:10px;color:var(--muted);font-size:14px}.guided-stage span.active{color:var(--green);border-color:var(--gold);font-weight:750}.guided-board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:22px;align-items:start}.guided-canvas{position:sticky;top:16px;min-width:0}.guided-task h2{line-height:1.5;font-size:23px}.task-copy{font-size:16px;line-height:1.85}.guided-task .btn{width:100%;margin-top:12px}.guided-progress{border-top:1px solid var(--line);padding-top:13px;margin-top:20px;color:var(--muted);font-size:12px}#guided-chart{display:block;width:100%;margin:16px 0;background:#fafbf7;border-radius:10px}#guided-chart text{font:12px system-ui,sans-serif;fill:#4d6459}#guided-chart [role=button]{cursor:pointer}#guided-chart [role=button]:focus{outline:2px solid #3a78a2}#guided-chart .guided-bar.selected .hit{fill:#2d759230;stroke:#286a96;stroke-width:2}#guided-chart .guided-line.selected line:not(:last-child){stroke:#286a96;stroke-width:4}.pick-options{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.pick-options button{border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:9px;font-size:14px}.pick-options button.selected,.guided-options button.selected{background:#e3efe9;border-color:#245e4d;box-shadow:inset 0 0 0 1px #245e4d}.selection-note{min-height:20px;color:#286a96;font-weight:650;font-size:14px}#bar-number{padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff;max-width:100%}.guided-options{display:grid;gap:12px;margin:20px 0}.guided-options button{padding:15px;text-align:left;line-height:1.65;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:15px}.guided-feedback{padding:19px;border-radius:12px;background:#eaf3eb;font-size:15px}.guided-feedback.needs-work{background:#fcf0df}.guided-feedback strong{font-size:18px}.guided-feedback p{line-height:1.85}.bar-table{max-height:230px;overflow:auto;margin-top:12px}.bar-table table{width:100%;border-collapse:collapse;font-size:12px}.bar-table th,.bar-table td{text-align:right;padding:7px;border-bottom:1px solid var(--line)}.guided-card{margin-top:24px;background:var(--card);padding:28px;border:1px solid var(--line);border-radius:18px}.guided-card h2{font-size:28px}.guided-card .lesson-objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.lesson-objectives div{padding:16px;background:var(--soft);border-radius:12px}.lesson-objectives strong,.lesson-objectives span{display:block}.lesson-objectives span{font-size:13px;color:var(--muted);margin-top:8px}.legacy-records{margin-top:30px}button:focus-visible{outline:3px solid #be8429;outline-offset:3px}@media(max-width:900px){.guided-board{grid-template-columns:1fr}.guided-canvas{position:static}.guided-task h2{font-size:22px}}@media(max-width:600px){.guided-head{flex-direction:column;gap:10px}.guided-stage{gap:6px}.guided-stage span{padding:8px 5px;font-size:12px}.guided-card{padding:20px}.guided-card h2{font-size:24px}.guided-card .lesson-objectives{grid-template-columns:1fr}.guided-canvas{padding:12px}.guided-task{padding:18px}.task-copy{font-size:15px}.guided-options button{font-size:14px;padding:13px}.guided-feedback{padding:15px}.guided-feedback strong{font-size:17px}#guided-chart text{font-size:13px}.guided-canvas .subtle{font-size:11px}}
.answer-verdict{font-size:26px;font-weight:850;margin-bottom:12px;color:#1b6042}.needs-work .answer-verdict{color:#a83f31}.correct-answer{font-weight:750;border-left:3px solid #25725b;padding:8px 12px;background:#ffffff90}.memory-card{padding:13px;border:1px dashed #b7914a;border-radius:10px;background:#fff8df}.memory-card b{font-size:12px;color:#825813}.challenge-summary{margin:0 0 18px}.battle-dialog{width:min(530px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d7c492;border-radius:24px;padding:0;color:var(--ink);background:var(--card);box-shadow:0 24px 85px #082b3460}.battle-dialog::backdrop{background:#102d28a6}.battle-content{position:relative;padding:32px;text-align:center}.battle-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;font-size:26px;background:#ecf0e8;color:var(--green)}.battle-score{font-size:70px;font-weight:850;color:var(--green);line-height:1.2;margin:20px 0 8px}.battle-score small{font-size:24px;color:var(--muted)}.battle-joke{font-size:20px;font-weight:750;line-height:1.7;padding:14px 4px;color:#865f22}.battle-content .actions{justify-content:center}.feedback .is-wrong{border-left:4px solid #b1503c}.feedback .is-correct{border-left:4px solid #287557}@media(max-width:600px){.battle-content{padding:26px 20px}.battle-content h2{font-size:22px}.battle-score{font-size:56px}.battle-joke{font-size:18px}.battle-content .actions{flex-direction:column}.answer-verdict{font-size:23px}}
.range-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--line);padding:12px}.range-controls label{display:grid;gap:6px;font-size:14px}.range-controls input,.range-controls select{width:100%;min-width:0;padding:10px;font:inherit;box-sizing:border-box}.pick-options button{min-width:44px;min-height:44px}.pick-options button[aria-pressed=true]{background:#e3efe9;border:2px solid #245e4d}.guided-canvas:has(.range-controls) #guided-chart{cursor:crosshair;touch-action:manipulation}
.review-chart{display:block;width:100%;max-width:760px;background:#fafbf7}.review-chart text{font:12px system-ui,sans-serif;fill:#4d6459}
.action-brief{margin:20px 0;padding:20px 24px;border-left:4px solid var(--green);background:var(--card);border-radius:10px}.action-brief h2{margin:0 0 10px;font-size:24px}.action-brief p{line-height:1.8;margin:8px 0}.action-brief .purpose{color:var(--muted)}.action-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:12px 0}.action-slots button{display:grid;gap:6px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;min-height:80px}.action-slots strong{font-size:18px}.action-slots small{color:var(--muted)}.action-slots [aria-pressed=true],.demo-switch [aria-pressed=true]{border:2px solid var(--green);background:#e3efe9}.current-action{padding:12px;background:#edf5f2;border-radius:8px;font-weight:650;line-height:1.6}.demo-switch{display:flex;gap:8px;flex-wrap:wrap}.demo-switch button{min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:white}.relation-picker{border:0;padding:0}.number-fallback{margin:12px 0}#answer-area[hidden]{display:none}.guided-task #completion-hint{line-height:1.8}.guided-canvas .selection-note{overflow-wrap:anywhere}@media(max-width:600px){.action-brief{padding:16px}.action-brief h2{font-size:21px}.action-slots{grid-template-columns:1fr}.action-slots button{min-height:70px;grid-template-columns:1fr auto}.action-slots small{grid-column:1/-1}.guided-head h1{font-size:26px}}
#guided-chart .guided-line:not([role=button]){pointer-events:none}