@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#263e39;background:#f5f0e4;font-synthesis:none;--ink:#263e39;--green:#376a53;--gold:#efc259;--paper:#fffdf6;--line:#dfdfcf}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #df9231;outline-offset:4px}a{color:inherit}.loading{text-align:center;padding:30vh 20px}button{border:0}header{max-width:1456px;margin:auto;padding:24px 34px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:13px}.brand-icon{width:48px;height:48px;object-fit:contain}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#7c846d;margin:0 0 5px}h1{font-family:Jua,system-ui;font-size:27px;font-weight:400;margin:0;letter-spacing:-.03em}.header-links{display:flex;gap:10px;align-items:center}.quiet{background:transparent;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:600;text-decoration:none}.quiet:hover{background:#e9eadb}.pill{background:#ecebdc;border:1px solid #dddcc9;border-radius:22px;padding:9px 13px;font-size:11px;font-weight:700}main{max-width:1456px;margin:auto;padding:0 34px 30px}.mission-head{display:flex;align-items:center;justify-content:space-between;margin:10px 0 17px;gap:15px}.mission-title{display:flex;align-items:center;gap:12px}.chapter{font-size:12px;border:1px solid #d5d8c5;border-radius:9px;padding:10px;color:#7c886d}.mission-head h2{font-family:Jua,system-ui;font-weight:400;font-size:24px;margin:0 0 5px}.mission-head p{margin:0;font-size:12px;color:#7d8574}.goals{display:flex;gap:8px;flex-wrap:wrap}.goal{font-size:11px;border:1px solid #dedfcc;border-radius:22px;padding:8px 12px;color:#7a806f}.goal.done{background:#dfebd9;border-color:#b9cdb0;color:#306444}.goal i{font-style:normal;color:#ba9038;margin-right:4px}.workshop{border:1px solid #dddccb;border-radius:21px;background:var(--paper);box-shadow:0 10px 30px #5b674510;overflow:hidden}.stage-top{display:flex;align-items:center;justify-content:space-between;background:#fdfbf3;border-bottom:1px solid var(--line);padding:13px 20px;font-size:11px;color:#778471;gap:10px}.stage-top strong{color:#345c4b;letter-spacing:.03em}.stage-top .indicator{display:inline-block;width:6px;height:6px;background:#78a276;border-radius:50%;margin-right:6px}.main-stage{display:grid;grid-template-columns:365px 1fr;min-height:389px;background:#f5f0db}.blueprint{position:relative;background-color:#eff2e4;background-image:radial-gradient(#b7c6ab 1px,transparent 1px);background-size:14px 14px;padding:24px 25px 18px;border-right:1px solid #cfd8c0;display:flex;flex-direction:column;justify-content:center;z-index:1}.blueprint-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;font-weight:700;letter-spacing:.03em}.blueprint-label span{font-size:10px;color:#7e8d73;font-weight:400}.build-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;aspect-ratio:6/4;padding:5px;background:#dde6cd80;border:1px solid #bdc9ad;border-radius:8px;touch-action:none}.cell{padding:0;border:1px dashed #c1cdae;background:#fcfdf640;aspect-ratio:1;border-radius:4px;position:relative;min-width:0}.cell:hover,.cell.drag-over{background:#fff3c2;border:2px solid #d5b550}.cell.filled{background:#fcf9efb0;border-style:solid;border-color:#d9d9bd}.cell canvas{width:100%;height:100%;display:block;pointer-events:none}.cell .part-cost{position:absolute;bottom:0;right:2px;font-size:8px;font-weight:800;color:#566449;background:#fffde7cc;border-radius:3px;padding:0 3px;pointer-events:none}.cell[data-type=balloon]{overflow:visible}.ruler{display:flex;justify-content:space-around;font-size:9px;color:#89957b;margin:8px 5px}.balance-rail{height:5px;background:#d3debf;border-radius:5px;position:relative;margin:6px 4px 8px}.balance-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#d19439;top:-4px;border:2px solid #fff8e4;transform:translateX(-50%);transition:left .15s}.balance-label{text-align:center;color:#8a917c;font-size:10px}.build-tools{display:flex;justify-content:center;gap:4px;margin-top:15px}.build-tools button{padding:8px 10px;border:1px solid #cfdbc0;background:#fafbf3;border-radius:7px;font-size:11px}.build-tools button.active{background:#e1b459;color:#253d32}.scene-wrap{position:relative;min-width:0;overflow:hidden;background:#f7eccb}.scene{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}.scene-caption{position:absolute;left:19px;top:18px;background:#fffaf0df;padding:9px 12px;border-radius:8px;color:#617057;font-size:11px;pointer-events:none;max-width:75%}.map-toggle{position:absolute;right:13px;bottom:13px;background:#fffcf0dc;padding:9px 12px;border:1px solid #d3cba9;border-radius:8px;font-size:10px}.running .main-stage{grid-template-columns:1fr;min-height:470px}.running .blueprint{display:none}.running .scene-caption{font-size:12px}.run-controls{position:absolute;bottom:18px;left:20px;display:none;gap:8px}.running .run-controls{display:flex}.run-controls button{min-height:44px;padding:11px 17px;background:#fffdf3ed;border-radius:12px;border:1px solid #d1c9aa;font-weight:700;font-size:12px}.run-controls .on{background:#3f7457;color:#fff8e8;border-color:#3f7457}.toolbar{padding:16px 20px 13px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);background:#fffdf7}.parts-label{flex:none;width:54px;font-size:10px;color:#8d917a;line-height:1.8}.parts-label strong{font-size:12px;color:#465940}.parts{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;flex:1}.part{position:relative;background:#f7f6ec;border:1px solid #e1e1cd;border-radius:11px;min-height:85px;display:flex;flex-direction:column;align-items:center;padding:5px 4px 7px;touch-action:none}.part.selected{border:2px solid #cba64f;background:#fff7d8;padding:4px 3px 6px;box-shadow:0 0 0 3px #ead69936}.part canvas{height:42px;width:50px;pointer-events:none}.part strong{font-size:10px}.part small{font-size:10px;color:#a7833d;margin-top:2px}.part.selected:after{content:'선택';position:absolute;top:-8px;right:4px;background:#cfa84e;border-radius:5px;color:white;font-size:8px;padding:2px 5px}.running .toolbar{display:none}.work-footer{background:#fffdf7;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 20px 17px}.selection-help{font-size:11px;color:#77826c}.selection-help b{color:#354d3b}.primary{background:#3d7053;color:#fff9e6;border:1px solid #315c43;border-bottom-width:4px;border-radius:11px;padding:13px 27px;font-family:Jua,system-ui;font-size:18px;white-space:nowrap}.primary:hover{background:#325e45}.primary:active{transform:translateY(2px);border-bottom-width:2px}.secondary{background:#eeeccf;border:1px solid #d5d2b6;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px;margin-top:18px}.note-card{background:#faf8ef;border:1px solid #dedfcb;border-radius:13px;padding:16px 18px;min-height:145px}.note-card h3{font-size:12px;font-weight:700;margin:0 0 12px;display:flex;justify-content:space-between}.note-card h3 small{font-size:10px;font-weight:400;color:#8a927e}.cost-total{display:flex;align-items:baseline;gap:7px}.cost-total strong{font-family:Jua;font-size:32px;font-weight:400;line-height:1}.cost-total span{font-size:11px;color:#81886f}.cost-bar{display:flex;gap:3px;margin:9px 0;height:7px}.cost-bar i{width:100%;background:#d9dfc9;border-radius:3px}.cost-bar i.used{background:#8aa67b}.cost-bar i.extra{background:#d4a35f}.equation{font-size:10px;color:#899078;line-height:1.7}.measures{display:flex;gap:24px}.measure strong{font-family:Jua;font-size:26px;font-weight:400}.measure span{font-size:10px;color:#838d75;margin-left:3px}.measure small{display:block;font-size:10px;color:#8a937d;margin-top:4px}.note-foot{font-size:10px;line-height:1.7;color:#8a927c;margin:12px 0 0}.history-list{display:grid;gap:6px}.attempt{display:flex;justify-content:space-between;font-size:10px;color:#727e66;border-bottom:1px solid #e8e8d9;padding-bottom:5px}.attempt strong{font-weight:500;color:#426c50}.empty-history{font-size:11px;line-height:1.9;color:#90987f}.footer{display:flex;justify-content:space-between;font-size:10px;color:#969b87;gap:20px;margin-top:20px}.footer button{background:none;padding:0;font-size:10px;color:inherit;text-decoration:underline}.result{position:absolute;inset:0;display:grid;place-items:center;background:#20382540;backdrop-filter:blur(3px);z-index:4;padding:20px}.result[hidden]{display:none}.result-card{width:min(450px,100%);background:#fffbed;border:1px solid #efdeb6;border-radius:20px;padding:28px;text-align:center;box-shadow:0 15px 70px #20382535}.result-card .stamp{font-size:34px;color:#c49b39;letter-spacing:9px}.result-card h2{font-family:Jua;font-size:29px;font-weight:400;margin:14px 0 12px}.result-card p{font-size:12px;line-height:1.9;color:#7c856c}.result-card .result-stats{display:flex;justify-content:center;gap:24px;margin:18px 0;font-size:12px}.result-card .result-stats strong{font-size:22px;color:#346342;display:block}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.result-actions .primary{font-size:16px;padding:11px 19px}.result-actions .secondary{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#2d4b3cec;color:white;padding:13px 20px;border-radius:12px;z-index:10;max-width:90%;font-size:12px;box-shadow:0 5px 20px #23362920}.toast[hidden]{display:none}dialog{border:1px solid #ddd8bd;background:#fffbed;color:var(--ink);border-radius:18px;padding:26px;max-width:510px;width:90%;max-height:85vh}dialog::backdrop{background:#243c3655}dialog h2{font-family:Jua;font-size:25px;font-weight:400}dialog p,dialog li{font-size:13px;line-height:1.9}dialog li{margin:8px 0}dialog a{color:#366853}.guide-buttons{display:flex;gap:8px;margin-top:20px}.drag-ghost{position:fixed;pointer-events:none;width:62px;height:62px;z-index:99;filter:drop-shadow(0 4px 6px #172d3540)}.pause-label{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:15px 25px;border-radius:12px;background:#fff9e7eb;font-family:Jua;font-size:25px}.pause-label[hidden]{display:none}@media(min-width:1500px){.main-stage{min-height:450px}}@media(max-width:1080px){main{padding:0 20px 25px}header{padding:19px 20px 14px}.main-stage{grid-template-columns:330px 1fr}.blueprint{padding:20px 17px}.parts-label{display:none}.bottom-grid{gap:10px}.note-card{padding:15px}.goals{max-width:370px;justify-content:flex-end}.goal{font-size:10px;padding:7px 9px}}@media(max-width:760px){header{padding:16px}.brand-icon{width:35px;height:35px}h1{font-size:22px}.header-links .pill{display:none}.quiet{font-size:10px;padding:8px}.eyebrow{font-size:8px}main{padding:0 12px 24px}.mission-head{align-items:flex-start;padding:0 4px;flex-direction:column;margin-top:5px;gap:11px}.mission-head h2{font-size:22px}.mission-head p{font-size:10px}.goals{justify-content:flex-start;max-width:none;gap:5px}.goal{padding:6px 9px;font-size:9px}.chapter{padding:8px}.workshop{border-radius:15px}.stage-top{padding:10px 13px;font-size:9px}.main-stage{display:flex;flex-direction:column;min-height:0}.scene-wrap{height:220px;order:0}.blueprint{order:1;padding:14px 24px 12px;border-right:0;border-top:1px solid #cfd8c0}.build-grid{max-width:370px;width:100%;margin:auto;gap:3px}.blueprint-label{margin-bottom:9px;max-width:370px;width:100%;align-self:center;font-size:10px}.blueprint-label span{font-size:9px}.ruler,.balance-rail,.balance-label{display:none}.build-tools{margin-top:10px}.cell canvas{max-height:57px}.toolbar{padding:12px 9px 9px}.parts{gap:5px;grid-template-columns:repeat(7,1fr)}.part{min-height:70px;border-radius:8px;padding:3px 2px}.part canvas{width:36px;height:33px}.part strong{font-size:8px;letter-spacing:-.06em}.part small{font-size:8px}.part.selected{padding:2px 1px}.selection-help{font-size:10px;line-height:1.6}.work-footer{padding:8px 12px 13px;gap:12px}.primary{padding:11px 19px;font-size:16px}.bottom-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.note-card{padding:13px;min-height:135px}.note-card:last-child{grid-column:span 2;min-height:95px}.note-card h3{font-size:11px}.cost-total strong{font-size:26px}.cost-total span{font-size:10px}.note-foot,.equation{font-size:9px}.measures{gap:15px}.measure strong{font-size:22px}.footer{font-size:9px;margin:15px 4px}.footer button{font-size:9px}.running .main-stage{min-height:0}.running .scene-wrap{height:430px}.running .work-footer{position:relative;padding:13px}.run-controls{left:12px;bottom:14px;gap:6px}.run-controls button{font-size:10px;padding:10px 12px;min-height:42px}.map-toggle{font-size:9px;bottom:auto;top:49px;right:12px}.scene-caption{left:12px;top:12px;font-size:10px}.running .scene-caption{font-size:10px}.result-card{padding:21px}.result-card h2{font-size:25px}.result-card p{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.map-toggle{display:none}.running .map-toggle{display:block}.note-card h3{gap:6px}.note-card h3 small{white-space:nowrap}@media(max-width:760px){.note-card h3 small{display:none}}
.assembly-mass{text-align:center;margin-top:9px;font-size:12px}.assembly-mass strong{font-family:Jua;font-size:21px}.assembly-mass span{display:block;font-size:10px;color:#68795d}.science-board{margin-top:18px;background:#fffdf6;border:1px solid var(--line);border-radius:16px;padding:22px}.science-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.science-heading h2{font-family:Jua;font-size:23px;font-weight:400;margin:0}.science-assumption{font-size:11px;color:#697c63}.science-columns{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:25px}.science-board h3{font-size:13px;margin:0 0 14px}.science-board p{font-size:12px;line-height:1.8;margin:10px 0;color:#617258}.science-value strong{font-family:Jua;font-size:32px;font-weight:400}.science-design label{display:block;font-size:13px;font-weight:700;margin-top:19px}.science-design output{float:right;color:#a46e20}.science-design input{width:100%;accent-color:#3d7053;margin:12px 0 0;height:28px}.science-formula{background:#edf1e2;border-radius:12px;padding:18px}.science-formula .word-formula{font-family:Jua;font-size:21px;color:#304d3d}.formula-numbers{font-size:20px;font-weight:700;line-height:1.8;overflow-wrap:anywhere}.science-board .science-caveat{font-size:11px;color:#67755b;border-top:1px solid #d5ddc6;padding-top:10px}.science-target select{padding:7px 9px;border:1px solid #cbd3bc;border-radius:7px;background:#fffcf1;font:inherit;color:inherit;margin-left:6px}.science-target label{font-size:12px}.science-target>strong{font-size:16px}.science-board .experiment-prompt{color:#805d31}.science-detail{border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.science-detail summary{font-size:12px;cursor:pointer;padding:7px 0}.science-detail>div{max-width:960px}.science-detail code{font-size:13px;background:#eeefdf;padding:2px 5px}.science-sources{font-size:11px!important}.live-science{border-top:1px solid var(--line);margin-top:14px;padding-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;font-size:12px}.live-science[hidden]{display:none}.live-science b{font-family:Jua;font-size:23px;font-weight:400}.live-science small{flex-basis:100%;font-size:11px;color:#75826a}.attempt{flex-wrap:wrap;gap:4px}.attempt small{flex-basis:100%;font-size:10px;color:#7b856b}.result-card .result-learning{font-size:11px;border-top:1px solid var(--line);padding-top:10px}.result-card .result-learning small{font-size:10px}.running .scene-wrap{min-height:540px}.result-card{padding:22px}.result-card h2{margin:8px 0}.result-card .stamp{font-size:26px}.part small{white-space:nowrap}
@media(max-width:1080px){.science-columns{grid-template-columns:1fr 1fr}.science-target{grid-column:span 2;display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center}.science-target h3{flex-basis:100%;margin-bottom:0}.science-target p{margin:0}.science-target .experiment-prompt{flex-basis:100%}}
@media(max-width:760px){.science-board{padding:17px 14px;margin-top:12px}.science-heading{align-items:flex-start;flex-direction:column;gap:8px}.science-heading h2{font-size:21px}.science-columns{grid-template-columns:1fr;gap:20px}.science-target{grid-column:auto;display:block}.science-target h3{margin-bottom:12px}.science-target p{margin:10px 0}.formula-numbers{font-size:19px}.science-formula{padding:15px}.science-board p{font-size:12px}.science-target select{font-size:16px}.part small{font-size:7px;white-space:normal;line-height:1.5}.running .scene-wrap{height:570px}.result-card{padding:17px}.result-card h2{font-size:23px}.result-card .result-stats{margin:10px 0}.result-card p{margin:8px 0}.result-card .result-learning{font-size:11px}.assembly-mass{margin:7px 0 0}}

.part-mass{display:block;color:#62745c;font-size:10px;line-height:1.6}.scene-wrap .live-science{position:absolute;top:58px;left:19px;margin:0;padding:10px 14px;border:0;border-radius:10px;background:#fffbeded;max-width:calc(100% - 38px);gap:6px 16px;pointer-events:none}.scene-wrap .live-science>strong{display:none}.scene-wrap .live-science small{font-size:10px}.scene-wrap .live-science span{font-size:11px}.scene-wrap .live-science b{font-size:18px}@media(max-width:760px){.part small{font-size:9px}.part-mass{font-size:9px}.scene-wrap .live-science{top:91px;left:12px;max-width:calc(100% - 24px);padding:9px 10px;gap:3px 11px}.scene-wrap .live-science b{font-size:16px}.scene-wrap .live-science small{font-size:9px}}
.lesson-controls{padding:9px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#edf1e4;border-bottom:1px solid #dce1cc}.lesson-controls>span{font-family:Jua;font-size:15px;color:#526b47}.lesson-controls small{font:11px 'Noto Sans KR',sans-serif;margin-left:10px;color:#6f7a60}.lesson-controls>div{display:flex;gap:6px;flex-wrap:wrap}.lesson-controls button{font-size:11px;background:#fffdf3;padding:9px 11px;border:1px solid #ced7bc;border-radius:20px;color:#4e6844}.lesson-controls button[aria-pressed=true]{background:#dcebcf;border-color:#b6cb9b}.math-companion{position:absolute;inset:0;pointer-events:none;z-index:2}.math-companion[hidden]{display:none}.coach-lines{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.coach-link{fill:none;stroke:#a97534;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 5}.coach-end{fill:#ecc373;stroke:#fff8db;stroke-width:2}.coach-gravity,.coach-slope{fill:none;stroke:#bd693d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.coach-slope{stroke:#628355;stroke-dasharray:5 4;stroke-width:2.5}.coach-lines text{font:700 12px 'Noto Sans KR',sans-serif;fill:#754525;paint-order:stroke;stroke:#fff6df;stroke-width:4;stroke-linejoin:round}.coach-lines .coach-slope-label{fill:#476038}.coach-bubble{position:absolute;width:242px;max-width:calc(100% - 20px);background:#fffbed;border:2px solid #d3aa65;border-radius:20px 22px 21px 7px;box-shadow:0 5px 0 #b6945333,0 8px 25px #735b1820;padding:11px 14px 8px;pointer-events:auto;overflow:auto;scrollbar-width:thin;color:#425534}.coach-top{display:flex;align-items:center;gap:6px;min-height:30px;margin-bottom:2px}.coach-face{width:34px;height:34px;margin-top:-3px}.coach-badge{font-size:10px;font-weight:700;color:#8d6a34;background:#f5e8c0;border-radius:12px;padding:3px 8px}.coach-star{margin-left:auto;color:#d0a23b;font-size:20px}.coach-title{font-family:Jua;font-size:19px;font-weight:400;display:block;line-height:1.4}.coach-phrase{font-size:12px;line-height:1.6;margin:5px 0;color:#73805a}.coach-equation{font-family:Jua;font-size:14px;padding:8px 7px;border-radius:9px;background:#edf0d8;color:#526640;text-align:center;line-height:1.5}.coach-read{display:block;min-height:39px;width:100%;text-align:left;padding:9px 0 0;font-size:11px;font-weight:700;color:#9b7334;background:none}.coach-read span{float:right;font-size:17px;line-height:16px}.coach-bubble.arrive{animation:coach-pop .28s ease-out}.coach-numbers{border-top:1px dashed #d6c293;margin-top:9px;padding-top:4px}.coach-numbers[hidden]{display:none}.coach-reading{font-size:11px;color:#966e2e;margin:8px 0}.coach-values{display:block;white-space:pre-line;font-size:15px;line-height:1.8;color:#3c654b}.coach-explanation{font-size:12px;line-height:1.8}.coach-teacher{font-size:11px;border-top:1px solid #e3dbc3;padding-top:8px}.coach-teacher summary{cursor:pointer;min-height:35px;line-height:28px;color:#727b60}.coach-formula{white-space:pre-line;font-size:12px;line-height:1.9}.coach-extra{font-size:11px;line-height:1.8;color:#738069}.coach-teacher a{font-size:10px;color:#547450}.coach-bubble.reading{width:300px}.coach-bubble[data-kind=balloon]{border-color:#96aa79}.coach-bubble[data-kind=uphill],.coach-bubble[data-kind=downhill]{border-color:#9aaf76}.coach-bubble[data-kind=brake]{border-color:#bf9277}.running .scene-wrap{min-height:600px}.result{z-index:4}.run-controls{z-index:3}.map-toggle{z-index:3}.pause-label{z-index:3}
@keyframes coach-pop{0%{opacity:0;transform:translateY(9px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.015)}100%{transform:none}}
@media(max-width:760px){.lesson-controls{padding:8px 12px;flex-wrap:wrap}.lesson-controls>span{font-size:14px}.lesson-controls small{display:none}.lesson-controls button{min-height:40px;font-size:10px;padding:7px 10px}.lesson-controls>div{gap:6px}.coach-bubble{width:225px;padding:9px 12px 6px}.coach-title{font-size:18px}.coach-phrase{font-size:12px}.coach-equation{font-size:13px;padding:7px 5px}.coach-face{width:29px;height:29px}.coach-read{min-height:44px;font-size:12px}.coach-bubble.reading{width:292px}.running .scene-wrap{height:640px;min-height:640px}.coach-lines text{font-size:11px}}
@media(prefers-reduced-motion:reduce){.coach-bubble.arrive{animation:none}}

.coach-bubble.reading .coach-read{position:sticky;top:0;z-index:1;background:#fffbed;padding:10px 0 6px;border-bottom:1px solid #e7d7b1}
/* A paused learner must still be able to tap the following explanation. */
.pause-label{pointer-events:none}.running:has(.math-companion:not([hidden])) .pause-label{left:auto;right:18px;top:14px;transform:none;padding:7px 11px;font-size:14px;line-height:1.4}@media(max-width:760px){.running:has(.math-companion:not([hidden])) .pause-label{right:12px;top:12px;padding:6px 9px;font-size:13px}}
/* Extended workshop: browse a manageable shelf at a time. */
[hidden]{display:none!important}.parts-nav{display:flex;justify-content:space-between;gap:12px;padding:12px 20px 0;background:#fffdf7;border-top:1px solid var(--line)}.part-tabs{display:flex;gap:6px;flex-wrap:wrap}.parts-nav button,.sample-designs button{border:1px solid #cbd5be;border-radius:9px;background:#f1f2df;padding:10px 14px;font-size:12px;min-height:42px}.part-tabs button[aria-pressed=true]{background:#426b53;color:#fff8dd}.toolbar{border-top:0;align-items:flex-start}.parts{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:260px;overflow-y:auto;padding:9px 4px}.part{min-height:104px}.part canvas{width:62px;height:52px}.part strong{font-size:11px}.part small{font-size:10px}.sample-designs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:15px 4px}.sample-designs>strong{font-size:13px}.sample-designs>span{font-size:11px;color:#758266}.running .parts-nav{display:none}.running~.sample-designs{display:none}.build-tools{flex-wrap:wrap}.run-controls{right:18px;flex-wrap:wrap;max-width:calc(100% - 36px)}.run-controls button{padding:10px 14px}.device-controls{position:absolute;right:14px;bottom:80px;z-index:5;background:#fffbeeef;border:1px solid #b9c7a5;border-radius:16px;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:260px;overflow:auto;width:min(350px,calc(100% - 28px));box-shadow:0 10px 30px #18392930}.device-controls button{background:#eeeeda;border:1px solid #d0d6b9;border-radius:8px;padding:11px 9px;min-height:44px;font-size:11px}.device-controls .on{background:#527960;color:#fffbe1}#night{position:absolute;right:14px;top:14px;z-index:3;border:1px solid #c7cba9;border-radius:8px;background:#fff8e4dc;font-size:11px;padding:9px 13px}.running #night{top:49px}.running .map-toggle{bottom:80px}.result{overflow:auto}.coach-bubble{max-height:360px}
@media(max-width:760px){.parts-nav{padding:10px;display:block}.part-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.parts-nav button{padding:8px 3px;font-size:10px;min-height:44px}#direction{margin-top:8px;padding:8px 16px}.parts{grid-template-columns:repeat(4,1fr);max-height:270px;gap:7px}.part{min-height:100px}.part strong{font-size:10px;letter-spacing:0}.part canvas{width:52px;height:47px}.part small{font-size:10px}.run-controls{gap:5px;bottom:12px;left:10px;right:10px;max-width:none}.run-controls button{font-size:11px;min-height:44px;padding:8px 10px}.running .scene-wrap{height:720px;min-height:720px}.device-controls{bottom:112px;max-height:235px}.running .map-toggle{top:49px;bottom:auto;right:85px}.running #night{top:49px;right:12px}.sample-designs button{padding:9px 11px;font-size:11px}.sample-designs>span{flex-basis:100%}.scene-caption{max-width:70%}.running:has(.math-companion:not([hidden])) .pause-label{top:166px;right:12px}}
.mode-tabs{display:flex;gap:8px;margin:0 0 20px}.mode-tabs button{padding:13px 20px;border:1px solid #c9d4bb;background:#eeefdd;border-radius:12px;font-weight:700;min-height:46px}.mode-tabs button[aria-pressed=true]{background:#426d59;color:#fffbea}.explore-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.explore-heading h2{font:32px Jua,system-ui;margin:4px 0}.explore-heading p{font-size:13px;color:#6d816d}.explore-heading>strong{border:1px solid #d0dabc;background:#f2efd5;padding:12px 16px;border-radius:12px;font-size:13px}.camp-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 15px;background:#e9eedf;border:1px solid #d3dcc5;border-radius:12px;margin-bottom:14px;font-size:12px}.camp-bar select{font:inherit;padding:9px;border:1px solid #c5d3b5;background:#fffbe9;border-radius:8px;color:inherit}.camp-bar button{margin-left:auto;padding:11px 16px;background:#fdf6dc;border:1px solid #d7c799;border-radius:9px}.camp-bar span{color:#78866a}.flight-pad{position:absolute;bottom:75px;left:18px;z-index:3;display:flex;gap:7px;flex-wrap:wrap;align-items:center;max-width:calc(100% - 36px)}.flight-pad button{border:1px solid #b9cba9;border-radius:12px;background:#fcf8e8ef;min-width:50px;min-height:50px;font-size:22px;touch-action:none;user-select:none}.flight-pad button.on{background:#56856b;color:white}.flight-pad #assist{font-size:11px;padding:10px 14px}.flight-pad span{font-size:10px;color:#425f52;background:#fffae6db;border-radius:7px;padding:7px}.explore-hud{position:absolute;top:124px;left:19px;border:1px solid #dae1c5;background:#fcf9e7ec;border-radius:10px;padding:9px 12px;display:flex;gap:12px;font-size:11px;pointer-events:none}.exploring .running .device-controls{bottom:145px}.exploring .running .map-toggle{bottom:148px}.exploring .running .scene-wrap{min-height:720px}.exploring .running #night{top:14px}.exploring .scene-wrap{min-height:420px}.exploring .coach-bubble{width:225px}.exploring .science-board{margin-top:18px}
@media(max-width:760px){.mode-tabs{margin-bottom:15px;gap:6px}.mode-tabs button{flex:1;font-size:12px;padding:11px 6px}.explore-heading h2{font-size:28px}.explore-heading p{font-size:11px;max-width:235px}.explore-heading>strong{font-size:11px;padding:10px;white-space:nowrap}.camp-bar{gap:8px}.camp-bar label{width:100%}.camp-bar span{font-size:10px}.camp-bar button{font-size:11px}.exploring .scene-wrap{min-height:330px}.exploring .running .scene-wrap{height:850px;min-height:850px}.flight-pad{bottom:112px;left:12px;gap:6px;max-width:calc(100% - 24px)}.flight-pad button{min-width:48px;min-height:48px}.flight-pad span{flex-basis:100%;padding:6px}.flight-pad #assist{font-size:10px;padding:7px;min-width:0}.explore-hud{top:158px;left:12px;font-size:10px;gap:8px;padding:8px}.exploring .running .device-controls{bottom:220px;max-height:235px}.exploring .running .map-toggle{top:49px;bottom:auto}.exploring .running #night{top:49px}.exploring .running .pause-label{top:197px!important}.exploring .coach-bubble{width:217px}}
.explore-hud{max-width:calc(100% - 38px);flex-wrap:wrap;gap:4px 12px}.exploring .running .scene-caption{max-width:65%}@media(max-width:760px){.explore-hud{max-width:calc(100% - 24px)}}
.exploring .toast{top:18px;bottom:auto;pointer-events:none}@media(max-width:760px){.exploring .running .scene-wrap{height:clamp(740px,calc(100svh - 24px),850px);min-height:740px}}

/* Sensor workshop: readable rule cards, live values and a compact in-scene monitor. */
.robot-lab{margin:24px 0;padding:24px;background:#f7f4e5;border:1px solid #ccd9c4;border-radius:20px;scroll-margin-top:20px}.robot-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.robot-heading h2{margin:3px 0 9px}.robot-heading p{line-height:1.7;font-size:14px}.robot-presets,.robot-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;align-items:center}.robot-lab button,.robot-lab select,.robot-lab input{font:inherit;min-height:40px;border:1px solid #b5c8ae;border-radius:9px;background:#fffcf0;color:#344e41;padding:8px}.robot-lab button{cursor:pointer}.robot-lab button[aria-pressed=true]{background:#477a63;color:white}.robot-lab button:disabled{opacity:.45;cursor:default}.robot-rule{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:2px solid transparent;border-radius:12px;background:#e5edde;padding:12px;margin:8px 0}.robot-rule strong{background:#4a7d65;color:#fff;padding:5px 10px;border-radius:50%}.robot-rule input{width:80px}.robot-rule.executing{border-color:#c99639;background:#fff0bb}.sensor-values{display:flex;flex-wrap:wrap;gap:8px}.sensor-values span{background:#dce9e1;border-radius:9px;padding:8px;font-size:13px}.robot-status{font-size:14px;font-weight:700;min-height:22px}.robot-lab details{margin-top:12px;font-size:14px;line-height:1.8}.robot-code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#e7ecdf;padding:16px;border-radius:12px}.robot-hud{position:absolute;bottom:160px;left:12px;right:12px;background:#f9f2d9ee;color:#355b46;border:1px solid #c4d1b0;border-radius:12px;padding:10px;z-index:7;display:flex;align-items:center;gap:10px;font-size:12px;max-width:600px}.robot-hud[hidden]{display:none}.robot-hud span{flex:1}.robot-hud button{padding:7px;border:1px solid #93ad8e;background:#fff9df;border-radius:7px;white-space:nowrap}.part-tabs{flex-wrap:wrap}#relic-count{color:#5a7755;font-size:12px}.device-controls{max-height:240px;overflow-y:auto}
@media(max-width:650px){.robot-lab{padding:15px;margin:18px 0}.robot-heading{display:block}.robot-heading h2{font-size:23px}.robot-rule{gap:6px;padding:9px}.robot-rule select{max-width:150px;font-size:12px}.robot-rule input{width:65px}.robot-hud{bottom:174px;flex-wrap:wrap}.robot-hud strong{display:none}.robot-hud span{min-width:170px}.robot-buttons span{font-size:12px}.part-tabs button{font-size:11px;padding:8px}.camp-bar{flex-wrap:wrap}}