@font-face{font-family:MungchiTitle;src:url('assets/Jua-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.cover-sound{position:absolute;right:36px;bottom:36px}
.sound-settings{width:920px;max-width:90vw;max-height:90vh;overflow:auto;padding:34px 38px;border:3px solid #29463f;border-radius:24px;background:#fffdf3;color:#29463f;box-shadow:8px 9px 0 #29463f}
.sound-settings::backdrop{background:#173b419c}
.sound-settings header{display:flex;align-items:center;justify-content:space-between;gap:24px}.sound-settings h2{font-size:42px;line-height:1.2;margin:12px 0}.sound-settings>p{font-size:25px;line-height:1.5;margin:16px 0}
.sound-volume-row{display:grid;grid-template-columns:250px minmax(0,1fr) 72px;align-items:center;gap:24px;padding:24px;border:2px solid #a2c5b4;border-radius:16px;background:#e0f2e7;margin:18px 0;min-height:120px}.sound-volume-row+.sound-volume-row{background:#eee7fc;border-color:#b7a5d2}.sound-volume-row label{font-size:29px;font-weight:750}.sound-volume-row small{display:block;font-size:20px;font-weight:500;margin-top:8px}.sound-volume-row input{width:100%;height:40px;padding:0;accent-color:#167d68}.sound-volume-row output{font-size:27px;font-weight:750;text-align:right;font-variant-numeric:tabular-nums}
.sound-settings .sound-status{font-size:23px;color:#536d5d}.sound-settings footer{font-size:20px;line-height:1.6;margin-top:20px;padding-top:15px;border-top:1px solid #c5d3be}.sound-settings a{color:#23594e;text-underline-offset:4px}
h1,h2,.button{font-family:MungchiTitle,Workshop,'Malgun Gothic',sans-serif;font-weight:400;font-synthesis:none}
/* One fixed landscape composition, scaled as a whole by the host. */
.simple-shell{width:1920px;height:1080px;padding:28px 36px 18px;display:grid;grid-template-rows:100px minmax(0,1fr) 82px 54px;gap:18px;background:linear-gradient(125deg,#e5f4ec,#fff1d6)}
.simple-top{display:flex;justify-content:space-between;align-items:center;gap:32px}.simple-top small{font-size:22px;font-weight:750;color:#507773}.simple-top h1{font-size:42px;margin-top:7px}
.simple-progress{display:flex;gap:12px;padding:0;list-style:none}.simple-progress li{display:flex;align-items:center;gap:8px;padding:12px;font-size:22px;color:#657873;white-space:nowrap}.simple-progress span{display:grid;place-items:center;width:33px;height:33px;border:1px solid #77928b;border-radius:50%;font-size:20px}.simple-progress [aria-current]{color:#173b36;background:#ffdc65;border-radius:12px;font-weight:850}.simple-progress .past span{background:#a6e6d4;color:#173b36}
.simple-content{min-height:0;position:relative}.simple-card{min-height:0;min-width:0;background:#fffaf0f5;border:2px solid #38554b;border-radius:22px;padding:32px;box-shadow:4px 5px 0 #20334820}.simple-card h2{margin:20px 0;font-size:38px}.simple-card p{font-size:28px;line-height:1.55}.simple-two{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.simple-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.simple-hint{font-size:26px;font-weight:600;color:#385c55;max-width:1200px}.simple-bottom .button{min-width:270px}.simple-dock{display:flex;align-items:center;gap:24px;border-top:1px solid #a6bcb0;padding-top:10px;font-size:21px}.simple-dock>div{display:flex;gap:12px;margin-left:auto}.simple-dock .button{font-size:20px;border-width:1px;box-shadow:none;min-height:42px;padding:6px 15px;border-radius:8px;background:#fff9e9}.simple-storage{font-size:18px;color:#627970;max-width:720px}
.simple-cover{width:1920px;height:1080px;position:relative;background:url('assets/cover-v1.webp') center/cover}.simple-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff8e9f2,#fff8e9d9 30%,transparent 66%)}.simple-cover-copy{position:absolute;left:80px;top:90px;width:960px}.simple-cover h1{font-size:100px;line-height:1.1;margin:28px 0;letter-spacing:-4px}.simple-cover h2{font-size:46px;line-height:1.4;color:#12675c}.simple-cover form{margin-top:35px}.simple-cover label{font-size:25px}.simple-cover label small{font-weight:400;font-size:20px;margin-left:15px}.simple-cover form>div{display:flex;gap:20px;margin-top:14px}.simple-cover input{width:420px;font-size:25px}.simple-cover-copy>p{font-size:25px;margin-top:25px}
.simple-story{height:100%;position:relative;border:2px solid #38554b;border-radius:24px;overflow:hidden}.simple-story>.story-art{width:100%;height:100%;object-fit:cover}.story-bubble{position:absolute;right:32px;top:32px;width:650px;background:#fffaf0ed;border:2px solid #38554b;border-radius:22px;padding:28px;z-index:4}.story-bubble h2{font-size:35px;margin:14px 0}.story-bubble p{font-size:28px;line-height:1.55}.simple-story .wind-controls{left:auto;right:28px;bottom:24px;width:660px}.simple-story .wind-trigger{width:370px;height:370px;top:160px;left:calc(65% - 185px)}.simple-story .wind-pole{left:calc(65% - 10px);top:350px;height:275px}.simple-story .wind-flow{right:170px;top:360px}.live-wind .story-bubble{left:28px;right:auto;top:28px;width:590px}
.simple-photo{position:relative;border-radius:24px;overflow:hidden;border:2px solid #38554b}.simple-photo>img{width:100%;height:100%;object-fit:cover}.simple-photo>p{position:absolute;bottom:0;left:0;right:0;padding:25px;background:#fffaf0ed;font-size:28px}.simple-predict{display:flex;flex-direction:column;gap:5px}.simple-predict h2{margin:13px 0}.simple-predict label{font-size:24px;margin-top:12px}.simple-predict label small{font-size:21px;font-weight:400}.simple-predict input{font-size:24px;width:100%}
.simple-options{display:grid;gap:13px;margin:20px 0}.simple-choice{min-height:77px;padding:17px 23px;border:2px solid #92ab9d;border-radius:14px;background:#fffef8;text-align:left;font-size:28px;font-weight:650;display:flex;align-items:center;gap:16px;line-height:1.4}.simple-choice:hover:not(:disabled){background:#fff1bb;border-color:#395e50}.simple-choice.selected{background:#fff0ae;border-color:#4b6b50}.simple-choice span{display:grid;place-items:center;flex:0 0 33px;height:33px;border:1px solid #9aac96;border-radius:50%;font-size:21px}.simple-choice:disabled{opacity:1}.subtle{font-size:24px!important;color:#637b71}.simple-feedback{padding:22px 24px;border-radius:14px;margin-top:23px;animation:simple-pop .24s ease-out}.simple-feedback p{font-size:26px;margin-top:8px}.simple-feedback small{font-size:22px;display:block;margin-top:8px}.simple-feedback.right{background:#d8f1d9;border-left:6px solid #27804f}.simple-feedback.wrong{background:#ffedc2;border-left:6px solid #b57323}.simple-feedback b{font-size:27px}
.simple-experiment{height:100%;display:grid;grid-template-columns:1240px 1fr;gap:24px}.simple-lab-board{position:relative;border-radius:24px;border:2px solid #38554b;overflow:hidden;background:url('assets/lab-background-v1.webp') center/cover}.simple-lab-aside{display:flex;flex-direction:column;gap:17px;padding:28px}.simple-lab-aside h2{font-size:35px;margin:0}.simple-lab-aside p{font-size:26px}.simple-lab-aside>small{font-size:21px;color:#607369}.simple-source{margin-top:auto;border:0;border-bottom:1px solid #648277;align-self:flex-start;background:none;padding:5px 0;font-size:21px;text-align:left;text-decoration:underline;text-underline-offset:4px}.simple-source:disabled{opacity:.4}.simple-pair{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:12px;text-align:center}.simple-pair>span{font-size:38px;color:#538b77}.simple-pair figure{background:#f0f5e9;border:1px solid #bdd1bb;border-radius:18px;padding:14px 8px}.simple-pair img{width:100%;height:155px}.simple-pair figcaption{font-size:23px;font-weight:750;white-space:nowrap}.simple-pair strong{display:block;font-size:37px;margin-top:7px;font-variant-numeric:tabular-nums}.simple-pair strong small{font-size:24px}.simple-experiment .simple-pair strong{font-size:32px}.simple-experiment .air-lab-tools{bottom:76px}.simple-experiment .air-lab-footnote{font-size:18px;bottom:18px}.simple-experiment .pump-timing>div:first-child>span{display:none}.simple-pump-wait{background:#fff8e9;padding:9px 20px;border-radius:10px;font-size:23px;font-weight:700}
.comparison-card{display:flex;flex-direction:column;justify-content:center;gap:30px}.comparison-card .simple-pair img{height:245px}.comparison-card .simple-pair strong{font-size:52px}.comparison-card>p{text-align:center;color:#557164}.comparison-card>.pill{align-self:flex-start}.discover-question{display:flex;flex-direction:column;justify-content:center}.simple-core{padding-left:34px;display:grid;gap:27px;font-size:30px;line-height:1.55}.simple-core li::marker{font-weight:900;color:#1a7865}
.simple-evidence{display:flex;flex-direction:column;justify-content:center;gap:30px}.simple-evidence>.pill{align-self:flex-start}.simple-evidence .simple-pair img{height:260px}.simple-evidence .simple-pair strong{font-size:48px}.simple-evidence>p{text-align:center;color:#57756d}.simple-evidence-image{height:380px;display:flex;justify-content:center}.simple-evidence-image img{height:100%;max-width:90%;object-fit:contain}.simple-test h2{font-size:36px;line-height:1.4;margin:24px 0}.simple-test .simple-options{margin:20px 0}.simple-test form{display:grid;gap:18px;margin-top:38px}.simple-test label{font-size:26px}.keyword-row{display:flex;gap:15px}.keyword-row input{min-width:0;flex:1}.simple-test form>small{font-size:22px;color:#607369}
.simple-shell[data-simple-stage=note]{padding:22px 28px 18px;grid-template-rows:86px minmax(0,1fr) 76px 48px;gap:16px;background:linear-gradient(120deg,#e5f5eb,#fff1da)}
.simple-shell[data-simple-stage=note] .simple-top h1{font-size:46px;line-height:1.1;margin:5px 0 0}
.simple-shell[data-simple-stage=note] .simple-top small{display:block;line-height:1.2}
.simple-note{height:100%;display:grid;grid-template-columns:1fr 1.08fr;gap:22px}
.note-core{display:flex;flex-direction:column;gap:12px;padding:22px;background:#fffdf3;border:3px solid #29463f;box-shadow:5px 6px 0 #29463f}
.note-hero{position:relative;min-height:106px;padding-right:150px}.note-hero .pill{font-size:21px;padding:5px 12px;background:#bcebdc}.note-hero h2{font-size:40px;line-height:1.2;margin:8px 0 5px;color:#1c5548;word-break:keep-all}.note-hero>p{font-size:21px;line-height:1.3;color:#5c7469}.note-mascot{position:absolute;right:0;top:-14px;width:132px;height:132px;object-fit:contain}
.note-comparison{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:center}
.note-comparison figure{margin:0;display:flex;align-items:center;gap:14px;min-height:148px;padding:12px 14px;border:2px solid #365b51;border-radius:16px;background:#e0f2e7;box-shadow:2px 3px 0 #365b5129;min-width:0}.note-comparison figure:last-child{background:#ffe2b6}
.note-comparison img{width:76px;height:122px;flex:0 0 76px;object-fit:contain}.note-comparison figcaption{min-width:0}.note-comparison figcaption>span{font-size:22px;font-weight:700;color:#456157;display:block}.note-comparison strong{font-family:Workshop,sans-serif;font-size:41px;font-weight:850;white-space:nowrap;display:block;margin-top:7px;color:#1d4139;font-variant-numeric:tabular-nums}.note-comparison small{font-size:25px}.note-arrow{font-size:38px;font-weight:900;text-align:center;color:#2c7764}
.note-condition{display:flex;justify-content:space-between;align-items:center;font-size:21px!important;line-height:1.25!important;color:#48685c}.note-condition>span{font-size:19px;background:#f2ead8;border-radius:6px;padding:4px 9px}.note-key-title{font-family:MungchiTitle,Workshop,sans-serif;font-size:26px;font-weight:400;margin:0;color:#294c40}
.note-lessons{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-height:0}.note-lessons li{display:flex;align-items:center;gap:14px;padding:10px 14px;min-height:78px;border:1.5px solid #a9c9ae;border-radius:14px;background:#dff0d6}.note-lessons li:nth-child(2){background:#fff0bd;border-color:#cdb36a}.note-lessons li:nth-child(3){background:#e7defa;border-color:#b4a2d0}
.note-lesson-index{font-family:MungchiTitle,Workshop,sans-serif;display:grid;place-items:center;flex:0 0 42px;height:42px;border:2px solid #34544a;border-radius:12px;background:#fffef3;font-size:26px;color:#285c4b}.note-lessons p{font-size:28px;line-height:1.4;word-break:keep-all;font-weight:650;color:#274c40}
.note-writing{display:grid;grid-template-rows:54px 1fr .95fr;gap:14px;min-height:0}.note-writing-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 5px}.note-writing-title h2{font-size:35px;line-height:1.25;margin:0;color:#284d43}.note-writing-title p{font-size:23px;line-height:1.4;color:#5b7366}
.note-writing label{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:20px 22px;border:2.5px solid #354d45;box-shadow:4px 5px 0 #354d45;background:#fff0dc;min-height:0}.note-writing .note-write-curious{background:#eee7fc}
.note-field-heading{display:flex;gap:12px;align-items:center}.note-field-heading img{width:44px;height:44px;flex:0 0 44px}.note-field-heading b{font-family:MungchiTitle,Workshop,sans-serif;font-size:33px;line-height:1.2;font-weight:400;color:#2a453c}.note-optional{margin-left:auto;font-size:19px;font-weight:600;padding:4px 10px;border:1px solid #a48cbd;border-radius:8px;color:#644f80;background:#faf7ff}
.note-field-hint{font-size:23px;font-weight:500;color:#536d5d;line-height:1.35}.note-writing textarea{width:100%;height:100%;min-height:0;resize:none;overflow:auto;padding:14px 20px;font:500 27px/44px Workshop,'Malgun Gothic',sans-serif;color:#243d35;border:1.5px solid #adbeaf;border-radius:12px;background:repeating-linear-gradient(to bottom,#fffef9 0,#fffef9 43px,#b8cdbb66 43px,#b8cdbb66 44px);background-position:0 14px;background-attachment:local}
@keyframes simple-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.simple-feedback{animation:none}}

.simple-test h2{white-space:pre-wrap}

/* Keep the face in frame while the scene fills the landscape stage. */
.simple-story>.story-art,.simple-story .story-motion{object-position:center top}
.simple-experiment .timed-pump{width:245px;height:280px;right:1%;top:285px}

.simple-experiment .movable-bottle:disabled{opacity:1}.compare-again .simple-pair figure{border:3px solid #b57323;background:#fff0c4}.compare-again .simple-pair strong{color:#8c4a0d}

.simple-cover-copy>.simple-save-warning{font-size:22px;max-width:800px;background:#ffedc2;border-radius:10px;padding:12px 18px;margin-top:15px}

.air-lab[data-finished=true] .pumping-zone{visibility:hidden}.air-lab[data-finished=true] .weigh-zone{border-style:solid;cursor:default}.air-lab[data-finished=true] .movable-bottle{cursor:default}
.simple-evidence.question-scene{display:block;padding:0;overflow:hidden;background:#e2efe6}
.question-figure{height:100%;position:relative;min-height:0}
.question-figure>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.question-figure>figcaption{position:absolute;bottom:0;left:0;right:0;background:#fffaf0f5;padding:20px 24px;border-top:1px solid #b4c6b7}
.question-figure>figcaption p{font-size:25px;line-height:1.4;text-align:left;color:#38584d}
.question-readings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.question-readings>span{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e5f1df;border-radius:10px;padding:12px 16px;font-size:23px}
.question-readings strong{font-size:31px;white-space:nowrap;font-variant-numeric:tabular-nums}

.simple-test h2{text-wrap:balance;word-break:keep-all;overflow-wrap:break-word}

.simple-bottom>div{display:flex;gap:18px}.simple-bottom:has([data-do=finish]) .simple-hint{max-width:1050px}
.lesson-ending{position:relative;width:1920px;height:1080px;overflow:hidden;background:#214f4a}
.ending-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ending-reveal .7s ease-out}
.ending-card{position:absolute;top:78px;right:72px;width:800px;padding:32px 38px;display:flex;flex-direction:column;gap:16px;border:3px solid #294f40;border-radius:26px;box-shadow:8px 9px 0 #173e3526;background:#fffaf0ed;animation:ending-reveal .55s ease-out}
.ending-card h1{font-size:68px;line-height:1.12;letter-spacing:-2px;color:#175947}
.ending-name{font-size:29px;font-weight:750;color:#4e6f58;line-height:1.35;overflow-wrap:anywhere}
.ending-card blockquote{margin:0;font-size:29px;line-height:1.55;color:#294c42}.ending-card cite{display:block;font-size:23px;font-style:normal;font-weight:800;margin-top:8px;color:#66816d}
.ending-discovery{padding:20px 24px;border:1px solid #b5c598;border-radius:16px;background:#e8f1d6;font-size:24px;color:#52724c}.ending-discovery strong{display:block;font-size:34px;color:#214b3b;margin-top:9px}
.ending-actions{display:flex;gap:16px}.ending-actions .button{flex:1;font-size:27px}.ending-feedback{font-size:23px;line-height:1.4;color:#577267;min-height:33px}
.lesson-ending>.simple-dock{position:absolute;bottom:24px;left:36px;right:36px;min-height:58px;padding:10px 18px;border:2px solid #38554b;border-radius:14px;background:#fffaf0f0}
@keyframes ending-reveal{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ending-art,.ending-card{animation:none}}

.ending-next-link{font-size:23px;line-height:1.3;color:#245d50;text-underline-offset:4px;align-self:flex-start}