:root{font:17px/1.55 system-ui,sans-serif;color:#153f39;background:#f5f7f2}*{box-sizing:border-box}body{margin:0}header{padding:18px 5%;background:#153f39;display:flex;gap:24px;flex-wrap:wrap}header a{color:white}main{max-width:1380px;margin:auto;padding:35px 4%}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;max-width:850px}h2{font-size:1.3rem}.eyebrow{letter-spacing:.15em;font-size:.8rem;font-weight:700}.notice,section,aside{border:1px solid #cddbd0;border-radius:14px;background:white;padding:22px;margin:20px 0}.notice{background:#e9f1e4}.layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr);gap:22px}.stage{min-width:0}#viewport{height:530px;background:#152b31;border-radius:10px;position:relative;overflow:hidden}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}button,select,input{font:inherit;border:1px solid #a9bcb2;border-radius:7px;padding:9px 13px;background:#f1f5ed;color:#153f39;max-width:100%}button{cursor:pointer;margin:4px}button:hover,button[aria-pressed=true]{background:#cde6d8}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b6651d;outline-offset:3px}.controls{display:flex;flex-wrap:wrap}#structures{max-height:400px;overflow:auto}#structures button{display:block;text-align:left;width:95%}#structures .active{border:3px solid #b6651d}label{display:block;font-weight:650}select,input{width:100%}#reference article{border-top:1px solid #d8e1d7;padding:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}#reference{max-height:650px;overflow:auto}a{color:#176453}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.layout{grid-template-columns:1fr}#viewport{height:430px}main{padding:24px 5%}}

.mission-bar{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;background:#e8f0e3}.mission-bar h2{font-size:23px;margin:8px 0}.mission-bar p{font-size:14px}.view-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.view-tools label{font-size:13px}.view-tools input[type=checkbox]{display:inline;width:auto}.view-tools input[type=range]{padding:0}.small{font-size:12px;color:#557066}textarea{font:inherit;width:100%;padding:12px;border:1px solid #a9bcb2;border-radius:8px}.debrief{display:grid;grid-template-columns:1.1fr 1fr;gap:35px}#lab-timeline{max-height:330px;overflow:auto;font-size:12px;padding-left:22px}#lab-timeline li{padding:5px}#pins{font-size:13px}#mission-progress{font-size:13px;color:#2a644c;font-weight:600}#practice-summary{background:#eaf2e5;padding:12px;border-radius:8px}button:disabled{cursor:not-allowed}@media(max-width:800px){.mission-bar,.debrief,.view-tools{grid-template-columns:1fr;gap:16px}}