@font-face{font-family:Jua;src:url('assets/Jua-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--ink:#152f50;--blue:#2864cf;--yellow:#ffd45a;--teal:#31b4b0;--paper:#fff8de;--fit:1;color:var(--ink);font-family:Pretendard,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#10243b;display:flex;align-items:center;justify-content:center}#fit{width:calc(1920px * var(--fit));height:calc(1080px * var(--fit));flex:none}#app{position:relative;width:1920px;height:1080px;transform:scale(var(--fit));transform-origin:top left;background:#e5eff8;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:5px solid #ec7b3d;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3,.btn,.brand,.board-tab,.section-tag{font-family:Jua,sans-serif;font-weight:400}h1:focus{outline:none}img{user-select:none;-webkit-user-drag:none}button,input,textarea{touch-action:manipulation}.btn{border:3px solid var(--ink);border-radius:17px;background:#fffdf1;box-shadow:0 5px 0 var(--ink);min-height:65px;padding:12px 24px;font-size:28px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s}.btn:hover:not(:disabled){background:#eef7ff;transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--yellow);border-color:#644a1a;box-shadow:0 5px 0 #644a1a}.btn.primary:hover:not(:disabled){background:#ffe48a}.btn.selected{background:#d6e9ff;border-color:#255fb7;box-shadow:0 5px 0 #255fb7}.btn:disabled{opacity:.46;box-shadow:none;transform:none}.topbar{height:112px;background:#fdf9e9;border-bottom:4px solid var(--ink);display:flex;align-items:center;padding:0 40px;gap:25px;position:relative;z-index:3}.brand{background:none;border:0;display:flex;align-items:center;text-align:left;font-size:27px;gap:13px;flex:none}.brand small{display:block;font-size:20px;color:#56708d;margin-top:5px}.brand-mark{display:flex;align-items:center;justify-content:center;border:3px solid var(--ink);width:55px;height:59px;border-radius:18px;background:var(--yellow);font-size:34px;transform:rotate(-7deg)}.trail{display:flex;gap:17px;align-items:center;flex:1;justify-content:center;font-family:Jua;font-size:22px;white-space:nowrap}.trail span{color:#5e7185;padding:12px 0}.trail .current{background:var(--ink);color:#fff8df;border-radius:13px;padding:12px 16px}.trail .passed{color:#1d7c70}.tools{display:flex;gap:12px}.tools .btn{font-size:21px;min-height:47px;padding:9px 14px;border-width:2px;box-shadow:0 3px 0 var(--ink);border-radius:12px}.learning{position:relative;height:968px;padding:26px 56px 123px;background:#163c5a url("assets/pressure-lab.webp") center/cover}.page-heading{height:158px;padding:0 9px}.section-tag{display:inline-block;border:2px solid var(--ink);border-radius:9px;padding:7px 16px;background:var(--yellow);font-size:23px;line-height:1}.page-heading h1{color:#fffbe5;text-shadow:0 3px 0 #17334e,0 1px 8px #17334e;font-size:53px;margin-top:12px;line-height:1.1;letter-spacing:-1px}.page-heading p{font-size:22px;margin-top:8px;color:#fff9e4;line-height:1.35;text-shadow:0 2px 5px #142e4e}.bottom-bar{height:103px;position:absolute;bottom:0;left:0;width:100%;padding:17px 56px 22px;display:flex;gap:24px;align-items:center;background:#fdf9eb;border-top:3px solid #23476b;z-index:4}.bottom-bar>.btn:first-child{min-width:170px}.bottom-bar>.btn:last-child{min-width:250px;margin-left:auto}.save-status{font-size:19px;line-height:1.4;color:#566e82;max-width:800px}.bottom-bar .save-status{flex:1;text-align:center}.cover,.story,.ending{height:1080px;position:relative;background:#102f4b}.cover-art,.story-art,.ending-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,45,.4),transparent 60%)}.cover-brand{position:absolute;left:82px;top:56px;color:#fffbe5;font-family:Jua;font-size:30px;text-shadow:0 3px 0 #123753}.cover-brand>span{display:inline-block;margin-left:22px;background:var(--yellow);color:#163b62;border:3px solid #ffe994;border-radius:12px;font-size:24px;padding:8px 15px;text-shadow:none;transform:rotate(-3deg)}.cover-copy{position:absolute;left:84px;top:197px;color:#fffaf0}.cover-badge{font-family:Jua;font-size:24px;display:inline-block;border:2px solid #f6da80;border-radius:9px;background:#183e5d;color:#ffe083;padding:9px 20px}.cover-copy h1{font-family:Jua;font-size:134px;line-height:1.14;letter-spacing:-2px;margin-top:19px;text-shadow:0 7px 0 #142d4b,0 11px 0 #132238,-3px -3px 0 #142d4b,3px -3px 0 #142d4b,-3px 3px 0 #142d4b,3px 3px 0 #142d4b}.cover-copy h1 em{font-style:normal;color:#ffdb65;font-size:126px}.cover-copy>p{font-size:31px;line-height:1.6;margin-top:19px;text-shadow:0 2px 5px #102e47}.start-book{position:absolute;left:84px;bottom:98px;width:770px;background:#fff9df;border:4px solid #173c5b;border-radius:8px 26px 26px 8px;box-shadow:10px 12px 0 #13344bbf;padding:27px 30px 20px;border-left:18px solid #e8a741;transform:rotate(-1deg)}.start-book label{display:block;font-family:Jua;font-size:27px}.start-book label small{font-family:Pretendard;font-size:19px;margin-left:25px;color:#597083}.start-book>div{display:flex;gap:14px;margin-top:14px}.start-book input{width:325px;min-width:0;border:2px solid #8395a4;border-radius:12px;background:#fffef8;font-size:25px;padding:15px}.start-book .btn{flex:1;font-size:29px}.start-book>p{margin-top:16px;font-size:18px}.cover-tools{position:absolute;right:42px;top:36px;display:flex;gap:15px}.cover-tools .btn{min-height:54px;font-size:23px;background:#fff8e6ed}.cover-page{position:absolute;right:51px;bottom:35px;font-family:Jua;color:white;font-size:23px;background:#123d5ccc;border-radius:11px;padding:9px 16px}.story-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,34,56,.8),transparent 75%)}.story-heading{position:absolute;left:74px;top:65px;color:#fff8e0;max-width:1080px}.story-heading h1{font-size:69px;margin-top:19px;text-shadow:0 4px #18344e}.story-heading p{font-size:29px;margin-top:16px;color:#f4e8c1}.story-heading .section-tag{color:var(--ink)}.story-dialogue{position:absolute;left:75px;bottom:140px;width:1360px;min-height:177px;background:#fffae9;border:4px solid var(--ink);border-radius:26px;padding:39px 43px 34px;box-shadow:0 8px 0 #142e4b}.speaker{position:absolute;left:32px;top:-24px;border:3px solid var(--ink);background:var(--yellow);border-radius:12px;font-family:Jua;font-size:26px;padding:8px 29px}.story-dialogue>p{font-size:32px;line-height:1.6;font-weight:600;max-width:1240px}.story-dots{display:flex;gap:12px;position:absolute;right:30px;bottom:15px}.story-dots>i{width:12px;height:12px;border-radius:50%;background:#becbd4}.story-dots .active{background:#2a63b6;width:29px;border-radius:9px}.story-nav{position:absolute;bottom:36px;left:75px;right:75px;display:flex;justify-content:space-between}.story-nav .btn{min-width:220px}.story-apparatus{position:absolute;left:74px;top:300px;width:1120px;display:flex;gap:25px}.story-apparatus>div{background:#fffbeaeb;border:3px solid var(--ink);border-radius:22px;width:547px;text-align:center;padding:20px 10px 8px;box-shadow:0 7px 0 #15344b}.story-apparatus strong,.story-apparatus>b{font-family:Jua;font-size:35px}.story-apparatus .syringe{--scene-height:165px;height:165px}.story-apparatus.single{display:block;background:#fffbeaeb;border:3px solid var(--ink);border-radius:22px;padding:27px 25px 5px;width:1060px;text-align:center}.story-apparatus.single .syringe{--scene-height:300px;height:300px}.point-label{position:absolute;right:25px;bottom:13px;font-family:Jua;font-size:26px;color:#906216}.condition-board,.mission-poster{position:absolute;left:75px;top:315px;width:1020px;background:#fff9e7;border:4px solid var(--ink);border-radius:25px;padding:33px 44px;box-shadow:0 8px 0 #15344b;transform:rotate(-1deg)}.condition-board h2,.mission-poster h2{font-size:42px;margin-bottom:20px}.condition-board p{font-size:31px;margin-top:20px;display:flex;align-items:center;gap:20px}.condition-board p span{font-family:Jua;background:#dcecff;padding:7px 15px;border-radius:10px}.condition-board small{display:block;font-size:24px;margin-top:25px;color:#49718c}.mission-poster{max-width:960px}.mission-poster>b{font-size:25px;color:#2864cf}.mission-poster h2{margin-top:15px}.mission-poster p{font-size:35px;line-height:1.6}.mission-poster>span{display:block;background:#dcecff;border-radius:12px;padding:12px 20px;margin-top:23px;font-family:Jua;font-size:29px}.paper{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:9px 22px 22px 9px;box-shadow:6px 7px 0 #afc2d6;padding:30px 32px;border-left:10px solid #e1b95f}.paper h2{font-size:38px;line-height:1.3}.paper h3{font-size:30px;line-height:1.4}.paper>p{font-size:25px;line-height:1.5}.paper-pin{width:70px;height:24px;background:#ffd96dc9;position:absolute;top:-13px;left:45%;transform:rotate(5deg)}.predict-layout,.lab-layout,.discover-layout,.game-layout,.quiz-layout{display:grid;gap:30px;height:645px}.predict-layout{grid-template-columns:1130px 648px}.experiment-board{position:relative;background:#fbfdff;border:3px solid #294e70;border-radius:25px;box-shadow:0 7px 0 #a9bfd1;overflow:hidden}.predict .experiment-board{padding-top:28px}.board-tab{display:inline-block;border:2px solid var(--ink);background:#dbeaff;font-size:26px;padding:10px 19px;border-radius:10px;line-height:1.1}.predict .board-tab{margin-left:30px}.board-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 25px 0}.condition-chip{font-size:21px;color:#3e607e;border:2px solid #cbdce8;border-radius:20px;padding:8px 15px;white-space:nowrap;background:#fff}.syringe{--scene-height:330px;position:relative;width:min(100%,calc(var(--scene-height) * 1150 / 350));height:var(--scene-height);margin-inline:auto}.syringe>svg{width:100%;height:100%;display:block;overflow:visible;pointer-events:none}.diagram-label{font-family:Jua;font-size:27px;fill:#1e456a}.diagram-small{font-family:Pretendard;font-size:21px;fill:#86601b}.syringe .air-area{transition:width .22s ease}.syringe .piston-parts rect{transition:x .22s ease}.drag-handle{position:absolute;top:47.2%;width:64px;height:107px;transform:translate(-50%,-50%);border:0;border-radius:20px;background:transparent;cursor:ew-resize;touch-action:none;z-index:2}.drag-handle>span{display:flex;align-items:center;justify-content:center;font-family:Jua;font-size:36px;color:#785311;width:64px;height:70px;pointer-events:none;opacity:.9}.drag-handle:hover{background:#fff2b277}.drag-handle:focus-visible{background:#fff2b2aa}.model-caption{font-size:19px!important;color:#53718a;text-align:center;line-height:1.4!important}.guide{position:absolute;bottom:0;left:0;right:0;height:118px;background:#e6f5f3;border-top:3px solid #adcfd1;display:flex;align-items:center;gap:13px;padding:17px 26px 17px 158px}.guide>img{width:150px;height:170px;object-fit:contain;position:absolute;bottom:-5px;left:2px}.guide>div{max-width:900px}.guide b{font-family:Jua;font-size:23px;color:#1e776d}.guide p{font-size:25px;line-height:1.4;margin-top:4px;font-weight:600}.prediction-paper{padding-top:35px}.prediction-paper>p{margin-top:13px;margin-bottom:19px}.vertical-options{display:flex;flex-direction:column;gap:17px;margin-top:20px}.vertical-options .btn{width:100%;justify-content:flex-start;text-align:left;font-size:29px;padding:14px 20px;min-height:70px}.prediction-paper label{font-family:Jua;font-size:26px;margin-top:30px;display:block}.prediction-paper label small{font-family:Pretendard;font-size:18px;display:block;margin-top:7px;color:#5e7487}.prediction-paper textarea{resize:none;width:100%;height:105px;font-size:23px;border:2px solid #9faeaf;border-radius:12px;padding:15px;background:#fffef7;margin-top:13px}.gentle{font-size:19px!important;color:#607585;line-height:1.5!important;margin-top:17px}.lab-layout{grid-template-columns:1150px 628px}.lab-board{background:#fcfdff}.stage-syringe{margin-top:10px}.lab-board .syringe{--scene-height:300px;height:300px}.apparatus-controls{padding:0 25px}.piston-controls{display:flex;align-items:center;gap:17px;justify-content:center}.piston-controls .btn{font-size:26px;min-width:234px}.position-readout{text-align:center;min-width:190px}.position-readout>span{display:block;font-size:18px;color:#59768e;margin-bottom:7px}.position-readout strong{font-family:Jua;font-size:30px;font-weight:400}.control-hint{font-size:19px;text-align:center;margin-top:17px;color:#50718b}.lab-board .model-caption{margin-top:13px}.observation-paper{padding:23px 28px}.observation-paper h2{font-size:36px}.task-tabs{display:flex;gap:10px;margin-top:18px}.task-tabs .btn{font-size:18px;min-height:57px;line-height:1.2;padding:9px 11px;flex:1;border-width:2px;border-radius:10px;box-shadow:0 3px 0 var(--ink)}.observation-paper h3{margin-top:20px;font-size:29px}.observation-paper .vertical-options{gap:12px;margin-top:16px}.observation-paper .vertical-options .btn{min-height:60px;font-size:27px;padding:10px 19px}.feedback{min-height:54px;font-size:22px;line-height:1.4;color:#9b4b23;margin-top:15px}.feedback:empty{min-height:16px;margin-top:0}.feedback.good{color:#147969}.observation-paper>.btn{width:100%;margin-top:5px}.task-help{display:block;margin-top:10px;font-size:18px;line-height:1.4;color:#526b7d}.record-stamp{display:inline-block;padding:8px 18px;border:3px solid #278d7a;color:#227969;border-radius:12px;transform:rotate(-3deg);font-family:Jua;font-size:27px;margin-bottom:10px}.discover-layout{grid-template-columns:775px 1003px}.concept-paper{padding:31px 36px}.concept-paper>p{font-size:28px;line-height:1.65;margin-top:23px}.concept-paper strong{font-weight:800;color:#205cad}.concept-flow{display:flex;align-items:center;gap:25px;margin-top:29px}.concept-flow>div{border:3px solid var(--ink);background:#e5f1ff;border-radius:17px;padding:18px 24px;flex:1;text-align:center}.concept-flow>div>span{font-size:23px}.concept-flow b{font-family:Jua;font-size:44px;display:block;margin-top:9px;font-weight:400}.flow-arrow{font-size:34px}.important-note{padding:20px 23px;background:#ffebae;border:2px solid #d8ae4e;border-radius:17px;margin-top:25px}.important-note>b{font-family:Jua;font-size:29px}.important-note p{font-size:25px;line-height:1.5;margin-top:8px}.observation-strip{display:flex;gap:13px;font-size:18px;margin-top:24px;flex-wrap:wrap;color:#287f72}.practice-board{padding-top:25px}.practice-board>.board-tab{margin-left:27px}.practice-board .syringe{--scene-height:285px;height:285px}.practice-board .piston-controls .btn{min-width:217px}.practice-board .feedback{padding:0 28px}.practice-prompt{text-align:center;font-size:23px;line-height:1.4;margin-top:18px;color:#276b6b}.game-layout{grid-template-columns:1150px 628px}.game-board{background:#fffcf3}.game-board .syringe{--scene-height:285px;height:285px;margin-top:7px}.stamp-row{display:flex;gap:9px}.stamp-row>span{width:45px;height:45px;background:#e7edf2;border:2px dashed #a6b9ca;color:#4e6d85;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:Jua;font-size:25px}.stamp-row .earned{background:#ffd964;border:2px solid #aa802a;color:#275b5d}.game-board .model-caption{margin-top:13px}.request-tag{display:inline-block;background:#2b64bd;color:white;border-radius:7px;padding:7px 16px;font-family:Jua;font-size:24px}.game-paper h2{font-size:31px;margin-top:17px;line-height:1.4}.game-paper h3{font-size:29px;margin-top:20px}.small-rule{margin-top:17px;background:#ffeab0;border:2px dashed #c09b43;border-radius:10px;font-size:21px;padding:12px 14px;line-height:1.35}.game-paper .vertical-options .btn{font-size:26px;min-height:70px}.game-paper>.btn{width:100%;margin-top:10px}.game-paper .gentle{font-size:18px!important}.cap-switch{display:flex;gap:12px;position:absolute;top:318px;left:38px}.cap-switch .btn{font-size:18px;min-height:40px;padding:6px 13px;box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:10px}.game-board:has(.cap-switch) .syringe{--scene-height:285px;height:285px}.game-complete .complete-art{width:1420px;margin:5px auto;display:flex;align-items:center;justify-content:center;gap:120px;height:635px;border:4px solid var(--ink);border-radius:30px;background:#fffae8;box-shadow:0 9px 0 #b8c8d7}.complete-art>img{height:560px;width:480px;object-fit:contain}.complete-art h2{font-size:49px;margin:22px 0}.complete-art p{font-size:30px;line-height:1.65}.medal{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:#ffda66;border:5px solid #b38a36;box-shadow:0 5px #745424;font-family:Jua;font-size:58px;color:#327669}.complete-art .stamp-row{margin-top:29px}.complete-art .stamp-row>span{width:64px;background:#ffdd76;border-style:solid}.quiz-layout{grid-template-columns:1045px 733px}.question-board{position:relative;background:#fffdf5;border:3px solid var(--ink);border-radius:24px;padding:28px 25px;box-shadow:0 7px 0 #aec2d4;display:flex;flex-direction:column;justify-content:center;align-items:center}.question-badge{position:absolute;left:29px;top:25px;background:#dceaff;border:2px solid #759bc3;border-radius:9px;font-family:Jua;font-size:27px;padding:10px 19px}.question-board>.syringe{--scene-height:330px;height:330px}.diagram-pair{display:flex;flex-direction:column;width:100%;gap:0;margin-top:37px}.diagram-pair>div{text-align:center}.diagram-pair>div>b{font-family:Jua;font-size:29px;display:inline-block;background:#edf3fc;border-radius:10px;padding:5px 25px;font-weight:400}.diagram-pair .syringe{--scene-height:190px;height:190px}.diagram-pair .diagram-label{font-size:25px}.diagram-pair .diagram-small{font-size:21px}.evidence-caption{font-size:26px;font-family:Jua;background:#fff0bd;border:2px solid #d2ae55;border-radius:12px;padding:10px 25px;margin-top:15px}.question-board .model-caption{position:absolute;bottom:20px;width:90%;font-size:18px!important}.answer-paper{padding:30px 33px}.answer-paper h2{font-size:34px;line-height:1.45}.quiz-options{display:flex;flex-direction:column;gap:16px;margin-top:26px}.quiz-options>.btn{font-family:Pretendard;font-weight:650;justify-content:flex-start;text-align:left;font-size:25px;line-height:1.4;padding:15px 17px;min-height:82px;gap:15px}.quiz-options>.btn>span{font-family:Jua;background:#d8e6f4;border-radius:50%;width:37px;height:37px;flex:none;display:flex;align-items:center;justify-content:center;font-size:26px}.submit-answer{margin-top:25px;width:100%}.answer-feedback{margin-top:22px;border:2px solid #b9a277;background:#fff0c9;padding:17px 20px;border-radius:14px;font-size:22px;line-height:1.5}.answer-feedback>b{font-family:Jua;font-size:27px;font-weight:400;display:block;margin-bottom:8px}.answer-feedback.correct{background:#e0f1e9;border-color:#94c0b0}.answer-feedback small{font-size:18px;display:block;margin-top:10px;color:#64747e}.quiz-pagination{position:absolute;left:33px;right:33px;bottom:22px;display:flex;gap:13px;justify-content:center}.quiz-pagination .btn{width:54px;min-height:48px;padding:7px;border-radius:11px;font-size:24px;box-shadow:0 3px 0 var(--ink);border-width:2px}.answer-paper form>label{display:block;margin-top:33px;font-family:Jua;font-size:26px}.word-input{display:block;width:100%;height:94px;margin-top:18px;background:#fffef6;border:3px solid #8ba3b6;border-radius:15px;padding:20px;font-size:39px}.notebook{display:grid;grid-template-columns:1fr 1fr;background:#fffbed;height:645px;width:100%;border:4px solid #284364;border-radius:8px 25px 25px 8px;box-shadow:0 7px #aebfcf;overflow:hidden}.notebook-left{padding:25px 35px 25px 40px;position:relative;border-right:2px dashed #c6ba98;background:#fff9e7}.notebook-right{padding:32px 36px;position:relative}.notebook-date{font-size:21px;color:#6a7f8a}.notebook-left h2{font-size:43px;margin-top:12px}.note-core{font-size:27px;line-height:1.6;margin-top:16px}.note-core strong{color:#245aa6}.note-pair{display:flex;gap:20px;margin-top:23px}.note-pair>div{width:50%;text-align:center}.note-pair b{font-family:Jua;font-size:24px;background:#e7eef5;padding:6px 18px;border-radius:9px}.note-pair .syringe{--scene-height:135px;height:135px}.note-pair .diagram-label{font-size:23px}.note-observations{margin-top:12px;font-size:21px;line-height:1.55}.note-observations p{margin-bottom:10px}.first-result{font-family:Jua;font-size:24px;margin-top:25px;color:#2859a1}.first-result span{display:block;font-family:Pretendard;font-size:18px;color:#647788;margin-top:8px}.notebook-right>label{display:block;font-family:Jua;font-size:31px}.notebook-right>label>span{font-size:20px;margin-left:15px;color:#6c7f8d}.notebook-right textarea{font-size:25px;line-height:1.6;width:100%;height:154px;resize:none;margin-top:13px;margin-bottom:22px;padding:15px 19px;border:2px solid #a4b1b8;border-radius:11px;background:#fffef8}.export-actions{display:flex;gap:17px}.export-actions .btn{flex:1;min-height:58px;font-size:26px}.notebook-right .feedback{font-size:20px;margin-top:14px;min-height:0}.notebook-right .gentle{font-size:18px!important;margin-top:10px}.ending-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2e4be6,rgba(11,46,75,.1) 75%)}.ending-copy{position:absolute;left:80px;top:125px;width:850px;color:#fffbe2}.ending-copy h1{font-family:Jua;font-size:83px;line-height:1.22;margin-top:31px;text-shadow:0 5px #15314d}.ending-copy>p{font-size:31px;line-height:1.7;margin-top:30px}.ending-copy blockquote{font-size:29px;line-height:1.6;background:#fffae5;color:#163a59;border:3px solid #f5cf6a;border-radius:15px;margin:28px 0;padding:20px 27px;max-height:200px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.ending-actions{display:flex;gap:17px;margin-top:30px}.ending-copy .ending-small{font-size:23px;color:#f5dfa1;margin-top:23px}.print-only{display:none}#rotate-hint{display:none;color:#e5f1f8;font-family:Pretendard;font-size:14px;text-align:center;position:fixed;bottom:15%;left:0;right:0}@media(orientation:portrait){#rotate-hint{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.record-stamp,.medal{animation:stamp .3s ease-out}@keyframes stamp{from{transform:scale(1.25) rotate(-8deg);opacity:.5}to{transform:scale(1) rotate(-3deg);opacity:1}}
@page{size:A4 portrait;margin:14mm}@media print{html,body{overflow:visible!important;height:auto!important;background:white;display:block}#fit,#app{width:100%!important;height:auto!important;transform:none!important;overflow:visible!important}.topbar,.page-heading,.bottom-bar,#rotate-hint,.export-actions,.notebook-right>.gentle,.notebook-right>.feedback{display:none!important}.learning.note{height:auto!important;padding:0;background:white}.notebook{height:auto;display:block;width:100%;border:0;border-radius:0;box-shadow:none;background:white;overflow:visible;font-size:12pt}.notebook-left,.notebook-right{padding:12px 0;border:0;background:white}.notebook-left h2{font-size:25pt}.notebook-date,.note-core{font-size:14pt}.note-pair{max-width:650px}.note-pair .syringe{height:120px}.note-pair b{font-size:13pt}.note-observations,.first-result,.first-result span{font-size:12pt}.notebook-right>label{font-size:17pt;margin-top:20px}.notebook-right>label>span{font-size:10pt}.notebook-right textarea{display:none}.print-only{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12pt;margin:12px 0 25px}.note-observations p,.note-core{break-inside:avoid}.notebook-left .diagram-label{font-size:25px}.notebook-left .diagram-small{font-size:19px}}

.predict-layout>*,.lab-layout>*,.discover-layout>*,.game-layout>*,.quiz-layout>*{min-height:0;min-width:0}

.lab-board>.model-caption,.practice-board>.feedback,.observation-strip{display:none}
.task-help[hidden]{display:none}
.question-board.has-feedback{padding-bottom:192px}
.question-board.has-feedback .diagram-pair{margin-top:34px}
.question-board.has-feedback .diagram-pair .syringe{--scene-height:145px;height:145px}
.question-board.has-feedback>.syringe{--scene-height:255px;height:255px}
.question-board.has-feedback .evidence-caption{font-size:23px;margin-top:9px;padding:7px 18px}
.question-board.has-feedback>.model-caption{display:none}
.question-board>.answer-feedback{position:absolute;left:26px;right:26px;bottom:24px;margin:0;font-size:23px;padding:17px 21px;max-height:174px}
.question-board>.answer-feedback small{font-size:18px}
.answer-paper .quiz-pagination{bottom:25px}
.guide>img{bottom:0}
.prediction-paper label{margin-top:20px}
.prediction-paper textarea{height:92px;margin-bottom:0}
.prediction-paper .gentle{margin-top:10px}
.game-paper .gentle{display:none}
.game-paper .feedback{min-height:44px;font-size:21px;margin-top:12px}
.game-paper>.btn{margin-top:8px}
.question-board.has-feedback{justify-content:flex-start;padding-top:70px;padding-bottom:195px}
.question-board.has-feedback .diagram-pair{margin-top:0}
.question-board.has-feedback .diagram-pair .syringe{--scene-height:130px;height:130px}
.question-board.has-feedback .diagram-pair>div>b{font-size:26px;padding:4px 20px}

.btn{color:var(--ink)}
.guide{padding-left:190px}
.guide>img{width:182px;height:205px;left:0;bottom:0}
.experiment-board{background-color:#fffdf5f5}
.completed-layout{height:645px;display:grid;grid-template-columns:1330px 448px;gap:30px}
.completed-records{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:21px}
.completed-record{position:relative;border:3px solid #264467;border-radius:10px;background:#fff9df;box-shadow:0 7px 0 #15334c;padding:22px 19px 17px;text-align:center;overflow:hidden}
.completed-record h2{font-size:29px;line-height:1.2;padding-left:20px;height:48px}
.completed-record .syringe{--scene-height:140px;height:140px;margin-top:7px;width:100%}
.completed-record p{font-size:22px;line-height:1.4;font-weight:650;margin-top:7px}
.mini-stamp{position:absolute;left:11px;top:12px;font-family:Jua;font-size:21px;padding:4px 7px;border:2px solid #298674;color:#298674;border-radius:8px;transform:rotate(-8deg)}
.completion-friend{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #203e62;background:#fff8e4;border-radius:25px;box-shadow:0 7px 0 #15334c;padding:23px}
.completion-friend>img{width:330px;height:365px;object-fit:contain}
.completion-friend h2{font-size:34px;text-align:center;margin-top:17px}
.completion-friend p{font-size:28px;line-height:1.55;text-align:center;margin-top:17px}
.answer-feedback{word-break:keep-all;overflow-wrap:break-word}
.question-board.has-feedback .evidence-caption{display:none}