:root{font-family:Noto Sans KR,Malgun Gothic,sans-serif;color:#234441;background:#faf8f0;font-synthesis:none;--ink:#234441;--muted:#73857b;--teal:#356e62;--cream:#faf8f0;--line:#e1e6da;--gold:#e2b05b;--red:#d97661}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #dc9d43;outline-offset:4px}button{touch-action:manipulation}svg{flex-shrink:0;vertical-align:middle}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3,p,li{word-break:keep-all}h1{font-size:36px;letter-spacing:-1.6px;line-height:1.3}h2{font-size:24px;letter-spacing:-.8px}h3{font-size:18px}p{line-height:1.8}button{border:0}input[type=range]{accent-color:var(--teal);min-width:80px;min-height:48px;cursor:pointer}input[type=checkbox]{width:25px;height:25px;accent-color:var(--teal)}.site-header{height:83px;padding:0 max(32px,calc((100vw - 1390px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;background:#faf8f0}.brand{display:flex;align-items:center;gap:10px;background:none;text-align:left;font-size:19px;font-weight:800;letter-spacing:-1px;padding:0;min-height:48px}.brand b{color:#ce715c}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:#819185;margin-top:1px}.brand-icon{width:36px;height:40px;background:#e27d67;border-radius:8px 8px 14px 14px;color:#fff5df;font-size:40px;line-height:33px;text-align:center;transform:rotate(-12deg);font-family:serif}.header-center{font-size:13px;color:#6b7f72;display:flex;align-items:center;gap:10px}.subject-dot{width:6px;height:6px;border-radius:50%;background:#c6a166}.divider{margin:0 8px;color:#b8c3b3}.site-header nav{display:flex;align-items:center;gap:8px}.icon-button{height:44px;width:44px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:#5d7669}.icon-button:hover{background:#edf0e5}.page{max-width:1390px;margin:0 auto;padding:32px 38px 20px;min-height:calc(100svh - 137px)}.site-footer{max-width:1390px;margin:auto;min-height:54px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 38px;border-top:1px solid var(--line);font-size:11px;color:#819184;letter-spacing:.1px}.site-footer button{background:none;color:#798a7c;font-size:11px;min-height:30px}.save-error{color:#aa4937!important}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#879779;display:block;line-height:1.6}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:48px;padding:11px 19px;border:1px solid #dce4d9;border-radius:11px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.97)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:#356e62;color:#fff9eb;border-color:#356e62;box-shadow:0 3px #255549}.btn.soft{background:#f1f3e9;color:#355d52}.btn.large{min-height:60px;padding:15px 28px;font-size:18px;border-radius:13px}.btn.text-button{background:transparent;border-color:transparent;box-shadow:none;color:#718274;font-size:13px}.btn.danger{background:#b74d42;color:#fff}.back-link{background:none;display:flex;gap:8px;align-items:center;font-size:13px;color:#6f8777;padding:8px 0;min-height:44px}.live-dot{width:6px;height:6px;border-radius:50%;background:#5b987b;display:inline-block;margin-right:7px;box-shadow:0 0 0 4px #5b987b12}.tag{display:inline-flex;padding:7px 11px;border-radius:6px;color:#668277;background:#eef4e8;font-size:12px;font-weight:600;letter-spacing:.2px}.small-note{font-size:12px!important;color:#8a9789!important}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:80;max-width:calc(100vw - 30px);width:max-content;background:#244f47;color:#fffbed;border:1px solid #c4d3bd;border-radius:13px;padding:15px 25px;box-shadow:0 12px 40px #294f4833;font-size:15px;text-align:center;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;bottom:15px}to{opacity:1;bottom:28px}}.progress-dots{display:flex;gap:5px}.progress-dots i{width:20px;height:5px;border-radius:3px;background:#d9e1d3}.progress-dots i.filled{background:#5e9480}.page-title{padding-top:30px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:470px;gap:30px}.hero-copy{padding:8px 0 20px 26px}.hero-copy .eyebrow{color:#bc8660;font-size:12px;letter-spacing:1px;margin-bottom:24px}.hero-copy .eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ce9f65;margin-right:9px}.hero-copy h1{font-size:clamp(36px,4.1vw,57px);line-height:1.35;letter-spacing:-3px;font-weight:800}.hero-copy h1 em{font-style:normal;color:#478171;position:relative}.hero-copy h1 em:after{content:"";position:absolute;left:0;right:0;height:8px;bottom:1px;background:#e6bb6d4a;z-index:-1;border-radius:4px}.hero-copy p{font-size:15px;color:#7c8c7d;margin-top:22px;line-height:1.95}.hero-actions{display:flex;gap:15px;align-items:center;margin-top:30px}.hero-meta{display:flex;gap:19px;margin-top:23px;font-size:11px;color:#8a9987}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-art{height:443px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#eaf0df 0%,#f1f3e5 40%,transparent 70%)}.hero-logo{width:97%;position:relative;z-index:2;filter:drop-shadow(0 19px 15px #314f5d18);margin-top:-32px}.art-orbit{position:absolute;border:1px solid #dfe5ce;border-radius:50%;width:390px;height:390px}.orbit-two{width:480px;height:300px;transform:rotate(-25deg)}.art-star{position:absolute;color:#d0ae72;font-size:24px}.star-one{top:40px;right:80px}.star-two{bottom:95px;left:28px;font-size:37px}.hero-mascots{position:absolute;z-index:3;bottom:7px;display:flex;gap:95px;align-items:end;transform:rotate(-3deg)}.hero-mascots .dangi{transform:rotate(6deg)}.art-caption{position:absolute;bottom:0;right:13px;background:#fffff6eb;border:1px solid #e1e7d4;border-radius:30px;padding:10px 15px;font-size:10px;z-index:4;color:#85957e}.journey-strip{display:flex;align-items:center;border:1px solid #e1e6d6;background:#f5f5ea;border-radius:18px;padding:28px 30px;margin:20px 0 25px;gap:28px}.journey-intro{width:22%;min-width:170px}.journey-intro .eyebrow{margin-bottom:9px;font-size:9px}.journey-intro h2{font-size:21px;line-height:1.5}.journey-step{flex:1;position:relative}.journey-step>svg{color:#769d85;margin-bottom:9px}.journey-step h3{font-size:14px;margin-bottom:6px}.journey-step p{font-size:12px;color:#899685;line-height:1.6}.journey-number{position:absolute;top:-4px;left:34px;color:#c2ccba;font-size:10px}.journey-arrow{color:#bec9b4}.journey-progress{border-left:1px solid #e0e6d5;padding-left:30px;min-width:140px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.journey-progress>span{font-size:11px;color:#83947d}.journey-progress>strong{font-size:38px;font-weight:600;line-height:1;color:#6b947c}.journey-progress strong small{font-size:17px}.journey-progress>small{font-size:10px;color:#9aa78d}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading .eyebrow{margin-bottom:7px}.page-heading h1{font-size:30px}.restoration{display:grid;grid-template-columns:auto auto;column-gap:20px;row-gap:8px;align-items:center}.restoration>span{font-size:12px;color:#87977f}.restoration>strong{font-size:25px;font-weight:600;color:#4c846c}.restoration .progress-dots{grid-column:1/-1;justify-content:flex-end}.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.city-card{border:1px solid #d8e2d3;border-radius:16px;overflow:hidden;background:#f0f4e8;box-shadow:0 6px 20px #53644e05}.city-card-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #dce5d4;font-size:12px;background:#f4f6eb}.city-time{font-size:10px;color:#8fa18a}.city-world{position:relative;width:100%;aspect-ratio:1.5;background:#ddecdf}.city-world #city-canvas{position:absolute;inset:0;overflow:hidden}.city-world canvas{image-rendering:pixelated;display:block}.city-labels{position:absolute;inset:0;pointer-events:none}.city-label,.core-label{position:absolute;transform:translate(-50%);pointer-events:auto;min-height:29px;white-space:nowrap;display:flex;gap:4px;align-items:center;background:#fffbedf0;border:1px solid #bacfc0;border-radius:5px;padding:3px 7px;font-size:10px;box-shadow:0 2px #809e8520}.city-label:before,.core-label:before{content:"";position:absolute;inset:-10px -3px}.city-label b{font-size:9px;color:#9bad99;border-right:1px solid #dce6d3;padding-right:5px}.city-label.current{border-color:#cba66c;background:#fff4d4;box-shadow:0 0 0 3px #edc77533}.city-label.current b{color:#b48a4f}.city-label.restored{background:#edf6df}.city-label.restored b{color:#638c67}.city-label.locked{color:#718876}.core-label{font-size:9px;color:#68857c;min-height:25px;background:#f2f5e5}.city-instructions{padding:13px 16px;border-top:1px solid #dae4d4;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#81957f}.city-instructions>span{display:flex;align-items:center;gap:5px}.key-hint{font-size:9px}.key-hint kbd{border:1px solid #d5dfcd;background:#fffdef;border-radius:3px;padding:2px 4px}.city-dpad{display:none}.city-sidebar{display:flex;flex-direction:column;gap:16px}.mission-card{padding:25px 23px;border:1px solid #e0e5d5;border-radius:15px;background:#fffdf4;flex:1}.mission-card .eyebrow{font-size:9px}.chapter-number{display:block;font-size:54px;font-weight:500;font-family:Georgia,serif;color:#cad7bd;margin-top:14px;line-height:1.2}.mission-card h2{font-size:23px;line-height:1.5;margin:8px 0 12px;letter-spacing:-1px}.mission-card p{font-size:13px;color:#889680;line-height:1.9}.mission-card>.btn{margin-top:23px;width:100%;font-size:12px;min-height:49px;padding-left:8px;padding-right:8px}.companion-card{display:flex;align-items:center;gap:10px;padding:16px 13px;background:#edf1e4;border:1px solid #dfe6d3;border-radius:14px}.companion-card strong{font-size:12px}.companion-card p{font-size:10px;color:#8c9980;line-height:1.8;margin:5px 0}.companion-card button{background:none;font-size:10px;color:#659178;padding:8px 0}.entrance-activities{display:flex;flex-direction:column;gap:12px;margin-top:20px}.entrance-activities span{display:flex;align-items:center;gap:5px;font-size:11px;color:#7c927c}.city-sidebar .small-note{margin-top:14px;font-size:10px!important}.page-activity{padding-top:12px}.activity-top{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:15px}.activity-breadcrumb{color:#8e9b85;font-size:11px}.activity-breadcrumb span{color:#c8d2bd;margin:0 11px}.screen-number{font-size:21px;font-weight:600;color:#5b8871}.screen-number small{font-size:11px;font-weight:400;color:#9caa91}.activity-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 0 22px}.activity-heading .eyebrow{font-size:9px;margin-bottom:6px}.activity-heading h1{font-size:32px;margin-bottom:9px}.activity-heading p{font-size:14px;color:#82927d}.activity-seal{width:66px;height:66px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background:#eef1e2;border-radius:50%;color:#88a17c;transform:rotate(8deg)}.activity-seal small{font-size:8px}.activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.experiment-panel{border:1px solid #dce3d4;border-radius:17px;background:#fffef8;overflow:hidden;box-shadow:0 5px 22px #52684f05}.experiment-root{padding:20px 22px 17px;min-height:420px;display:flex;flex-direction:column;justify-content:center;gap:12px}.activity-aside{display:flex;flex-direction:column;gap:14px}.task-card{padding:23px 20px;border:1px solid #dfe5d5;border-radius:15px;background:#f3f4e8}.task-card .eyebrow{font-size:8px}.task-card h2{font-size:18px;margin-top:8px}.task-card ol{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:16px}.task-card li{font-size:12px;line-height:1.6;display:flex;gap:10px;align-items:flex-start;color:#8b9b83}.task-card li>span{border:1px solid #d1ddc4;flex-shrink:0;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#9aa98f}.task-card li.done{color:#4e7a58}.task-card li.done>span{background:#dfecd3;border-color:#b6cda9}.guide-card{border:1px solid #e4e6d5;background:#fffbee;border-radius:15px;padding:15px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:6px}.guide-card>.mascot{width:70px;height:85px}.guide-card p{font-size:11px;line-height:1.9;color:#839077}.guide-card button{grid-column:1/-1;border-top:1px dashed #e3e5d2;padding:10px 0 0;background:none;font-size:11px;color:#9a9970;display:flex;align-items:center;gap:6px;justify-content:center;min-height:40px}.evidence-pocket{display:flex;align-items:center;gap:12px;text-align:left;background:#eaf0e3;border:1px solid #dbe4d0;border-radius:12px;padding:16px;color:#658369;min-height:77px}.evidence-pocket>span{flex:1;font-size:12px}.evidence-pocket small{display:block;font-size:10px;color:#a0ab92;margin-top:3px}.activity-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0 9px;gap:20px}.activity-bottom>span{font-size:12px;color:#899b7f}.activity-bottom>div{display:flex;gap:10px}.activity-bottom .primary{min-width:175px}.controls,.experiment-tabs,.parts-tray{display:flex;align-items:center;gap:9px;justify-content:center;flex-wrap:wrap}.experiment-tabs{justify-content:flex-start}.choice{padding:10px 14px;min-height:46px;background:#f6f6ed;color:#82917b;border:1px solid #e2e6d6;border-radius:9px;font-size:12px;display:inline-flex;gap:5px;align-items:center;justify-content:center}.choice.selected{color:#446e56;background:#e8f0dc;border-color:#abc49b}.choice.done{color:#426e55}.controls>.btn{font-size:12px;min-height:46px;padding:9px 15px}.control-label{font-size:12px;color:#929d83;margin-right:4px}.question-strip{background:#f7f7eb;border:1px solid #e5e8d7;border-radius:12px;padding:12px 15px;text-align:center}.question-strip strong{font-size:13px;color:#74836a;display:block;margin-bottom:10px}.question-strip .choice{background:#fffef6;font-size:12px;min-height:43px}.question-strip .choice.selected{background:#e7efda}.readout{padding:10px 15px;background:#f2f4e9;border-radius:8px;display:flex;gap:9px;align-items:center;justify-content:center;color:#839579;font-size:12px;min-height:43px;text-align:center}.readout.positive{background:#e8f3df;color:#537b52}.experiment-hint{display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;color:#9caa8b;text-align:center;line-height:1.7}.slider-row{display:flex;gap:12px;align-items:center;justify-content:center;color:#8e9c82;font-size:11px}.slider-row input{flex:1;max-width:320px;min-height:48px}.slider-row>.btn{font-size:11px}.comparison-row{display:flex;gap:10px;justify-content:center}.mini-result{flex:1;max-width:250px;text-align:center;background:#f7f7ef;border:1px dashed #dce4d1;border-radius:8px;padding:11px;font-size:12px;color:#a0ab91;line-height:1.7}.mini-result small{font-size:11px}.mini-result.observed{background:#eef4e3;border-style:solid;color:#6f9368}.bar-magnet{display:inline-flex;width:135px;height:43px;border-radius:8px;overflow:hidden;box-shadow:0 5px #36596828;border:2px solid #6e7367;flex-shrink:0;position:relative}.bar-magnet:after{content:"";position:absolute;top:4px;left:5px;right:5px;height:3px;background:#fff3;border-radius:2px}.bar-magnet span{width:50%;display:flex;align-items:center;justify-content:center;background:#e27d68;color:#fff6ea;font-size:23px;font-weight:700;letter-spacing:2px}.bar-magnet span+span{background:#6099b7}.bar-magnet.flipped{flex-direction:row-reverse}.iron-piece{padding:10px 15px;border:3px solid #a3b2ad;background:linear-gradient(125deg,#edf0e9,#b3c4bc);border-radius:6px;color:#748479;font-size:11px;min-width:68px;display:flex;align-items:center;justify-content:center}.diagram-note{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:10px;color:#9ca58e}.device-visual{height:206px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#eef3e6,#f9faf1 60%,#fffef8 90%);border-radius:12px;overflow:hidden}.storage-box{width:260px;position:relative;height:125px;transform:translateY(8px)}.box-lid{position:absolute;top:0;width:100%;height:49px;background:#779c8e;border:3px solid #5f8274;border-radius:13px 13px 5px 5px;z-index:3;box-shadow:inset 0 5px #a2bcab,0 4px #50715e22;transition:transform .5s}.box-lid>span{font-size:10px;letter-spacing:3px;color:#d0ddcd;position:absolute;left:60px;top:13px}.box-body{position:absolute;top:43px;height:79px;background:#e2e8d7;width:100%;border:3px solid #6c8e7f;border-radius:3px 3px 13px 13px}.box-face{position:absolute;inset:15px;background:#c2d2bf;border-radius:4px;border:1px solid #a9bdac}.box-face>span{font-size:11px;color:#8da38e;position:absolute;left:10px;bottom:8px;letter-spacing:2px}.magnet-slot{font-style:normal;background:#d8856d;border:2px solid #ac6b59;border-radius:3px;color:#fff0e0;font-size:12px;text-align:center;display:inline-flex;width:33px;height:18px;align-items:center;justify-content:center}.top-slot{position:absolute;left:112px;bottom:0;opacity:.6}.iron-slot{position:absolute;font-style:normal;width:38px;height:17px;background:#c2c9ba;border:2px solid #98aa99;border-radius:3px;left:calc(50% - 19px);top:-14px;font-size:8px;color:#78907c;text-align:center}.opened .box-lid{transform:translateY(-43px) rotate(-4deg);transform-origin:left bottom}.xray .box-lid{background:#c9dccc88;border-style:dashed}.xray .box-body{background:#d9e6d377;border-style:dashed}.xray .magnet-slot{opacity:1;box-shadow:0 0 0 6px #e6b16433}.book-model{width:237px;height:141px;background:#e6c787;border:3px solid #bd9f67;border-radius:6px 12px 12px 6px;position:relative;box-shadow:8px 6px #efede0}.book-lines{position:absolute;left:7px;top:0;bottom:0;width:6px;background:#cfb171}.book-model>span{position:absolute;left:26px;top:66px;font-size:14px;color:#977846}.bookmark{position:absolute;right:25px;top:-8px;width:43px;height:76px}.bookmark-top,.bookmark-bottom{position:absolute;inset:0;background:#739b92;border:2px solid #51786c;border-radius:3px 3px 9px 9px}.bookmark-top{z-index:2;transition:transform .5s}.bookmark-top .magnet-slot{position:absolute;bottom:8px;left:3px;opacity:0}.bookmark-bottom .iron-slot{top:auto;bottom:8px;left:1px}.opened .bookmark-top{transform:translateY(-28px) rotate(-14deg)}.xray .bookmark-top{background:#a4c0b29c;border-style:dashed}.xray .bookmark-top .magnet-slot{opacity:1}.material-tray{display:flex;gap:8px;justify-content:space-between}.material{flex:1;min-width:0;background:#f7f8ee;border:1px solid #e1e7d6;border-radius:10px;position:relative;padding:5px 5px 9px}.material>svg:first-child{width:55px;height:55px;display:block;margin:0 auto}.material span{font-size:10px;white-space:nowrap}.material>svg:last-child:not(:first-child){position:absolute;right:3px;top:3px;color:#6b9663}.material.selected{background:#eaf2df;border-color:#9fbd8e}.lab-bench{height:192px;position:relative;background:linear-gradient(#f2f5e8,#e6efdf);border:1px solid #d8e3cb;border-radius:13px;overflow:hidden}.lab-bench:after{content:"";position:absolute;bottom:10px;left:0;right:0;height:6px;background:#cad7bc}.bench-caption{position:absolute;top:16px;left:20px;color:#829575;font-size:11px;letter-spacing:.3px}.bench-magnet{position:absolute;top:82px;transition:left .5s}.bench-object{position:absolute;top:56px;left:72%;width:83px;height:90px;transition:left .65s,transform .65s}.bench-object svg{width:100%;height:100%}.bench-object.attracted{left:45%}.distance-track{position:absolute;left:6%;right:6%;bottom:30px;border-top:1px dashed #b6c9a8;height:13px;background:repeating-linear-gradient(90deg,transparent 0 29px,#bbcbb040 29px 30px)}.distance-bench{height:205px}.ruler-label{position:absolute;bottom:4px;left:46%;font-size:9px;color:#839b75}.paper-barrier{position:absolute;z-index:3;top:55px;left:40%;height:90px;width:9px;background:#fffbed;border:1px solid #c8c6a8;box-shadow:4px 3px #9cae8520;transform:rotate(-3deg)}.paper-barrier span{position:absolute;top:-24px;left:-11px;white-space:nowrap;font-size:10px;color:#a1a075}.pole-experiment{height:194px;display:flex;align-items:center;justify-content:center;gap:28px;background:#f0f4e7;border-radius:12px;position:relative}.pole-experiment>div:first-child{position:relative}.pole-experiment .bench-caption{position:absolute;white-space:nowrap;top:-34px;left:0}.unknown-magnet{display:flex;width:145px;height:45px;border:2px solid #87968c;border-radius:7px;background:#b5c6b9;transition:transform .5s}.unknown-magnet>span{display:grid;place-items:center;width:50%;font-size:24px;color:#fff}.unknown-magnet>span+span{background:#99afa3}.unknown-magnet.repel{transform:translate(25px)}.unknown-magnet.attract{transform:translate(-25px)}.force-arrow{font-size:25px;color:#a1b494;white-space:nowrap}.ring-lab{height:253px;display:flex;justify-content:center;background:#f5f7ed;border-radius:10px}.ring-lab svg{max-height:100%;max-width:100%}.aqua-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.aqua-status strong{font-size:13px;color:#5e9282}.aqua-canvas-wrap{position:relative;overflow:hidden;border:5px solid #98bcb3;border-radius:14px;box-shadow:0 4px #6d969334}.aqua-canvas-wrap canvas{width:100%;height:auto;display:block;touch-action:none;cursor:grab}.aqua-canvas-wrap canvas:active{cursor:grabbing}.water-label{position:absolute;bottom:6px;right:12px;font-size:8px;letter-spacing:2px;color:#609e9c;pointer-events:none}.direction-controls{display:flex;gap:5px}.direction-controls button,.city-dpad button{height:48px;width:48px;border:1px solid #cbdac3;border-radius:8px;background:#edf2e4;color:#628460;font-size:24px;touch-action:none}.step-pill{display:inline-flex;gap:5px;align-items:center;padding:8px 11px;background:#f3f5eb;border:1px solid #e4e9da;color:#9ba991;border-radius:7px;font-size:11px}.step-pill.current{background:#f8efd9;border-color:#dbc691;color:#a18c55}.step-pill.done{color:#628b56;background:#edf6e1}.cart-track{position:relative;height:220px;overflow:hidden;border-radius:12px;background:linear-gradient(#ecf3e6 0 50%,#e3eddc 50%)}.track-buildings{position:absolute;top:12px;left:20px;right:20px;display:flex;align-items:flex-end;gap:15px;color:#9db391;font-size:9px;letter-spacing:2px}.track-buildings i{width:30px;height:44px;background:#dbe7d1;border-radius:7px 7px 0 0}.track-buildings i:nth-child(2){height:57px;width:50px;background:#d2e0c7}.track-buildings span{margin:0 0 15px auto}.rail{position:absolute;left:6%;right:6%;height:18px;top:145px;border-top:4px solid #93ab93;border-bottom:4px solid #93ab93;background:repeating-linear-gradient(90deg,transparent 0 20px,#b0c0a6 20px 27px)}.cart-unit{position:absolute;top:88px;width:78px;transform:translate(-50%);z-index:3}.cargo-box{background:#c9a577;border:2px solid #aa8c64;color:#f6e9cf;border-radius:3px;font-size:10px;width:56px;height:33px;margin:auto;text-align:center;padding-top:6px}.cart-body{height:26px;background:#789e8c;border:2px solid #648573;border-radius:4px}.cart-body .bar-magnet{width:50px;height:17px;margin:2px 11px;border-width:1px;border-radius:3px;box-shadow:none}.cart-body .bar-magnet span{font-size:10px}.cart-unit>i{position:absolute;bottom:-6px;left:10px;border-radius:50%;width:11px;height:11px;background:#567b70;border:3px solid #99b2a2}.cart-unit>i+i{left:auto;right:10px}.control-magnet{position:absolute;top:177px;transform:translate(-50%);cursor:grab;touch-action:none}.control-magnet .bar-magnet{width:77px;height:27px;border-width:1px;border-radius:5px;box-shadow:0 3px #43615825}.control-magnet .bar-magnet span{font-size:14px}.control-magnet small{display:block;text-align:center;font-size:9px;color:#8b9c7e;margin-top:4px}.start-sign,.goal-sign{position:absolute;top:102px;color:#9db18e;font-size:10px}.start-sign{left:3%}.goal-sign{right:2%;top:82px;color:#b59b5c;text-align:center;font-size:13px}.invention-board{position:relative;height:237px;border:1px solid #ceddcb;border-radius:12px;background-color:#eff4e8;background-image:linear-gradient(#ccdbc644 1px,transparent 1px),linear-gradient(90deg,#ccdbc644 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.blueprint-caption{position:absolute;left:15px;top:13px;color:#9dae93;font-size:9px;letter-spacing:1px}.invention-base{position:absolute;left:20%;top:30%;width:61%;height:130px;border:2px dashed #c0d1b7;border-radius:7px;opacity:.3;transition:opacity .2s;background:#dce9d266}.invention-base.placed{opacity:1;border-style:solid;border-color:#8daa90;background:#c9ddc090}.invention-base>span{position:absolute;bottom:10px;left:15px;color:#8ea680;font-size:10px}.lid-outline{height:34px;background:#b1c6a9;border-radius:4px 4px 0 0;border-bottom:2px solid #8ca285}.glass-outline{position:absolute;top:0;bottom:0;width:5px;left:50%;background:#eafaf488;border:1px solid #8dafaa}.design-target,.design-magnet{position:absolute;opacity:.23;transition:opacity .2s;z-index:4}.design-magnet{background:none;padding:0;cursor:grab;touch-action:none}.design-target.placed,.design-magnet.placed{opacity:1}.design-magnet .bar-magnet,.design-target .bar-magnet{width:92px;height:33px;border-width:2px;box-shadow:none}.design-magnet .bar-magnet span,.design-target .bar-magnet span{font-size:16px}.design-target .iron-piece{height:36px;font-size:9px;min-width:73px;padding:5px}.snap-target{position:absolute;left:35%;top:44%;width:100px;height:46px;border:1px dashed #9ab18e;border-radius:7px;font-size:8px;color:#9eb296;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}.parts-tray .choice{font-size:11px}.draft-number{font-size:11px;color:#a0ad93;margin-left:auto}.test-stage{height:243px;border-radius:12px;background:#edf3e4;display:flex;align-items:center;justify-content:center;position:relative}.test-device{width:270px;position:relative;margin-top:30px}.test-lid{background:#85a48a;height:39px;width:270px;border:3px solid #698e70;border-radius:9px 9px 0 0;position:relative;z-index:2;text-align:center;padding:9px;font-size:11px;color:#e1ecd8;transition:transform .4s}.test-lid.ajar{transform:translateY(-26px) rotate(-7deg)}.test-box{height:104px;background:#bdceb4;border:3px solid #739777;border-radius:0 0 10px 10px}.test-box>span{display:block;text-align:center;margin-top:65px;font-size:9px;letter-spacing:2px;color:#89a181}.test-connection{position:absolute;left:32px;right:32px;top:47px;display:flex;justify-content:center;gap:10px}.test-connection .bar-magnet{width:85px;height:30px;box-shadow:none}.test-connection .bar-magnet span{font-size:14px}.test-connection .iron-piece{height:30px;font-size:9px;padding:3px 10px}.tested-badge{position:absolute;top:14px;right:15px;display:flex;gap:7px;align-items:center;color:#799657;background:#faffec;border:1px solid #c8d7a8;border-radius:8px;padding:8px 12px;font-size:12px;transform:rotate(3deg)}.test-stage.success{background:#e8f2dc}.remote-test{width:80%;margin-top:0}.remote-chamber{position:relative;height:120px;border:3px solid #a1c3b7;border-radius:10px;background:#d3e9dc}.remote-chamber>span:first-child{position:absolute;top:9px;left:15px;font-size:10px;color:#88ab91}.remote-chamber #remote-target{position:absolute;bottom:10px;width:45px;height:50px;transition:left .6s}.remote-chamber #remote-target svg{width:100%;height:100%}.remote-controller{margin:15px 0 0 10%}.remote-controller .bar-magnet{width:90px;height:28px}.remote-controller .bar-magnet span{font-size:13px}.remote-goal{position:absolute;right:10px;bottom:20px;border-left:2px dashed #9cbc99;color:#86ab7e;font-size:10px;padding:5px}.modal-backdrop{position:fixed;inset:0;background:#254b4355;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;display:flex;align-items:center;justify-content:center;padding:25px}.modal{position:relative;max-width:740px;width:100%;max-height:88svh;overflow:auto;background:#fffdf3;border:1px solid #d3ddc8;border-radius:22px;box-shadow:0 25px 90px #24433625;padding:38px;color:#3b5a45;text-align:center}.modal>h2{font-size:26px;margin:10px 0 14px}.modal>p{font-size:14px;color:#91a07f}.modal-close{position:absolute;right:12px;top:12px}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}.empty-notebook{padding:25px 0}.empty-notebook h3{margin:12px 0 7px}.empty-notebook p{font-size:13px;color:#92a184}.award-icon{background:#e8f0da;border:1px solid #ccdbb7;color:#84a064;display:grid;place-items:center;width:83px;height:83px;border-radius:50%;margin:0 auto 20px}.award-progress{background:#f1f4e3;padding:20px;border-radius:10px;margin-top:23px;color:#879d6b;font-size:13px}.award-progress strong{font-size:30px;margin-left:15px}.notebook-list{margin-top:22px;display:flex;flex-direction:column;gap:13px;text-align:left}.evidence-card{padding:22px;display:flex;gap:19px;border:1px solid #dce3d0;border-radius:13px;background:#fffef6;position:relative;text-align:left}.evidence-number{font-size:35px;font-family:Georgia,serif;color:#c6d3b6;line-height:1}.evidence-card>div{flex:1;padding-right:45px}.evidence-card h3{font-size:16px;margin:6px 0 10px}.evidence-card .eyebrow{font-size:8px;letter-spacing:1px}.evidence-card ul{padding-left:16px;margin:0;font-size:11px;line-height:1.9;color:#93a17f}.evidence-card details{margin-top:11px;font-size:10px;color:#8ca477}.evidence-card summary{cursor:pointer;min-height:32px}.evidence-stamp{position:absolute;right:20px;top:28px;border:2px solid #c2d1b2;color:#a1b98d;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.4;transform:rotate(12deg)}.observation-list{list-style:none;padding:0;margin-top:25px;text-align:left}.observation-list li{padding:13px 0;border-bottom:1px solid #e6eadc;display:flex;gap:20px;justify-content:space-between;font-size:13px}.observation-list li strong{color:#789566}.observation-list li span{color:#96a27f}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:20px auto;padding:15px;border:1px solid #e0e6d3;border-radius:8px;font-size:15px}.report-heading{text-align:center;margin:30px 0}.report-heading h1{font-size:38px;margin:13px 0 16px;line-height:1.5}.report-heading p{font-size:14px;color:#8b9d7d}.report-list{max-width:810px;margin:auto;display:flex;flex-direction:column;gap:13px}.report-actions{display:flex;justify-content:center;gap:12px;margin:25px 0}.core-heading{text-align:center;margin:20px 0 30px}.core-heading h1{font-size:36px}.core-heading p{color:#849a78;font-size:14px;margin-top:12px}.core-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.core-unit{border:1px solid #dce4d0;border-radius:16px;background:#fffef5;padding:20px;text-align:center;overflow:hidden}.core-unit>.tag{font-size:11px}.core-unit h3{font-size:17px;margin:12px 0 6px}.core-unit>p{font-size:11px;color:#9aa78a;margin-bottom:15px}.core-unit>.btn{font-size:12px}.core-magnets,.core-plate{display:flex;gap:10px;align-items:center;justify-content:center;height:160px}.core-magnets .bar-magnet,.core-plate .bar-magnet{width:108px;height:38px;box-shadow:none}.core-magnets .bar-magnet span,.core-plate .bar-magnet span{font-size:18px}.core-plate .iron-piece{margin-right:35px;transition:transform .4s}.core-state{display:block;padding:11px;background:#f3f5e9;border-radius:7px;margin-top:16px;font-size:11px;color:#a5ad8f}.core-state.ok{color:#64915d;background:#eaf3dd}.mini-ring{height:160px;position:relative;width:150px;margin:auto}.mini-ring>i{position:absolute;width:8px;top:15px;bottom:8px;left:71px;background:#b4c7b0}.mini-ring>div{position:absolute;width:106px;height:24px;border-radius:50%/25%;left:22px;display:flex;align-items:center;justify-content:space-around;color:#fffbeb;font-size:14px;box-shadow:inset 0 5px #fff3}.mini-ring>div small{font-size:9px}.mini-ring .lower{bottom:20px;background:#df8f70}.mini-ring .upper{bottom:47px;background:#7ba7b8;transition:bottom .3s}.mini-ring .upper.floating{bottom:94px}.core-start{margin:25px 0;padding:23px;border:1px solid #dae3cc;background:#eff3e5;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.core-start strong{font-size:17px}.core-start p{font-size:11px;color:#96a47f;margin-top:6px}.power-lever{font-size:10px;color:#94a379;display:flex;gap:8px;align-items:center}.power-lever input{width:50px;height:90px;writing-mode:vertical-lr;direction:rtl}.ending{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0}.ending-art{position:relative;max-width:660px;width:75%;padding-top:25px}.ending-art img{width:100%;filter:drop-shadow(0 10px 15px #4e635a15)}.ending h1{font-size:34px;margin-top:12px}.ending>p{margin-top:13px;color:#8d9e7c;font-size:14px}.celebration-sparks{position:absolute;inset:40% 0 auto;color:#d7ad66;font-size:35px;display:flex;justify-content:space-between}.celebration-sparks>span{transform:translateY(-130px)}.ending-progress{width:230px;height:4px;background:#e4e9d6;border-radius:3px;margin-top:23px;overflow:hidden}.ending-progress>i{display:block;height:100%;background:#7d9d68;transition:width .2s}.ending-mascots{display:flex;gap:45px;margin-top:15px}.certificate-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 25px}.certificate-tools h1{font-size:27px;margin-top:7px}.certificate-tools>div:last-child{display:flex;gap:10px}.certificate-tools .btn{font-size:12px}.certificate{max-width:930px;margin:auto;background:#fffdf2;border:1px solid #d8dfc9;padding:18px;box-shadow:0 8px 30px #5360490a}.certificate-border{border:2px solid #afbd97;outline:1px solid #dce3c8;outline-offset:-8px;padding:34px;text-align:center;background:radial-gradient(ellipse,#fffdf100,#f6f4e550)}.certificate-overline{font-size:9px;letter-spacing:3px;color:#a6b28e}.certificate-medal{color:#ac9b62;width:76px;height:76px;border:1px solid #cdbd86;border-radius:50%;margin:22px auto 20px;background:#f8f0d8;display:grid;place-items:center;box-shadow:0 0 0 5px #f4efd9}.certificate h2{font-size:29px;font-weight:700;letter-spacing:-1px}.certificate .certificate-name{font-size:23px;margin:23px 0 17px;font-weight:500;color:#83946f}.certificate p{font-size:14px;color:#9da98a;line-height:2}.certificate p strong{font-weight:500;color:#789369}.certificate-achievements{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;max-width:550px;margin:24px auto;font-size:10px;color:#8c9f79}.certificate-achievements>span{display:flex;gap:4px;align-items:center}.certificate-bottom{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:20px}.certificate-bottom strong{display:block;font-size:13px;color:#8fa179}.certificate-bottom span{display:block;font-size:10px;color:#a8b595;margin-top:9px}.certificate-name-input{display:flex;justify-content:center;align-items:center;gap:15px;margin:23px 0;font-size:12px;color:#879c77}.certificate-name-input input{border:1px solid #d7e1ca;background:#fffef5;border-radius:8px;padding:12px;font-size:13px;min-height:47px;width:230px;color:#5d7e54}.certificate-name-input label small{font-size:10px;color:#a5b195}.loading-screen{min-height:100svh;display:grid;place-content:center;text-align:center;gap:20px;color:#8fa280}.loading-magnet{font-size:80px;line-height:1;color:#d8896f}.loading-screen p{font-size:13px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(min-width:1500px){.page-title{padding-top:60px}.hero{min-height:490px}.hero-art{height:480px}.journey-strip{margin-top:35px}.page-city{padding-top:35px}.city-layout{grid-template-columns:minmax(0,1fr) 280px}.city-label{font-size:12px;min-height:33px}.city-label b{font-size:10px}.experiment-root{min-height:450px}.activity-heading h1{font-size:36px}.lab-bench{height:210px}.device-visual{height:235px}}@media(max-width:1100px){.site-header{padding:0 24px;height:72px}.page{padding:24px 24px 18px;min-height:calc(100svh - 120px)}.site-footer{padding:10px 24px}.hero{gap:5px;min-height:420px}.hero-copy{padding-left:6px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:13px}.hero-art{height:390px}.hero-logo{width:100%}.hero-mascots{bottom:5px;gap:65px}.hero-mascots svg{width:105px;height:120px}.art-caption{bottom:-12px;right:0;font-size:9px}.art-orbit{width:300px;height:300px}.orbit-two{width:375px;height:240px}.hero-meta{font-size:9px;gap:10px}.hero-meta svg{width:13px}.journey-strip{padding:24px;gap:18px}.journey-intro{min-width:150px}.journey-intro h2{font-size:19px}.journey-progress{min-width:118px;padding-left:20px}.journey-step p{font-size:10px}.journey-step h3{font-size:12px}.city-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.mission-card{padding:20px 17px}.mission-card h2{font-size:21px}.city-instructions{font-size:9px}.key-hint{display:none!important}.city-label{font-size:8px;min-height:25px;padding:2px 4px}.city-label b{font-size:8px}.companion-card{padding:12px 8px;gap:6px}.companion-card>.mascot{width:64px}.companion-card strong{font-size:10px}.companion-card p{font-size:9px}.activity-layout{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.experiment-root{padding:15px;gap:10px}.activity-heading{padding:9px 0 17px}.activity-heading h1{font-size:28px}.activity-heading p{font-size:12px}.activity-aside{gap:12px}.task-card{padding:18px 15px}.task-card li{font-size:11px}.guide-card{padding:11px;grid-template-columns:57px 1fr}.guide-card>.mascot{width:57px}.guide-card p{font-size:10px}.material>svg:first-child{width:44px;height:44px}.material span{font-size:9px}.material-tray{gap:5px}.controls{gap:7px}.choice{font-size:11px;padding:8px 10px}.question-strip{padding:10px}.question-strip strong{font-size:12px}.question-strip .choice{font-size:10px;padding:7px}.comparison-row{gap:6px}.mini-result{font-size:10px;padding:8px}.controls>.btn{font-size:10px;padding:9px 11px}.experiment-hint{font-size:10px}.readout{font-size:11px}.core-panels{gap:12px}.core-unit{padding:15px}.core-unit h3{font-size:15px}.core-unit>p{font-size:10px}.core-magnets .bar-magnet,.core-plate .bar-magnet{width:90px;height:35px}.core-start{gap:10px}.core-start .large{font-size:14px;padding:12px 18px}.core-start strong{font-size:15px}.power-lever{flex-direction:column}.certificate-tools h1{font-size:24px}}@media(pointer:coarse){.city-dpad{display:flex;gap:4px}.city-dpad button{width:36px;height:44px;font-size:20px}.city-label:before{inset:-12px -5px}.icon-button{min-width:48px;min-height:48px}.choice,.controls>.btn{min-height:48px}.material{min-height:80px}.city-instructions{flex-wrap:wrap}.key-hint{display:none!important}}@media(max-width:800px){.site-header{padding:0 18px;height:68px}.brand{font-size:15px}.brand-icon{width:30px;height:33px;font-size:32px;line-height:27px}.header-center{display:none}.site-header nav{gap:0}.page{padding:20px 16px}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:12px;text-align:center}.hero-copy .eyebrow{margin-bottom:15px}.hero-copy h1{font-size:38px}.hero-actions,.hero-meta{justify-content:center}.hero-art{height:330px;max-width:480px;width:100%;margin:auto}.hero-logo{width:88%}.hero-mascots{bottom:0}.art-caption{display:none}.journey-strip{padding:20px;gap:16px;flex-wrap:wrap}.journey-intro{width:100%;min-width:0}.journey-intro h2 br{display:none}.journey-intro h2{font-size:20px}.journey-progress{width:100%;border-left:0;border-top:1px solid #dce2d2;padding:18px 0 0;flex-direction:row;align-items:center;gap:12px;justify-content:center}.journey-progress strong{font-size:27px}.journey-step{min-width:75px}.site-footer>span:last-child{display:none}.site-footer{font-size:9px;padding:10px 16px;flex-wrap:wrap}.site-footer button{font-size:9px}.page-heading{align-items:flex-end}.page-heading h1{font-size:24px}.restoration{column-gap:10px}.restoration>strong{font-size:22px}.restoration>span{font-size:10px}.progress-dots i{width:14px}.city-layout{grid-template-columns:1fr}.city-sidebar{display:grid;grid-template-columns:1.3fr 1fr}.mission-card{padding:17px}.mission-card .chapter-number{float:left;font-size:42px;margin:8px 12px 0 0}.mission-card h2{font-size:18px;margin:8px 0}.mission-card p{font-size:11px}.mission-card>.btn{margin-top:15px;font-size:11px;min-height:44px}.companion-card{flex-direction:column;justify-content:center;text-align:center}.city-label{font-size:9px}.city-dpad{display:flex;gap:4px}.city-dpad button{height:42px;width:36px}.city-card-header{padding:12px;font-size:11px}.city-time{font-size:9px}.city-instructions{padding:9px}.city-instructions>span{font-size:9px}.activity-layout{grid-template-columns:1fr}.activity-aside{display:grid;grid-template-columns:1fr 1fr}.task-card{grid-row:1/3}.task-card ol{gap:11px}.guide-card{padding:8px}.guide-card>.mascot{height:60px}.guide-card p,.guide-card button{font-size:10px}.evidence-pocket{min-height:50px;padding:10px}.activity-heading h1{font-size:25px}.activity-heading p{font-size:12px;line-height:1.7}.activity-seal{width:54px;height:54px;flex-shrink:0;margin-left:12px}.activity-top{gap:10px}.activity-breadcrumb{font-size:9px}.activity-bottom{align-items:flex-end;gap:10px}.activity-bottom>span{font-size:10px;max-width:150px}.activity-bottom>.btn,.activity-bottom>div{gap:4px}.activity-bottom .primary{font-size:12px;min-width:0;padding:10px 12px}.activity-bottom .text-button{font-size:10px;padding:8px}.core-panels{grid-template-columns:1fr}.core-unit{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:center}.core-unit>.tag{grid-column:1}.core-unit>.core-magnets,.core-unit>.mini-ring,.core-unit>.core-plate{grid-column:2;grid-row:1/5;height:130px}.core-unit>h3{margin:0}.core-unit>p{margin:0}.core-unit>.core-state{grid-column:1/-1;margin-top:5px}.core-start{flex-wrap:wrap;padding:15px}.core-start>div{flex:1}.core-start .power-lever{flex-direction:row}.core-start>.btn{width:100%}.report-heading h1{font-size:30px}.report-heading p{font-size:12px}.certificate-tools{flex-direction:column;align-items:flex-start}.certificate-tools h1{font-size:23px}.certificate-border{padding:20px 15px}.certificate h2{font-size:23px;line-height:1.5}.certificate .certificate-name{font-size:19px}.certificate p{font-size:12px}.certificate-bottom{gap:10px}.certificate-bottom .mascot{width:57px}.certificate-bottom strong{font-size:10px}.certificate-name-input{flex-wrap:wrap}.certificate-name-input input{width:210px}.certificate-name-input label{font-size:11px}.modal{padding:30px 22px}.modal>h2{font-size:23px}.modal>p{font-size:12px}.evidence-card{padding:16px;gap:12px}.evidence-card h3{font-size:14px}.evidence-card ul{font-size:10px}.evidence-number{font-size:28px}.evidence-stamp{right:10px;top:18px;font-size:8px;width:37px;height:37px}.ending h1{font-size:27px}.ending>p{font-size:12px}.ending-art{width:95%}}@media(max-width:480px){.brand small{font-size:7px}.site-header nav .settings-button{display:none}.icon-button{width:38px;height:38px}.hero-copy h1{font-size:33px}.hero-copy p{font-size:12px}.hero-meta{font-size:8px}.hero-actions .large{font-size:16px}.hero-art{height:280px}.hero-mascots svg{width:87px;height:98px}.hero-mascots{gap:55px}.art-orbit{width:240px;height:240px}.orbit-two{width:295px;height:210px}.journey-strip{gap:9px;padding:17px}.journey-step h3{font-size:11px}.journey-step p{font-size:9px}.journey-arrow{font-size:12px}.page-heading h1{font-size:21px}.page-heading .eyebrow{font-size:8px}.city-label{font-size:7px;padding:2px 3px}.city-label b{font-size:7px;padding-right:3px}.core-label{font-size:7px;padding:2px}.city-sidebar{grid-template-columns:1fr}.companion-card{flex-direction:row;text-align:left}.city-card-header{font-size:9px}.city-time{font-size:7px}.city-instructions>span{font-size:8px}.city-dpad button{width:29px;height:38px}.experiment-root{padding:12px;min-height:360px}.material-tray{flex-wrap:wrap}.material{flex:0 0 calc(33.333% - 4px);padding:3px}.material>svg:first-child{width:39px;height:39px}.material span{font-size:10px}.lab-bench{height:175px}.bench-magnet .bar-magnet{width:103px;height:37px}.bench-object{width:63px;height:75px}.pole-experiment{gap:13px;height:165px}.pole-experiment .bar-magnet{width:100px;height:39px}.unknown-magnet{width:110px;height:40px}.force-arrow{font-size:18px}.pole-experiment .bench-caption{font-size:9px}.activity-heading h1{font-size:22px}.activity-heading .eyebrow,.activity-breadcrumb{font-size:8px}.choice{font-size:10px;padding:7px}.aqua-status{gap:5px}.aqua-status>.tag{font-size:9px;padding:5px}.aqua-status strong{font-size:10px}.controls .direction-controls button{width:39px;height:45px}.screen-7 .controls>.btn{font-size:9px}.step-pill{font-size:8px;padding:5px}.bar-magnet{width:110px;height:37px}.invention-board{height:215px}.design-target .bar-magnet,.design-magnet .bar-magnet{width:70px}.design-target .iron-piece{min-width:56px;font-size:8px}.parts-tray .choice{font-size:9px;padding:7px}.activity-bottom>span{display:none}.activity-bottom{justify-content:flex-end}.test-device,.test-lid{width:225px}.test-stage{height:220px}.test-connection{left:15px;right:15px}.readout{font-size:10px}.certificate{padding:10px}.certificate h2{font-size:19px}.certificate-achievements{font-size:9px;gap:8px}.certificate-bottom>.mascot{display:none}}.btn.primary{background:#28659a;border-color:#28659a;box-shadow:0 3px #1c4f7c}.hero-copy h1 em{color:#34729a}.eyebrow{color:#5d7664}.hero-copy p,.hero-meta,.header-center,.journey-step p,.city-instructions,.mission-card p,.companion-card p,.activity-heading p,.guide-card p,.task-card li,.evidence-pocket small,.activity-bottom>span,.site-footer,.site-footer button{color:#596d61}.choice,.question-strip strong,.slider-row,.readout,.experiment-hint,.control-label,.mini-result,.bench-caption,.diagram-note,.tag,.core-unit>p,.core-state,.report-heading p,.certificate p{color:#526b59}.mini-result.observed,.readout.positive{color:#37683e}.task-card li>span{color:#557248}.city-label{color:#375548}.city-label.locked{color:#597061}.city-label b{color:#668065}.city-card-header,.city-time{color:#546f61}.city-world{height:min(540px,calc(100svh - 325px));min-height:290px;width:auto;max-width:100%;aspect-ratio:1.5;margin:auto}.experiment-panel{background-image:linear-gradient(#fffef8f5,#fffef8ed),url(/assets/material-lab.png);background-size:cover;background-position:center}.activity-heading p{font-size:16px}.task-card li{font-size:14px}.guide-card p{font-size:13px}.controls>.btn,.choice,.question-strip .choice{font-size:14px;min-height:48px}.question-strip strong{font-size:15px}.readout{font-size:14px}.experiment-hint{font-size:12px}.slider-row{font-size:13px}.material span,.mini-result,.mini-result small{font-size:12px}.btn{min-height:48px}.icon-button{height:48px;width:48px}.activity-bottom .primary{min-height:55px;font-size:15px}.activity-bottom>span{font-size:13px}.activity-bottom .text-button{min-height:48px}.core-unit .btn{font-size:14px}.core-unit>p{font-size:13px}.core-state{font-size:13px}.city-instructions{font-size:11px}.evidence-card ul{font-size:13px;color:#617454}.evidence-card details{font-size:12px;color:#4f6e43}.evidence-card summary{min-height:44px}.observation-list li span{color:#627454}.certificate p{color:#66754f}.certificate-achievements{font-size:12px;color:#667b52}.certificate-bottom strong{color:#597647}.certificate-name-input{color:#657c53}.loading-screen p{color:#557348}@media(max-width:1100px){.city-world{min-height:280px}.task-card li{font-size:13px}.guide-card p{font-size:12px}.controls>.btn,.choice,.question-strip .choice{font-size:13px}.activity-heading p{font-size:15px}.readout{font-size:13px}.material span{font-size:10px}}@media(max-width:800px){.city-world{height:auto;aspect-ratio:1.5;width:100%;min-height:0}.activity-heading p{font-size:14px}.controls>.btn,.choice,.question-strip .choice{font-size:13px}.guide-card p{font-size:12px}.city-label{font-size:9px}.city-dpad button{min-height:48px;min-width:42px}.site-footer{font-size:10px}.experiment-panel{background-image:none}}@media(max-width:480px){.city-label{font-size:7px}.controls>.btn,.choice,.question-strip .choice{font-size:12px}.material span{font-size:11px}.activity-heading p{font-size:13px}.task-card li,.readout{font-size:12px}.city-instructions{font-size:10px}.activity-bottom .primary{font-size:13px}}@media print{body{background:#fff}.site-header,.site-footer,.certificate-tools,.certificate-name-input,.toast,.modal-backdrop{display:none!important}.page{padding:0;min-height:0;max-width:none}.certificate{max-width:none;box-shadow:none;border:0;margin:0;padding:10mm}.certificate-border{min-height:165mm;padding:10mm}.certificate *{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 landscape;margin:8mm}}.site-header{position:sticky;top:0;z-index:40}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.site-header .navigation-controls{gap:4px}.header-tools{flex-shrink:0;margin-left:auto}.navigation-controls .icon-button{border-color:var(--line);background:#fffdf7;flex-shrink:0}.admin-badge{border:1px solid #cba869;border-radius:20px;padding:7px 12px;background:#fff1d1;color:#78541c;font-size:12px;white-space:nowrap}.admin-pages{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.admin-pages .btn{justify-content:flex-start;text-align:left;font-size:13px;padding:10px}.certificate-preview{font-weight:700;color:#89531f!important;border:2px dashed #bc8c4e;padding:10px;margin-bottom:15px}.setting-row{min-height:56px}.setting-row input{min-width:28px;min-height:28px}@media(max-width:1100px){.site-header{gap:10px;padding-left:20px;padding-right:20px}.header-left{gap:12px}.header-center{display:none}}@media(max-width:600px){.site-header{padding:0 10px;gap:8px}.header-left{gap:6px}.brand{font-size:13px}.brand-icon,.brand small{display:none}.site-header nav{gap:2px}.site-header nav .settings-button{display:inline-grid}.site-header .icon-button{width:48px;height:48px}.admin-pages{grid-template-columns:1fr}}@media(max-width:420px){.header-left .brand{display:none}}.ending-vignette{height:300px;border:1px solid #cbdcc9;border-radius:24px;background:radial-gradient(ellipse,#f9fce9,#e3efdf);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:vignette-in .6s ease-out}.ending-vignette>.tag{position:absolute;top:17px;left:20px;background:#ffffecb0}.restored-ribbon{position:absolute;bottom:17px;right:20px;display:flex;align-items:center;gap:6px;background:#fffced;border:1px solid #cdd7ac;color:#65894d;border-radius:8px;padding:9px 13px;font-size:12px;transform:rotate(-4deg)}.repaired-box{width:220px;position:relative;margin:25px auto 0}.repaired-lid{height:38px;border:3px solid #609074;background:#8eb091;border-radius:9px 9px 3px 3px;color:#faffee;text-align:center;padding-top:7px;font-size:12px;transform-origin:left bottom;animation:close-lid 2.4s ease-in-out infinite}.repaired-body{height:80px;border:3px solid #759b7b;background:#c4dabb;border-radius:0 0 12px 12px;display:flex;align-items:flex-start;justify-content:center;gap:5px;padding-top:8px}.repaired-body i{font-style:normal;background:#df866b;border:2px solid #ac735b;color:#fff;padding:3px 12px;border-radius:4px}.repaired-body span{background:#b6c5b2;color:#587963;border:2px solid #8ea48e;font-size:11px;padding:6px 9px;border-radius:4px}.ending-sorter{text-align:center;width:80%;margin-top:35px}.ending-sorter>.bar-magnet{transform:rotate(-9deg);margin-left:-65px}.ending-belt{display:flex;justify-content:space-evenly;margin-top:15px;border-bottom:9px solid #8eae95;border-top:4px dashed #b1c6a9;background:#d4e3ca;padding:7px}.ending-belt svg{width:64px;height:64px;animation:belt-move 2s ease-in-out infinite}.ending-belt svg:nth-child(2){animation-delay:.4s}.ending-belt svg:nth-child(3){animation:none;opacity:.6}.ending-sorter>span{display:block;margin-top:12px;font-size:13px;color:#698264}.ending-rings{position:relative;width:160px;height:210px;margin-top:28px}.ending-rings>i{position:absolute;width:10px;left:75px;top:0;bottom:0;border-radius:3px;background:#a5bcaa}.ending-rings>span{position:absolute;left:25px;bottom:4px;width:110px;height:30px;border-radius:50%/30%;background:#e38770;border-top:5px solid #f2b59b;box-shadow:0 5px #b8715d;color:#fff6df;text-align:center;padding-top:2px;font-size:18px}.ending-rings>span:nth-of-type(2){bottom:75px;background:#74a6b9;border-top-color:#abd0db;box-shadow:0 5px #548294;animation:ring-hover 2s ease-in-out infinite}.ending-rings>span:nth-of-type(3){bottom:145px;animation:ring-hover 2s ease-in-out infinite reverse}.ending-aqua{width:75%;height:158px;border:5px solid #8daea9;border-radius:15px;background:linear-gradient(#d2f0e9,#80c2c4);position:relative;margin-top:5px}.ending-pad{position:absolute;top:50px;left:40%;border:4px solid #d9e9d6;background:#6faaa7;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;color:#f4f9ed;font-size:10px;animation:pad-move 3s ease-in-out infinite}.water-bubble{position:absolute;color:#e6f8ed;font-size:26px;top:13px;left:19%;animation:bubble-rise 3s infinite}.water-bubble.second{left:auto;right:19%;top:60px;animation-delay:1s}.ending-cart{position:absolute;bottom:-36px;left:10%;height:25px;border:2px solid #658873;background:#9eb699;border-radius:4px;width:74px;animation:cart-move 4s ease-in-out infinite}.ending-cart>.bar-magnet{position:absolute;width:60px;height:23px;left:5px;top:-16px;box-shadow:none}.ending-cart>.bar-magnet span{font-size:12px}.ending-cart>i{position:absolute;bottom:-7px;left:8px;width:12px;height:12px;border-radius:50%;background:#5f8071;border:3px solid #b3c7aa}.ending-cart>i+i{left:auto;right:8px}.ending-invention{display:flex;flex-direction:column;align-items:center}.ending-invention>span{font-size:11px;letter-spacing:2px;color:#91a67e;margin-top:32px}.ending-invention .repaired-box{width:200px;margin-top:16px}.ending-invention>strong{font-size:14px;color:#617f4f;margin-top:15px}.ending-picker{display:flex;gap:20px;align-items:center;margin:25px}.ending-picker>svg{height:75px;width:75px;animation:belt-move 2s infinite}@keyframes vignette-in{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes close-lid{0%,15%{transform:translateY(-10px) rotate(-4deg)}35%,to{transform:translateY(0) rotate(0)}}@keyframes belt-move{0%,to{transform:translate(0)}50%{transform:translate(-17px)}}@keyframes ring-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pad-move{0%,to{left:20%}50%{left:60%}}@keyframes cart-move{0%,to{left:10%}50%{left:65%}}@keyframes bubble-rise{0%{transform:translateY(30px);opacity:0}to{transform:translateY(-20px);opacity:1}}@media(max-width:600px){.ending-vignette{height:250px}.ending-vignette>.tag{font-size:10px}.restored-ribbon{font-size:9px;bottom:12px;right:12px}.repaired-box{width:180px}.ending-sorter>.bar-magnet{width:100px;height:33px}.ending-sorter>.bar-magnet span{font-size:17px}.ending-belt svg{width:48px;height:48px}.ending-rings{transform:scale(.8);margin-top:30px}}:root{--ink:#213e50;--teal:#176a79;--muted:#5c7382;background:#edf4f6;color:var(--ink)}.page{max-width:1500px;padding:24px 36px;margin:auto}.site-header{background:#fffdf7;border-bottom:1px solid #d9e4e5}.header-center{color:#627b85}.site-footer{background:#e6eff0;color:#52707a}.site-footer button{color:#52707a}.btn.primary{background:#146879;color:#fff;border-color:#146879;box-shadow:0 4px #084a58}.btn.primary:hover{background:#0b5969}.btn.soft{color:#294d61;background:#f9fbf9;border-color:#c0d2d9}.btn{min-height:46px;font-size:14px}.eyebrow{color:#4d7787}.back-link{color:#315a70}.activity-heading p,.mission-card p{color:#527182}.sprite-mascot{display:inline-block;width:var(--size);height:calc(var(--size)*1.33333);flex-shrink:0;background-size:400% 100%;background-position:calc(var(--pose)*100%/3) 50%;background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 6px 3px #243c471c)}.adventure-hero{position:relative;min-height:600px;border-radius:26px;overflow:hidden;background:#173e49;box-shadow:0 18px 60px #1a4b5321}.hero-city-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center}.adventure-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdf5 0%,#fffdf5f0 26%,#fffdf56b 45%,transparent 60%);pointer-events:none}.hero-story{position:relative;z-index:2;width:49%;padding:52px 0 22px 48px}.hero-story>.eyebrow{font-size:12px;letter-spacing:1px}.hero-story h1{font-size:clamp(36px,4.2vw,60px);font-weight:900;letter-spacing:-2px;line-height:1.25;margin:18px 0 20px;color:#203c50}.hero-story h1 em{font-style:normal;color:#dd633f}.hero-story>p{font-size:17px;line-height:1.85;color:#405f70}.hero-actions{margin:25px 0 12px}.hero-actions .large{font-size:18px}.hero-buddies{display:flex;gap:5px;align-items:flex-end;height:180px;margin-left:5px}.hero-buddies>.mascot{height:178px;width:134px}.hero-promise{display:block;color:#506c77;font-size:12px;margin-top:8px}.hero-map-note{position:absolute;z-index:3;right:25px;bottom:26px;background:#163c48e8;color:#fff;padding:13px 18px;border-radius:24px;font-size:13px;display:flex;align-items:center;gap:9px}.journey-rewards{padding:28px 8px 8px;display:grid;grid-template-columns:1fr 1.4fr;gap:25px;align-items:center}.journey-rewards h2{font-size:23px;margin:8px 0}.journey-rewards p{font-size:13px;color:#5e7580}.tool-belt{display:flex;gap:8px;justify-content:center}.tool-slot{display:flex;position:relative;flex:1;gap:8px;min-height:96px;flex-direction:column;justify-content:center;align-items:center;background:#e6edef;color:#78909c;border:1px dashed #a9bbc2;border-radius:13px;padding:10px 6px;font-size:11px;text-align:center}.tool-slot.earned{background:#fff7d7;color:#725822;border:1px solid #d8b769;box-shadow:0 3px #d9bf80}.tool-slot b{position:absolute;right:6px;top:4px;font-size:9px}.city-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.city-card{background:#fff8e9;border-color:#a8c3c7;box-shadow:0 12px 40px #244e551c}.city-world{background:#b7d6c6}.city-card-header{background:#fffdf4;color:#3e626c;font-size:13px}.city-label{font-size:11px;min-height:34px;background:#fff9e9ec;color:#294d58;border:1px solid #c5b67e;box-shadow:0 3px #334a5336}.city-label.current{background:#ffdb6b;color:#403820;border-color:#aa8433;box-shadow:0 0 0 4px #fff4bd88,0 4px #8b682f66}.city-label.restored{background:#ddf4db;color:#245a43}.city-label.locked{color:#6a787f;background:#edf0edf2}.city-label b{font-size:11px}.core-label{font-size:10px;background:#153e4ee8;color:#fff9d4;padding:6px 10px}.city-instructions{font-size:12px;color:#506e78}.mission-card{border-color:#b8cdd2;background:#fffdf5}.mission-card h2{color:#244b60}.chapter-number{color:#aacbd0}.companion-card{background:#e5f2f3;border-color:#c0d8dc}.companion-card strong{color:#315a6b;font-size:14px}.companion-card p{color:#557682;font-size:12px}.companion-card>.mascot{width:78px;height:104px}.companion-card button{color:#246c7c;font-size:12px}.activity-heading{padding-bottom:18px}.activity-heading h1{font-size:32px;color:#203e52}.activity-heading p{font-size:15px}.activity-breadcrumb{font-size:12px;color:#547184}.screen-number{color:#3d798c}.activity-layout{grid-template-columns:minmax(0,1fr) 246px;gap:20px}.activity-seal{background:#ddeef0;border-color:#abcad0;color:#377281}.experiment-panel{background:#ebf5f6;border:1px solid #adcbd1;overflow:hidden;box-shadow:0 10px 35px #28515c18;position:relative;border-radius:20px}.experiment-panel:before{content:"";position:absolute;inset:0;background:url(/assets/adventure/room.webp) center 48% / cover}.experiment-panel.stage-2:before{background-image:url(/assets/adventure/material-room.webp)}.experiment-panel.stage-5:before{background-image:url(/assets/adventure/workshop-room.webp)}.experiment-root{position:relative;z-index:1;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:580px}.mission-strip{display:flex;align-items:center;gap:12px;background:#fffcf3ef;padding:12px 16px;border:1px solid #fff;border-radius:12px;box-shadow:0 4px 15px #24445915}.mission-strip strong{font-size:16px;line-height:1.55}.mission-chip{font-size:11px;white-space:nowrap;border-radius:7px;background:#d7eced;color:#2a6570;padding:7px 10px;font-weight:700}.play-board{height:365px;position:relative;border-radius:16px;background:linear-gradient(#ffffffbd,#e8f3f0ed);border:1px solid #fff;box-shadow:0 8px 20px #264f6521;isolation:isolate;overflow:hidden}.play-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#5284990a 1px,transparent 1px),linear-gradient(90deg,#5284990a 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.scene-buddy{position:absolute;left:0;bottom:1px;z-index:0;pointer-events:none}.scene-buddy .mascot{width:88px;height:117px}.drag-piece{position:absolute;transform:translate(-50%,-50%);z-index:5;cursor:grab;touch-action:none;border:0;background:none;padding:6px;min-width:48px;min-height:48px;-webkit-user-select:none;user-select:none;color:#254b62}.drag-piece:hover{filter:drop-shadow(0 0 5px #fff)}.drag-piece.dragging{cursor:grabbing;z-index:15;filter:drop-shadow(0 6px 5px #1f4e4c55)}.drag-piece:focus-visible{outline:3px solid #e0a223;outline-offset:3px;border-radius:10px}.drag-piece .bar-magnet{width:122px;height:42px;box-shadow:0 6px #193e5c38}.bar-magnet{border-color:#1f4964}.bar-magnet span{background:#e95951;color:#fff}.bar-magnet span+span{background:#287ebc;color:#fff}.drop-spot{position:absolute;transform:translate(-50%,-50%);border:2px dashed #6797a3;background:#fbfff5b8;border-radius:13px;padding:14px 12px;color:#436c7c;font-size:12px;text-align:center;min-width:90px;z-index:1;pointer-events:none}.action-dock{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;min-height:46px}.action-dock:empty{display:none}.action-dock .btn{font-size:13px;background:#fffdf6ef;border-color:#b1c8ce}.action-dock .btn.primary{background:#146879;color:#fff}.buddy-dialogue{background:#fffdf6f5;display:flex;align-items:center;gap:12px;border:1px solid #fff;border-radius:13px;padding:6px 15px 6px 6px;min-height:88px;box-shadow:0 5px 15px #224b6018}.buddy-dialogue .mascot{width:57px;height:76px}.buddy-dialogue b{font-size:11px;color:#ae7832}.buddy-dialogue p{font-size:14px;color:#294f63;line-height:1.7}.gesture-caption{color:#385f73;background:#f9fcf1e6;padding:6px 12px;border-radius:8px;font-size:11px;text-align:center}.task-card{background:#fffdf7;border-color:#c1d6da;padding:20px}.task-card h2{font-size:21px}.task-card li{font-size:13px;color:#577184}.task-card li.done{color:#237358}.task-card li span{background:#e1ecef;color:#3c6c7e}.task-card li.done span{background:#c8e8d4;color:#176247}.guide-card{background:#e3eff2;border-color:#b5ced5}.guide-card p{font-size:12px;color:#46677b}.guide-card button{font-size:12px;color:#236c7f}.guide-card .mascot{width:65px;height:87px}.mission-reward-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:17px;background:#fff3c7;border:1px solid #d8bb77;border-radius:14px;text-align:center;color:#765721}.mission-reward-card>span{font-size:11px;color:#927240}.mission-reward-card>strong{font-size:17px}.mission-reward-card>p{font-size:12px;line-height:1.65;color:#806839}.evidence-pocket{background:#fffdf7;border-color:#c1d6da;color:#305d73}.evidence-pocket span{font-size:13px}.evidence-pocket small{color:#63808f}.activity-bottom>span{font-size:13px;color:#456e80}.activity-bottom .primary{font-size:15px;min-height:50px}.activity-bottom{padding-top:19px}.device-prop{position:absolute;width:40%;height:31%;left:28%;top:49%;border:4px solid #477e8d;border-radius:6px 6px 19px 19px;background:linear-gradient(#dcecef,#8ab9c6);box-shadow:8px 12px #23485c1d;display:grid;place-items:center;color:#396477;font-weight:700;font-size:13px;padding-top:27px}.device-prop.book-prop{background:linear-gradient(90deg,#c48e50 0 7%,#f1d69b 7% 95%,#fff7dc 95%);border-color:#b5874d}.device-prop.repaired{box-shadow:0 0 0 5px #e0d48088,8px 12px #23485c1d}.fixed-iron{position:absolute;top:7px;left:37%;width:26%;background:linear-gradient(135deg,#fcffff,#879da6);color:#3d596d;border:2px solid #78949e;border-radius:5px;padding:5px;text-align:center;font-size:11px}.lid-piece{width:40%;height:19%;border:4px solid #3f7482;border-radius:13px 13px 6px 6px;background:linear-gradient(#93c5cf,#5594a3);box-shadow:0 6px #294f6144;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.lid-piece b{font-size:13px;letter-spacing:1px}.lid-handle{display:block;width:45px;height:11px;border:3px solid #dceee6;border-bottom:0;border-radius:7px 7px 0 0}.small-magnet{z-index:7}.small-magnet .bar-magnet{width:75px;height:28px}.small-magnet .bar-magnet span{font-size:17px}.evidence-mat{width:24%;height:35%;background:#e1f1e8;display:flex;align-items:flex-end;justify-content:center;padding:12px}.found-magnet{position:absolute;left:69%;top:54%;width:24%;z-index:6;text-align:center}.found-magnet .bar-magnet{width:105px;height:35px}.found-magnet>span{display:block;font-size:12px;line-height:1.6;margin-top:10px}.observation-tags{position:absolute;top:7%;left:13%;right:13%;display:flex;justify-content:center;gap:10px}.observation-tags>span,.comparison-stamps>span,.test-stamps>span{padding:8px 13px;background:#f6f8f0;border:1px solid #bfd0cb;border-radius:8px;font-size:12px;color:#647d89}.observation-tags>.checked,.comparison-stamps>.checked,.test-stamps>.checked{color:#1b6b4c;background:#d8f1d9;border-color:#80b398}.sort-bin{position:absolute;top:49%;width:41%;height:46%;border:3px solid #85aeb7;border-radius:18px;background:#fffbeeaf;box-shadow:inset 0 -10px #96bcb523;padding:10px;text-align:center;left:6%}.sort-bin b{font-size:13px;color:#396379}.sort-bin small{display:block;font-size:10px;color:#597c8b;margin-top:2px}.no-bin{left:53%;border-color:#d0b48b;background:#fff8e9bc}.material-piece{width:74px;min-height:82px;display:flex;flex-direction:column;align-items:center;gap:0;z-index:5}.material-piece svg{width:52px;height:52px;filter:drop-shadow(0 5px 2px #24445833)}.material-piece b{font-size:11px;background:#fffdf6e8;padding:3px 5px;border-radius:5px;white-space:nowrap}.material-piece small{font-size:9px;background:#eaf5eb;padding:3px;white-space:nowrap;max-width:85px}.material-piece.verified b:after{content:" ✓";color:#20805a}.material-piece.magnetic-lift>svg{transform:translateY(-13px) rotate(-12deg);transition:transform .2s}.screen-3 .scene-buddy{display:none}.board-counter{position:absolute;right:15px;top:12px;background:#fff7d2;color:#71582e;border:1px solid #d8c58f;font-size:12px;padding:7px 12px;border-radius:20px}.measurement-line{position:absolute;left:17%;right:21%;top:66%;height:16px;border-bottom:2px solid #7597a1;background:repeating-linear-gradient(90deg,transparent 0 20px,#98b3b8 20px 22px)}.test-clip{position:absolute;left:67%;top:39%;width:75px;z-index:2;transition:left .7s}.test-clip svg{width:68px;height:68px}.test-clip b{font-size:11px;white-space:nowrap;display:block}.test-clip.pulled{left:57%}.paper-piece{width:34px;height:115px;background:#fff8dc;border:2px solid #c2af75;box-shadow:5px 5px #183f511f;z-index:7;font-size:12px;transform:translate(-50%,-50%) rotate(-3deg)}.comparison-stamps{position:absolute;left:27%;bottom:8%;right:6%;display:flex;gap:8px}.comparison-stamps>span{flex:1;text-align:center;padding:7px 5px;font-size:11px}.comparison-stamps b{display:block;font-size:10px;margin-top:5px}.screen-4 .drop-spot{top:70%!important;background:#fdfbef;border-color:#d4b76e;padding:6px 10px}.mystery-magnet{position:absolute;left:61%;top:42%;width:24%;height:46px;background:#acbdc3;border:2px solid #688592;border-radius:8px;display:flex;transition:transform .45s;box-shadow:0 6px #4663792a;z-index:3}.mystery-magnet>span{width:50%;display:grid;place-items:center;font-size:24px;font-weight:700;color:#294e65}.mystery-magnet>span+span{border-left:1px solid #8098a7}.mystery-magnet b{position:absolute;top:-33px;width:100%;text-align:center;font-size:12px;white-space:nowrap}.mystery-magnet.repel{transform:translate(16px)}.mystery-magnet.attract{transform:translate(-16px)}.force-indicator{position:absolute;top:23%;left:35%;right:23%;text-align:center;color:#936b25;font-weight:700;font-size:16px}.pole-sticker{background:#ec6557;border:2px solid #ae443e;color:#fff;border-radius:10px;width:54px;height:50px;font-size:24px;font-weight:700}.pole-sticker.s{background:#3079ba;border-color:#245a89}.label-target{left:66%!important;top:65%!important;font-size:11px;padding:6px;min-width:90px}.pole-records{position:absolute;right:6%;bottom:9%;width:36%;display:flex;flex-direction:column;gap:7px}.pole-records span{font-size:11px;border-radius:7px;padding:7px;background:#eef3ec;color:#718a92}.pole-records .checked{background:#fff4cc;color:#6b582e}.ring-rod{position:absolute;left:50%;top:13%;width:12px;height:68%;background:linear-gradient(90deg,#648b97,#e3eef0,#779ca7);border-radius:7px;z-index:1}.ring-rod:after{content:"";position:absolute;bottom:-12px;left:-55px;width:120px;height:18px;background:#5f8c99;border-radius:50%;box-shadow:0 6px #3c6b7c}.ring-piece,.ring-fixed{width:138px;height:47px;display:flex;flex-direction:column;align-items:stretch;padding:0;border:2px solid #3c6278;border-radius:50%/40%;background:#e26158;box-shadow:0 5px #22435e21;overflow:hidden;font-size:13px;font-weight:700;color:#fff}.ring-face{height:60%;background:#ed8d80;color:#4d3d41;display:grid;place-items:center;border-radius:50%}.ring-face:after{content:"";position:absolute;left:45%;top:9%;width:10%;height:15%;border-radius:50%;background:#bdd5d7}.ring-edge{height:40%;font-size:11px;text-align:center;color:#fff}.ring-fixed{position:absolute;left:51%;top:77%;transform:translate(-50%,-50%);z-index:2}.ring-order{position:absolute;left:5%;top:9%;width:29%;background:#fff8deeb;border:1px solid #d9c38c;padding:13px;border-radius:12px;font-size:11px;color:#7d6740}.ring-order b{display:block;font-size:13px;margin-top:8px;color:#3e5a67}.ring-order small{display:block;margin-top:10px;font-size:10px;line-height:1.6}.screen-6 .scene-buddy{left:auto;right:2%}.screen-6 .drop-spot{min-width:98px;padding:9px}.delivery-rail{position:absolute;left:12%;right:7%;top:65%;height:21px;border-top:4px solid #77919c;border-bottom:4px solid #77919c;background:repeating-linear-gradient(90deg,#a4b3b8 0 5px,transparent 5px 24px)}.station{position:absolute;top:19%;font-size:12px;color:#3e6477;background:#fff8df;border:2px solid #bbc4ad;border-radius:7px;padding:8px 12px;transform:translate(-50%)}.station:after{content:"";position:absolute;left:50%;height:45px;width:3px;top:100%;background:#8ba3a1}.station-a{left:24%}.station-b{left:53%}.station-c{left:77%}.parking-zone{position:absolute;top:42%;height:30%;width:14%;transform:translate(-50%);background:#ffe07e55;border:2px dashed #b68a39;border-radius:12px;color:#956d25;text-align:center;padding-top:6px;font-size:11px}.delivery-cart{position:absolute;width:83px;height:58px;transform:translate(-50%,-50%);z-index:3;text-align:center}.delivery-cart .bar-magnet{width:83px;height:29px;border-radius:4px}.delivery-cart .bar-magnet span{font-size:17px}.delivery-cart .parcel{display:block;width:63px;height:34px;background:#d7a85d;border:2px solid #9f763b;color:#654a22;margin:0 auto;font-size:11px;padding:5px;box-shadow:inset 22px 0 #edc385}.delivery-cart>i{position:absolute;bottom:-8px;left:12px;width:14px;height:14px;border-radius:50%;background:#34576b;border:3px solid #99adb5}.delivery-cart>i:last-child{left:auto;right:12px}.screen-8 .drag-piece .bar-magnet{width:90px;height:34px}.screen-8 .drag-piece .bar-magnet span{font-size:19px}.invention-surface{position:absolute;left:25%;right:17%;top:27%;height:40%;border:3px dashed #688e9c;background:#dfeceda3;border-radius:13px;text-align:center;padding:12px;color:#577f8e;font-size:12px}.invention-surface.assembled{border-style:solid;border-color:#5f8291;background:linear-gradient(#f7fbf6d9,#b7ced4d9);box-shadow:7px 9px #3c6b7e2d}.work-area-outline{position:absolute;inset:40px 12px 12px;border:1px solid #96b6c0;border-radius:5px}.body-part{display:grid;place-items:center;width:140px;height:50px;background:#a8c8ce;border:3px solid #618a99;border-radius:8px;color:#234f69;font-size:13px;box-shadow:5px 6px #234e631f}.screen-9 .drop-spot{top:65%!important;padding:6px;font-size:11px;min-width:90px}.screen-9 .drag-piece .bar-magnet{width:96px;height:36px}.test-blueprint{position:absolute;top:6%;left:18%;right:7%;display:flex;justify-content:space-between;background:#fff9e5;border:1px solid #cfc4a1;border-radius:8px;padding:10px;font-size:11px;gap:10px}.test-blueprint span{font-size:10px}.test-stamps{position:absolute;bottom:6%;left:22%;display:flex;gap:8px}.remote-test-box{position:absolute;left:16%;right:10%;top:31%;height:28%;border:4px solid #8bb5c5;background:#d5eced91;border-radius:9px}.remote-test-box>span{position:absolute;top:-27px;font-size:12px;color:#426c82}.remote-test-box>div{position:absolute;top:0;transition:left .1s;width:65px}.remote-test-box svg{width:65px;height:65px}.remote-test-box>b{position:absolute;right:5px;top:33px;font-size:11px;color:#5e7d5c}.discovery-sticker{background:#ffe494;color:#735c29;border:2px solid #c69a3a;border-radius:50%;width:86px;height:63px;font-size:12px;box-shadow:0 3px #a7803535}.screen-10 .drop-spot{top:62%!important}.screen-7 .aqua-canvas-wrap{border:4px solid #73afc3;box-shadow:0 6px 20px #234e663d;border-radius:12px;overflow:hidden}.screen-7 .aqua-status{padding:12px;background:#fffdf3ef;border-radius:12px}.screen-7 .aqua-status strong{font-size:15px;color:#276a7a}.screen-7 .readout{font-size:14px;color:#356c7b;background:#fffdf5ef}.screen-7 .experiment-hint{font-size:12px;color:#315b70;background:#f9fcf3ec;border-radius:8px;padding:7px}.screen-7 .controls{background:#f8fbf1d9;padding:8px;border-radius:10px}.screen-7 canvas{width:100%;min-height:300px;touch-action:none}.screen-7 .tag{font-size:12px;color:#386777}.readout{color:#416c79}.reward-celebration{display:flex;justify-content:center;align-items:center;gap:10px}.reward-celebration .award-icon{margin:0;width:95px;height:95px;background:#ffdf8c;color:#956722;border:3px solid #d7b15c;box-shadow:0 0 0 10px #f7eccd}.reward-celebration .mascot{width:115px;height:153px}.reward-evidence{font-size:18px;margin-top:14px;color:#43636a}.modal{color:#2d5263;background:#fffcf2;border-color:#b9ced1}.modal>p{color:#587180;font-size:15px;line-height:1.8}.modal>h2{color:#28556c}.award-progress{background:#e6f0ed;color:#41766f}.evidence-card{border-color:#c1d2d2}.evidence-card ul,.evidence-card details{color:#577381;font-size:12px}.evidence-card h3{color:#315f70}.observation-list li strong,.observation-list li span{color:#4a6b7e}.setting-row{color:#315c70}.modal .small-note{color:#5f7783!important}.report-heading p{color:#577282}.core-unit{background:#fffdf5;border-color:#b6d0d4}.core-unit>p{color:#456b80;font-size:13px}.core-state{color:#688291}.core-state.ok{color:#236f50;background:#d8efdc}.core-heading>p{color:#547386}.reduce-motion .drag-piece,.reduce-motion .test-clip,.reduce-motion .mystery-magnet{transition:none!important}@media(min-width:1600px){.play-board{height:430px}.experiment-root{min-height:650px}}@media(max-width:1200px){.page{padding:22px}.activity-layout{grid-template-columns:minmax(0,1fr) 210px}.activity-heading h1{font-size:29px}.mission-strip{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 13px}.mission-chip{padding:4px 8px;font-size:10px}.mission-strip strong{font-size:14px}.experiment-root{padding:13px;gap:10px}.play-board{height:350px}.task-card{padding:15px}.task-card li{font-size:12px}.buddy-dialogue p{font-size:13px}.guide-card{padding:9px}.guide-card p{font-size:11px}.action-dock .btn{font-size:12px;padding:9px 11px}.hero-story{padding-left:32px;width:52%}.hero-story>p{font-size:15px}.adventure-hero{min-height:570px}.journey-rewards{grid-template-columns:1fr}.tool-slot{min-height:80px}.city-layout{grid-template-columns:minmax(0,1fr) 235px}.city-label{font-size:9px;min-height:30px}.city-label b{font-size:9px}.drag-piece .bar-magnet{width:102px;height:38px}.material-piece{width:63px}.material-piece svg{width:43px;height:43px}.material-piece b{font-size:10px}.material-piece small{font-size:8px}.sort-bin{padding:7px 4px}.sort-bin b{font-size:11px}.sort-bin small{font-size:9px}.device-prop>span{font-size:11px}.scene-buddy .mascot{width:70px;height:94px}.ring-piece,.ring-fixed{width:114px}.ring-order{left:3%;width:30%;padding:10px}.ring-order b{font-size:12px}.station{font-size:11px;padding:7px}.test-blueprint{font-size:10px}.test-blueprint span{font-size:9px}}@media(max-width:900px){.activity-layout{grid-template-columns:1fr}.activity-aside{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.task-card{grid-row:auto}.guide-card{display:none}.mission-reward-card{padding:12px}.mission-reward-card p{font-size:11px}.mission-reward-card strong{font-size:14px}.evidence-pocket{align-self:stretch}.play-board{height:365px}.experiment-root{min-height:570px}.activity-heading h1{font-size:27px}.mission-strip{flex-direction:row;align-items:center}.activity-heading p{font-size:13px}.city-layout{grid-template-columns:1fr}.city-sidebar{display:grid;grid-template-columns:1fr 1fr}.city-label{font-size:11px}.adventure-hero{min-height:540px}.hero-story{width:58%;padding-top:35px}.hero-story h1{font-size:40px}.hero-map-note{font-size:11px;right:15px;bottom:18px}.hero-story>p{font-size:13px}.hero-actions .large{font-size:15px}.hero-buddies{height:165px}.hero-buddies .mascot{width:110px;height:147px}.adventure-hero:after{background:linear-gradient(90deg,#fffdf5 0%,#fffdf5ef 32%,#fffdf550 65%,transparent 82%)}.gesture-caption{font-size:10px}}@media(max-width:600px){.page{padding:16px 12px}.adventure-hero{min-height:690px}.hero-city-image{height:43%;top:auto;bottom:0;object-position:center 50%}.adventure-hero:after{background:linear-gradient(#fffdf5 0 53%,#fffdf500 65%)}.hero-story{width:100%;padding:26px 22px 0}.hero-story h1{font-size:37px;margin:13px 0}.hero-story>p{font-size:13px}.hero-buddies{position:absolute;right:6px;top:240px;height:100px}.hero-buddies .mascot{width:70px;height:94px}.hero-actions{margin-top:20px}.hero-promise{font-size:10px;max-width:160px;line-height:1.8}.hero-map-note{bottom:10px;font-size:10px}.journey-rewards{padding-top:20px}.journey-rewards h2{font-size:18px}.tool-belt{gap:5px;flex-wrap:wrap}.tool-slot{min-width:27%;min-height:72px;font-size:10px}.city-label{font-size:8px;min-height:28px}.city-label b,.core-label{font-size:8px}.activity-top{gap:8px}.activity-breadcrumb{font-size:10px}.activity-heading h1{font-size:24px}.activity-heading .eyebrow{font-size:9px}.activity-heading p{font-size:12px}.mission-strip{flex-direction:column;align-items:flex-start}.mission-strip strong{font-size:13px}.experiment-root{padding:9px;min-height:560px}.play-board{height:335px}.buddy-dialogue{gap:5px;padding-right:9px}.buddy-dialogue p{font-size:12px}.buddy-dialogue .mascot{width:43px;height:58px}.buddy-dialogue b{font-size:10px}.gesture-caption{font-size:9px}.action-dock{gap:6px}.action-dock .btn{font-size:11px;min-height:44px;padding:8px}.activity-aside{grid-template-columns:1fr 1fr}.evidence-pocket{grid-column:1/-1}.task-card li{font-size:11px}.mission-reward-card p{font-size:10px}.scene-buddy .mascot{width:54px;height:72px}.drag-piece .bar-magnet{width:78px;height:31px}.drag-piece .bar-magnet span{font-size:18px}.lid-piece b{font-size:10px}.device-prop{width:43%;left:26.5%;height:28%}.device-prop>span{font-size:9px;line-height:1.5;text-align:center}.fixed-iron{font-size:9px;padding:3px}.small-magnet .bar-magnet{width:57px;height:25px}.found-magnet .bar-magnet{width:65px;height:29px}.found-magnet>span{font-size:10px}.drop-spot{font-size:10px;min-width:62px;padding:9px}.observation-tags{left:8%;right:8%;gap:5px}.observation-tags>span{font-size:10px;padding:6px}.material-piece{width:48px;min-height:65px;padding:1px}.material-piece svg{width:35px;height:35px}.material-piece b{font-size:8px;padding:3px 2px}.material-piece small{font-size:7px;padding:2px}.sort-bin b{font-size:10px}.sort-bin small{font-size:8px}.sort-bin{top:50%;height:44%}.board-counter{font-size:10px;right:9px;top:9px}.comparison-stamps{left:15%;right:4%;gap:5px}.comparison-stamps>span{font-size:9px}.comparison-stamps b{font-size:8px}.test-clip{width:47px}.test-clip svg{width:45px;height:45px}.test-clip b{font-size:9px}.paper-piece{height:85px;width:28px;font-size:10px}.mystery-magnet{height:36px}.mystery-magnet>span{font-size:20px}.mystery-magnet>b{font-size:9px;top:-27px}.force-indicator{font-size:12px;left:28%}.pole-records{width:42%;right:3%}.pole-records span{font-size:9px;padding:6px}.pole-sticker{min-width:44px;width:44px;height:44px;font-size:20px}.label-target{font-size:9px;min-width:65px}.ring-piece,.ring-fixed{width:88px;height:40px;font-size:11px}.ring-edge{font-size:9px}.ring-order{font-size:9px;padding:8px}.ring-order b{font-size:10px;line-height:1.5}.ring-order small{font-size:8px}.screen-6 .drop-spot{min-width:67px;font-size:9px}.station{font-size:9px;padding:6px}.delivery-cart{width:62px}.delivery-cart .bar-magnet{width:62px;height:26px}.delivery-cart .parcel{width:51px;font-size:9px}.screen-8 .drag-piece .bar-magnet{width:65px;height:29px}.parking-zone{font-size:9px}.body-part{width:100px;font-size:11px}.invention-surface{left:20%;right:12%;font-size:10px}.screen-9 .drop-spot{font-size:8px;min-width:65px}.screen-9 .drag-piece .bar-magnet{width:74px;height:30px}.iron-piece{font-size:9px;min-width:55px;padding:7px}.test-blueprint{left:6%;right:5%;flex-direction:column;gap:5px;padding:7px}.test-stamps{left:20%;gap:4px}.test-stamps>span{font-size:9px;padding:6px}.discovery-sticker{width:65px;height:55px;font-size:10px}.screen-7 canvas{min-height:230px}.screen-7 .aqua-status strong{font-size:12px}.screen-7 .tag{font-size:10px}.reward-celebration .mascot{width:78px;height:104px}.reward-celebration .award-icon{width:70px;height:70px}.city-sidebar{grid-template-columns:1fr}.site-header nav .settings-button{display:flex}}.device-prop{top:42%;height:45%;background-image:url(/assets/adventure/device-parts-v2.webp);background-color:transparent;background-size:209.84% 321.61%;background-position:2.98% 12.7%;border:0;border-radius:0;box-shadow:none;padding:0;isolation:isolate}.device-prop>span{position:absolute;bottom:12%;font-size:11px;background:#fff7e8df;padding:4px 8px;border-radius:5px}.device-prop .fixed-iron{top:30%;z-index:2}.device-prop.book-prop{background-image:url(/assets/adventure/device-parts-v2.webp);background-size:194.53% 307.69%;background-position:5.47% 83.22%;background-color:transparent;border:0}.device-prop.repaired{filter:drop-shadow(0 0 6px #ffc634);box-shadow:none}.lid-piece{height:24%;background:url(/assets/adventure/device-parts-v2.webp) 92.96% 24.48% / 224.56% 598.13%;border:0;border-radius:0;box-shadow:none}.lid-handle{display:none}.lid-piece>b{position:absolute;bottom:8%;background:#fff9e4e8;color:#31596b;font-size:11px;padding:4px 8px;border-radius:6px;letter-spacing:0}.play-board:has(.book-prop) .lid-piece{width:13%;height:42%;background-size:621.36% 238.8%;background-position:81.01% 85.88%}.play-board:has(.book-prop) .lid-piece>b{font-size:9px;white-space:nowrap;bottom:5%}.core-blueprint{display:flex;align-items:center;gap:20px;background:#fff4ce;border:1px solid #d7bd7d;border-radius:16px;padding:17px 22px;margin:20px 0}.core-blueprint p{font-size:13px;color:#6a674e;margin:7px 0}.core-blueprint small{font-size:11px;color:#657d7d}.core-blueprint>div:nth-child(2){flex:1}.core-blueprint .mascot{width:60px;height:80px}#city-canvas canvas{image-rendering:auto!important}@media(max-width:600px){.device-prop>span{font-size:8px;padding:3px}.lid-piece>b{font-size:8px;padding:3px}.play-board:has(.book-prop) .lid-piece{width:18%}.play-board:has(.book-prop) .lid-piece>b{font-size:8px}.core-blueprint{flex-wrap:wrap;gap:9px;padding:12px}.core-blueprint>div:nth-child(2){min-width:190px}.core-blueprint>.btn{width:100%}}.screen-4 .drop-spot{top:51%!important}.label-target{left:65%!important;top:49%!important}.screen-9 .drop-spot{top:47%!important}.screen-10 .drop-spot{top:53%!important}.remote-control-lane{position:absolute;left:16%;right:10%;top:67%;height:17%;background:#f8df8d61;border:2px dashed #c4a65f;border-radius:9px;color:#7e692b;font-size:10px;padding:3px 8px}.remote-test-box>div{transform:translate(-50%)}:root{--tablet-ink:#183e50;--tablet-accent:#126878;--tablet-line:#b7ced3;--tablet-paper:#fffdf5}.tablet-bottom #save-status{min-height:48px;font-size:16px}.fixed-design-target{position:absolute;transform:translate(-50%,-50%);z-index:3;min-width:80px;min-height:48px;background:#d7e3e6;border:2px solid #7e9ba7;border-radius:8px;padding:8px;text-align:center;font-size:16px}.fixed-design-target small{display:block;font-size:16px}.attached-test-magnet{position:absolute;top:55%;transform:translate(-50%,-50%);pointer-events:none}.attached-test-magnet .bar-magnet{width:90px!important;height:30px!important}.auto-shake{animation:gentle-shake .6s ease-in-out}.trial-replay .trial-object{animation:trial-replay 1.6s ease-in-out both}@keyframes gentle-shake{20%,60%{translate:-5px 0}40%,80%{translate:5px 0}}@keyframes trial-replay{0%{transform:translate(var(--dx),var(--dy))}to{transform:translate(0)}}.reduce-motion .auto-shake,.reduce-motion .trial-object{animation:none!important}.page-core #final-root>.final-note{font-size:18px}.page-core .final-lab{min-height:350px;height:400px;gap:6px;padding:10px}.page-core .final-lab .play-board{flex:1;height:auto;min-height:170px}.page-core .final-lab .buddy-dialogue{min-height:48px}.page-core .final-lab .buddy-dialogue p{font-size:18px}.page-core .final-lab .btn,.final-actions .btn{min-height:48px;font-size:18px}.page-core .final-lab .mascot{display:none}.activity-mode .site-header{height:56px;min-height:56px;padding:0 24px}.activity-mode .brand small,.activity-mode .header-center,.activity-mode .site-footer{display:none}.activity-mode .brand{font-size:18px}.activity-mode .icon-button{width:48px;height:48px;min-width:48px}.activity-mode .header-left{gap:12px}.page-activity{height:calc(100dvh - 56px);max-width:1440px;padding:8px 24px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}.tablet-context{display:flex;align-items:center;gap:16px;min-height:48px}.tablet-context>span{flex:1;font-size:16px;color:#426475}.tablet-context .back-link{font-size:18px;min-height:48px;display:flex;align-items:center}.tablet-question{font-size:clamp(24px,2.4vw,30px);line-height:1.35;margin:0;min-height:42px;word-break:keep-all;color:var(--tablet-ink)}.page-activity .experiment-panel{flex:1;min-height:0;background:#f4faf7;border-color:var(--tablet-line);box-shadow:0 4px 16px #21495a12}.page-activity .experiment-panel:before{display:none}.page-activity .experiment-root{height:100%;min-height:0;gap:6px;padding:10px 16px;overflow:hidden}.page-activity .play-board{height:auto;flex:1;min-height:190px;background:#f4faf7;border-color:#d3e3de;box-shadow:none}.page-activity .scene-buddy{display:none}.page-activity .action-dock{min-height:0;gap:8px}.page-activity .action-dock:empty{display:none}.page-activity .btn,.tablet-bottom .btn{min-height:48px;font-size:18px;padding:10px 16px}.page-activity .action-dock .btn{font-size:18px}.page-activity .buddy-dialogue{min-height:56px;border:0;background:#e5f1ef;padding:4px 12px;box-shadow:none;gap:10px;flex-shrink:0}.page-activity .buddy-dialogue .mascot{width:34px;height:46px}.page-activity .buddy-dialogue p{font-size:18px;line-height:1.4;margin:0;word-break:keep-all}.page-activity .gesture-caption{display:none}.tablet-bottom{display:flex;align-items:center;gap:8px;min-height:54px}.tablet-bottom>.primary{margin-left:auto}.tablet-bottom #save-status{border:0;background:none;color:#426475;font-size:14px;max-width:240px}.tablet-bottom #save-status.save-error{color:#9b352e}.placement-controls{display:flex;justify-content:center;align-items:center;gap:6px;flex-shrink:0}.placement-controls>span{font-size:16px;color:#426475;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placement-controls button{min-width:48px;min-height:48px;border:1px solid var(--tablet-line);border-radius:10px;background:#fffdf7;color:#245267;font-size:20px}.piece-selected{outline:3px solid #a87616;outline-offset:2px;border-radius:10px}.page-activity .drag-piece{min-width:64px;min-height:56px}.page-activity .drag-piece .bar-magnet{width:120px;height:42px}.page-activity .drag-piece .bar-magnet span{font-size:24px}.page-activity .drop-spot,.page-activity .material-piece b,.page-activity .material-piece small,.page-activity .board-counter,.page-activity .sort-bin b,.page-activity .fixed-iron,.page-activity .device-prop>span,.page-activity .lid-piece>b,.page-activity .test-clip b,.page-activity .pole-records span,.page-activity .ring-order,.page-activity .station,.page-activity .parcel,.page-activity .parking-zone,.page-activity .test-blueprint,.page-activity .iron-piece{font-size:16px}.page-activity .material-piece{width:90px;min-height:90px}.page-activity .material-piece svg{width:56px;height:56px}.page-activity .material-piece small{white-space:normal;max-width:130px}.page-activity .sort-bin small{font-size:16px}.page-activity .sort-bin{padding-top:8px}.page-activity .force-indicator{font-size:20px}.page-activity .ring-piece,.page-activity .ring-fixed{width:140px;height:52px;font-size:18px}.page-activity .ring-edge,.page-activity .ring-order b,.page-activity .ring-order small{font-size:16px}.page-activity .test-stamps>span,.page-activity .observation-tags>span{font-size:16px}.page-activity .delivery-cart{width:120px}.page-activity .delivery-cart .bar-magnet{width:120px;height:38px}.page-activity .parcel{background:#f5d087;color:#4f4124;padding:6px}.fixed-magnet{position:absolute;transform:translate(-50%,-50%);z-index:5}.fixed-magnet>span{position:absolute;top:55px;left:-50px;width:220px;font-size:16px;color:#426475}.fixed-paper{position:absolute;transform:translate(-50%,-50%);z-index:4;min-height:100px;padding-top:35px;font-size:16px}.distance-comparison{position:absolute;bottom:8px;left:18%;right:6%;display:flex;gap:12px}.distance-comparison .trial-picture{width:50%;padding:4px}.distance-comparison .trial-picture svg{height:62px}.trial-picture{margin:0;background:#f2f7ee;border:1px solid #bdd2c9;border-radius:12px;padding:12px;min-width:0}.trial-picture svg{width:100%;height:140px}.trial-picture figcaption{font-size:16px;line-height:1.6;color:#284f60;overflow-wrap:anywhere}.trial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.record-drawer-content>p{font-size:18px}.modal:has(.record-drawer-content){position:fixed;right:0;top:0;bottom:0;max-height:100dvh;width:min(620px,95vw);border-radius:20px 0 0 20px;padding-top:55px}.modal .observation-list strong,.modal .observation-list span,.modal summary{font-size:16px}.modal .btn{font-size:18px;min-height:48px}.modal-close{width:48px;height:48px}.page-activity .aqua-canvas-wrap{flex:1;min-height:180px}.page-activity .aqua-canvas-wrap canvas{width:100%;height:100%;min-height:0;object-fit:contain}.page-activity .aqua-status{font-size:18px}.page-activity .aqua-status .tag{font-size:16px}.aqua-section{display:flex;gap:8px;align-items:center;font-size:16px;color:#2e5b69}.aqua-section i{height:26px;width:12px;background:#9fc6d1;border:2px solid #447d8e}.page-activity .direction-controls button{width:48px;height:48px;font-size:22px}.page-activity .readout{font-size:18px;min-height:48px}.page-activity .experiment-hint,.page-activity .screen-7 .placement-controls{display:none}.invention-anchor{position:absolute;left:34%;top:22%;width:47%;height:52%;border:4px solid #5e91a0;border-radius:12px;background:#dceeed}.invention-anchor>span{position:absolute;bottom:5px;width:100%;text-align:center;font-size:16px}.attached-part{display:flex;align-items:center;gap:10px}.attached-part .bar-magnet{width:75px!important;height:30px!important}.attached-part small{font-size:16px;color:#31586b}.page-activity .lid-piece{background:none!important;background-color:#85bcc5!important;border:3px solid #427d8d!important;border-radius:12px!important;width:40%!important;height:23%!important}.page-activity .lid-piece>b{bottom:auto;position:relative;font-size:16px!important}.page-activity .device-prop{background:none!important;background-color:#cee3e5!important;border:4px solid #538a99!important;border-radius:8px 8px 20px 20px!important;top:46%;height:38%}.page-activity .device-prop .fixed-iron{top:10%;left:40%;width:24%}.page-activity .test-blueprint{top:3%;padding:6px;left:5%;right:5%;font-size:16px}.optional-label{font-size:16px;color:#5f6943}.final-route{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.final-route span{font-size:16px;padding:12px;background:#e8f0eb;border-radius:10px}.final-route .active{background:#ffedb2;color:#61451d}.final-lab{height:min(420px,48dvh)}.final-lab .play-board{height:100%}.final-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.final-note{font-size:16px;color:#446370}.compass{position:absolute;left:67%;top:47%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;border:5px solid #86a5ac;background:#fffdf4;display:grid;place-items:center}.compass b{position:absolute;top:4px;color:#994438}.compass-needle{width:100px;height:16px;background:linear-gradient(90deg,#3983b7 50%,#d85f53 50%);clip-path:polygon(0 50%,45% 0,100% 50%,45% 100%);transition:transform .15s}@media(max-height:740px)and (min-width:800px){.page-activity{gap:4px;padding-top:4px}.tablet-context{min-height:44px}.tablet-question{min-height:34px;font-size:26px}.page-activity .experiment-root{padding:6px 12px;gap:4px}.page-activity .buddy-dialogue{min-height:48px}.page-activity .buddy-dialogue .mascot{display:none}.placement-controls>span{max-width:170px}.page-activity .btn{padding:8px 12px}.page-activity .play-board{min-height:170px}}@media(max-width:799px){.page-activity{height:auto;min-height:calc(100dvh - 56px);padding:10px 12px}.activity-mode .site-header{padding:0 8px}.activity-mode .brand{display:none}.tablet-context{gap:6px;flex-wrap:wrap}.tablet-context>span{font-size:16px}.tablet-context .btn{font-size:16px}.tablet-question{font-size:24px}.page-activity .experiment-panel{flex:none}.page-activity .experiment-root{min-height:540px;padding:8px}.page-activity .play-board{min-height:320px}.placement-controls{flex-wrap:wrap}.placement-controls>span{flex-basis:100%;text-align:center;max-width:none}.tablet-bottom{flex-wrap:wrap}.tablet-bottom #save-status{display:none}.tablet-bottom>.primary{margin-left:0;flex:1}.page-activity .action-dock .btn{font-size:18px}.page-activity .drag-piece .bar-magnet{width:85px;height:35px}.page-activity .material-piece{width:65px}.page-activity .ring-piece,.page-activity .ring-fixed{width:100px}.page-activity .ring-order{left:3%;right:auto;max-width:150px}.page-activity .ring-order small{display:none}.trial-grid{grid-template-columns:1fr}.distance-comparison{left:3%;right:3%}.distance-comparison .trial-picture figcaption{font-size:16px}.page-activity .test-stamps{left:3%;right:3%;gap:5px}.page-activity .delivery-cart,.page-activity .delivery-cart .bar-magnet{width:80px}.page-activity .station{font-size:16px}.page-activity .pole-records{width:46%}}@font-face{font-family:Magnet Quest Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/quest-display-ko.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF,U+3000-303F,U+FF00-FFEF}@font-face{font-family:Magnet Quest Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/quest-display-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF,U+2300-25FF,U+2600-26FF,U+2700-27BF}@font-face{font-family:Magnet Quest Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/quest-body-regular.woff2) format("woff2")}@font-face{font-family:Magnet Quest Sans;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/quest-body-bold.woff2) format("woff2")}:root{--quest-cream: #fff8e7;--quest-paper: #fffdf5;--quest-deep-teal: #173f47;--quest-teal: #246c70;--quest-teal-soft: #d9eeea;--quest-gold: #f4c35c;--quest-gold-light: #ffe7a2;--quest-gold-edge: #a9712f;--quest-magnet-red: #d94c43;--quest-magnet-blue: #2875b7;--quest-green: #296545;--quest-green-soft: #e6f2ce;--space-4: 4px;--space-8: 8px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-12: 12px;--radius-20: 20px;--radius-28: 28px;--color-bg: var(--quest-deep-teal);--color-surface: var(--quest-paper);--color-surface-glass: #fff8e7ed;--color-panel: var(--quest-cream);--color-primary: var(--quest-teal);--color-primary-soft: var(--quest-teal-soft);--color-secondary: var(--quest-magnet-blue);--color-accent: var(--quest-gold);--color-text-main: var(--quest-deep-teal);--color-text-sub: #43636a;--color-border-soft: #a7b9ab;--color-correct: var(--quest-green);--color-wrong: #a64037;--font-display: "Magnet Quest Display", "Magnet Quest Sans", sans-serif;--font-body: "Magnet Quest Sans", "Malgun Gothic", sans-serif;--font-size-caption: clamp(16px, 1.3vw, 20px);--font-size-body: clamp(20px, 1.65vw, 25px);--font-size-button: clamp(20px, 1.8vw, 28px);--font-size-question: clamp(27px, 2.6vw, 42px);--line-height-tight: 1.2;--line-height-normal: 1.4;--space-xs: var(--space-4);--space-sm: var(--space-8);--space-md: var(--space-16);--space-lg: var(--space-24);--space-xl: var(--space-32);--space-2xl: var(--space-48);--radius-sm: var(--radius-12);--radius-md: var(--radius-20);--radius-lg: var(--radius-28);--shadow-soft: 0 4px 10px #173f4726;--shadow-card: 0 5px 0 #173f4733;--shadow-button: 0 5px 0 var(--quest-gold-edge), 0 8px 12px #173f4726;--shadow-popover: 0 10px 0 #173f4733, 0 20px 48px #082f3b40;--button-height-md: 48px;--button-height-lg: 60px;--button-gap: var(--space-md);--hud-icon-size: 54px;--hud-inset: var(--space-md);--hud-top: 84px;--question-max-width: 900px;--companion-size: 116px;--content-max-width: 1280px;--modal-max-width: 820px;--layer-world: 1;--layer-props: 3;--layer-labels: 5;--layer-question: 10;--layer-controls: 15;--layer-hud: 20;--layer-speech: 25;--layer-modal: 40}body.quest-mode{margin:0;overflow:hidden;background:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);font-size:var(--font-size-body);font-synthesis:none}body.quest-mode *,body.quest-mode *:before,body.quest-mode *:after{box-sizing:border-box}body.quest-mode button,body.quest-mode input,body.quest-mode select{font:inherit}body.quest-mode :is(h1,h2,h3,h4,p,li,button,summary,label){word-break:keep-all;overflow-wrap:break-word}body.quest-mode button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body.quest-mode :is(button,input,select,summary):focus-visible{outline:4px solid var(--quest-magnet-blue);outline-offset:4px}body.quest-mode [hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}body.quest-mode #app{position:relative;width:100%;height:100dvh;min-height:0;overflow:hidden;isolation:isolate;color:var(--color-text-main)}body.quest-mode #app>.site-header,body.quest-mode #app>.site-footer{display:none}body.quest-mode #app>main.page{position:relative;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden}body.quest-mode #app .page-title{padding:0}body.quest-mode #app .sprite-mascot{display:inline-block;width:var(--size);height:calc(var(--size) * 1.33333);flex-shrink:0;background-size:400% 100%;background-position:calc(var(--pose) * 100% / 3) 50%;background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 5px 2px #173f4729)}#app .quest-hud{position:absolute;inset:var(--hud-inset) var(--hud-inset) auto;z-index:var(--layer-hud);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;height:var(--hud-icon-size);background:none;border:0;box-shadow:none;padding:0}#app .quest-hud-left,#app .quest-hud-right{display:flex;gap:var(--space-sm);pointer-events:none}#app .quest-icon{display:inline-grid;place-items:center;width:var(--hud-icon-size);height:var(--hud-icon-size);min-width:var(--button-height-md);min-height:var(--button-height-md);padding:var(--space-sm);border:2px solid #6c7960;border-radius:17px;background:linear-gradient(var(--quest-paper),var(--quest-cream));color:var(--color-text-main);box-shadow:0 4px #6c7960,inset 0 2px #fff;pointer-events:auto;cursor:pointer;transition:translate .12s,filter .12s,box-shadow .12s}#app .quest-icon:hover{filter:brightness(1.04);translate:0 -1px}#app .quest-icon:active{translate:0 3px;box-shadow:0 1px #6c7960}#app .quest-icon:disabled{opacity:.55;filter:saturate(.35);cursor:default}#app .quest-icon svg{width:27px;height:27px;stroke-width:2}#app .quest-cta,#app .mission-cta,#app .expedition-next{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:var(--button-height-lg);padding:var(--space-md) var(--space-xl);border:2px solid var(--quest-gold-edge);border-radius:var(--radius-md);background:linear-gradient(var(--quest-gold-light),var(--quest-gold));color:#493a22;font:400 var(--font-size-button)/var(--line-height-tight) var(--font-display);text-align:center;white-space:nowrap;box-shadow:var(--shadow-button);cursor:pointer;transition:translate .12s,filter .12s,box-shadow .12s}#app :is(.quest-cta,.mission-cta,.expedition-next):hover{translate:0 -2px;filter:brightness(1.035)}#app :is(.quest-cta,.mission-cta,.expedition-next):active{translate:0 4px;box-shadow:0 1px 0 var(--quest-gold-edge)}#app :is(.quest-cta,.mission-cta,.expedition-next):disabled,#app :is(.quest-cta,.mission-cta,.expedition-next)[aria-disabled=true]{background:#e7dfc7;border-color:#a99b7b;color:#6f684d;box-shadow:0 4px #a99b7b;filter:saturate(.4);opacity:.8;cursor:default}#app .quest-text-button{min-height:var(--button-height-md);padding:var(--space-sm) var(--space-md);border:0;background:#fff8e7e8;color:var(--color-text-main);border-radius:var(--radius-sm);font-size:var(--font-size-caption)}#app .quest-companion{position:relative;z-index:var(--layer-controls);width:max-content}#app .quest-character{position:relative;display:block;padding:0;background:none;border:0;border-radius:var(--radius-md);cursor:pointer;line-height:0;min-width:var(--button-height-md);min-height:var(--button-height-md);transform-origin:50% 95%;transition:scale .15s}#app .quest-character:hover{scale:1.035}#app .quest-character:active{scale:.97}#app .quest-character .sprite-mascot{width:var(--companion-size);height:calc(var(--companion-size) * 1.33333)}#app .quest-talk-mark{position:absolute;top:-12px;right:2px;z-index:1;display:grid;place-items:center;width:38px;height:34px;border:2px solid #67775b;border-radius:13px;background:var(--quest-paper);color:var(--color-text-main);font:400 28px/1 var(--font-display);box-shadow:0 3px #67775b}#app .quest-talk-mark:after{content:"";position:absolute;width:10px;height:10px;right:11px;bottom:-6px;background:var(--quest-paper);border-bottom:2px solid #67775b;border-right:2px solid #67775b;rotate:45deg}#app .has-news .quest-talk-mark{background:var(--quest-gold-light)}#app .has-news .quest-talk-mark:after{background:var(--quest-gold-light)}#app .quest-speech{position:absolute;left:calc(100% - 4px);bottom:60%;z-index:var(--layer-speech);width:min(350px,56vw);margin:0;padding:var(--space-md) var(--space-lg);border:2px solid #75836b;border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 4px;background:var(--quest-paper);color:var(--color-text-main);box-shadow:var(--shadow-card);font-size:var(--font-size-body);line-height:var(--line-height-normal)}#app .quest-speech strong{display:block;margin-bottom:var(--space-xs);color:var(--quest-teal);font-family:var(--font-display);font-weight:400}#app .quest-speech span{display:block}#app .mission-companion{position:absolute;left:var(--space-md);bottom:var(--space-md);z-index:var(--layer-controls)}#app .mission-companion>.quest-companion{--companion-size: 104px}#app .quest-title{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;isolation:isolate;background:url(/assets/quest/city-expedition.webp) center 52% / cover}#app .quest-title:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#173f4740,#fff4cf08 35%,#173f4700 60%,#0b35465c)}#app .quest-title-glow{position:absolute;z-index:-1;inset:4% 17% 20%;background:radial-gradient(ellipse,#fffce4b8,#fffce454 40%,#fffce400 72%);pointer-events:none}#app .quest-title-brand{position:absolute;left:50%;top:11%;translate:-50% 0;width:min(65vw,1050px);text-align:center}#app .quest-title-logo{display:block;width:100%;height:auto;max-height:56dvh;object-fit:contain;filter:drop-shadow(0 8px 0 #163d4833) drop-shadow(0 6px 25px #fff9db9c);animation:quest-title-arrive .45s ease-out both}#app .quest-title-subtitle{display:inline-block;max-width:100%;margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-lg);border:2px solid #b8af87;border-radius:999px;background:#fff8e7f0;color:var(--quest-deep-teal);font:400 clamp(21px,2.1vw,32px)/1.35 var(--font-display);box-shadow:var(--shadow-card)}#app .quest-title-friend{position:absolute;bottom:11%;z-index:var(--layer-labels);--companion-size: clamp(140px, 15vw, 240px)}#app .quest-title-friend-left{left:7%}#app .quest-title-friend-right{right:7%}#app .quest-title-friend .quest-character{animation:quest-character-idle 2.6s ease-in-out infinite}#app .quest-title-friend-right .quest-character{animation-delay:-.8s}#app .quest-title-friend-right .quest-speech{left:auto;right:calc(100% - 4px);border-radius:var(--radius-md) var(--radius-md) 4px var(--radius-md)}#app .quest-title-actions{position:absolute;bottom:11%;left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);z-index:var(--layer-controls)}#app .quest-start{min-width:260px;min-height:72px;font-size:clamp(26px,2.6vw,38px)}#app .expedition-viewport{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;isolation:isolate;background:#325f63;touch-action:none}#app .expedition-world{position:absolute;left:0;top:0;width:1600px;height:900px;background:url(/assets/quest/city-expedition.webp) center / 100% 100%;transform-origin:0 0;will-change:transform;isolation:isolate}#app .expedition-world:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 130px #123b452b}#app .expedition-route{position:absolute;inset:0;width:100%;height:100%;z-index:var(--layer-world);pointer-events:none;overflow:visible}#app .expedition-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}#app .expedition-route .route-complete{stroke:#f4d37b;stroke-width:7px}#app .expedition-route .route-next{stroke:#fff2b8;stroke-width:5px;stroke-dasharray:4 18}#app .expedition-building{position:absolute;z-index:var(--layer-labels);translate:-50% -100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-width:120px;min-height:54px;max-width:240px;padding:var(--space-sm) var(--space-md);border:2px solid #6b7a60;border-radius:16px;background:var(--quest-cream);color:var(--quest-deep-teal);box-shadow:0 5px #495e50,inset 0 2px #fff;text-align:center;font:400 20px/1.2 var(--font-display);cursor:pointer;transition:filter .15s,margin-top .15s,box-shadow .15s}#app .expedition-building b{font:inherit}#app .expedition-building small{font:400 16px/1.2 var(--font-body)}#app .expedition-building:hover{filter:brightness(1.055);margin-top:-2px}#app .expedition-building:active{margin-top:4px;box-shadow:0 1px #495e50}#app .expedition-building:is(.current,.is-current){border-color:#93672e;background:var(--quest-gold-light);color:#4d3d24;box-shadow:0 5px #93672e,0 0 0 5px #ffe8a14d}#app .expedition-building:is(.locked,.is-locked){background:#e8eddf;color:#536254;border-color:#87927d}#app .expedition-building:is(.restored,.is-restored,.done){background:var(--quest-green-soft);color:var(--quest-green);border-color:#638151}#app .expedition-building:is(.restored,.is-restored,.done):before{content:"✓";position:absolute;top:-10px;right:-9px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:var(--quest-paper);background:var(--quest-green);border:2px solid var(--quest-paper);font:700 18px/1 var(--font-body)}#app .expedition-player,#app .expedition-npc{position:absolute;z-index:6;translate:-50% -100%;transform-origin:50% 100%;border:0;padding:0;background:transparent;line-height:0;filter:drop-shadow(0 5px 2px #173f4733);pointer-events:none}#app .expedition-player .sprite-mascot,#app .expedition-npc .sprite-mascot{filter:none}#app .expedition-npc{pointer-events:auto;cursor:pointer}#app .expedition-npc .quest-talk-mark{top:-25px;right:0}#app .expedition-player.is-walking{animation:quest-map-walk .22s ease-in-out infinite alternate}#app .expedition-next{position:absolute;z-index:var(--layer-controls);right:var(--space-lg);bottom:var(--space-lg);max-width:calc(100% - 220px)}#app .expedition-dpad{position:absolute;z-index:var(--layer-controls);bottom:var(--space-md);left:var(--space-md);display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:var(--space-xs)}#app .expedition-dpad button{display:grid;place-items:center;width:52px;height:52px;min-width:48px;min-height:48px;border:2px solid #6b7a60;border-radius:15px;background:var(--quest-cream);color:var(--quest-deep-teal);box-shadow:0 4px #495e50;font:400 30px/1 var(--font-display);touch-action:none;cursor:pointer}#app .expedition-dpad button:first-child{grid-column:2}#app .expedition-dpad button:nth-child(2){grid-column:1;grid-row:2}#app .expedition-dpad button:nth-child(3){grid-column:2;grid-row:2}#app .expedition-dpad button:nth-child(4){grid-column:3;grid-row:2}#app .expedition-dpad button:active,#app .expedition-dpad button.is-pressed{translate:0 3px;box-shadow:0 1px #495e50;background:var(--quest-gold-light)}#app .mission-world{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;isolation:isolate;background-color:#d2e6df;background-image:var(--mission-background, url(/assets/adventure/room.webp));background-position:center;background-size:cover;background-repeat:no-repeat}#app .mission-world:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#fff8e724,transparent 30%,transparent 70%,#183f4733)}#app .mission-board{position:absolute;inset:0;z-index:var(--layer-world);width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;isolation:isolate;touch-action:none}#app .mission-board>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#app .mission-question{position:absolute;z-index:var(--layer-question);top:var(--space-md);left:50%;translate:-50% 0;width:max-content;max-width:min(var(--question-max-width),calc(100% - 300px));min-height:48px;margin:0;padding:var(--space-sm) var(--space-lg);border:0;border-radius:var(--radius-md);background:#fff8e7f2;box-shadow:0 4px #6b7a603d;color:var(--color-text-main);text-align:center;font:400 var(--font-size-question)/var(--line-height-tight) var(--font-display)}#app .mission-progress{position:absolute;z-index:var(--layer-question);left:50%;top:calc(var(--hud-top) + var(--space-xs));translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:max-content;max-width:65%;padding:0;border:0;background:transparent;pointer-events:none}#app .mission-progress :is(.mission-checkpoint,.checkpoint,.mission-goal){position:relative;display:grid;place-items:center;width:42px;height:42px;border:2px solid #9ca78a;border-radius:14px;background:#fff8e7ed;box-shadow:0 3px #687a5b40;color:#68795e;font:400 20px/1 var(--font-display)}#app .mission-progress :is(.done,.checked,.is-complete){background:var(--quest-green-soft);border-color:#638151;color:var(--quest-green)}#app .mission-progress :is(.done,.checked,.is-complete):after{content:"✓";position:absolute;right:-6px;bottom:-4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--quest-green);font:700 13px/1 var(--font-body)}#app .mission-progress img{width:34px;height:34px;object-fit:contain}#app .canvas-hit{position:absolute;z-index:var(--layer-props);transform:translate(-50%,-50%);min-width:48px;min-height:48px;margin:0;padding:0;border:0;border-radius:16px;background:transparent;color:transparent;box-shadow:none;opacity:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}#app .canvas-hit:hover{background:#fff8e714}#app .canvas-hit:active,#app .canvas-hit.dragging{cursor:grabbing}#app .canvas-hit:focus-visible,#app .canvas-hit.piece-selected{outline:4px dashed #f4c35c;outline-offset:3px}#app .canvas-hit[disabled]{opacity:1}#app .mission-prop{position:absolute;z-index:var(--layer-props);transform:translate(-50%,-50%);touch-action:none}#app .mission-prop img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none}#app .mission-target{position:absolute;z-index:2;transform:translate(-50%,-50%);border:3px dashed #b58d43;border-radius:var(--radius-md);background:#fff8e75c}#app .mission-target.is-ready{border-color:var(--quest-gold);background:#ffe6a24f}#app .mission-target.is-complete{border-style:solid;border-color:#658c4d;background:#dff1cb66}#app .mission-world>.mission-cta,#app .mission-world .mission-cta-float{position:absolute;z-index:var(--layer-controls);right:var(--space-lg);bottom:var(--space-lg)}#app .mission-cta:empty{display:none}#app .mission-cta:disabled,#app .mission-cta [data-action=complete]:disabled{display:none}#app .mission-cta :is(.btn,button){background:none;box-shadow:none;border:0;color:inherit;font:inherit;padding:0;min-height:32px}#app .mission-action{position:absolute;z-index:var(--layer-controls);left:50%;bottom:8%;transform:translate(-50%);display:inline-flex;justify-content:center;align-items:center;gap:var(--space-sm);min-width:112px;min-height:54px;padding:var(--space-sm) var(--space-lg);border:2px solid #667f69;border-radius:16px;background:var(--quest-cream);color:var(--quest-deep-teal);box-shadow:0 4px #667f69;font:400 var(--font-size-button)/1.2 var(--font-display);cursor:pointer}#app .mission-action:hover{filter:brightness(1.04)}#app .mission-action:active{margin-bottom:-3px;box-shadow:0 1px #667f69}#app .mission-action:disabled{opacity:.6;cursor:default}#app .mission-actions{position:absolute;z-index:var(--layer-controls);left:50%;bottom:8%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:var(--space-md);max-width:65%;padding-bottom:var(--space-xs)}#app .mission-actions .mission-action{position:relative;left:auto;bottom:auto;transform:none}#app .mission-access{position:absolute;left:150px;bottom:var(--space-md);z-index:var(--layer-controls);max-width:min(370px,45vw);color:var(--color-text-main);font-size:var(--font-size-caption);line-height:var(--line-height-normal)}#app .mission-access>summary{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:max-content;min-width:48px;min-height:48px;padding:var(--space-sm) var(--space-md);border:2px solid #7e8d73;border-radius:var(--radius-sm);background:var(--quest-cream);box-shadow:0 4px #7e8d73;list-style:none;cursor:pointer}#app .mission-access>summary::-webkit-details-marker{display:none}#app .mission-access[open]{padding:var(--space-md);border:2px solid #7e8d73;border-radius:var(--radius-md);background:var(--quest-paper);box-shadow:var(--shadow-card)}#app .mission-access[open]>summary{margin-bottom:var(--space-md)}#app .mission-access :is(p,label){font-size:var(--font-size-caption)}#app .mission-access button{min-width:48px;min-height:48px}#app .ring-flip{position:absolute;z-index:var(--layer-controls);transform:translate(-50%,-50%);display:grid;place-items:center;min-width:48px;min-height:48px;padding:var(--space-sm);border:2px solid #8d743b;border-radius:50%;background:var(--quest-gold-light);color:var(--quest-deep-teal);box-shadow:0 4px #8d743b;cursor:pointer;font:400 24px/1 var(--font-display)}#app .ring-flip:active{margin-top:3px;box-shadow:0 1px #8d743b}#app .mission-feedback{position:absolute;z-index:var(--layer-question);bottom:var(--space-lg);left:50%;transform:translate(-50%);max-width:55%;margin:0;padding:var(--space-sm) var(--space-md);border:1px solid #7f926c;border-radius:14px;background:#fff8e7f5;color:var(--quest-deep-teal);text-align:center;font-size:var(--font-size-body);line-height:var(--line-height-normal);pointer-events:none}#app .mission-feedback:empty{display:none}#app .mission-pocket{position:absolute;right:3%;top:22%;z-index:var(--layer-controls);display:grid;place-items:center;min-width:64px;min-height:64px;padding:var(--space-sm);border:2px solid #a48b4a;border-radius:18px;background:#fff5d4ed;color:var(--quest-deep-teal);box-shadow:0 4px #a48b4a}#app .mission-pocket svg{width:34px;height:34px}#app .mission-pocket img{width:54px;height:54px;object-fit:contain}#app .mission-pocket:active{translate:0 3px;box-shadow:0 1px #a48b4a}#app .quest-activity,#app .quest-city{position:relative;width:100%;height:100dvh}#app .quest-activity>#experiment-root{position:absolute;inset:0}body.quest-mode #app .mission-board.play-board{position:absolute;inset:0;width:100%;height:100%}#app .quest-activity>.quest-companion{position:absolute;left:18px;bottom:12px}#app>.quest-companion{position:absolute;left:194px;bottom:16px}#app .quest-activity>.mission-cta{position:absolute;right:20px;bottom:20px;z-index:var(--layer-controls)}#app .mission-helper{position:absolute;right:6%;top:55%;pointer-events:none}#app .expedition-map{display:block;position:absolute;inset:0;width:100%;height:100%}#app .expedition-tool-display{position:absolute;left:50%;bottom:18px;translate:-50% 0;display:flex;gap:10px;pointer-events:none}#app .expedition-tool-display>span{display:grid;place-items:center;width:48px;height:48px;background:#fff8e7ed;border:2px solid #788366;border-radius:14px}#app .expedition-tool-display small{display:none}#app .expedition-festival{position:absolute;left:45%;top:46%;font-size:70px;color:#ffd36c;animation:quest-character-idle 1.8s ease-in-out infinite}#app .quest-title-brand{top:5%;width:min(58vw,900px)}#app .quest-title-logo{max-height:48dvh}#app .quest-title-subtitle{margin-top:2px;font-size:clamp(20px,1.8vw,28px)}#app .quest-title-actions{bottom:8%}#app .mission-feedback{bottom:18%;max-width:60%;font-size:clamp(18px,1.7vw,24px)}#app .mission-feedback.success{background:#e7f3cf}#app .mission-requests{display:flex;gap:28px}#app .screen-6 .ring-flip{top:80%!important}#app .screen-6 .mission-actions{bottom:4%}#app .screen-9 .mission-actions,#app .screen-10 .mission-actions{bottom:14%}#app .story-panorama{margin:-18px -18px 12px}#app .story-panorama img{width:100%;max-height:260px;object-fit:cover;border-radius:12px}body.quest-mode #app>main:is(.page-report,.page-core,.page-certificate,.page-ending){overflow-y:auto;padding:95px 5vw 30px;background:#f7edd6}body.quest-mode #app .play-board{position:relative;border:0;background:transparent;box-shadow:none;border-radius:0}body.quest-mode #app .play-board:before{display:none}body.quest-mode #app .drag-piece{min-width:64px;min-height:56px;cursor:grab}body.quest-mode #app .drag-piece.dragging{cursor:grabbing}body.quest-mode #app .bar-magnet{display:flex;width:156px;height:56px;overflow:hidden;border:3px solid #244954;border-radius:11px;background:var(--quest-magnet-red);box-shadow:0 5px #244954;color:#fff;font:700 25px/1 var(--font-body)}body.quest-mode #app .bar-magnet>span{display:grid;place-items:center;flex:1;background:var(--quest-magnet-red);color:#fff;box-shadow:inset 0 5px #ffffff26,inset 0 -5px #173f4729}body.quest-mode #app .bar-magnet>span+span{background:var(--quest-magnet-blue)}body.quest-mode #app .bar-magnet.flipped{flex-direction:row-reverse}body.quest-mode #app :is(.btn,.choice){min-height:var(--button-height-md);padding:var(--space-sm) var(--space-lg);border:2px solid #7e8d73;border-radius:var(--radius-sm);background:var(--quest-cream);color:var(--color-text-main);font:400 var(--font-size-button)/var(--line-height-tight) var(--font-display);box-shadow:0 4px #7e8d73}body.quest-mode #app .btn.primary{background:linear-gradient(var(--quest-gold-light),var(--quest-gold));border-color:var(--quest-gold-edge);color:#493a22;box-shadow:var(--shadow-button)}body.quest-mode #app .choice.selected{background:var(--quest-gold-light);border-color:var(--quest-gold-edge);box-shadow:0 4px 0 var(--quest-gold-edge)}body.quest-mode #app :is(.btn,.choice):active{translate:0 3px;box-shadow:0 1px #7e8d73}body.quest-mode :is(.modal-backdrop,dialog)::backdrop{background:#103943b8}body.quest-mode .modal-backdrop{z-index:var(--layer-modal);background:#103943b8}body.quest-mode :is(.modal,dialog){border:2px solid #788366;border-radius:var(--radius-lg);background:var(--quest-paper);color:var(--color-text-main);box-shadow:var(--shadow-popover);font-family:var(--font-body)}body.quest-mode :is(.modal,dialog) :is(h1,h2,h3){font-family:var(--font-display);font-weight:400}body.quest-mode :is(.modal,dialog) h2{font-size:clamp(28px,2.6vw,40px)}body.quest-mode :is(.modal,dialog) :is(p,li,summary,label){font-size:max(18px,var(--font-size-caption))}body.quest-mode :is(.modal,dialog) button{min-height:48px}body.quest-mode .toast{position:fixed;z-index:45;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);max-width:min(600px,calc(100vw - 48px));padding:var(--space-lg) var(--space-xl);border:2px solid #788366;border-radius:var(--radius-md);background:var(--quest-paper);color:var(--color-text-main);font-size:var(--font-size-body);line-height:1.4;box-shadow:var(--shadow-popover);animation:quest-toast-in .18s ease-out both}body.quest-mode .question-zone{padding:var(--space-lg);border:2px solid var(--quest-gold-edge);border-radius:var(--radius-md);background:#fff0bf;text-align:center}body.quest-mode .question-zone.is-complete{background:var(--quest-green-soft);border-color:#638151}@keyframes quest-title-arrive{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes quest-character-idle{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes quest-map-walk{0%{margin-top:0;rotate:-1deg}to{margin-top:-3px;rotate:1deg}}@keyframes quest-toast-in{0%{opacity:0;margin-top:8px}to{opacity:1;margin-top:0}}@media(min-width:1500px)and (min-height:850px){:root{--hud-icon-size: 64px;--hud-inset: var(--space-lg);--button-height-lg: 72px;--hud-top: 108px;--companion-size: 140px}#app .quest-icon svg{width:32px;height:32px}#app .mission-question{top:var(--space-lg);max-width:min(1100px,calc(100% - 370px))}#app .mission-progress :is(.mission-checkpoint,.checkpoint,.mission-goal){width:48px;height:48px}#app .expedition-dpad{grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,64px)}#app .expedition-dpad button{width:64px;height:64px}#app .mission-companion>.quest-companion{--companion-size: 140px}#app .mission-access{left:185px}}@media(max-height:650px)and (min-width:760px){:root{--hud-icon-size: 48px;--hud-inset: var(--space-sm);--hud-top: 72px;--button-height-lg: 54px;--companion-size: 88px}#app .quest-icon{border-radius:14px}#app .mission-question{top:var(--space-sm);max-width:calc(100% - 260px);padding:var(--space-sm) var(--space-md);font-size:27px}#app .mission-progress{top:69px;gap:var(--space-xs)}#app .mission-progress :is(.mission-checkpoint,.checkpoint,.mission-goal){width:34px;height:34px;border-radius:10px}#app .mission-progress img{width:27px;height:27px}#app .mission-companion{bottom:var(--space-sm);left:var(--space-sm)}#app .mission-companion>.quest-companion{--companion-size: 80px}#app .mission-access{left:110px}#app .mission-world>.mission-cta,#app .mission-world .mission-cta-float{bottom:var(--space-md);right:var(--space-md)}#app .quest-title-brand{top:6%;width:min(64vw,800px)}#app .quest-title-logo{max-height:57dvh}#app .quest-title-subtitle{margin-top:var(--space-sm);font-size:22px}#app .quest-title-friend{--companion-size: 128px;bottom:10%}#app .quest-title-actions{bottom:9%}#app .quest-start{min-height:60px;min-width:230px;font-size:28px}#app .expedition-dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px)}#app .expedition-dpad button{width:48px;height:48px}#app .expedition-next{right:var(--space-md);bottom:var(--space-md);font-size:22px}}@media(max-width:759px){body.quest-mode{overflow-y:auto}body.quest-mode #app{overflow:visible;height:auto;min-height:100dvh}body.quest-mode #app>main.page{height:auto;min-height:100dvh;overflow:visible}:root{--hud-icon-size: 48px;--hud-inset: var(--space-sm);--companion-size: 88px}#app .quest-hud{position:absolute}#app .quest-title{min-height:max(720px,100dvh)}#app .quest-title-brand{width:94%;top:18%}#app .quest-title-logo{max-height:36dvh}#app .quest-title-subtitle{font-size:21px;padding:var(--space-sm) var(--space-md);max-width:92%}#app .quest-title-friend{--companion-size: 116px;bottom:20%}#app .quest-title-friend-left{left:4%}#app .quest-title-friend-right{right:4%}#app .quest-title-actions{bottom:6%}#app .quest-start{min-width:230px}#app .quest-title-friend .quest-speech{bottom:102%;left:0;width:min(290px,70vw)}#app .quest-title-friend-right .quest-speech{right:0;left:auto}#app .expedition-viewport{height:100dvh;min-height:650px}#app .expedition-next{bottom:var(--space-md);right:var(--space-md);max-width:calc(100% - 190px);min-height:60px;padding:var(--space-sm) var(--space-md);white-space:normal;font-size:20px}#app .expedition-dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px)}#app .expedition-dpad button{width:48px;height:48px}#app .mission-world{min-height:max(820px,100dvh)}#app .mission-question{top:82px;max-width:calc(100% - 32px);width:max-content;font-size:27px}#app .mission-progress{top:155px;max-width:90%}#app .mission-board{inset:180px 0 90px;height:auto;min-height:540px}#app .mission-board>canvas{object-fit:fill}#app .mission-companion{left:var(--space-sm);bottom:var(--space-sm)}#app .mission-companion>.quest-companion{--companion-size: 78px}#app .mission-actions{max-width:90%;bottom:7%;gap:var(--space-sm)}#app .mission-actions .mission-action{min-width:80px;padding:var(--space-sm);font-size:20px}#app .mission-access{bottom:100px;left:var(--space-md);max-width:calc(100% - 32px)}#app .mission-world>.mission-cta,#app .mission-world .mission-cta-float{bottom:var(--space-md);right:var(--space-md);max-width:calc(100% - 125px);padding:var(--space-md);white-space:normal;font-size:21px}#app .quest-speech{bottom:105%;left:0;width:min(340px,calc(100vw - 32px))}}body.quest-mode.reduce-motion #app *,body.quest-mode.reduce-motion #app *:before,body.quest-mode.reduce-motion #app *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){body.quest-mode #app *,body.quest-mode #app *:before,body.quest-mode #app *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body.quest-mode{overflow:visible;background:#fff}body.quest-mode #app,body.quest-mode #app>main.page{height:auto;overflow:visible}#app :is(.quest-hud,.quest-companion,.quest-cta,.expedition-dpad,.expedition-next){display:none!important}}@media(min-aspect-ratio:1/1){#app .quest-title-brand{top:4%;width:min(56vw,900px)}#app .quest-title-logo{max-height:47dvh}#app .quest-title-subtitle{margin-top:0;font-size:clamp(20px,1.8vw,28px)}#app .quest-title-actions{bottom:7%}}@media(min-aspect-ratio:1/1)and (max-height:720px){#app .mission-access{left:146px}}#app .expedition-courier{position:absolute;width:86px;height:76px;object-fit:contain;translate:-50% -85%;pointer-events:none;z-index:5}body.quest-mode #app>main.page-core{padding:0;overflow:hidden}#app .quest-core,#app .restoration-operation,#app .restoration-plaza{position:relative;width:100%;height:100dvh}#app .restoration-plaza{background:linear-gradient(#fff6d534,#173f4744),url(/assets/quest/city-expedition.webp) center/cover}#app .restoration-plaza>.quest-companion,#app .restoration-operation>.quest-companion{position:absolute;left:18px;bottom:12px}body.quest-mode #app .restoration-install.play-board{position:absolute;inset:0;height:100%;width:100%}#app .restoration-mount{position:absolute;left:53%;top:56%;translate:-50% -50%;width:28%;min-width:220px;display:grid;justify-items:center}#app .restoration-mount img{width:100%;max-height:270px;object-fit:contain}#app .restoration-mount span{padding:12px;border:3px dashed #aa7e37;border-radius:14px;background:#fff5d8ed;font-family:var(--font-display)}#app [data-drag=blueprint]{display:grid;justify-items:center;background:none;box-shadow:none;border:0;width:170px}#app [data-drag=blueprint] img{width:140px;height:130px;object-fit:contain}#app [data-drag=blueprint] strong{background:#fff5d8ed;padding:10px;border-radius:12px;white-space:nowrap;font-size:20px}#app .restoration-lab{position:absolute;inset:0}#app .restoration-operation [data-mission=next]{display:none}#app .restoration-operation .mission-actions{bottom:14%}#app .restoration-access{position:absolute;left:160px;bottom:16px;z-index:var(--layer-controls);max-width:55%;background:#fff8e7ed;border-radius:14px;padding:10px 16px;font-size:18px}#app .restoration-access summary{min-height:48px;display:grid;place-items:center;cursor:pointer}#app .restoration-team{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;gap:20px}#app .restoration-team>img{width:300px;height:230px;object-fit:contain}#app .restoration-ability{position:absolute;top:71%;left:50%;translate:-50% 0;background:#fff8e7ed;padding:14px 28px;border-radius:20px;text-align:center;font-family:var(--font-display);font-size:clamp(22px,2vw,32px)}#app .restoration-finish{position:absolute;right:20px;bottom:20px}#app .restoration-optional-lab{height:100dvh;overflow:auto;padding:95px 5vw 28px;background:#f7edd6}@media(max-height:640px){#app .restoration-team .mascot{--size:125px !important}#app .restoration-team>img{width:220px;height:170px}#app .restoration-ability{top:66%}}.quest-save-warning{position:fixed;top:90px;right:16px;z-index:35;min-height:48px;max-width:360px;padding:12px;border:2px solid #98543a;border-radius:12px;background:#fff1cc;color:#593a28;font-size:18px}body.quest-mode .ending-painted{background-size:cover;background-position:center;border:2px solid #a68b56;height:340px}body.quest-mode .ending-painted>img{width:280px;height:235px;object-fit:contain;margin:24px 0 0;animation:quest-character-idle 2s ease-in-out infinite}body.quest-mode .ending-painted .tag{font-size:20px;background:#fff8e7ed;color:#173f47;padding:9px 14px;border-radius:12px}body.quest-mode .ending-painted .restored-ribbon{font-size:18px;transform:none}@media(max-aspect-ratio:1/1){#app .quest-activity:after{content:"기기를 가로로 돌리면 실험대가 더 넓어져요.";position:fixed;z-index:30;top:150px;left:16px;right:16px;padding:12px;border-radius:12px;background:#fff2c6;color:#173f47;font-size:17px;text-align:center;pointer-events:none}}body.quest-mode :is(.eyebrow,.tag,.small-note,.certificate-overline,.certificate-bottom span,.certificate-preview,.evidence-stamp,.final-route span){font-size:18px}#app .mission-access>summary{font-size:18px}body.quest-mode{--font-size-caption: clamp(16px, 1.25vw, 20px);--font-size-body: clamp(20px, 1.6vw, 28px);--font-size-button: clamp(20px, 1.65vw, 28px);--font-size-question: clamp(28px, 2.35vw, 42px)}body.quest-mode :is(p,button,summary,label,li){line-break:strict}body.quest-mode .modal-backdrop{display:grid;place-items:center;padding:20px;background:#10394368;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body.quest-mode .modal{position:relative;width:min(860px,100%);max-width:1040px;max-height:calc(100dvh - 40px);min-height:0;margin:0;padding:30px clamp(22px,3vw,42px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;text-align:center}body.quest-mode .modal :is(h2,h3){margin:10px 42px 14px;line-height:1.25;text-wrap:balance}body.quest-mode .modal :is(p,li,summary,label){font-size:clamp(20px,1.55vw,26px);line-height:1.45;color:var(--color-text-main)}body.quest-mode .modal>p{margin:12px auto;max-width:36em}body.quest-mode .modal button:not(.modal-close){min-height:52px;padding:12px 20px;border-radius:14px;font-size:clamp(20px,1.6vw,27px);font-family:var(--font-display);white-space:normal;word-break:keep-all}body.quest-mode .modal .btn{border:2px solid #7e8d73;background:#fff8e7;color:#173f47;box-shadow:0 4px #7e8d73}body.quest-mode .modal .btn.primary{background:linear-gradient(#ffe7a2,#f4c35c);border-color:#a9712f;color:#493a22;box-shadow:0 4px #a9712f}body.quest-mode .modal-close{top:12px;right:12px;width:48px;height:48px;z-index:2;color:#173f47;background:#fff8e7;border:2px solid #87927a}body.quest-mode .modal-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px;padding-bottom:5px}body.quest-mode .reward-celebration{display:flex;justify-content:center;align-items:center;gap:24px;max-height:170px;margin:0 auto 12px}body.quest-mode .reward-celebration .mascot{--size:90px !important}body.quest-mode .reward-celebration .award-icon{margin:0;width:80px;height:80px}body.quest-mode .award-progress{margin:14px auto;padding:10px 18px;border-radius:12px;width:max-content;max-width:100%;font-size:22px;background:#e0eee6}body.quest-mode .entrance-portrait .mascot{--size:85px !important}body.quest-mode .entrance-portrait{margin:0 auto 8px;max-height:120px}body.quest-mode .story-panorama{margin:0 0 16px}body.quest-mode .story-panorama img{max-height:170px;object-fit:cover;width:100%}body.quest-mode .observation-list li{padding:10px 0}body.quest-mode :is(button,summary,input,select):focus-visible{outline:4px solid #2875b7;outline-offset:4px}body.quest-mode #app .mission-board.play-board{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(100%,177.7778dvh);height:min(100dvh,56.25vw);min-height:0;overflow:visible}#app .mission-world{min-height:0}#app .mission-question{max-width:calc(100% - 300px);padding:9px 18px;line-height:1.2;text-wrap:balance}#app .mission-wayfinding{position:absolute;top:84px;left:50%;translate:-50% 0;z-index:12;width:max-content;max-width:min(920px,85%);text-align:center;pointer-events:none}#app .stage-label,#app .discovery-count{display:inline-block;padding:5px 12px;background:#fff9e9f0;color:#173f47;font-size:var(--font-size-caption);border-radius:10px}#app .stage-label{margin-right:8px}#app .discovery-count{background:#dfeddf;font-weight:700}#app .mission-next-action{margin:8px auto 0;width:fit-content;padding:8px 16px;border-radius:14px;color:#173f47;background:#fff9e9f2;font-size:clamp(20px,1.7vw,28px);line-height:1.35;text-wrap:balance}#app .mission-actions{bottom:8%;max-width:72%;gap:14px}#app .mission-actions .mission-action{font-size:clamp(20px,1.6vw,26px);min-height:52px;padding:10px 18px;white-space:normal}#app .mission-requests{gap:22px}#app .screen-9 .mission-actions,#app .screen-10 .mission-actions{bottom:8%}#app .screen-6 .mission-actions{left:auto;right:3%;bottom:5%;transform:none;max-width:35%}#app .screen-6 .ring-flip{top:83%!important;font-size:clamp(18px,1.4vw,23px);border-radius:14px;padding:8px 12px}#app .mission-feedback{bottom:auto;top:17%;max-width:70%;padding:8px 16px;font-size:clamp(20px,1.65vw,27px);z-index:13}#app .mission-pocket{top:28%;right:2%;max-width:165px;min-height:48px;padding:10px 12px;font-size:clamp(16px,1.25vw,21px);line-height:1.3}#app .mission-access{left:164px;bottom:18px;max-width:340px}#app .mission-access[open]{bottom:78px;z-index:24;box-shadow:var(--shadow-popover)}#app .mission-access[open] .placement-controls{display:flex;flex-wrap:wrap;gap:8px}#app .mission-access[open] [data-selected-label]{width:100%;font-size:18px}#app .mission-study-tools{position:absolute;bottom:18px;left:340px;z-index:16}#app .mission-study-tools button{border:2px solid #7e8d73;box-shadow:0 4px #7e8d73;min-height:48px;font-size:18px}#app .force-sensor{position:absolute;top:32%;left:2%;width:170px;padding:10px 12px;border-radius:14px;background:#fff9e9eb;pointer-events:none;color:#173f47}#app .force-sensor span{display:block;font-size:16px;line-height:1.4}#app .force-sensor i{display:block;position:relative;height:9px;margin-top:8px;border-radius:8px;background:#d0d9c9;overflow:hidden}#app .force-sensor i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--sensor-level,0%);background:#397f7b;border-radius:8px;transition:width .1s}#app .lab-coach{position:absolute;left:16px;bottom:12px;z-index:24}#app .coach-toggle{display:grid;justify-items:center;gap:0;padding:0;background:none;border:0;color:#173f47;cursor:pointer}#app .coach-robot{width:112px;height:108px;filter:drop-shadow(0 4px 1px #173f4726)}#app .coach-toggle>span{min-height:32px;padding:3px 12px;border-radius:10px;background:#fff8e7;border:2px solid #7e8d73;font:20px/1.2 var(--font-display)}#app .coach-bubble{position:absolute;left:8px;bottom:calc(100% + 12px);width:min(430px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:18px;border:2px solid #7e8d73;border-radius:22px 22px 22px 6px;background:#fffdf5;box-shadow:var(--shadow-popover)}#app .coach-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:20px}#app .coach-heading button{display:grid;place-items:center;min-width:48px;height:48px;padding:0;border:1px solid #a5b49d;border-radius:12px;background:#edf0df;font-size:30px;color:#173f47;cursor:pointer}#app .coach-clue{margin:12px 0 16px;font-size:clamp(20px,1.6vw,27px);line-height:1.45}#app .coach-more{min-height:48px;padding:10px 16px;border:2px solid #8ca78d;border-radius:12px;background:#e0eee6;color:#173f47;font-size:20px;cursor:pointer}#app .coach-focus{outline:5px dashed #a9712f;outline-offset:8px;background:#ffe6a240;box-shadow:0 0 0 12px #ffe6a24a}#app .coach-toggle:hover .coach-body{transform:translateY(-3px)}body.quest-mode .concept-dialog{width:min(1080px,100%);display:flex;flex-direction:column;gap:12px;padding:22px 28px;overflow:hidden}body.quest-mode .concept-heading{padding-right:40px;flex:none;text-align:left}body.quest-mode .concept-tag{font-size:clamp(16px,1.2vw,20px);color:#43636a}body.quest-mode .concept-heading h2{margin:5px 0 0;font-size:clamp(28px,2.3vw,38px)}body.quest-mode .concept-screen{min-height:0;flex:0 1 auto;position:relative}body.quest-mode .concept-video{display:block;width:100%;max-height:calc(100dvh - 305px);aspect-ratio:16/9;object-fit:contain;border-radius:16px;background:#f1ecd9}body.quest-mode .concept-dialog .concept-summary{flex:none;margin:0;text-align:left;font-size:clamp(20px,1.5vw,25px)}body.quest-mode .concept-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;flex:none;padding-bottom:5px}body.quest-mode .concept-error{position:absolute;inset:auto 0 0;background:#fff9e9;padding:12px}body.quest-mode .trial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}body.quest-mode .trial-picture{margin:0;padding:8px;border:1px solid #bec9ad;border-radius:14px;background:#f6f2df}body.quest-mode .trial-picture svg{width:100%;max-height:160px}body.quest-mode .trial-picture figcaption{font-size:18px;line-height:1.4;color:#173f47}body.quest-mode .trial-key{display:block;font-size:18px;font-weight:700;margin-bottom:6px}body.quest-mode .trial-replay label{display:grid;gap:8px;text-align:left}body.quest-mode .trial-replay select{width:100%;min-height:52px;padding:8px 12px;border:2px solid #8ca78d;border-radius:12px;background:#fff9e9;color:#173f47;font-size:20px}body.quest-mode .trial-compare{display:block;width:100%;max-height:260px;margin:14px auto}body.quest-mode .trial-replay-legend{text-align:center;font-size:18px;margin:0 0 14px;color:#173f47}body.quest-mode .trial-replay .trial-scrubber{grid-template-columns:1fr auto;gap:5px 16px}body.quest-mode .trial-scrubber input{grid-column:1/-1;height:48px;margin:0;accent-color:#397f7b;width:100%}body.quest-mode .trial-replay p{font-size:16px;margin:6px 0 12px}body.quest-mode .record-drawer-content details{margin-top:14px;text-align:left}body.quest-mode .record-drawer-content summary{cursor:pointer;padding:10px 0;min-height:48px}body.quest-mode .evidence-card{padding:20px;margin:0;gap:16px}body.quest-mode .evidence-card h3{font-size:clamp(24px,2vw,32px);margin:6px 0 12px}body.quest-mode .evidence-card .eyebrow{font-size:18px}body.quest-mode .evidence-card .trial-picture{max-width:420px}body.quest-mode .evidence-card .concept-link{margin:12px 0;font-size:20px}body.quest-mode .evidence-card summary{min-height:48px;font-size:20px;padding:10px 0;cursor:pointer}body.quest-mode .evidence-card ul{font-size:20px}body.quest-mode .evidence-stamp{font-size:18px;width:54px;height:54px}body.quest-mode .report-list,.notebook-list{display:grid;gap:18px}body.quest-mode .evidence-tabs{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap;justify-content:center}body.quest-mode .evidence-tabs button{min-width:80px;min-height:48px;padding:10px 16px;border:2px solid #8ca78d;border-radius:14px;background:#edf0df;color:#173f47;font-size:20px;font-family:var(--font-display);cursor:pointer}body.quest-mode .evidence-tabs [aria-selected=true]{background:#ffe7a2;border-color:#a9712f;box-shadow:0 3px #a9712f}body.quest-mode .evidence-panel .evidence-card{display:grid;grid-template-columns:45px minmax(0,1fr);text-align:left}body.quest-mode .evidence-panel .evidence-card .trial-picture{float:left;width:48%;margin:0 20px 0 0}body.quest-mode .evidence-panel .evidence-card details{clear:both}body.quest-mode #app>main.page-report{padding:86px clamp(24px,7vw,150px) 24px}#app .report-heading{margin-bottom:22px}#app .report-heading h1{font-size:clamp(30px,3vw,46px);line-height:1.2;margin:8px 0}#app .report-heading h1 br{display:none}#app .report-heading p{font-size:var(--font-size-body)}#app .report-actions{display:flex;gap:16px;justify-content:flex-end;position:sticky;bottom:0;padding:16px;background:#fff9e9f5;border-radius:18px}body.quest-mode #app>main.page-certificate{padding:82px clamp(20px,4vw,70px) 16px}#app .certificate-tools{margin:0 0 16px;gap:16px}#app .certificate-tools h1{font:32px/1.2 var(--font-display);margin:6px 0}#app .certificate{max-width:1080px;padding:10px}#app .certificate-border{position:relative;padding:20px 24px}#app .certificate-medal{position:absolute;top:20px;left:24px;width:52px;height:52px;margin:0}#app .certificate-overline{font-size:16px;color:#43636a;letter-spacing:2px}#app .certificate h2{font:clamp(28px,2.8vw,40px)/1.3 var(--font-display);margin:14px 40px 8px}#app .certificate p{font-size:20px;line-height:1.4;margin:12px 0;color:#43636a}#app .certificate p strong{color:#173f47}#app .certificate .certificate-name{font-size:28px;margin:10px 0;color:#173f47}#app .certificate-achievements{max-width:850px;gap:8px 18px;margin:16px auto;font-size:18px;color:#315d65}#app .certificate-bottom{gap:24px;margin-top:12px}#app .certificate-bottom .mascot{--size:50px !important}#app .certificate-bottom strong{font-size:20px;color:#173f47}#app .certificate-bottom span{font-size:16px;color:#43636a;margin-top:5px}#app .certificate .certificate-preview{margin:0 65px 12px;padding:8px;font-size:16px;line-height:1.3}#app .certificate-name-input{margin:16px 0 0;gap:12px;flex-wrap:wrap;font-size:20px;color:#173f47}#app .certificate-name-input input{font-size:20px;min-height:52px;width:260px}#app .certificate-name-input label small{font-size:16px}#app .ending{padding:0;gap:12px}body.quest-mode #app>main.page-ending{display:flex;flex-direction:column;justify-content:safe center;align-items:center}#app .ending{width:100%}#app .ending-art{width:min(700px,85%);padding:0}#app .ending-art>img{max-height:32dvh;object-fit:contain}#app .ending h1{font:clamp(30px,3vw,46px)/1.2 var(--font-display);margin:0}#app .ending>p{font-size:var(--font-size-body);margin:0;color:#315d65}#app .ending-progress{height:8px;margin:0}#app .ending-mascots{display:none}#app .ending .ending-painted{height:min(340px,43dvh)}#app .ending .ending-painted>img{height:70%;margin:0}body.quest-mode .game-settings{margin:auto;width:min(880px,calc(100vw - 40px));max-height:calc(100dvh - 40px)}body.quest-mode .settings-dialog-heading{padding:16px 24px}body.quest-mode .settings-dialog-body{font-size:20px;padding:18px 24px}body.quest-mode .settings-dialog-body p,body.quest-mode .settings-dialog-body dd{font-size:20px;line-height:1.45}body.quest-mode .settings-sound{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-bottom:18px}body.quest-mode .settings-volume{grid-column:1/-1}body.quest-mode .settings-replays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}body.quest-mode .settings-story{grid-column:1/-1}body.quest-mode .settings-replay-row{grid-template-columns:1fr;gap:6px}body.quest-mode .settings-replay-row p{font-size:16px;line-height:1.3}body.quest-mode .settings-button{font-size:20px;min-height:52px}body.quest-mode .settings-dialog-footer{padding:14px 24px 18px}body.quest-mode .settings-switch{min-height:48px;font-size:18px}body.quest-mode .settings-fold-body :is(dt,dd){font-size:20px}body.quest-mode .game-settings-reset{margin:auto;width:min(600px,calc(100vw - 40px))}@media(min-width:1500px)and (min-height:850px){#app .mission-wayfinding{top:104px}#app .coach-robot{width:136px;height:132px}#app .coach-toggle>span{font-size:24px}#app .mission-access{left:190px}#app .mission-study-tools{left:390px}#app .mission-study-tools button,#app .mission-access>summary{font-size:22px}#app .force-sensor{width:200px}#app .force-sensor span{font-size:20px}body.quest-mode .modal{width:min(1040px,90%)}}@media(max-width:1050px){#app .mission-question{max-width:calc(100% - 274px);font-size:28px}#app .mission-pocket{max-width:135px}#app .force-sensor{width:148px;top:34%}#app .mission-study-tools{left:320px}#app .mission-study-tools button{font-size:16px;padding:8px 12px}#app .quest-activity>.mission-cta{font-size:20px;padding:12px 18px;max-width:39%;white-space:normal}body.quest-mode .trial-grid{gap:8px}}@media(max-height:640px){body.quest-mode .modal-backdrop{padding:12px}body.quest-mode .modal{max-height:calc(100dvh - 24px);padding:22px}body.quest-mode .modal .reward-celebration{display:none}body.quest-mode .modal .entrance-portrait{float:left;margin:10px 14px 0 0}body.quest-mode .modal .entrance-portrait .mascot{--size:70px !important}body.quest-mode .story-panorama img{max-height:110px}#app .mission-question{top:8px;font-size:27px;padding:8px 12px}#app .mission-wayfinding{top:76px;max-width:90%}#app .stage-label,#app .discovery-count{font-size:16px;padding:3px 10px}#app .mission-next-action{margin-top:5px;font-size:20px;padding:5px 12px}#app .coach-robot{width:78px;height:74px}#app .coach-toggle>span{font-size:18px;min-height:28px}#app .lab-coach{left:10px;bottom:8px}#app .coach-bubble{width:380px;max-height:calc(100dvh - 140px);overflow:auto;padding:14px}#app .mission-access{left:118px;bottom:12px}#app .mission-study-tools{left:278px;bottom:12px}#app .mission-feedback{top:27%;max-width:76%;font-size:20px}#app .mission-pocket{top:37%;font-size:16px;max-width:125px}#app .force-sensor{top:37%;width:142px;padding:8px}#app .mission-actions .mission-action{font-size:20px;min-height:48px;padding:8px 14px}#app .quest-activity>.mission-cta{bottom:12px}body.quest-mode .concept-dialog{gap:8px;padding:16px 22px}body.quest-mode .concept-video{max-height:calc(100dvh - 266px)}body.quest-mode .concept-heading h2{font-size:28px}body.quest-mode .concept-dialog .concept-summary{font-size:20px;line-height:1.3}body.quest-mode .concept-actions button{min-height:48px;padding:8px 14px}#app .certificate-border{padding:16px}#app .certificate-medal{display:none}#app .certificate h2{margin:10px 0}#app .certificate-bottom .mascot{display:none}#app .ending .ending-painted{height:35dvh}}@media(max-width:759px)and (min-aspect-ratio:1/1){#app .mission-question{max-width:calc(100% - 250px);font-size:26px}#app .mission-wayfinding{max-width:95%}#app .mission-study-tools{display:none}#app .quest-activity{height:100dvh}}@media(max-aspect-ratio:1/1)and (max-width:759px){#app .quest-activity{min-height:760px;height:100dvh}#app .mission-question{top:78px;max-width:calc(100% - 24px)}#app .mission-wayfinding{top:166px;max-width:95%;width:95%}#app .quest-activity:after{top:auto;bottom:0;font-size:16px;padding:6px}#app .mission-world{min-height:100%}body.quest-mode #app .mission-board.play-board{top:52%;width:min(100%,746.666667px);height:min(420px,56.25vw)}#app .mission-actions{max-width:94%}#app .mission-pocket{top:10%;right:8px}#app .force-sensor{top:10%;left:8px;width:138px}#app .mission-feedback{top:0;max-width:95%}#app .lab-coach{bottom:80px}#app .mission-access{left:132px;bottom:88px}#app .mission-study-tools{left:12px;bottom:28px}#app .quest-activity>.mission-cta{bottom:28px;max-width:57%}body.quest-mode .settings-sound,body.quest-mode .trial-grid{grid-template-columns:1fr}body.quest-mode .concept-actions{gap:10px}body.quest-mode .concept-actions button{width:100%}body.quest-mode .concept-video{max-height:40dvh}}@media print{#app :is(.lab-coach,.mission-wayfinding,.mission-study-tools){display:none!important}}body.quest-mode{--production-ink: #183f43;--production-muted: #496663;--production-paper: #fffcf1;--production-line: #b7c0a8;--production-teal: #246c65;--production-brass: #ab7b35;--font-size-caption: clamp(16px, 1.2vw, 18px);--font-size-body: clamp(18px, 1.5vw, 23px);--font-size-button: clamp(20px, 1.65vw, 26px);--font-size-question: clamp(27px, 2.3vw, 36px)}body.quest-mode button{cursor:pointer}body.quest-mode button:disabled{cursor:default}body.quest-mode #app .quest-icon{border-color:#637a68;box-shadow:0 3px #637a68,inset 0 2px #fff}body.quest-mode #app .quest-cta{border-radius:15px}body.quest-mode #app .quest-text-button{font-family:var(--font-body)}#app .quest-title{min-height:100dvh;background-position:71% 50%;background-size:cover}#app .quest-title:before{z-index:-1;background:linear-gradient(90deg,#fff9e8fa,#fff9e8ed 27%,#fff9e8ba 41%,#fff9e811 64%),linear-gradient(0deg,#173e455e,transparent 50%)}#app .quest-title-glow{inset:0 40% 0 0;background:none}#app .quest-title-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:min(49%,650px);min-height:0;padding:clamp(42px,7vh,82px) 0 180px clamp(28px,5vw,80px)}#app .quest-title-brand{position:static;translate:none;width:min(100%,460px);text-align:left}#app .quest-title-kicker{margin:0 0 9px;color:#476459;font-size:16px;font-weight:700;letter-spacing:.09em}#app .quest-title-logo{width:100%;height:auto;max-height:185px;object-position:left center;filter:drop-shadow(0 3px 0 #163d4814)}#app .quest-title-subtitle{display:block;margin:10px 0 14px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#183f43;text-align:left;font:400 clamp(32px,3.3vw,48px)/1.2 var(--font-display);letter-spacing:-.025em}#app .quest-title-intro{margin:0;max-width:29em;font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:#385b57}#app .quest-title-method{display:flex;align-items:center;gap:11px;margin:18px 0 22px;color:#305f58;font-size:16px;font-weight:700}#app .quest-title-method i{color:#a67e38;font-style:normal}#app .quest-title-actions{position:static;translate:none;display:flex;flex-direction:row;align-items:center;gap:12px}#app .quest-start{min-width:250px;min-height:62px;padding:14px 24px;font-size:clamp(23px,2.1vw,30px)}#app .quest-title-actions .quest-text-button{padding:8px 10px;background:transparent;color:#43635b;text-decoration:underline;text-underline-offset:5px;font-size:16px}#app .quest-title-save{display:flex;align-items:flex-start;gap:7px;margin:17px 0 0;font-size:16px;line-height:1.45;color:#49665e}#app .quest-title-save svg{flex:0 0 18px;margin-top:2px}#app .quest-title-world-label{position:absolute;top:18%;right:7%;z-index:2;padding:14px 20px;background:#fffbedeb;border:1px solid #a69b6d;border-radius:14px;box-shadow:0 5px 18px #173f4720;text-align:center;rotate:2deg}#app .quest-title-world-label span{display:block;margin-bottom:5px;color:#4b6556;font-size:16px}#app .quest-title-world-label strong{font:400 clamp(21px,1.9vw,27px)/1.3 var(--font-display);color:#244e49}#app .quest-title-friend{bottom:24%;--companion-size: clamp(130px, 14vw, 205px)}#app .quest-title-friend-left{left:61%}#app .quest-title-friend-right{right:5%}#app .quest-title-friend .quest-speech{bottom:100%;left:auto;right:15px;width:min(350px,35vw);font-size:18px}#app .quest-title-journey{position:absolute;bottom:24px;left:clamp(28px,5vw,80px);right:clamp(28px,5vw,80px);z-index:4;display:flex;align-items:center;gap:22px;padding:20px 24px;background:#fffcf2f5;border:1px solid #c2bd9e;border-radius:18px;box-shadow:0 7px 26px #133d4329}#app .quest-journey-heading{min-width:140px;padding-right:20px;border-right:1px solid #d9d9bf}#app .quest-journey-heading>span{display:block;font-size:16px;color:#4a665b;margin-bottom:7px}#app .quest-journey-heading>strong{font:400 30px/1.1 var(--font-display);color:#245a51}#app .quest-journey-heading small{font:400 16px/1.4 var(--font-body);color:#4a665b}#app .quest-title-journey ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;flex:1;padding:0;margin:0;list-style:none}#app .quest-title-journey li{display:flex;align-items:center;gap:9px;min-width:0}#app .quest-journey-marker{display:grid;place-items:center;flex:0 0 34px;width:34px;height:38px;border:1px solid #b6c3b1;border-radius:11px;color:#597466;background:#f0f2e5}#app .quest-title-journey li strong{display:block;color:#2e554c;font-size:16px;line-height:1.35}#app .quest-title-journey li div>span{display:block;margin-top:4px;color:#526b5f;font-size:16px;line-height:1.3}#app .quest-title-journey .is-current .quest-journey-marker{color:#775a27;background:#ffe6a2;border-color:#bb9348;box-shadow:0 0 0 3px #ffe6a244}#app .quest-title-journey .is-complete .quest-journey-marker{color:#fffdf1;background:#38745d;border-color:#38745d}#app .inquiry-shell{position:absolute;inset:0;isolation:isolate;--inquiry-nav-top: 158px;--inquiry-card-top: 218px}#app :is(.screen-1,.screen-2){--inquiry-scene: url(/assets/quest/stage-life.webp)}#app :is(.screen-3,.screen-4){--inquiry-scene: url(/assets/quest/stage-material.webp)}#app :is(.screen-5,.screen-6){--inquiry-scene: url(/assets/quest/stage-poles.webp)}#app :is(.screen-7,.screen-8){--inquiry-scene: url(/assets/quest/stage-remote.webp)}#app .inquiry-shell:has(.inquiry-card){background:linear-gradient(90deg,#f4eedcd9,#f4eedc91),var(--inquiry-scene, url(/assets/quest/stage-workshop.webp)) center / cover}#app .inquiry-shell:has(.inquiry-card):before{content:"";position:absolute;inset:0;background:#fff9e512;pointer-events:none}#app .inquiry-steps{position:absolute;z-index:16;left:50%;top:var(--inquiry-nav-top);translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 40px);padding:5px;margin:0;border:1px solid #b4bca2;border-radius:15px;background:#fffdf0ed;box-shadow:0 3px 8px #173f4714;list-style:none;pointer-events:none}#app .inquiry-steps>:is(span,li,button,a){display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 14px;margin:0;border:0;border-radius:10px;color:#4e665b;font-size:16px;line-height:1.25;white-space:nowrap;background:transparent;text-decoration:none}#app .inquiry-steps>button{min-height:48px}#app .inquiry-steps>:is(button,a){pointer-events:auto}#app .inquiry-steps :is(.active,.is-active,[aria-current=step]){background:#2e6960;color:#fffdf1;font-weight:700}#app .inquiry-steps :is(.done,.is-complete){background:#e5efdc;color:#315d47}#app .inquiry-steps :is(b,em){font:inherit}#app .inquiry-card{position:absolute;z-index:12;top:var(--inquiry-card-top);left:50%;translate:-50% 0;width:min(880px,calc(100% - 96px));max-height:calc(100% - var(--inquiry-card-top) - 105px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px 30px;border:1px solid #b3b99d;border-top:5px solid #2b6a60;border-radius:18px;background:#fffcf3fa;color:var(--production-ink);box-shadow:0 8px #173f4712,0 18px 45px #173f471f;text-align:left;font-size:18px;line-height:1.5}#app .inquiry-kicker{display:block;margin:0 0 8px;color:#45695a;font-size:16px;font-weight:700;letter-spacing:.05em}#app .inquiry-card :is(h2,h3){margin:0 0 12px;font-family:var(--font-display);font-weight:400;line-height:1.3;color:#204f49}#app .inquiry-card h2{font-size:clamp(26px,2.3vw,34px)}#app .inquiry-card h3{font-size:24px}#app .inquiry-card p{margin:8px 0 16px;font-size:18px;line-height:1.6;color:#3e5e55}#app .inquiry-card p:last-child{margin-bottom:0}#app .inquiry-card :is(ul,ol){padding-left:24px;margin:12px 0;font-size:18px}#app .inquiry-card li+li{margin-top:8px}#app .inquiry-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 6px}#app .inquiry-option{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;padding:14px 18px;border:2px solid #b1bea8;border-radius:13px;background:#f8f8ec;box-shadow:0 3px #c2cbb5;color:#244e47;font:400 18px/1.5 var(--font-body);text-align:left;transition:background .12s,border-color .12s,translate .12s}#app .inquiry-option:hover{border-color:#5e917a;background:#edf4e3;translate:0 -1px}#app .inquiry-option:active{translate:0 2px;box-shadow:0 1px #c2cbb5}#app .inquiry-option:is(.selected,.is-selected,[aria-pressed=true],[aria-checked=true]){border-color:#a57a31;background:#fff0bd;color:#574623;box-shadow:0 3px #b78b3d}#app .inquiry-option:disabled{opacity:.75;translate:none}#app .inquiry-option strong{display:block;font-weight:700}#app .inquiry-option small{display:block;font-size:16px}#app .inquiry-option>:is(b,.option-letter){flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e2ead8;font-size:16px}#app .inquiry-feedback{margin:18px 0 0;padding:14px 18px;border:1px solid #afbea5;border-left:4px solid #538467;border-radius:10px;color:#285644;background:#edf3e4;font-size:18px;line-height:1.55}#app .inquiry-feedback:empty{display:none}#app .inquiry-feedback:is(.retry,.error,.is-wrong){color:#704c2d;border-color:#d1af78;border-left-color:#ab7737;background:#fff1d2}#app .inquiry-evidence{margin:16px 0;padding:15px 18px;border:1px solid #c4c9ad;border-radius:12px;background:#f1f3e4;color:#3d6052;font-size:18px}#app .inquiry-evidence p{margin:5px 0}#app .inquiry-evidence :is(strong,h3){color:#315d4a}#app .inquiry-evidence :is(ul,ol){margin:8px 0 0}#app .inquiry-card footer{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}#app .inquiry-card :is(.btn,.quest-cta){min-height:50px;font-size:20px}#app .inquiry-card.inquiry-complete{text-align:center}#app .reason-columns .inquiry-options{display:flex;flex-direction:column;margin-top:0;gap:10px}#app .reason-columns .inquiry-option{font-size:18px;min-height:64px;padding:12px 14px}#app .inquiry-options.compact{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0}#app .inquiry-options.compact .inquiry-option{width:auto;min-width:70px;min-height:52px;justify-content:center;padding:6px 12px}#app .field-pair{position:relative}#app .field-pair>.field-paper{position:absolute;left:50%;top:50%;translate:-50% -50%;width:18px;height:86px;z-index:2;font-size:16px;pointer-events:none}#app .field-material{width:120px;height:80px;flex:0 0 120px}#app .field-material>.material-art{width:80px;height:80px;max-width:100%}body.quest-mode #app .field-pair .bar-magnet{width:120px;height:44px;flex:none}#app .field-model-note{font-size:16px!important}#app .fixed-magnet small,#app .route-tile>span{font-size:16px}#app .field-pair .fixed-magnet{position:relative;transform:none;height:44px;flex:0 0 120px}#app .field-pair .fixed-magnet small{position:absolute;top:calc(100% + 8px);white-space:nowrap}#app .inquiry-workbench{position:absolute;inset:0}#app .inquiry-workbench>.mission-world{height:100%;min-height:0}#app .quest-activity:has(.inquiry-card) :is(.lab-coach,.mission-study-tools){display:none}#app .quest-activity:has(.inquiry-card):after{content:none}#app .quest-activity:has(.inquiry-card)>.mission-cta{max-width:calc(100% - 40px)}#app .quest-activity>.mission-cta:disabled{display:inline-flex}#app .mission-question{border:1px solid #bec2aa;border-radius:15px;background:#fffcf2f2;box-shadow:0 3px #173f471a;pointer-events:none}#app .stage-label{border:1px solid #bfcaaf;color:#416655;background:#fffbedef}#app .discovery-count{border:1px solid #a8bc95;background:#e6efd7;color:#3c5f42}#app .mission-next-action{border:1px solid #bec5a9;border-radius:12px;font-size:clamp(18px,1.5vw,23px)}#app .mission-feedback{border:1px solid #b8bea0;border-radius:12px;font-size:clamp(18px,1.5vw,23px)}#app .mission-brief{position:absolute;top:29%;left:3%;z-index:12;max-width:245px;padding:12px 16px;border:1px solid #b7bea2;border-radius:12px;background:#fffcf0ed;color:#315a4e;font-size:18px;line-height:1.45}#app .mission-diagnosis{position:absolute;z-index:16;bottom:13%;left:50%;translate:-50% 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:90%}#app .mission-diagnosis button{position:static;transform:none;min-height:48px}#app .mission-action{border-radius:12px;font-size:20px}#app .mission-access>summary{background:#fffcf0f2;border-radius:12px}#app .expedition-building{border-radius:12px;box-shadow:0 4px #506754,0 6px 12px #173f471f}#app .expedition-building.available{border-color:#a37b34;background:#ffe8a6}#app .expedition-tool-display{padding:6px;border-radius:15px;background:#fffcf0cc}#app .expedition-tool-display:empty{display:none}#app .material-art{display:inline-block;flex:0 0 auto;width:96px;height:96px;background-image:url(/assets/quest/material-kit.webp);background-size:300% 200%;background-position:calc(var(--material-column) * 50%) calc(var(--material-row) * 100%);background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 4px 2px #173f4724)}#app .material-piece .material-art{width:64px;height:64px}#app .test-clip .material-art,#app .remote-test-box .material-art{width:68px;height:68px}#app .material-piece.magnetic-lift>.material-art{transform:translateY(-13px) rotate(-12deg);transition:transform .2s}body.quest-mode #app .bar-magnet{position:relative;isolation:isolate;overflow:visible;border:0;background:transparent;box-shadow:none}body.quest-mode #app .bar-magnet:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/quest/magnet-bar.webp) 51.72% 50.07% / 108.17% 359.3% no-repeat;filter:drop-shadow(0 3px 1px #173f472b)}body.quest-mode #app .bar-magnet.flipped:before{transform:scaleX(-1)}body.quest-mode #app .bar-magnet>span,body.quest-mode #app .bar-magnet>span+span{position:relative;background:transparent;box-shadow:none;color:#fffef0;text-shadow:0 1px 2px #173f47a6}@media(max-width:1100px)and (min-width:760px){#app .quest-title-content{width:51%;padding-left:32px;padding-top:60px}#app .quest-title-logo{max-height:156px}#app .quest-title-subtitle{font-size:35px}#app .quest-title-intro{font-size:18px}#app .quest-title-journey{left:28px;right:28px;gap:14px;padding:16px}#app .quest-journey-heading{min-width:115px;padding-right:12px}#app .quest-title-journey ol{gap:10px}#app .quest-title-journey li{align-items:flex-start;gap:6px}#app .quest-journey-marker{width:28px;height:32px;flex-basis:28px}#app .quest-journey-marker svg{width:18px;height:18px}#app .quest-title-journey li div>span{display:none}#app .quest-title-world-label{right:5%;top:20%}#app .quest-title-friend-left{left:59%}#app .inquiry-card{width:calc(100% - 80px);padding:22px 26px}#app .inquiry-steps>:is(span,li,button,a){padding-inline:12px}}@media(max-height:720px)and (min-width:760px){#app .quest-title-content{padding-top:20px;padding-bottom:120px}#app .quest-title-logo{max-height:125px}#app .quest-title-subtitle{font-size:32px;margin-block:4px 8px}#app .quest-title-subtitle br{display:none}#app .quest-title-intro{font-size:17px;line-height:1.5}#app .quest-title-method{margin-block:10px 14px}#app .quest-title-save{margin-top:12px}#app .quest-start{min-height:56px;font-size:24px}#app .quest-title-journey{bottom:16px;padding-block:14px}#app .quest-title-journey li div>span{display:none}#app .quest-title-friend{bottom:22%;--companion-size: 135px}#app .inquiry-shell{--inquiry-nav-top: 148px;--inquiry-card-top: 204px}#app .inquiry-card{max-height:calc(100% - var(--inquiry-card-top) - 90px);padding:18px 24px}#app .inquiry-card h2{font-size:27px}#app .inquiry-options{margin-top:12px;gap:10px}#app .inquiry-option{min-height:58px;padding:10px 14px}}@media(max-width:759px){#app .quest-title{min-height:max(940px,100dvh);height:auto;background-position:62% top}#app .quest-title:before{background:linear-gradient(#fff9e8ed,#fff9e8e8 42%,#fff9e844 68%,#173f4744)}#app .quest-title-content{width:100%;max-width:580px;padding:78px 28px 410px}#app .quest-title-brand{width:min(90%,390px)}#app .quest-title-logo{max-height:160px}#app .quest-title-subtitle{font-size:clamp(32px,6vw,42px)}#app .quest-title-subtitle br{display:none}#app .quest-title-intro{max-width:25em;font-size:18px}#app .quest-title-actions{gap:8px;flex-wrap:wrap}#app .quest-start{min-height:60px;min-width:240px;font-size:25px}#app .quest-title-save{max-width:30em}#app .quest-title-world-label{display:none}#app .quest-title-friend{bottom:225px;--companion-size: 102px}#app .quest-title-friend-left{left:auto;right:145px}#app .quest-title-friend-right{right:30px}#app .quest-title-friend .quest-speech{bottom:100%;right:0;left:auto;width:min(300px,78vw)}#app .quest-title-journey{bottom:20px;left:20px;right:20px;display:block;padding:16px}#app .quest-journey-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:0;border-bottom:1px solid #d9d9bf;padding:0 0 12px;margin-bottom:12px}#app .quest-journey-heading>span{margin:0}#app .quest-journey-heading>strong{font-size:26px}#app .quest-title-journey ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}#app .quest-title-journey li{gap:7px}#app .quest-journey-marker{width:29px;height:33px;flex-basis:29px}#app .quest-journey-marker svg{width:19px;height:19px}#app .quest-title-journey li strong{font-size:16px}#app .quest-title-journey li div>span{display:none}#app .inquiry-shell{--inquiry-nav-top: 254px;--inquiry-card-top: 310px}#app .inquiry-steps{gap:3px;max-width:calc(100% - 20px);padding:4px;border-radius:12px}#app .inquiry-steps>:is(span,li,button,a){padding:7px 9px;gap:4px;font-size:16px}#app .inquiry-card{width:calc(100% - 28px);max-height:calc(100% - var(--inquiry-card-top) - 110px);padding:20px;border-radius:15px}#app .inquiry-card h2{font-size:27px}#app .inquiry-options{grid-template-columns:1fr;gap:10px}#app .inquiry-option{min-height:60px;padding:12px 14px}#app .inquiry-workbench .mission-feedback{top:5%}#app .quest-activity:has(.inquiry-card)>.mission-cta{bottom:28px}#app .mission-brief{max-width:180px;font-size:16px;top:25%}}@media(max-width:440px){#app .quest-title-content{padding-inline:22px;padding-bottom:420px}#app .quest-title-logo{max-height:140px}#app .quest-title-subtitle{font-size:32px}#app .quest-title-intro{font-size:17px}#app .quest-title-method{gap:8px}#app .quest-title-journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}#app .quest-title-friend{bottom:265px;--companion-size: 94px}#app .quest-title-friend-left{right:135px}#app .inquiry-steps>:is(span,li,button,a){padding-inline:6px}}@media(max-width:700px){#app .comparison-benches{grid-template-columns:1fr}#app .field-pair{gap:var(--field-gap, 30px)}}#app .quest-activity:has(.inquiry-shell:not([data-phase=experiment])) .mission-next-action{display:none}#app .inquiry-shell:not([data-phase=experiment]){--inquiry-nav-top: 128px;--inquiry-card-top: 184px}#app .inquiry-shell:not([data-phase=experiment]):not([data-phase=complete]) .inquiry-card{max-height:calc(100% - var(--inquiry-card-top) - 24px)}#app .quest-activity:has(.inquiry-shell:is([data-phase=predict],[data-phase=explain],[data-phase=apply]))>.mission-cta{display:none}#app .inquiry-shell[data-phase=experiment]{--inquiry-nav-top: 180px}#app .inquiry-workbench .mission-feedback{top:calc(50% - 50dvh + var(--inquiry-nav-top) + 56px);bottom:auto}#app .inquiry-shell[data-phase=predict] .inquiry-card{padding:20px 24px}#app .inquiry-shell[data-phase=predict] .inquiry-card :is(h2,h3){margin-bottom:8px}#app .inquiry-shell[data-phase=predict] .inquiry-card p{margin-block:6px 10px}#app .inquiry-shell[data-phase=predict] .inquiry-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:12px 4px}#app .inquiry-shell[data-phase=predict] .inquiry-option{min-height:64px;padding:12px 14px}#app .inquiry-shell[data-phase=predict] .inquiry-divider{margin:12px 0}#app .inquiry-shell[data-phase=predict] .inquiry-card>.inquiry-button{margin-top:16px}#app .mission-actions:has(>.mission-diagnosis){flex-direction:column;gap:10px}#app .mission-actions>.mission-diagnosis{position:static;translate:none;flex-wrap:wrap;max-width:none}#app .mission-actions>.mission-diagnosis .mission-action{max-width:100%}@media(max-height:640px)and (min-width:760px){#app .inquiry-shell:not([data-phase=experiment]){--inquiry-nav-top: 116px;--inquiry-card-top: 170px}#app .inquiry-shell[data-phase=experiment]{--inquiry-nav-top: 170px}#app .inquiry-shell[data-phase=predict] .inquiry-card{padding:16px 22px}#app .inquiry-shell[data-phase=predict] .inquiry-card h2{margin-bottom:6px}#app .inquiry-shell[data-phase=predict] .inquiry-card p{margin-block:6px 10px}}@media(max-width:759px){#app .inquiry-shell:not([data-phase=experiment]){--inquiry-nav-top: 208px;--inquiry-card-top: 264px}#app .inquiry-shell[data-phase=experiment]{--inquiry-nav-top: 272px}#app .inquiry-shell[data-phase=predict] .inquiry-options{grid-template-columns:1fr}#app .inquiry-shell[data-phase=predict] .inquiry-card>.inquiry-button{margin-top:16px}#app .quest-activity:has(.inquiry-shell:not([data-phase=experiment])){min-height:820px}}@media(prefers-reduced-motion:reduce){#app :is(.quest-title-logo,.quest-title-friend .quest-character,.inquiry-option,.material-art){animation:none;transition:none}}body.quest-mode.reduce-motion #app :is(.quest-title-logo,.quest-title-friend .quest-character,.inquiry-option,.material-art){animation:none;transition:none}@media print{#app :is(.inquiry-steps,.quest-title-actions){display:none!important}#app .inquiry-card{position:static;translate:none;width:100%;max-height:none;overflow:visible;box-shadow:none}}body.quest-mode .mission-scene-art{position:relative;display:inline-block;flex:0 0 auto;width:180px;aspect-ratio:1;background:url(/assets/quest/mission-vignettes.webp) no-repeat;background-size:300% 200%;background-position:calc(var(--scene-column) * 50%) calc(var(--scene-row) * 100%);vertical-align:middle;filter:drop-shadow(0 6px 3px #173f4720);-webkit-print-color-adjust:exact;print-color-adjust:exact}body.quest-mode .equipment-art{display:inline-block;width:120px;aspect-ratio:var(--equipment-ratio);flex:0 0 auto;background-image:url(/assets/quest/science-equipment.webp);background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 3px 2px #173f4720);-webkit-print-color-adjust:exact;print-color-adjust:exact}body.quest-mode .mission-scene-art.scene-poles{background:none}body.quest-mode .scene-ring-equipment{position:absolute;inset:0}body.quest-mode .scene-ring-equipment .equipment-art{position:absolute}body.quest-mode .scene-ring-equipment .scene-stand{width:45%;left:27.5%;bottom:6%}body.quest-mode .scene-ring-equipment :is(.scene-ring-lower,.scene-ring-upper){width:52%;left:24%}body.quest-mode .scene-ring-equipment .scene-ring-lower{bottom:13%}body.quest-mode .scene-ring-equipment .scene-ring-upper{bottom:58%}#app .coach-robot{display:block;object-fit:contain;object-position:center bottom}#app .coach-toggle .coach-body{transition:transform .15s}#app .inquiry-predict-layout{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:22px}#app .inquiry-predict-art{display:grid;justify-items:center;gap:12px;padding-top:16px}#app .inquiry-predict-art .mission-scene-art{width:200px}#app .inquiry-picture-caption{display:block;max-width:100%;padding:7px 10px;border-top:1px solid #b9c2a8;color:#59705b;font-size:16px;line-height:1.35;text-align:center}#app .inquiry-predict-copy{min-width:0}#app .inquiry-predict-copy .inquiry-kicker{margin-bottom:6px}#app .inquiry-predict-copy h2{font-size:clamp(25px,2.1vw,30px)}#app .inquiry-predict-copy h3{font-size:23px}#app .inquiry-shell[data-phase=predict] .inquiry-predict-copy p{font-size:18px;line-height:1.45}#app .inquiry-shell[data-phase=predict] .inquiry-predict-copy .inquiry-options{gap:8px}#app .inquiry-shell[data-phase=predict] .inquiry-predict-copy .inquiry-option{padding:10px 12px;font-size:18px;line-height:1.4}#app .inquiry-predict-copy>.inquiry-button{margin-top:14px}#app .inquiry-complete-overview{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:22px;text-align:left}#app .inquiry-complete-overview>.mission-scene-art{width:112px}#app .inquiry-complete-overview h2{font-size:clamp(25px,2.15vw,32px)}#app .inquiry-complete-overview .inquiry-seal{position:absolute;left:85px;top:84px;width:36px;height:36px;margin:0;border:2px solid #fffdf0;box-shadow:0 2px 5px #17443230}#app .inquiry-complete-overview p{margin-bottom:0}#app .field-apparatus-layout{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px}#app .field-device-picture{display:grid;justify-items:center;margin:0;gap:4px;padding-right:15px;border-right:1px solid #b4c3aa}#app .field-device-picture>:is(img,.mission-scene-art){display:block;width:135px;height:130px;object-fit:contain}#app .field-device-picture>.mission-scene-art{height:auto}#app .field-device-picture figcaption{font-size:16px;line-height:1.35;color:#52705a}#app .field-device-detail{min-width:0;text-align:center}#app .field-detail-label{display:block;color:#5b715b;font-size:16px;line-height:1.3}#app .field-device-detail .field-pair{min-height:110px}#app .field-material>.equipment-art{width:94px;max-width:100%}#app .field-device-detail .field-outcome{padding-top:5px}#app .gate-apparatus{position:relative;width:min(100%,270px);aspect-ratio:3 / 2;margin:4px auto 0}#app .gate-apparatus>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}#app .gate-pole-label{position:absolute;display:grid;place-items:center;translate:-50% -50%;width:31px;height:26px;border-radius:5px;border:1px solid #ffdf8b;color:#fffef2;font:700 19px/1 var(--font-body);box-shadow:0 1px 3px #173f4740}#app .gate-reference{left:32.5%;top:45%}#app .gate-selected{left:65.6%;top:47.5%}#app .gate-force{position:absolute;left:49%;top:48%;translate:-50% -50%;display:grid;place-items:center;min-width:38px;height:32px;border-radius:8px;font-size:25px;font-weight:700;color:#526e59;background:#fffcf0ed}#app .gate-apparatus:is(.react-attract,.react-repel) .gate-force{color:#1f654a;background:#edf5d9;border:1px solid #7ba17a}#app .inquiry-card .gate-reference-note{font-size:16px;margin:2px 0 6px;line-height:1.3}#app .gate-bench{padding:13px 16px}#app .gate-bench .inquiry-options.compact{margin-top:6px}@media(max-height:640px)and (min-width:760px){#app .inquiry-predict-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}#app .inquiry-predict-art{padding-top:12px;gap:6px}#app .inquiry-predict-art .mission-scene-art{width:180px}#app .inquiry-predict-copy h2{font-size:25px}#app .inquiry-predict-copy h3{font-size:22px}#app .inquiry-shell[data-phase=predict] .inquiry-predict-copy .inquiry-divider{margin-block:8px}#app .inquiry-shell[data-phase=predict] .inquiry-predict-copy .inquiry-options{margin-top:10px}#app .inquiry-predict-copy>.inquiry-button{min-height:48px;margin-top:12px}#app .gate-apparatus{width:222px}#app .field-device-picture>:is(img,.mission-scene-art){width:115px;height:108px}#app .field-device-picture>.mission-scene-art{height:auto}#app .field-apparatus-layout{grid-template-columns:130px minmax(0,1fr)}}@media(max-width:850px){#app .inquiry-predict-layout{grid-template-columns:150px minmax(0,1fr);gap:16px}#app .inquiry-predict-art .mission-scene-art{width:150px}#app .field-apparatus-layout{grid-template-columns:115px minmax(0,1fr);gap:12px}#app .field-device-picture>:is(img,.mission-scene-art){width:100px;height:100px}#app .field-device-picture>.mission-scene-art{height:auto}}@media(max-width:600px){#app .inquiry-predict-layout{grid-template-columns:1fr;gap:12px}#app .inquiry-predict-art{grid-template-columns:100px minmax(0,1fr);align-items:center;justify-items:start;padding-top:0;gap:16px}#app .inquiry-predict-art .mission-scene-art{width:100px}#app .inquiry-picture-caption{border-top:0;border-left:1px solid #b9c2a8;padding-left:16px}#app .inquiry-complete-overview{grid-template-columns:82px minmax(0,1fr);gap:16px}#app .inquiry-complete-overview>.mission-scene-art{width:82px}#app .inquiry-complete-overview .inquiry-seal{left:58px;top:60px;width:32px;height:32px}#app .inquiry-complete-overview h2{font-size:24px}#app .field-apparatus-layout{grid-template-columns:1fr;gap:10px}#app .field-device-picture{grid-template-columns:90px minmax(0,1fr);align-items:center;justify-items:start;border-right:0;border-bottom:1px solid #b4c3aa;padding:0 0 10px;gap:12px}#app .field-device-picture>:is(img,.mission-scene-art){width:90px;height:85px}#app .field-device-picture>.mission-scene-art{height:auto}}#app .screen-6 .inquiry-workbench .mission-feedback{left:31%;max-width:48%}#app .screen-6 .inquiry-workbench .mission-actions{bottom:16%}@media(max-height:640px)and (min-width:760px){#app .screen-6 .inquiry-shell[data-phase=experiment]{--inquiry-nav-top: 154px}}.reason-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reason-columns fieldset,.field-settings fieldset,.route-controls fieldset{min-width:0;margin:0;padding:0;border:0}.reason-columns legend,.route-controls legend,.field-settings legend{margin-bottom:10px;font-weight:800}.reason-columns .inquiry-options{display:flex;flex-direction:column;gap:8px}.reason-columns .inquiry-option{font-size:17px;line-height:1.45;text-align:left;padding:12px 14px}.inquiry-evidence summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:700}.inquiry-evidence .trial-grid{max-height:210px;overflow:auto}.inquiry-evidence li{font-size:16px;line-height:1.5}.inquiry-request{max-width:640px}.inquiry-divider{height:1px;background:#d4d9c8;margin:20px 0}.inquiry-button{gap:14px;margin-top:10px;display:inline-flex;align-items:center}.inquiry-stamps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.inquiry-stamps span{font-size:16px;padding:8px 12px;background:#e5eee1;border-radius:8px}.inquiry-complete{text-align:center}.inquiry-seal{display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#207568;color:#fff;width:76px;height:76px}.comparison-benches{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.comparison-bench{background:#edf1e5;border:1px solid #b6c5b8;border-radius:16px;padding:18px;text-align:center}.comparison-bench>strong{display:block;font-size:20px}.comparison-bench label{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px;font-size:16px}.field-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-top:15px}.field-settings label{display:flex;flex-direction:column;gap:8px;font-weight:700;flex:1;min-width:145px}.field-card select{font:inherit;font-size:17px;min-height:48px;color:#173f47;background:#fffdf5;border:1px solid #8ca89d;border-radius:9px;padding:8px 30px 8px 10px;max-width:100%;cursor:pointer}.field-pair{display:flex;align-items:center;justify-content:center;gap:var(--field-gap,30px);min-height:115px;transition:gap .3s}.field-pair .bar-magnet{width:120px;height:44px;flex:none}.field-material{display:flex;width:90px;height:80px;align-items:center;justify-content:center;transition:transform .3s}.field-material>svg,.field-material>.material-sprite{width:80px;height:80px;max-width:100%}.field-material.offset{transform:translateY(24px)}.field-paper{display:grid;place-items:center;background:#fff;border:2px solid #b7b7a3;height:85px;width:25px;writing-mode:vertical-rl;font-size:15px;flex:none}.field-device{border:1px solid #b6c5b8;border-radius:18px;padding:18px;background:#e8eee1;margin-top:15px}.field-device-caption{font-weight:800}.fixed-magnet{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px}.fixed-magnet small{font-size:14px}.field-outcome{padding-top:15px;text-align:center;font-weight:700;font-size:17px}.field-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.field-model-note{font-size:14px!important;color:#536a62!important;margin-bottom:0}.pole-chip{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:42px;padding:5px 12px;color:#fff;border-radius:8px;font-weight:800;font-size:20px}.pole-N{background:#be3d39}.pole-S{background:#2368a3}.gate-pair{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 0}.force-link{font-size:28px;font-weight:900}.inquiry-options.compact{display:flex;gap:8px;justify-content:center}.inquiry-options.compact .inquiry-option{width:auto;min-width:70px;padding:6px}.route-world{padding:15px 0}.route-track{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:8px double #7b867a;gap:3px}.route-tile{height:110px;position:relative;background:#e1eadc;border:1px solid #b3c2ad;border-radius:8px 8px 0 0;text-align:center}.route-tile>span{font-size:15px}.route-tile>img{display:block;width:100%;height:75px;object-fit:contain}.route-tile.occupied{background:#ffdf86}.route-cargo{text-align:center;font-size:17px!important}.route-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}.is-operated{border-color:#2a8064;background:#e3efd6}.inquiry-shell[data-phase=complete]~*{pointer-events:auto}.reduce-motion .field-pair,.reduce-motion .field-material{transition:none}@media(max-width:700px){.reason-columns{grid-template-columns:1fr}.comparison-benches{gap:8px}.comparison-bench{padding:10px}.field-pair{gap:min(var(--field-gap),25px)}.field-pair .bar-magnet{width:90px}.route-tile{height:85px}.route-tile>img{height:52px}.route-controls{grid-template-columns:1fr}.field-settings{gap:10px}.inquiry-steps{overflow:auto}}#app .field-pair.react-attract .field-material{animation:field-attract .85s ease-out forwards}#app .field-pair.react-repel .field-material{animation:field-repel .85s ease-out forwards}#app .gate-pair.react-attract>span:last-child{animation:field-attract .85s ease-out forwards}#app .gate-pair.react-repel>span:last-child{animation:field-repel .85s ease-out forwards}@keyframes field-attract{0%{transform:translate(0)}to{transform:translate(-24px)}}@keyframes field-repel{0%{transform:translate(0)}to{transform:translate(24px)}}#app .prediction-reflection{font-size:16px;margin-bottom:12px;padding-left:12px;border-left:3px solid #b39a5e}body.reduce-motion #app .react-attract .field-material,body.reduce-motion #app .react-repel .field-material,body.reduce-motion #app .gate-pair>span:last-child{animation-duration:.001ms}.trial-picture figcaption small{display:block;margin-top:6px;color:#566e68;font-size:.75em;line-height:1.45}.game-settings,.game-settings-reset{--settings-ink:#173a46;--settings-muted:#506974;--settings-paper:#fff9e9;--settings-line:#d6c9a8;--settings-accent:#167c75;color:var(--settings-ink);font-family:inherit;background:var(--settings-paper);border:2px solid #736745;border-radius:25px;box-shadow:0 12px #263e4920,0 26px 90px #1027316b;padding:0;max-width:calc(100vw - 32px);word-break:keep-all;overflow-wrap:break-word}.game-settings::backdrop,.game-settings-reset::backdrop{background:#0a293a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-settings{width:760px;max-height:min(90dvh,920px);overflow:hidden}.game-settings[open]{display:flex;flex-direction:column}.game-settings button,.game-settings-reset button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 16px;background:#fffcf3;flex:none;border-bottom:1px solid var(--settings-line)}.game-settings h2,.game-settings-reset h2{margin:0;font-size:30px;line-height:1.3;color:var(--settings-ink);font-weight:900}.settings-close-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:2px solid #b7aa88;border-radius:15px;background:#fff9e9;color:var(--settings-ink);box-shadow:0 3px #b7aa88}.settings-close-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;fill:none}.settings-dialog-body{padding:18px 26px 22px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;font-size:18px;line-height:1.6}.settings-dialog-body p{margin:0 0 12px;color:var(--settings-muted);font-size:18px;line-height:1.6}.settings-sound{display:grid;gap:14px;margin-bottom:20px}.settings-sound-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font-size:20px;font-weight:800}.settings-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:112px;min-height:46px;padding:6px 9px 6px 14px;border:2px solid #a69e85;border-radius:25px;background:#e5dfce;color:#475b61;font-size:17px;font-weight:800;box-shadow:0 2px #a69e85}.settings-switch i{width:27px;height:27px;flex:none;border-radius:50%;background:#fffaf0;box-shadow:0 1px 3px #24383c33}.settings-switch[aria-pressed=true]{background:#167c75;border-color:#0e5d58;color:#fff;box-shadow:0 2px #0e5d58}.settings-volume{display:grid;grid-template-columns:1fr auto;gap:7px 16px;align-items:center;font-size:19px;font-weight:800}.settings-volume output{color:var(--settings-accent);font-variant-numeric:tabular-nums}.settings-volume input{grid-column:1/-1;width:100%;height:44px;margin:0;accent-color:var(--settings-accent);cursor:pointer;touch-action:pan-x}.settings-volume input:disabled{opacity:.4;cursor:default}.settings-replays{display:grid;gap:12px;margin-bottom:20px}.settings-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 17px;border:2px solid #bcae8c;border-radius:14px;background:#fffdf6;color:var(--settings-ink);font-size:18px;font-weight:800;line-height:1.4;box-shadow:0 3px #bcae8c;transition:transform .12s,background .12s,box-shadow .12s}.settings-button svg{width:23px;height:23px;flex:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.settings-story{justify-content:space-between;background:#e5f4ec;border-color:#77a694;box-shadow:0 3px #77a694}.settings-replay-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}.settings-replay-row p{font-size:16px;margin:0}.settings-button:disabled{cursor:default;color:#757b73;background:#eee9da;border-color:#d1cbb8;box-shadow:none}.settings-fold{margin:10px 0 0;border:1px solid #cfc3a5;border-radius:15px;background:#fffdf6;overflow:hidden}.settings-fold summary{min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;cursor:pointer;list-style:none;font-size:20px;font-weight:900;color:var(--settings-ink);touch-action:manipulation}.settings-fold summary::-webkit-details-marker{display:none}.settings-fold summary svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;fill:none;flex:none;transition:transform .15s}.settings-fold[open]>summary svg{transform:rotate(180deg)}.settings-fold[open]>summary{background:#eee9d9;border-bottom:1px solid #d6c9a8}.settings-fold-body{padding:16px}.settings-fold--nested{background:#fffaf0;border-color:#e1d6bd}.settings-fold--nested summary{font-size:18px;min-height:48px}.settings-about,.settings-standards,.settings-sources{display:grid;gap:16px;margin:0 0 16px}.settings-about dt,.settings-standards dt,.settings-sources dt{font-weight:900;margin-bottom:4px;color:var(--settings-ink);font-size:18px}.settings-about dd,.settings-standards dd,.settings-sources dd{margin:0;color:var(--settings-muted);font-size:18px;line-height:1.6}.settings-records{width:100%;justify-content:space-between;margin-bottom:10px}.settings-admin{width:100%;margin:8px 0 13px;background:#f0f7ec;border-color:#a6b88c;box-shadow:0 3px #a6b88c}.settings-admin[aria-pressed=true]{color:#fff;background:#167c75;border-color:#0e5d58;box-shadow:0 3px #0e5d58}.settings-dialog-body .settings-signature{margin:14px 0 0;padding-top:12px;border-top:1px solid #e3dbc5;font-size:16px}.settings-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 26px 20px;border-top:1px solid var(--settings-line);background:#fffcf3;flex:none}.settings-primary{min-width:120px;background:#167c75;border-color:#0e5d58;color:#fff;box-shadow:0 3px #0e5d58}.settings-reset{font-size:16px;background:transparent;border-color:transparent;box-shadow:none;color:#786749}.game-settings-reset{width:540px;padding:26px;font-size:18px}.game-settings-reset h2{font-size:27px;line-height:1.4}.game-settings-reset p{font-size:18px;line-height:1.6;color:var(--settings-muted);margin:16px 0 22px}.settings-reset-actions{display:flex;justify-content:flex-end;gap:14px}.settings-danger{background:#b84535;color:#fff;border-color:#8f3027;box-shadow:0 3px #8f3027}@media(hover:hover){.settings-button:not(:disabled):hover,.settings-close-icon:hover{transform:translateY(-2px);filter:brightness(1.025)}.settings-fold summary:hover{background:#f3eddd}}.settings-button:not(:disabled):active,.settings-close-icon:active,.settings-switch:active{transform:translateY(2px);box-shadow:none}.game-settings :focus-visible,.game-settings-reset :focus-visible{outline:3px solid #e6a423;outline-offset:4px}@media(max-height:650px){.game-settings{max-height:94dvh}.settings-dialog-heading{padding-top:12px;padding-bottom:10px}.settings-dialog-body{padding-top:14px;padding-bottom:14px}.settings-dialog-footer{padding-top:10px;padding-bottom:13px}}@media(max-width:540px){.game-settings{max-width:calc(100vw - 16px);border-radius:20px}.settings-dialog-heading{padding-left:17px;padding-right:17px}.settings-dialog-body{padding-left:14px;padding-right:14px}.settings-dialog-footer{padding-left:14px;padding-right:14px;gap:8px}.settings-replay-row{grid-template-columns:1fr;gap:6px}.settings-replay-row p{padding-left:6px}.settings-fold summary{font-size:19px}.settings-reset{padding-left:5px;padding-right:5px}.settings-primary{min-width:92px}.game-settings-reset{padding:20px}}@media(prefers-reduced-motion:reduce){.settings-button,.settings-fold summary svg{transition:none}}