#mission{margin:36px 0;border:1px solid var(--line);background:#fff;scroll-margin-top:20px}body.focus-mode #mission{display:none}.mission-banner{display:flex;justify-content:space-between;gap:24px;padding:32px;background:var(--navy);color:white}.mission-banner .code{color:var(--lime)}.mission-banner h2{font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.045em}.mission-banner h2 span{color:var(--lime)}.mission-banner p:last-child{max-width:650px;margin-top:14px;color:#d8e4ec}.mission-duration{font:12px/1.8 Saira,sans-serif;color:var(--lime);white-space:nowrap}.mission-context{padding:16px 32px;font-size:13px;color:var(--muted)}#mission-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 32px 24px}#mission-steps button{border:1px solid var(--line);text-align:left;border-radius:0;font-size:13px}#mission-steps button[aria-current=step]{border-color:var(--navy);background:var(--lime)}#mission-steps button small{display:block;color:var(--muted);font:10px Saira,sans-serif}#mission-workspace{padding:28px 32px;border-top:1px solid var(--line);min-height:450px}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.mission-copy h3{font-size:28px;margin-bottom:14px}.mission-copy>p{color:var(--muted);margin-bottom:20px}.mission-primary{background:var(--navy);color:#fff;border-radius:0;padding:12px 20px}.mission-primary:hover{background:#25485d}.mission-form{display:grid;gap:14px}.mission-form label{display:grid;gap:5px;font-size:13px}.mission-form input,.mission-form textarea{width:100%;min-width:0;border:1px solid #8b9da9;padding:11px;background:#fff;border-radius:0;color:var(--navy);font:16px/1.5 Aspekta,Arial,sans-serif}.mission-form textarea{min-height:130px;resize:vertical}.mission-phone{max-width:340px;margin:0 auto;background:var(--navy);padding:28px 16px 20px;border-radius:32px;border:4px solid #25485d;box-shadow:14px 16px 0 #eaf3d6;width:100%}.mission-phone-screen{background:#f2f5f7;border-radius:14px;min-height:310px;padding:22px 18px}.mission-phone-head{font:12px Saira,sans-serif;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px}.mission-record{background:#fff;border-left:5px solid var(--purple);padding:18px;margin-top:22px;animation:mission-enter .45s ease both;overflow-wrap:anywhere}.mission-record strong{display:block;font-size:21px;line-height:1.3}.mission-record span{display:block;color:var(--muted);margin-top:10px;font-size:13px}.mission-empty{padding:36px 0;color:var(--muted);font-size:14px}.mission-feedback{margin:20px 0;padding:16px 18px;background:#edf4dc;border-left:4px solid #6c8d00;font-size:15px}.mission-feedback:empty{display:none}.mission-feedback[data-tone=retry]{background:#f2eafb;border-color:var(--purple)}.mission-hint{margin:14px 0;font-size:13px}.mission-hint summary{font-size:13px}.mission-hint p{font-size:14px}.mission-choices{display:grid;gap:10px}.mission-choices button{text-align:left;border:1px solid var(--line);border-radius:0;padding:14px;font-size:15px}.mission-choices button:hover{border-color:var(--purple)}.mission-choices button[aria-pressed=true]{background:#edf4dc;border-color:#6c8d00}.mission-simulation{padding:24px;background:#eef3f6;min-height:240px;display:flex;flex-direction:column;justify-content:center;gap:20px}.mission-simulation h4{margin:0;font-size:14px;font-weight:500;color:var(--muted)}.mission-flow{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.mission-node{background:#fff;border:2px solid var(--navy);padding:16px;min-width:100px;text-align:center;animation:mission-enter .55s ease both}.mission-node:nth-child(3){animation-delay:.18s}.mission-node:nth-child(5){animation-delay:.36s}.mission-arrow{color:#597900;font-size:30px;animation:mission-pulse 1.1s ease 3}.mission-simulation p{font-size:14px;color:var(--muted)}.mission-counter{font:11px Saira,sans-serif;color:var(--muted);margin-bottom:14px}.mission-badge{padding:24px;background:var(--lime);color:var(--navy);margin:20px 0;animation:mission-enter .5s ease both}.mission-badge strong{display:block;font-size:25px;line-height:1.3}.mission-badge p{margin-top:10px}.mission-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:16px 32px;font-size:12px;color:var(--muted)}.mission-footer button{text-decoration:underline}.mission-result{padding:16px;background:#edf4dc}.mission-result p{margin-bottom:10px}.mission-result ol{padding-left:22px}.mission-reflection{white-space:pre-wrap;overflow-wrap:anywhere}#mission h3:focus{outline:none}#mission h3:focus-visible{outline:3px solid var(--purple)}
@keyframes mission-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes mission-pulse{50%{transform:translateX(5px)}}
@media(max-width:760px){.mission-banner{padding:24px 18px}.mission-duration{display:none}.mission-context{padding:16px 18px}#mission-steps{padding:0 18px 20px;grid-template-columns:1fr 1fr}#mission-workspace{padding:24px 18px}.mission-grid{grid-template-columns:1fr;gap:28px}.mission-phone{max-width:300px}.mission-footer{padding:16px 18px;align-items:flex-start;flex-direction:column}.mission-copy h3{font-size:25px}.mission-node{min-width:75px;padding:12px}.mission-flow{gap:8px}}

#mission button:disabled{opacity:.65}#mission input[aria-invalid=true]{border:2px solid var(--purple)}