@import url('tutorial/assets/fonts/manrope.css');*{box-sizing:border-box}body{margin:0;color:#142643;background:#f4f7fb;font-family:Manrope,system-ui,sans-serif;font-size:16px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb23f;outline-offset:4px}header{height:86px;background:#fff;display:flex;align-items:center;gap:35px;padding:0 4vw;border-bottom:1px solid #e2e9f1}.brand{font-size:22px;white-space:nowrap}.brand span{font-size:12px;background:#e8f0ff;border-radius:8px;padding:5px;color:#2563dd}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:#2563dd}.age{margin-left:auto;font-size:12px;color:#6b7a90}main{max-width:1280px;margin:auto;padding:38px 36px 80px}h1{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.12;margin:14px 0 22px}h2{font-size:26px;letter-spacing:-.6px}h3{font-size:20px}p{line-height:1.7}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:750;color:#426795}.muted{color:#697c94}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:linear-gradient(120deg,#e8f1ff,#e8f7fa);border-radius:30px;padding:45px;min-height:390px}.hero img{width:100%;height:330px;object-fit:contain}.hero p{max-width:510px}.btn,button{border:0;background:#e9eff8;color:#233f66;padding:13px 20px;border-radius:13px;font-weight:650;display:inline-block}.primary{background:#2866e9;color:white;box-shadow:0 7px 18px #2866e920}.ghost{background:white;border:1px solid #dce5f1}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e2e9f2;border-radius:22px;padding:25px;display:flex;flex-direction:column;gap:8px}.card h3,.card p{margin:5px 0}.card p{font-size:14px;color:#687b91}.card .btn{margin-top:auto;align-self:flex-start}.number{width:43px;height:43px;display:grid;place-items:center;background:#eaf2ff;color:#2866e9;border-radius:14px;font-size:18px;font-weight:750}.pill{font-size:12px;border-radius:20px;padding:7px 12px;background:#e7f2ef;color:#27735e}.progress{height:6px;background:#e7edf5;border-radius:6px;margin:16px 0;overflow:hidden}.progress span{display:block;background:#2866e9;height:100%}.lesson{display:grid;grid-template-columns:290px 1fr;gap:24px}.sidebar,.panel{background:white;border-radius:24px;padding:28px;border:1px solid #e2e9f2}.sidebar button{display:block;width:100%;text-align:left;margin:7px 0;font-size:14px;background:transparent}.sidebar button.active{background:#eaf2ff;color:#2866e9}.panel h1{font-size:36px}.visual{background:#edf4fb;border-radius:20px;padding:24px;text-align:center;margin:24px 0}.visual img{max-width:100%;max-height:290px;object-fit:contain}.task{border-left:4px solid #3974ed;padding:5px 20px;margin:24px 0;background:#f5f9ff}.task b{font-size:12px;color:#2866e9;text-transform:uppercase;letter-spacing:1px}.quiz{display:grid;gap:10px;margin:20px 0}.quiz button{text-align:left;background:#f1f5fa}.quiz button.correct{background:#dcf4e9;color:#166044}.quiz button.wrong{background:#fff0e8}.feedback{min-height:28px;color:#365d8e;font-size:14px}.cad-layout{display:grid;grid-template-columns:290px 1fr;gap:15px}.cad-layout iframe{width:100%;height:calc(100vh - 190px);min-height:550px;border:1px solid #d7e1ef;border-radius:18px;background:#fff}.cad-layout .sidebar{padding:20px}.cad-layout h2{font-size:22px}.cad-layout li{margin-bottom:17px;font-size:14px;line-height:1.6}video{width:100%;border-radius:16px;background:#eaf0f7}.alert{padding:16px 20px;border-radius:14px;background:#fff5e0;color:#725421;font-size:14px;line-height:1.6}.form{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}input{border:1px solid #b7c8dd;border-radius:10px;padding:12px;width:150px}.small{font-size:12px}.links{display:flex;gap:15px;margin-top:20px}.links a{color:#2866e9;text-decoration:underline}.full{grid-column:1/-1}#status{position:fixed;bottom:20px;right:20px;max-width:400px;padding:0}#status:not(:empty){background:#173457;color:white;padding:16px 22px;border-radius:14px}.back{font-size:14px;color:#627b98;display:inline-block;margin-bottom:20px}.stepbar{display:flex;gap:5px;margin:20px 0}.stepbar span{height:5px;background:#dfe7f2;flex:1;border-radius:5px}.stepbar span.on{background:#2866e9}@media(max-width:1000px){.age{display:none}.grid{grid-template-columns:repeat(2,1fr)}header{gap:25px}.hero{padding:30px}.lesson{grid-template-columns:230px 1fr}.cad-layout{grid-template-columns:230px 1fr}}@media(max-width:700px){header{height:auto;padding:20px;flex-wrap:wrap;gap:18px}nav{width:100%;gap:17px;overflow:auto;font-size:12px}main{padding:22px 16px 55px}.hero{grid-template-columns:1fr;padding:28px}.hero img{height:230px}.grid{grid-template-columns:1fr}.lesson,.cad-layout{grid-template-columns:1fr}.lesson>.sidebar{display:none}.cad-layout iframe{height:70vh;min-height:500px}.card{padding:22px}.panel{padding:24px}.panel h1{font-size:30px}h1{letter-spacing:-1px}}

button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.physical{display:block;padding:20px;background:#eef7f0;border-radius:14px;line-height:1.7}.physical input{width:22px;height:22px;vertical-align:middle}.visual svg{width:100%;max-width:520px;max-height:280px}input[type=range]{width:min(100%,320px)}.links{flex-wrap:wrap}.cad-layout{margin:22px 0}.cad-layout .sidebar button{background:#e9eff8;margin:10px 0}.cad-layout .sidebar .primary{background:#2866e9;color:white}.cad-layout .sidebar p{font-size:14px}summary{cursor:pointer;font-weight:700}#check-result{min-height:30px;color:#235b43} .panel:has(.cad-layout){padding:24px} @media(max-width:1000px){.cad-layout{grid-template-columns:1fr}.cad-layout iframe{height:720px}.cad-layout .sidebar{max-width:none}}

.tool-card{background:#edf4ff;border:1px solid #d0e0f7;border-radius:18px;padding:20px;margin:20px 0}.tool-card h2{margin-top:8px}.tool-card li{padding:6px 0;line-height:1.65}.understand{background:#f2f7f2;border-radius:14px;padding:16px;margin:22px 0}.understand p{margin:8px 0}.locked{padding:12px;background:#f0f3f7;border-radius:12px}details>summary{padding:10px 0}nav{gap:18px;overflow:auto} .visual svg text{fill:#142643}

.demo-dialog{width:min(1400px,96vw);max-width:96vw;max-height:96vh;border:0;border-radius:20px;padding:20px;color:#142643;overflow:auto}.demo-dialog::backdrop{background:#142643aa}.demo-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.demo-dialog iframe{display:block;width:100%;height:62vh;min-height:430px;border:1px solid #d0dcec;border-radius:12px;margin-top:12px}.demo-dialog [data-caption]{font-size:18px;line-height:1.6;min-height:60px;padding:14px;background:#edf4ff;border-radius:12px}.demo-controls{gap:8px}.demo-controls button{font-size:14px;padding:10px 14px}.demo-dialog [data-error]{color:#9c381c}.demo-top p{margin:6px 0}.hero #demo-home{margin-top:12px} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.needs-name header nav,.needs-name header .age,.needs-name #learner-button{display:none}.welcome-card{max-width:680px;margin:30px auto;background:white;padding:40px;border-radius:28px;border:1px solid #dce5f1}.welcome-card form{display:grid;gap:15px;margin:28px 0}.welcome-card input{width:100%;font-size:22px;padding:18px}.welcome-card label{font-weight:700}#name-error{color:#ad331c;margin:0}#learner-button{font-size:12px;padding:10px;white-space:nowrap;margin-left:auto}header .age{display:none}header{gap:18px}nav{flex:1;min-width:0}header .brand{font-size:18px}.parts-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;align-items:start}.parts-image{position:relative;background:#f5f5f5;border-radius:20px;overflow:hidden}.parts-image img{display:block;width:100%;height:auto}.part-dot{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;padding:0;border-radius:50%;border:2px solid white;background:#2866e9;color:white;font-size:15px;box-shadow:0 2px 9px #0006;z-index:1}.part-dot.selected{background:#ffbb30;color:#142643;outline:3px solid #142643}.part-explanation{background:white;border:1px solid #dce5f1;border-radius:20px;padding:24px}.part-explanation h3{margin-bottom:6px}.english-name{font-weight:700;color:#2866e9;margin-top:0}.parts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.parts-list button{text-align:left;font-size:13px;line-height:1.4}.parts-list span{display:block;font-weight:400;margin-top:5px}.parts-list .active{background:#2866e9;color:white}.printer-atlas a{color:#235cc9}.printer-atlas .inside{background:black}.atlas-intro{margin-bottom:24px}.part-explanation .task{padding:6px 14px} @media(max-width:950px){.parts-layout{grid-template-columns:1fr}.parts-image:not(.inside){max-width:600px;margin:auto}.parts-list{grid-template-columns:repeat(2,1fr)}header{flex-wrap:wrap;height:auto;padding:15px}header nav{order:3;flex-basis:100%}}@media(max-width:550px){.welcome-card{padding:24px}.parts-list{grid-template-columns:1fr}.part-dot{width:28px;height:28px;font-size:12px}.part-explanation{padding:20px}}

.parts-image.front{aspect-ratio:1}.parts-image.front img{position:absolute;width:166.6667%;max-width:none;left:-33.3333%;top:-41.6667%}.parts-image.combo{aspect-ratio:50/67}.parts-image.combo img{position:absolute;width:200%;max-width:none;left:-48%;top:-23.8806%}.parts-image.inside .part-dot{width:28px;height:28px;font-size:12px}.parts-image.inside{min-height:180px}

.studio-intro{margin:24px 0}.studio-links,.studio-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.studio-tabs [aria-pressed="true"]{background:#285de0;color:white}.studio-shot{margin:20px 0}.studio-shot img{width:100%;max-height:620px;object-fit:contain;background:#29292c;border-radius:16px}.studio-shot figcaption{font-size:13px;line-height:1.6;margin-top:10px;color:#52627a}.setting-card{padding:18px;border:1px solid #e0e7f2;border-radius:16px;background:#fff;margin:12px 0}.setting-card summary{cursor:pointer;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.setting-card summary>span:last-child{color:#52627a}.studio-intro input,.studio-intro textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid #bdcbe0;border-radius:12px;font:inherit;margin:10px 0}.studio-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:760px){.studio-gallery{grid-template-columns:1fr}.setting-card summary{align-items:flex-start;flex-direction:column}}

#game-header{display:flex;gap:8px;align-items:center}#game-header[hidden],.needs-name #game-header{display:none}.xp-pill{white-space:nowrap;background:#eaf1ff;color:#2753be;padding:10px 12px;border-radius:12px;font-weight:800;font-size:13px}.sound-toggle{white-space:nowrap;font-size:11px;padding:10px}.reward-progress{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:28px;border-radius:24px;background:linear-gradient(110deg,#e9f1ff,#edf7f2);border:1px solid #d2e2f5;margin:24px 0}.reward-progress h2{margin:8px 0}.reward-progress p{margin:8px 0}.reward-progress progress{appearance:none;width:min(450px,100%);height:10px;border:0;border-radius:10px;overflow:hidden;background:#d8e3f4}.reward-progress progress::-webkit-progress-bar{background:#d8e3f4}.reward-progress progress::-webkit-progress-value{background:#2866e9}.reward-progress progress::-moz-progress-bar{background:#2866e9}.reward-progress>.btn{flex-shrink:0}.score{color:#285cce;margin-left:12px}.reward-earned{display:flex;gap:20px;padding:24px;border:1px solid #9cceba;background:#e9f8ef;border-radius:20px;margin:20px 0;animation:reward-appear .35s ease-out}.reward-earned h3{margin:0}.reward-earned p{margin:8px 0}.reward-spark{font-size:42px;color:#bd8616}.reward-rules{margin:24px 0}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reward-model{background:white;border:1px solid #dfe7f2;border-radius:24px;overflow:hidden}.reward-model-art{position:relative;background:#edf3ff}.reward-model-art img{display:block;width:100%;aspect-ratio:4/3}.reward-state{position:absolute;top:14px;left:14px;padding:8px 12px;border-radius:30px;background:white;color:#2e5ab9;font-size:12px;font-weight:800}.is-open .reward-state{background:#e4f6ec;color:#25704d}.reward-model-body{padding:22px}.reward-model h2{font-size:22px;line-height:1.3}.reward-model p{font-size:14px}.is-locked img{filter:saturate(.3)}.reward-remaining{font-weight:750}.reward-badges{margin-top:28px}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skill-badge{display:grid;grid-template-columns:25px 1fr;gap:8px;padding:16px;background:#f2f5f9;border-radius:14px;color:#5f7083}.skill-badge small{grid-column:2}.skill-badge.earned{background:#e4f5eb;color:#256748}@keyframes reward-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reward-earned{animation:none}}@media(max-width:1150px){header{flex-wrap:wrap;height:auto;padding:15px}header nav{order:4;flex-basis:100%}}@media(max-width:850px){.reward-grid,.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-progress{align-items:flex-start;flex-direction:column}}@media(max-width:550px){.reward-grid,.badge-grid{grid-template-columns:1fr}#game-header{margin-left:auto}.xp-pill span{display:none}.reward-earned{padding:18px}.reward-progress{padding:22px}}

.test-intro{margin:24px 0}.test-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.test-model{min-width:0}.test-model>img{display:block;width:100%;height:220px;object-fit:contain;margin-bottom:20px}.test-model h2{font-size:24px}.test-model li{margin:12px 0;line-height:1.6}.test-model label{display:block;font-weight:700;margin-top:20px}.test-model textarea{width:100%;padding:12px;font:inherit;border:1px solid #bccce0;border-radius:12px;margin:10px 0;box-sizing:border-box}.test-model details{margin-top:18px}.test-model summary{color:#285cbd}.test-model>p{margin:10px 0}@media(max-width:750px){.test-model-grid{grid-template-columns:1fr}}

.topic-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.topic-jumps button{text-align:left;font-size:14px}.print-topic{margin:24px 0;scroll-margin-top:20px}.print-topic li{line-height:1.8;margin:12px 0}.topic-picture{max-width:620px;margin:22px auto}.topic-picture svg,.topic-pair svg{display:block;width:100%;height:auto}.topic-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.topic-pair figure{margin:15px 0}.topic-pair figcaption{text-align:center;margin:12px}.print-topic select{padding:10px;border-radius:10px;max-width:100%}.print-topic textarea{display:block;width:100%;margin:15px 0;padding:15px;font:inherit;border:1px solid #bacbe3;border-radius:12px}.print-topic input[type=range]{width:100%;min-height:44px}.print-topic [aria-pressed=true]{background:#2866e9;color:white}.print-topic details{margin:20px 0}.print-topic summary{cursor:pointer;font-weight:700}.print-topic .small{line-height:1.7}@media(max-width:650px){.topic-pair{grid-template-columns:1fr}.print-topic{padding:20px}.topic-jumps button{width:100%}}

#engineering-select{display:block;width:100%;padding:14px;font:inherit;border:1px solid #bdd0ea;border-radius:12px;margin:12px 0}.engineering-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.3fr);gap:20px;align-items:start}.engineering-cad{position:sticky;top:12px;padding:18px}.engineering-cad iframe{width:100%;height:720px;border:1px solid #cdd8e8;border-radius:15px;background:white}.engineering-picture svg{width:100%;height:auto}.engineering-layout li{line-height:1.7;margin:14px 0}.engineering-layout textarea{width:100%;display:block;margin:14px 0;padding:14px;border:1px solid #bdcbe0;border-radius:12px;font:inherit}.engineering-layout label[for=engineering-note]{display:block;margin-top:20px}.engineering-layout pre{overflow:auto;background:#edf4ff;padding:16px;border-radius:12px}.engineering-layout button{margin:5px 4px 5px 0} @media(max-width:1100px){.engineering-layout{grid-template-columns:1fr}.engineering-cad{position:static}.engineering-cad iframe{height:620px}}
/* Clear navigation and a learner's own workshop. */
header{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px 20px;height:auto;padding:18px max(24px,calc((100vw - 1280px)/2));background:#fff;border-bottom:1px solid #dce5f3;position:relative;z-index:20}header .brand{grid-column:1;grid-row:1;font-size:20px}#nav-location{grid-column:2;grid-row:1;color:#61738e;font-size:13px;border-left:1px solid #d8e2ef;padding-left:20px}#learner-button{grid-column:3;grid-row:1;margin:0;max-width:190px;overflow:hidden;text-overflow:ellipsis}#game-header{grid-column:4;grid-row:1;margin:0}header nav{grid-row:2;grid-column:1/-1;display:flex;align-items:center;gap:8px;overflow:visible;flex-wrap:wrap;padding-top:6px;font-size:14px}header nav>a,header nav summary{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;padding:12px 17px;font-weight:750;color:#576b87;border:1px solid transparent;cursor:pointer;white-space:nowrap}header nav>a:hover,header nav summary:hover{background:#eff4fd;color:#245cbe}header nav a.nav-active{background:#2866e9;color:#fff;border-color:#2258cc;box-shadow:0 4px 12px #2866e926}header nav a.nav-active::before{content:'●';font-size:8px;margin-right:8px}#nav-more{position:relative;margin:0}#nav-more summary{gap:12px;list-style:none}#nav-more summary::-webkit-details-marker{display:none}#nav-more.has-active summary{background:#eaf1ff;color:#2259be;border-color:#8fb1ed}#nav-more.has-active summary::before{content:'●';font-size:8px}.nav-menu{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:10px;background:#fff;border:1px solid #d7e2f1;border-radius:18px;box-shadow:0 15px 45px #193b6726;display:grid;gap:4px;z-index:40}.nav-menu a{padding:12px 14px;border-radius:10px;color:#3e5779;min-height:44px}.nav-menu a:hover{background:#eff4fd}.needs-name #nav-location{display:none}
.kid-welcome{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:center;background:linear-gradient(115deg,#e9f1ff,#e9f7f5);border:1px solid #d6e6f4;border-radius:30px;padding:38px 42px}.kid-welcome h1{font-size:clamp(30px,4vw,49px);line-height:1.15;margin-bottom:15px}.kid-welcome h1 span{color:#2866ce;overflow-wrap:anywhere}.kid-welcome p{max-width:520px;color:#526882}.kid-level{display:inline-flex;gap:10px;align-items:center;background:#fff;border:1px solid #d5e2f3;border-radius:30px;padding:11px 18px;font-weight:800;color:#2f568e}.kid-level span{color:#c18413}.kid-trophy{margin:0;text-align:center;transform:rotate(3deg)}.kid-trophy img{width:100%;height:195px;object-fit:contain}.kid-trophy figcaption{font-size:13px;font-weight:700;color:#496689;background:#ffffffb3;border-radius:20px;padding:8px}.kid-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.kid-stat{border-radius:22px;padding:22px;display:grid;grid-template-columns:42px 1fr;gap:5px 12px;align-items:center;border:1px solid #dce5f3}.kid-stat .stat-icon{grid-row:1/3;font-size:28px}.kid-stat strong{font-size:28px;line-height:1.2;letter-spacing:-.7px}.kid-stat strong[data-study-total]{font-size:22px}.kid-stat small{font-size:14px;font-weight:500;letter-spacing:0}.kid-stat>span:last-child{font-size:12px;font-weight:650}.stat-gold{background:#fff5d9;color:#7d520f}.stat-blue{background:#eaf1ff;color:#2759b7}.stat-mint{background:#e5f6f0;color:#216f58}.stat-violet{background:#f0eaff;color:#6542ab}.kid-main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.kid-mission,.kid-time{border:1px solid #dbe5f2;border-radius:25px;background:#fff;padding:30px}.kid-mission{border-top:5px solid #3672e8}.kid-mission h2{font-size:29px;line-height:1.3}.kid-mission>p{color:#60728b}.kid-mission progress,.module-cards progress{width:100%;height:8px;accent-color:#2866e9;border:0;border-radius:10px;margin:4px 0 24px}.kid-mission .mission-count{font-size:13px;margin-bottom:8px}.mission-other{display:inline-block;font-size:14px;color:#2b62c3;font-weight:700;margin-top:22px}.kid-time h2{font-size:24px}.time-today{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e3ebf4;gap:16px}.time-today strong{font-size:22px}.timer-indicator{font-weight:700;font-size:13px;color:#677c96}.timer-indicator.is-ticking{color:#257759}.kid-time .small,.kid-time details{font-size:13px;line-height:1.65;color:#566a83}.kid-time summary{cursor:pointer;font-weight:700}.kid-skills{margin:30px 0}.kid-skills h2{margin:7px 0}.learned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.learned-item{display:flex;gap:12px;background:#fff;border:1px solid #dce5f2;border-radius:17px;padding:18px;align-items:flex-start}.learned-item>span{background:#edf3ff;border-radius:10px;color:#3267c7;padding:5px 9px;font-weight:800}.learned-item b{font-size:14px;line-height:1.5;display:block}.learned-item small{display:block;color:#60738b;margin-top:7px;font-size:12px}.learned-item.learned-done{border-color:#abd8c3;background:#f1fbf5}.learned-done>span{background:#d5f1e0;color:#207149}.empty-skills{background:#fff;border:2px dashed #c7d8ed;padding:24px;border-radius:18px;color:#5b708c}.engineering-achievement{display:block;margin:16px 0;padding:18px;border:1px solid #cfdef3;border-radius:16px;background:#edf4ff;color:#2e5d9d;font-weight:700}.module-cards .card{position:relative;transition:transform .16s ease,border-color .16s ease}.module-cards .card:hover{transform:translateY(-3px);border-color:#90b3ec}.module-cards .card h3{font-size:20px;line-height:1.35}.module-cards progress{margin:5px 0 12px}.module-count{font-weight:700}#module-map{scroll-margin-top:20px}.kid-stats a:focus-visible,.learned-item:focus-visible{outline:3px solid #e0a426;outline-offset:4px}
@media(max-width:1000px){header{padding:16px 24px;grid-template-columns:auto 1fr auto}#nav-location{display:none}#learner-button{grid-column:2;justify-self:end}#game-header{grid-column:3}.kid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kid-main-grid{grid-template-columns:1fr 1fr}.kid-mission,.kid-time{padding:22px}.learned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kid-welcome{grid-template-columns:1fr 220px;padding:30px}}
@media(max-width:680px){header{grid-template-columns:1fr auto;padding:14px 16px;gap:12px}header .brand{font-size:18px}#learner-button{grid-column:2;max-width:150px}#game-header{grid-row:2;grid-column:1/-1;justify-self:start}header nav{grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}header nav>a,header nav summary{white-space:normal;text-align:center;padding:10px 6px;font-size:12px;height:100%;min-height:48px;border-radius:12px}#nav-more summary{justify-content:center}.nav-menu{right:0;width:240px;max-width:calc(100vw - 32px)}main{padding:24px 16px 60px}.kid-welcome{grid-template-columns:1fr;padding:26px;gap:14px}.kid-trophy{display:none}.kid-welcome h1{letter-spacing:-1px}.kid-stat{padding:17px 12px;grid-template-columns:26px 1fr;gap:5px 7px;border-radius:18px}.kid-stat .stat-icon{font-size:22px}.kid-stat strong{font-size:24px}.kid-stat strong[data-study-total]{font-size:18px}.kid-stats{gap:10px}.kid-main-grid,.learned-grid{grid-template-columns:1fr}.kid-skills .sectionhead,#module-map{align-items:flex-start;gap:12px;flex-direction:column}.kid-mission h2{font-size:26px}.module-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.module-cards .card{transition:none}.module-cards .card:hover{transform:none}}
.cad-workspace{position:relative;grid-template-columns:minmax(250px,290px) minmax(0,1fr);align-items:start}.workspace-toolbar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border:1px solid #cadbf1;border-radius:16px;background:#edf4ff}.workspace-toolbar>span{flex-basis:100%;margin:0}.workspace-toolbar button{min-height:44px}.cad-workspace>.workspace-guide{min-width:0}.cad-workspace iframe{min-height:650px;height:75vh;width:100%}.cad-workspace .engineering-cad{position:static;padding:14px;min-width:0}.cad-workspace.workspace-guide-hidden{grid-template-columns:1fr}.workspace-guide-hidden>.workspace-guide{display:none}.has-expanded-cad{overflow:hidden}.cad-workspace.workspace-expanded,.cad-workspace:fullscreen{position:fixed;inset:0;z-index:1000;background:#f4f7fb;border-radius:0;padding:12px;width:100vw;height:100dvh;max-width:none;display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden}.workspace-expanded.workspace-guide-hidden{grid-template-columns:1fr}.workspace-expanded>.workspace-guide{height:100%;overflow:auto;padding:18px}.workspace-expanded>iframe{height:100%;min-height:0;border-radius:12px}.workspace-expanded .engineering-cad{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.workspace-expanded .engineering-cad iframe{flex:1;height:0;min-height:0}.workspace-expanded .engineering-cad h2{font-size:18px;margin:0}.workspace-expanded .engineering-cad>p{font-size:12px;line-height:1.4;margin:8px 0}.engineering-layout.paper-stage{display:block;max-width:860px;margin:auto}.paper-stage>.workspace-toolbar,.paper-stage>.engineering-cad{display:none}.paper-stage>.workspace-guide{display:block}.paper-stage #engineering-lesson{padding:34px}#paper-bridge canvas{display:block;width:100%;height:auto;border:1px solid #bdd1ee;border-radius:14px;touch-action:none}#paper-bridge canvas:focus-visible{outline:3px solid #d99e2b;outline-offset:3px}
@media(max-width:1100px){.cad-workspace{grid-template-columns:1fr}.cad-workspace.workspace-expanded{grid-template-columns:250px minmax(0,1fr)}.workspace-expanded.workspace-guide-hidden{grid-template-columns:1fr}.cad-workspace iframe{height:720px;min-height:600px}}
@media(max-width:700px){.cad-workspace.workspace-expanded{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.workspace-expanded>.workspace-guide{max-height:180px}.workspace-expanded.workspace-guide-hidden{grid-template-rows:auto minmax(0,1fr)}.workspace-toolbar{padding:10px}.workspace-toolbar strong{font-size:14px}.workspace-toolbar button{font-size:12px;padding:10px}.paper-stage #engineering-lesson{padding:20px}.workspace-expanded>iframe,.workspace-expanded .engineering-cad iframe{min-height:0;height:100%}}
.cad-workspace.workspace-expanded>iframe{height:100%;min-height:0}.cad-workspace.workspace-expanded .engineering-cad iframe{min-height:0;height:0;flex:1}
.reward-model-art img{aspect-ratio:1;object-fit:contain}.reward-play{padding:14px;background:#edf6ff;border-radius:14px;margin:16px 0}.reward-play b{font-size:12px;color:#285ca7}.reward-play p{margin:6px 0;font-size:13px}.reward-model.is-locked img{filter:saturate(.65)}

/* v6: paper-first, readable action sequence */
.tool-card ol{padding-left:1.8rem;counter-reset:actions}.tool-card ol li{padding:.55rem .25rem;line-height:1.65}.visual svg,#measurement-practice svg{width:100%;max-height:360px}#lesson-jump{width:100%;margin:10px 0 22px;padding:12px;border-radius:12px}#numeric-answer,#ruler-answer{max-width:240px;display:block;margin:12px 0}header nav{flex-wrap:wrap}.panel+.panel{margin-top:20px}

/* Child-first navigation and one action at a time. */
.child-ui {font-size:18px;line-height:1.6}
.child-ui header {position:relative;display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px;align-items:center}
.child-ui header nav {display:flex;gap:8px;flex:1;justify-content:center}
.child-ui header nav>a {padding:12px 18px;border:2px solid transparent;border-radius:14px;font-weight:700}
.child-ui header nav>a.nav-active {background:#2256ce;color:#fff;border-color:#153b91;box-shadow:0 3px 0 #153b91}
.child-ui #nav-location,.child-ui .age {display:none}
.child-ui #learner-button {font-size:15px;padding:8px 12px}
.child-ui #game-header {gap:8px}
.child-ui #sound-toggle {font-size:13px;padding:8px}
.child-ui main {max-width:1080px;padding:32px 24px 64px;margin:auto}
.child-ui button,.child-ui .btn,.child-ui summary,.child-ui select {min-height:48px}
.child-ui :focus-visible {outline:3px solid #214ec7;outline-offset:4px}
.child-ui [hidden] {display:none!important}
.child-ui h1 {font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-.025em}
.child-ui h2 {font-size:clamp(22px,3vw,30px);line-height:1.35}
.child-intro {margin-bottom:24px}
.child-intro h1 {margin:8px 0}
.child-intro p {margin:8px 0;color:#52617a}
.child-mission {display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;background:white;border:1px solid #dbe4f2;border-radius:24px;padding:32px}
.child-mission h2 {margin:12px 0}
.child-mission .primary {display:inline-flex;font-size:20px;padding:16px 28px;margin-top:16px;background:#2256ce;color:white;border-color:#2256ce}
.child-other {display:block;margin-top:16px;font-size:16px;text-decoration:underline;color:#345ca6}
.child-reward {display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#243454;background:#f4f7ff;border-radius:20px;padding:16px}
.child-reward img {width:100%;max-width:220px;height:180px;object-fit:contain;mix-blend-mode:multiply}
.child-reward span {font-size:15px;margin-top:6px}
.child-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.child-stats>a,.child-stats>div {display:flex;flex-direction:column;padding:16px;border-radius:16px;background:#eaf0ff;color:#263e6c;text-align:center;text-decoration:none}
.child-stats strong {font-size:28px}
.child-stats span {font-size:15px}
.child-details {margin:16px 0;border:1px solid #dbe4f2;border-radius:14px;background:white;padding:0 18px}
.child-details summary {display:list-item;padding:12px 0;cursor:pointer;font-size:16px;font-weight:650;color:#344c78}
.child-details>p,.child-details>div {margin-bottom:16px}
.child-modules {display:grid;gap:14px;margin-top:28px}
.child-module {display:flex;gap:20px;align-items:center;text-decoration:none;background:white;border:1px solid #dbe4f2;border-radius:18px;padding:20px;color:#263e6c}
.child-module:hover {border-color:#2256ce;background:#f3f7ff}
.child-module>div {flex:1}.child-module h2 {font-size:22px;margin:0}.child-module p {margin:6px 0 0;font-size:15px}
.child-module .number {margin:0;flex-shrink:0}
.child-lesson {max-width:860px;margin:16px auto;padding:28px}
.child-lesson>h1 {font-size:30px}.child-lesson>p {font-size:17px}
.child-action {border:2px solid #adc3f5;border-radius:20px;background:#f2f6ff;padding:24px;margin:24px 0}
.child-action h2 {font-size:24px;margin:12px 0 24px;line-height:1.5;overflow-wrap:anywhere}
.child-action .row {display:flex;flex-wrap:wrap;gap:10px}.child-action .primary {background:#2256ce;color:white;margin-left:auto}
.child-action #audioStatus:empty {display:none}
.child-lesson .lesson-picker {background:transparent}
.child-lesson #lesson-jump {max-width:100%;width:100%;margin:12px 0}
.child-lesson .visual {overflow:auto}.child-lesson img {max-width:100%;height:auto}
.child-lesson #lesson-practice {border-top:2px solid #dbe4f2;margin-top:24px;padding-top:12px}
.child-lesson #practice-title {scroll-margin-top:24px}
.child-lesson .physical {display:flex;align-items:center;gap:14px;padding:18px;background:#eef8f2;border-radius:12px;font-size:18px}
.child-lesson .physical input {width:24px;height:24px;flex-shrink:0}
.child-lesson #next:not(:disabled) {background:#2256ce;color:#fff}
@media(max-width:720px){.child-ui header {padding:12px;gap:8px}.child-ui header nav {order:4;flex-basis:100%;justify-content:flex-start;flex-wrap:wrap}.child-ui header nav>a {padding:10px 12px;font-size:15px}.child-ui #game-header {margin-left:auto}.child-ui .brand {font-size:18px}.child-ui main {padding:20px 14px 48px}.child-mission {grid-template-columns:1fr;padding:22px;gap:22px}.child-reward {display:grid;grid-template-columns:100px 1fr;text-align:left;column-gap:14px}.child-reward img {grid-row:span 2;height:100px}.child-stats {gap:8px}.child-stats>a,.child-stats>div {padding:12px 6px}.child-stats strong {font-size:23px}.child-stats span {font-size:13px}.child-lesson {padding:18px}.child-action {padding:18px}.child-action h2 {font-size:21px}.child-action .primary {width:100%;margin:0}.child-module {gap:14px;padding:16px}.child-module h2 {font-size:19px}}
@media(prefers-reduced-motion:reduce){.child-ui *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}