/* One illustrated workshop language; printed notes keep their clean paper layout. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ui-icon{width:29px;height:29px;flex:none;vertical-align:middle}
@media screen{
 :root{--ink:#213756;--blue:#3b80cf;--yellow:#ffd76a;--paper:#fffbea;--teal:#48b9b1;--coral:#f69a8f}
 .btn{position:relative;isolation:isolate;border:3px solid #273b59;border-radius:19px;background:#fffef6;box-shadow:0 6px 0 #273b59,inset 0 3px 0 #fff;font-size:28px;gap:12px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;word-break:keep-all}
 .btn:hover:not(:disabled){background:#f0f9ff;transform:translateY(-3px) rotate(-.3deg);box-shadow:0 9px 0 #273b59,inset 0 3px 0 #fff}
 .btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 #273b59,inset 0 2px 0 #e3e5d8}
 .btn.primary{background:#ffd76a;border-color:#273b59;box-shadow:0 6px 0 #273b59,inset 0 4px 0 #fff1b4}
 .btn.primary:hover:not(:disabled){background:#ffe495;box-shadow:0 9px 0 #273b59,inset 0 4px 0 #fff6c8}
 .btn.selected{background:#c5e9f8;border-color:#273b59;box-shadow:0 5px 0 #273b59,inset 0 3px 0 #f1fdff}
 .btn:disabled{opacity:1;color:#71808b;background:#e8ece9;border-color:#98a6ad;box-shadow:0 3px 0 #a0adb2,inset 0 3px 0 #f3f5f0;transform:none}
 .btn:disabled .ui-icon{opacity:.48}
 button:focus-visible,input:focus-visible,textarea:focus-visible{outline:5px solid #f29a5c;outline-offset:5px}
 .choice-btn{border-radius:17px;min-height:67px;box-shadow:0 5px 0 #273b59;text-align:left}
 .selection-mark{height:31px;width:31px;border:2px solid #6d91ad;background:#f5fbff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Jua;font-size:23px;flex:none}
 .choice-btn.selected .selection-mark{background:#ffd566;border-color:#273b59}
 .choice-btn.selected:before{content:'';position:absolute;inset:6px;border:1px dashed #74a1b6;border-radius:10px;pointer-events:none}
 .choice-btn:disabled.selected{background:#d8efe8;color:#255e57;border-color:#5d9e91;box-shadow:0 3px 0 #80ab9c}
 .learning{background-color:#6ab5da;background-image:url('assets/pressure-lab.webp');padding-top:24px}
 .topbar{height:112px;background:#fffbea;border-bottom:4px solid #263958;padding:0 30px;box-shadow:0 4px 0 #f0cc6f;gap:20px}
 .topbar:before{content:'';position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(90deg,#fffbea 0 26px,#2f4862 26px 33px,#fffbea 33px 56px);opacity:.45;pointer-events:none}
 .brand{font-size:27px;gap:12px;line-height:1.1;max-width:335px}
 .brand-mark{width:56px;height:56px;border:3px solid #273b59;border-radius:20px 17px 19px 16px;box-shadow:0 4px 0 #273b59;background:#ffd86d}
 .brand-mark .ui-icon{width:31px;height:31px}
 .brand small{font-family:Pretendard;font-size:17px;font-weight:650;color:#5d7688;margin-top:9px;white-space:nowrap}
 .trail{gap:9px;justify-content:center;align-self:stretch;align-items:center}
 .trail-step{display:flex;align-items:center;gap:7px;padding:9px 10px;background:#fffdf1;border:2px solid transparent;border-radius:13px;font-family:Jua;color:#536d83;max-width:142px;min-height:65px;line-height:1.2;text-align:left}
 .trail-step>span{display:flex;align-items:center;justify-content:center;background:#e4edf2;color:#4a6b84;border:2px solid #9fb3c0;border-radius:50%;width:31px;height:31px;padding:0;flex:none;font-size:21px}
 .trail-step>b{font-size:20px;font-weight:400;max-width:95px}
 .trail-step{white-space:normal}
 .trail-step>b{word-break:keep-all}
 .trail-step.passed{color:#237e76}
 .trail-step.passed>span{background:#d0eee6;border-color:#86b5a8;color:#237e76}
 .trail-step.current{color:#223c5a;background:#ffd76a;border-color:#273b59;box-shadow:0 4px 0 #273b59;transform:rotate(-1deg)}
 .trail-step.current>span{background:#fffbea;border-color:#273b59;color:#263e5c}
 .trail-step:disabled{color:#8d9ba5;background:transparent;cursor:default}
 .trail-step:disabled>span{background:#edf0eb;border-color:#c4cdc9;color:#91a09e}
 .trail-step:hover:not(:disabled){border-color:#8fb6c7;background:#eff8f3}
 .trail-step.current:hover{background:#ffe499;border-color:#273b59}
 .tools{gap:10px;flex:none}
 .tools .btn{display:flex;flex-direction:column;gap:4px;min-width:71px;min-height:67px;padding:7px 9px;font-size:17px;line-height:1;border:2px solid #273b59;border-radius:15px;box-shadow:0 4px 0 #273b59}
 .tools .ui-icon{width:25px;height:25px}
 .page-heading{height:159px;padding-left:9px}
 .section-tag{font-size:23px;border:3px solid #273b59;border-radius:12px 10px 13px 9px;background:#ffd76a;box-shadow:0 3px 0 #20334b;padding:7px 16px;transform:rotate(-1deg)}
 .page-heading h1{font-size:52px;letter-spacing:0;margin-top:12px;color:#fffce9;-webkit-text-stroke:1px #273b59;paint-order:stroke fill;text-shadow:0 4px 0 #213552,0 0 10px #213552}
 .page-heading p{font-size:22px;font-weight:600;margin-top:9px;color:#fffdf0;text-shadow:0 2px 4px #1c3c59}
 .bottom-bar{height:103px;border-top:4px solid #273b59;background:#fffbea;padding:16px 52px 23px;box-shadow:0 -5px 0 #edcc75}
 .bottom-bar .back{background:#e1f1f8}
 .bottom-bar>.btn:last-child{min-width:280px}
 .bottom-bar .save-status{font-size:19px;color:#4b697a}
 .save-status:before{content:'';display:inline-block;height:9px;width:9px;border-radius:50%;background:#56a59a;margin-right:9px;border:1px solid #39756e;vertical-align:middle}
 .cover-copy{top:180px;width:850px}
 .cover-copy h1{margin-top:17px;font-size:0;line-height:1;text-shadow:none}
 .title-art{width:805px;height:390px;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 1px #142f4390)}
 .cover-copy>p{font-family:Jua;font-size:31px;line-height:1.5;letter-spacing:0;margin-top:13px;color:#fff9e8}
 .cover-badge{border:3px solid #fff3b7;background:#284863;color:#ffe18d;box-shadow:0 3px 0 #163b57;border-radius:12px;transform:rotate(-2deg)}
 .cover-brand>span{box-shadow:0 4px 0 #1c3851;border:3px solid #233b57}
 .start-book{border:4px solid #273b59;border-left:18px solid #e5b959;box-shadow:8px 9px 0 #17344ab5;border-radius:11px 28px 25px 12px;background:#fffbea;bottom:85px;width:790px}
 .start-book:before{content:'';position:absolute;top:-18px;right:40px;width:125px;height:30px;background:#ffe398c9;transform:rotate(7deg);border-left:2px dashed #c5a24c;border-right:2px dashed #c5a24c}
 .start-book input{border:3px solid #9aabb0;background:#fffef8;font-size:25px;border-radius:13px;width:320px}
 .start-book .btn{min-width:320px;padding-inline:15px}
 .start-book label small{font-size:18px}
 .cover-tools .btn{background:#fffbea;border:3px solid #273b59;font-size:22px;box-shadow:0 5px 0 #273b59}
 .story-art{object-fit:cover}
 .story-veil{background:linear-gradient(90deg,#102d48b8,transparent 68%)}
 .story-heading{left:70px;top:53px;max-width:1330px}
 .story-heading h1{font-size:67px;color:#fffbe5;text-shadow:0 5px 0 #173552;line-height:1.1}
 .story-heading p{font-size:27px;line-height:1.4;max-width:1190px}
 .story-dialogue{left:75px;bottom:141px;width:1490px;min-height:172px;background:#fffbea;border:4px solid #273b59;border-radius:27px 24px 27px 10px;box-shadow:0 8px 0 #20344c;padding:35px 40px 32px}
 .story-dialogue:after{content:'';position:absolute;right:-24px;top:28px;width:37px;height:37px;background:#fffbea;border-right:4px solid #273b59;border-top:4px solid #273b59;transform:rotate(45deg);z-index:0}
 .story-dialogue>p{font-size:31px;max-width:1390px;line-height:1.55;position:relative;z-index:1}
 .speaker{background:#ffd76a;border:3px solid #273b59;box-shadow:0 3px 0 #273b59;font-size:24px;top:-25px;transform:rotate(-2deg)}
 .story-nav{left:75px;right:75px;bottom:36px}
 .story-nav .btn{min-width:230px;background:#fffbea}
 .story-nav .btn.primary{background:#ffd76a}
 .story-inspection{position:absolute;left:75px;top:300px;width:970px;background:#fffbeaeF;border:4px solid #273b59;border-radius:25px;box-shadow:0 8px 0 #20344c;padding:28px 30px;transform:rotate(-1deg)}
 .story-inspection>p{font-family:Jua;font-size:35px;display:flex;align-items:center;gap:15px}
 .story-inspection>p .ui-icon{width:39px;height:39px}
 .story-inspection>div:not(.inspection-find){display:flex;gap:20px;margin-top:26px}
 .story-inspection .btn{flex:1;background:#e0f3fb;font-size:28px}
 .inspection-find{margin-top:24px;padding:19px 23px;background:#ffedb6;border:2px dashed #ae8b43;border-radius:13px;font-size:27px;line-height:1.5;min-height:86px}
 .story-apparatus.single{top:295px;width:1050px;background:#fffbeaeb;transform:rotate(-1deg);border:4px solid #273b59;box-shadow:0 8px 0 #20344c}
 .story-apparatus.single>b{font-size:32px}
 .story-apparatus.single .syringe{--scene-height:270px;height:270px}
 .condition-board{top:286px;padding:27px 37px;width:1040px;border:4px solid #273b59;border-radius:22px;background:#fffbeaee}
 .condition-board h2{font-size:37px;margin-bottom:21px}
 .condition-board>.btn{display:flex;width:100%;justify-content:flex-start;font-size:29px;margin:16px 0;min-height:70px;background:#fffdf3}
 .condition-check{width:37px;height:37px;border:2px solid #6c92a3;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eff6f2;font-size:25px;flex:none}
 .condition-board>.btn.selected{background:#d0eee6}
 .condition-board small{font-size:23px;margin-top:16px}
 .mission-poster{top:282px;padding:27px 36px;width:1040px;background:#fffbeaee;border:4px solid #273b59}
 .mission-poster h2{font-size:43px;margin-bottom:11px}
 .mission-poster p{font-size:30px;line-height:1.4}
 .poster-visitors{display:flex;gap:17px;margin-top:18px;height:120px}
 .poster-visitors .visitor-card{width:31%;height:120px;border:0;background:#e8f3f1;padding:8px;justify-content:center;border-radius:17px}
 .poster-visitors .visitor-avatar{width:103px;height:103px;flex:none}
 .poster-visitors .visitor-card>div{display:none}
 .paper{background:#fffbea;border:4px solid #273b59;border-left:12px solid #deb95f;border-radius:12px 25px 25px 12px;box-shadow:6px 7px 0 #153652ac}
 .paper:before{content:'';position:absolute;left:15px;top:18px;bottom:18px;border-left:2px dashed #dccb94;pointer-events:none}
 .paper h2,.paper h3{color:#223a58;word-break:keep-all;overflow-wrap:break-word}
 .paper-pin{background:#ffda7ccb;border-left:2px dashed #d4ae55;border-right:2px dashed #d4ae55}
 .board-tab{border:3px solid #273b59;border-radius:14px 11px 13px 10px;background:#d7eef8;box-shadow:0 3px 0 #273b59;font-size:25px}
 .condition-chip{background:#fffbea;border:2px solid #9badae;color:#385f74;font-size:20px;box-shadow:0 2px 0 #c0b59b}
 .experiment-board{border:4px solid #273b59;border-radius:27px;box-shadow:0 7px 0 #1b3651a6;background:#fffdf1f2}
 .lab-board,.practice-board,.game-board{background-image:linear-gradient(#fff9e9e8,#fff9e9d4),url('assets/pressure-lab.webp');background-size:100% 100%,160% auto;background-position:center,center bottom}
 .lab-board:after,.practice-board:after,.game-board:after{content:'';position:absolute;left:30px;right:30px;bottom:134px;height:5px;border-radius:50%;background:#bc8e4c35;pointer-events:none}
 .diagram-label,.diagram-small{paint-order:stroke fill;stroke:#fffbe9;stroke-width:6px;stroke-linejoin:round}
 .diagram-small{stroke-width:4px}
 .syringe>svg{filter:drop-shadow(0 4px 0 #173a5021)}
 .syringe.interactive{z-index:1}
 .drag-handle{width:72px;height:116px;border-radius:25px}
 .drag-handle>span{border:2px dashed #9d742a;border-radius:20px;width:60px;height:74px;box-shadow:0 0 0 5px #fff3bd77;background:#ffe49177;font-size:31px}
 .drag-handle:hover{background:#fff1aab0}
 .piston-controls .btn{font-size:25px;min-width:237px;padding:13px 17px}
 .position-readout>span{font-size:18px;font-weight:650;color:#4c6d7e}
 .position-readout strong{font-size:29px;color:#244766}
 .pressure-cue{position:absolute;right:30px;top:97px;display:flex;gap:9px;align-items:center;background:#fffbeaeb;border:2px solid #c6b47a;border-radius:13px;padding:8px 13px;z-index:1;font-size:17px}
 .pressure-cue>span{font-family:Jua;font-size:19px;color:#4b687a}
 .pressure-cue>b{font-size:17px;min-width:45px;text-align:center;color:#385c74}
 .pressure-steps{display:flex;gap:4px;align-items:center}
 .pressure-steps>i{display:block;width:10px;height:18px;background:#e5e5d7;border:1px solid #b3b5a9;border-radius:3px}
 .pressure-steps>i:nth-child(2){height:23px}
 .pressure-steps>i:nth-child(3){height:28px}
 .pressure-steps>i.lit{background:#efbe46;border-color:#a88736}
 .practice-board .pressure-cue{top:84px;font-size:16px}
 .control-hint{font-size:18px;font-weight:600;color:#456a7b;margin-top:15px}
 .guide{height:118px;background:#dff2eb;border-top:3px solid #7aa89d;padding:14px 24px 14px 202px}
 .guide .mungchi-pose{position:absolute;left:3px;bottom:0;width:193px;height:193px}
 .guide b{font-size:21px;color:#277669;border:0;background:transparent}
 .guide p{font-size:25px;line-height:1.42;word-break:keep-all}
 .mungchi-pose{display:inline-block;width:180px;height:180px;background-image:url('assets/poses-v2.webp');background-size:200% 200%;background-position:var(--pose-x) var(--pose-y);background-repeat:no-repeat;flex:none;filter:drop-shadow(0 3px 0 #183a4b36)}
 .visitor-avatar,.record-guest{display:inline-block;background-image:url('assets/guests-v2.webp');background-size:300% 200%;background-position:var(--guest-x) var(--guest-y);background-repeat:no-repeat;flex:none}
 .visitor-card{position:relative;display:flex;gap:13px;align-items:center;height:134px;margin:0 0 10px;border:2px solid #d7be78;background:#fff0c9;border-radius:18px;padding:7px 12px 7px 4px}
 .visitor-avatar{width:135px;height:135px}
 .visitor-card>div{padding:3px 0;min-width:0}
 .visitor-card>div>span{font-size:17px;color:#647b84;display:block;margin-bottom:6px}
 .visitor-card b{font-family:Jua;font-size:28px;display:block;font-weight:400;color:#26476a;line-height:1.2}
 .visitor-card p{font-size:20px;line-height:1.35;font-weight:650;color:#4b616b;margin-top:7px;word-break:keep-all}
 .visitor-card.delivered{background:#e0f4e8;border-color:#9bc3a6}
 .delivered-seal{position:absolute;right:10px;top:-12px;background:#fffbea;border:3px solid #2f8978;color:#2f8978;transform:rotate(8deg);font-family:Jua;font-size:20px;padding:4px 8px;border-radius:9px}
 .game-paper{padding:24px 27px}
 .game-paper .small-rule{font-size:20px;min-height:44px;padding:9px 12px;margin-top:12px;border-color:#d3a657;background:#ffedb9}
 .game-paper h3{font-size:28px;margin-top:15px;line-height:1.35}
 .game-paper .vertical-options{gap:13px;margin-top:16px}
 .game-paper .vertical-options .btn{min-height:66px;font-size:25px;padding:11px 14px;gap:11px}
 .game-paper .feedback{font-size:21px;line-height:1.35;min-height:44px;margin-top:14px}
 .game-paper>.btn{margin-top:11px;min-height:62px;font-size:27px}
 .game-paper .gentle{display:none}
 .cap-switch{top:320px;z-index:2}
 .cap-switch .btn{min-height:47px;font-size:19px;box-shadow:0 3px 0 #273b59}
 .cap-switch .ui-icon{width:21px;height:21px}
 .stamp-row>span{border:2px dashed #96afba;background:#e6eff2;color:#638093;box-shadow:0 2px 0 #d0d3bb}
 .stamp-row .earned{border:2px solid #273b59;background:#ffd56d;color:#256f65;box-shadow:0 3px 0 #273b59}
 .feedback.good{color:#217968;font-weight:650}
 .feedback:not(.good){color:#9c4b31}
 .record-stamp{color:#257f6b;border:3px solid #257f6b;background:#f0fbef;font-size:24px;padding:8px 16px;box-shadow:0 2px 0 #abc8ad}
 .observation-paper h2{font-size:35px}
 .observation-paper h3{font-size:28px;margin-top:20px}
 .observation-paper .vertical-options .btn{min-height:61px;font-size:26px;padding:10px 16px}
 .task-tabs{gap:9px}
 .task-tabs .btn{font-size:18px;padding:8px 9px;border-width:2px;border-radius:12px;min-height:58px;word-break:keep-all}
 .prediction-paper .vertical-options .btn{min-height:68px;font-size:28px}
 .prediction-paper>p{font-size:25px}
 .prediction-paper .gentle{font-size:18px!important}
 .concept-paper{padding:27px 34px}
 .concept-paper h2{font-size:36px}
 .concept-flow{margin-top:23px;gap:21px}
 .concept-flow>div{background:#daf0fa;border:3px solid #273b59;border-radius:20px;box-shadow:0 4px 0 #aec5cd;padding:15px 19px;transform:rotate(-1deg)}
 .concept-flow>div:last-child{background:#ffe9ad;transform:rotate(1deg)}
 .concept-flow b{font-size:43px}
 .concept-flow>div>span{font-size:22px}
 .concept-paper>p{font-size:27px;line-height:1.6;margin-top:23px}
 .important-note{border:2px dashed #be984c;background:#ffedb9;padding:16px 20px;margin-top:22px;transform:rotate(-.5deg)}
 .important-note>b{font-size:28px}
 .important-note p{font-size:24px}
 .question-board{border:4px solid #273b59;border-radius:25px;background:#fffbea;box-shadow:0 7px 0 #193a53a0}
 .question-badge{border:3px solid #273b59;background:#cdebf8;box-shadow:0 3px 0 #273b59;transform:rotate(-1deg);font-size:25px;border-radius:13px}
 .answer-paper{padding:28px 29px}
 .answer-paper h2{font-size:32px;line-height:1.45}
 .quiz-options>.btn{min-height:86px;padding:14px 16px;font-size:24px;gap:14px}
 .quiz-options>.btn>span{background:#d6ebf7;border:2px solid #8aafc3;width:39px;height:39px;font-size:25px}
 .quiz-options>.btn.selected>span{background:#ffd76a;border-color:#273b59}
 .submit-answer{margin-top:24px;font-size:29px;min-height:66px}
 .quiz-pagination{gap:13px}
 .quiz-pagination .btn{height:49px;min-height:49px;width:55px;border-radius:13px;border:2px solid #273b59;box-shadow:0 3px 0 #273b59;font-size:24px}
 .quiz-pagination .btn.selected{background:#ffd76a;transform:rotate(-4deg)}
 .quiz-pagination .btn:disabled{border-color:#b2bcb8;color:#7e929b}
 .answer-feedback{border:3px solid #d0ae63;border-radius:17px;background:#fff0bf;box-shadow:0 4px 0 #e2d1a2;word-break:keep-all}
 .answer-feedback.correct{background:#e0f3e5;border-color:#81ac9a;box-shadow:0 4px 0 #c4ddc7}
 .answer-feedback>b{font-size:26px}
 .question-board>.answer-feedback{font-size:22px;max-height:180px}
 .question-board>.answer-feedback small{font-size:18px}
 .word-input{background:#fffef7;border:3px solid #789eb4;border-radius:16px;box-shadow:inset 0 3px 0 #e3e8da;font-family:Jua;font-size:42px}
 .completed-record{border:4px solid #273b59;border-radius:20px 11px 19px 13px;background:#fffbea;box-shadow:0 6px 0 #273b59;transform:rotate(-.5deg);padding-top:25px}
 .completed-record:nth-child(2n){transform:rotate(.5deg)}
 .completed-record h2{font-size:26px;padding-left:25px;padding-right:30px;height:46px}
 .record-guest{position:absolute;top:9px;right:8px;width:62px;height:62px}
 .completed-record p{font-size:21px;margin-top:3px}
 .completed-record .syringe{--scene-height:134px;height:134px}
 .completion-friend{border:4px solid #273b59;border-radius:25px;background:#fff0c8;box-shadow:0 6px 0 #273b59}
 .completion-friend .completion-pose{width:330px;height:330px}
 .completion-friend h2{font-size:33px;margin-top:10px}
 .completion-friend p{font-size:27px;margin-top:15px}
 .mini-stamp{background:#ecf8eb;border:2px solid #2e8875;color:#2e8875;font-size:20px;left:10px;top:10px}
 .notebook{background:#fffbea;border:4px solid #273b59;border-radius:13px 26px 26px 13px;box-shadow:0 7px 0 #193a53a0}
 .notebook-left{background:#fff9e7;border-right:3px dashed #cfbb80;padding:25px 35px 25px 40px}
 .notebook-left:before{content:'';position:absolute;left:15px;top:20px;bottom:20px;border-left:2px dashed #d6c58b}
 .notebook-date{background:#d4edf5;border:2px solid #8aafbd;border-radius:8px;padding:5px 10px;display:inline-block;font-size:18px}
 .notebook-left h2{font-size:41px;margin-top:15px}
 .note-core{font-size:26px;line-height:1.5;margin-top:13px}
 .note-pair{margin-top:18px}
 .note-pair b{border:2px solid #b1c2c3;border-radius:10px;background:#e8f2ed;font-size:23px}
 .note-observations{font-size:20px;margin-top:6px}
 .first-result{font-size:23px;margin-top:18px}
 .notebook-right>label{font-size:30px;position:relative}
 .notebook-right>label:before{content:'';display:inline-block;width:12px;height:25px;background:#ffd56a;border:2px solid #273b59;transform:rotate(30deg);border-radius:3px;margin-right:13px;vertical-align:middle}
 .notebook-right>label>span{font-size:19px}
 .notebook-right textarea{background:#fffef7;border:3px solid #9baeb2;border-radius:14px;box-shadow:inset 0 3px 0 #ecead8;font-size:24px;line-height:1.55;padding:14px 18px}
 .export-actions .btn{font-size:25px;min-height:61px}
 .ending-copy h1{font-size:80px;text-shadow:0 4px 0 #1a3550;line-height:1.2}
 .ending-copy blockquote{border:4px solid #f4d17a;border-radius:19px;background:#fffbea;color:#234563;box-shadow:0 5px 0 #15395280;font-size:28px;max-height:210px}
 .ending-actions .btn{min-height:66px;font-size:28px;color:#213756;border:3px solid #273b59;box-shadow:0 5px 0 #273b59}
 .ending-shade{background:linear-gradient(90deg,#113b55ed,rgba(12,46,65,.05) 80%)}
 .celebration{position:absolute;inset:112px 0 100px;overflow:hidden;z-index:12;pointer-events:none}
 .celebration>i{position:absolute;left:var(--x);top:47%;width:19px;height:24px;border:2px solid #273b59;background:var(--colour);border-radius:4px;animation:confetti .8s var(--delay) cubic-bezier(.18,.7,.4,1) both}
 .celebration>i:nth-child(3n){clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);border-radius:0;width:26px;height:27px}
 [data-response=success] .board-tab{background:#d1f1dc}
 [data-response=retry] .board-tab{background:#ffe1bf}
 .just-moved .position-readout strong{color:#1c7c70}
 @keyframes confetti{0%{opacity:0;transform:translate(0,30px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-210px) rotate(240deg)}}
 @media(prefers-reduced-motion:reduce){.celebration{display:none}.btn,.trail-step{transition:none!important}.completed-record,.story-inspection,.condition-board,.mission-poster{transform:none}}
 .reduce-motion .celebration{display:none}
 .game-board .cap-switch{top:auto;bottom:129px;left:auto;right:25px}
 .story-inspection{top:278px;width:1000px;padding:22px 28px}
 .story-inspection>p{font-size:30px}
 .story-inspection>div:not(.inspection-find){margin-top:16px;gap:18px}
 .story-inspection .btn{min-height:180px;flex-direction:column;gap:0;justify-content:center;padding:7px 10px 13px;font-size:25px}
 .story-inspection .btn>.ui-icon{display:none}
 .story-inspection .btn>strong{font-family:Jua;font-size:26px;font-weight:400;margin-top:0}
 .story-inspection .syringe{--scene-height:125px;height:125px;max-width:100%;margin-top:0}
 .story-inspection .syringe .diagram-label,.story-inspection .syringe .diagram-small{display:none}
 .inspection-find{font-size:24px;line-height:1.45;padding:12px 17px;min-height:62px;margin-top:17px}
 .record-guest{width:83px;height:83px;top:5px;right:5px}
 .completed-record h2{font-size:25px;height:61px;padding-right:62px}
 .completed-record .syringe{--scene-height:123px;height:123px}
}