@font-face{font-family:Lab;src:local('Pretendard'),local('Noto Sans KR'),local('맑은 고딕')}*{box-sizing:border-box}html{color-scheme:light;--ink:#173e54;--muted:#5d7887;--blue:#137da7;--blue-dark:#095e83;--aqua:#46b6c5;--cream:#f8f7ed;--gold:#dfb764;--line:#cee0e4;--panel:#ffffffed;--shadow:0 12px 32px #235a7312}body{margin:0;background:#edf5f6;color:var(--ink);font:16px/1.6 Lab,'Segoe UI','Malgun Gothic',sans-serif;word-break:keep-all}button,input,select{font:inherit}button{cursor:pointer}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5a52f}button:disabled{cursor:not-allowed;opacity:.43}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,2.5vw,38px);line-height:1.35;letter-spacing:-1.3px}h2{font-size:26px;line-height:1.4;letter-spacing:-.8px}h3{font-size:21px;line-height:1.5}p{line-height:1.7}svg{flex-shrink:0}small{font-size:13px}.muted,.micro-copy{color:var(--muted)}.micro-copy{font-size:13px;line-height:1.6}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#577e89}.eyebrow i{font-style:normal;margin:0 8px;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{height:82px;padding:0 4.3%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff80;background:#ffffffb8;backdrop-filter:blur(16px);position:relative;z-index:3}.brand{background:none;border:0;display:flex;align-items:center;gap:10px;text-align:left;color:#216587;line-height:1.1;letter-spacing:2px;font-size:11px;min-height:48px;padding:0}.brand svg{fill:#c0ecf4}.brand small{display:block;letter-spacing:.5px;font-size:16px;font-weight:800;margin-top:6px;color:#193f56}.topbar-right{display:flex;align-items:center;gap:20px}.nav-btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d6e6e9;background:#ffffffc7;border-radius:12px;min-height:48px;padding:0 15px;font-weight:700;font-size:14px}.icon-btn{width:48px;padding:0}.progress-caption{font-size:14px;color:var(--muted)}.progress-caption b{font-size:20px;color:var(--blue);margin-left:10px}.progress-caption>span{margin-left:5px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;border:1px solid #cadde3;border-radius:11px;background:#fff;color:var(--ink);font-weight:750;line-height:1.4;transition:background .15s,transform .15s,box-shadow .15s;font-size:15px}.btn:hover:not(:disabled){background:#edf7f8;transform:translateY(-1px);box-shadow:0 4px 10px #174b6512}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark),0 9px 17px #177b9c23}.btn.primary:hover:not(:disabled){background:#116c91}.btn.gold{background:#efcd83;border-color:#d7b16a;color:#4e432c;box-shadow:0 3px 0 #c09e5c}.btn.secondary{background:#ffffffc9}.btn.quiet{background:transparent;border-color:transparent;color:#5b7d8e}.btn.selected,.btn.selected:hover{background:#e4f4f4;border-color:#58a5b4;color:#155e72;box-shadow:inset 0 0 0 1px #58a5b4}.btn.danger{color:#9b4444;background:#fff5f2;border-color:#e4bfb6}.wide{width:100%}.two-buttons{display:flex;gap:9px}.two-buttons>.btn{flex:1}.home-shell{min-height:100svh;background:linear-gradient(90deg,#eaf8fbeF 0%,#edf9fbdf 30%,#edf9fb70 58%,#ffffff04 78%),url('/assets/lab-main.png') center/cover}.home-shell .topbar{background:#ffffff73}.home-main{min-height:calc(100svh - 82px);max-width:1600px;margin:auto;padding:70px 6% 100px;position:relative;display:flex;align-items:center;overflow:hidden}.home-copy{position:relative;z-index:2;max-width:740px;width:67%}.unit-label{font-size:13px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;gap:10px;color:#427385}.unit-label>span{width:7px;height:7px;background:#28a6bd;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #75d0df25}.title-logo{display:block;width:100%;max-width:680px;margin:18px -8px 23px;filter:drop-shadow(0 5px 0 #ffffff80)}.home-lead{font-size:clamp(21px,2vw,29px);line-height:1.6;letter-spacing:-1px;color:#21485f}.home-lead strong{font-weight:850}.home-description{font-size:16px;margin-top:18px;color:#496d80}.home-actions{display:flex;gap:14px;margin-top:30px;align-items:center;flex-wrap:wrap}.hero-button{min-width:240px;min-height:62px;font-size:19px}.hero-button svg{margin-left:26px}.home-meta{display:flex;align-items:center;gap:14px;margin-top:25px;color:#4e7281;font-size:12px;font-weight:600}.home-meta i{height:3px;width:3px;background:#95b3c0;border-radius:50%}.home-character{position:absolute;right:12%;bottom:16%;width:205px;transform:rotate(6deg);filter:drop-shadow(0 15px 20px #276a8e25)}.mascot{display:block;width:100%}.home-character .mascot{animation:float 5s ease-in-out infinite}.speech-bubble{background:#fffef4eF;border:1px solid #d3e1df;border-radius:18px 18px 3px 18px;padding:15px 22px;font-size:15px;position:absolute;left:-90px;top:-90px;transform:rotate(-6deg);box-shadow:var(--shadow);white-space:nowrap;font-weight:700}.home-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #accbd780;padding-top:16px;color:#477188;font-size:11px;letter-spacing:1px}.home-bottom span:first-child{font-weight:800;letter-spacing:2px}.map-shell{min-height:100svh;background:#f2f7f6}.map-main{max-width:1500px;margin:0 auto;padding:30px 4% 20px}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.map-heading h1{margin-top:6px;font-size:30px}.map-heading p{color:var(--muted);font-size:14px;margin-top:8px}.restore-indicator{width:160px;flex-shrink:0;display:grid;grid-template-columns:1fr auto;align-items:center}.restore-indicator>span{font-size:12px;font-weight:700}.restore-indicator strong{font-size:29px;color:#18849d}.restore-indicator small{font-size:13px;padding-left:2px}.thin-progress{height:4px;border-radius:3px;background:#d5e4e4;grid-column:1/3;margin-top:5px;overflow:hidden}.thin-progress i{height:100%;background:#42b3b9;display:block}.map-content{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:center;margin-top:24px}.world-map{aspect-ratio:1.6;position:relative;background:#d6eef1;border:1px solid #c0dce0;border-radius:19px;box-shadow:0 8px 0 #e1eae5;overflow:hidden}.world-map canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.map-marker{position:absolute;transform:translate(-50%,0);display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;background:#fffef4f5;border:1px solid #c2cfbd;border-radius:8px;box-shadow:0 4px 0 #61858140;min-height:49px;z-index:1;line-height:1.2}.marker-dot{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#256c81;color:white;border-radius:6px;font-size:16px;font-weight:800}.marker-label{display:flex;flex-direction:column;gap:5px;text-align:left;white-space:nowrap}.marker-label b{font-size:12px}.marker-label small{font-size:9px;color:#597c85}.map-marker.complete .marker-dot{background:#339883}.map-marker.locked{opacity:.74;filter:saturate(.45)}.map-compass{position:absolute;right:18px;top:13px;display:flex;flex-direction:column;align-items:center;line-height:1.2;font-size:8px;color:#6e969e}.map-compass>span{font-size:32px;line-height:1.1}.map-caption{position:absolute;left:18px;bottom:10px;letter-spacing:2px;font-size:8px;font-weight:800;color:#648f99}.mission-card{background:#fff;border:1px solid #d4e3e3;border-radius:17px;padding:25px;box-shadow:var(--shadow)}.mission-card .mission-number{display:block;font:800 57px/1.1 Georgia,serif;color:#d6e8e9;margin:15px 0}.mission-card h2{font-size:23px}.mission-card>p{font-size:14px;color:var(--muted);margin-top:12px;min-height:50px}.reward-preview{border-top:1px solid var(--line);margin:20px 0;padding-top:20px;display:flex;gap:10px;align-items:center;color:#467885}.reward-preview div{display:flex;flex-direction:column;gap:4px}.reward-preview small{font-size:10px;color:#78929b}.reward-preview b{font-size:12px}.guide{display:flex;align-items:center;gap:15px;padding:13px 20px;border:1px solid #d8e5e2;background:#fffdf4e8;border-radius:13px;margin-top:20px;min-height:82px}.guide .mascot{width:54px;height:58px;flex-shrink:0}.guide .eyebrow{font-size:10px;color:#988557;letter-spacing:1px}.guide p{font-size:14px;color:#436172;line-height:1.6;margin-top:3px}.experiment-shell{min-height:100svh;background:linear-gradient(#eef8fbec,#eef7f8f4),url('/assets/lab-room.png') center/cover fixed}.experiment-main{max-width:1500px;margin:auto;padding:23px 4% 14px}.experiment-heading{display:flex;align-items:center;gap:22px;margin-bottom:21px}.experiment-heading h1{font-size:clamp(23px,2.5vw,34px);margin-top:4px}.back-map{display:flex;gap:7px;align-items:center;border:0;background:#fff9;border-radius:10px;color:#4e798d;font-size:12px;min-width:48px;min-height:48px;padding:10px 13px}.back-map span{max-width:36px;line-height:1.3}.page-count{margin-left:auto;color:#7697a4;font-size:13px;white-space:nowrap}.page-count b{font-size:25px;font-weight:500;color:#2c687e;margin-right:5px}.experiment-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:stretch}.lab-stage{border:1px solid #c9dde4;background:linear-gradient(135deg,#fffffff5,#edf7f9f7);border-radius:18px;padding:20px;min-height:428px;position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.stage-tag{display:block;text-transform:uppercase;letter-spacing:.7px;font-size:11px;color:#648593;font-weight:700;margin-bottom:15px;min-height:16px}.control-panel{background:var(--panel);border:1px solid #d2e0e4;border-radius:17px;padding:23px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.control-panel h2{font-size:25px;margin-bottom:1px}.control-panel>p{color:var(--muted);font-size:14px}.control-panel>.eyebrow{font-size:10px}.control-panel>.btn{font-size:14px}.control-panel .gold{margin-top:auto}.control-panel input[type=range]{width:100%}.range-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:750;margin-top:6px}.range-label output{color:#177b98;font-size:16px;min-width:30px;text-align:right}input[type=range]{accent-color:#198db0;cursor:pointer;height:30px;margin:0;min-height:44px}input[type=range]:disabled{opacity:.45}select,input[type=text],input:not([type]){border:1px solid #bdcfd7;border-radius:8px;padding:10px 12px;background:white;color:var(--ink);min-height:48px;width:100%}.status-line{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);padding:9px 0;gap:8px}.status-line strong{color:#187f93;font-size:18px;margin-left:auto}.specimen-tabs,.record-tabs{display:flex;gap:7px;flex-wrap:wrap}.specimen-tabs .btn,.record-tabs .btn{flex:1;font-size:12px;padding:8px 9px;white-space:nowrap;min-height:48px;border-radius:8px}.specimen-main{display:flex;align-items:center;justify-content:center;min-height:275px;flex:1;padding:12px}.beaker{max-height:270px;width:210px;max-width:100%}.pour-pair{display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.pour-pair .beaker{width:180px}.flow-arrow{color:#78aaba}.observation-strip{margin-top:auto;background:#e9f3f3;border:1px solid #d5e7e7;border-radius:9px;padding:12px 16px;color:#416675;font-size:13px}.ice-zone{height:240px;width:100%;display:flex;align-items:center;position:relative;justify-content:space-around;touch-action:none}.ice-block{height:116px;width:116px;border-radius:22px;background:linear-gradient(135deg,#edfcff 0,#9bd9ed 40%,#d1eef5 41%,#73b7d7 100%);border:3px solid #95c4db;box-shadow:inset 6px 6px 0 #ffffff60,inset -8px -9px 0 #6ba9ce50,0 20px 16px #43708e22;color:#f1feff;font-size:90px;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:2;touch-action:none}.ice-block.moved{transform:translateX(65%) rotate(18deg)}.ice-destination{border:2px dashed #acc6d1;width:155px;height:143px;border-radius:20px;color:#7598a9;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;font-size:12px}.cloth{width:350px;height:205px;max-width:95%;background:repeating-linear-gradient(0deg,#c8d9dc 0 2px,#c3d5d8 2px 4px);border-radius:14px;box-shadow:0 8px #a6bec5,0 15px 20px #35617d22;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:10px;color:#6c8a99;font-size:12px}.wet-mark{position:absolute;left:22%;top:20%;width:59%;height:59%;background:#5589a1;border-radius:39% 55% 49% 34%;transform:rotate(-8deg);filter:blur(2px)}.can-art{max-height:273px;width:225px;max-width:100%}.record-paper{padding:33px 40px;margin:23px auto;width:92%;min-height:224px;background:repeating-linear-gradient(#fffef8 0 31px,#e5ebe7 31px 32px);box-shadow:0 7px 18px #316a8014;border:1px solid #e0e5da;transform:rotate(-1deg);position:relative}.record-paper h2{font-size:25px;margin:13px 0 17px}.hand-note{font-size:18px;color:#497687;line-height:1.8;max-width:90%}.science-stamp{border:2px solid #80ad9e;border-radius:6px;font-size:10px;color:#6c9a8b;padding:3px 6px;transform:rotate(-7deg);position:absolute;right:15px;bottom:12px}.small-note{font-size:12px;color:#5b7e8e;text-align:center;line-height:1.7;margin-top:12px}.choice-row{display:flex;gap:7px}.choice-row .btn{flex:1;padding:10px 8px}.freeze-rig,.condensation-rig{display:flex;align-items:center;justify-content:center;gap:27px;flex:1;min-height:298px}.marked-beaker{position:relative;width:240px;height:280px}.marked-beaker .beaker{height:280px;width:240px;max-height:none}.measure-line{position:absolute;left:29px;width:195px;border-bottom:2px solid #468fbd;font-size:10px;color:#225a73;z-index:1;line-height:1;padding-bottom:4px;font-weight:700;pointer-events:none}.prediction-line{border-bottom:2px dashed #af924a;color:#927634;left:60px;width:167px}.result-line{border-color:#896caf;color:#7859a3;left:90px;width:137px}.scale{padding:16px 19px;border:1px solid #9fbdc7;border-radius:13px;background:linear-gradient(#f5f9f9,#ccdde3);text-align:center;box-shadow:0 5px 0 #a2bac3;min-width:190px}.scale>span{display:block;font-size:11px;color:#5e7e8d}.scale strong{display:block;font-family:Consolas,monospace;font-size:34px;letter-spacing:1px;background:#203f4c;color:#a1efdc;border:4px solid #9cb9c5;border-radius:7px;padding:8px;margin:8px 0}.scale strong small{font-size:17px}.steps-list{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#80939e}.steps-list .done{color:#308a76}.steps-list .done:after{content:' ✓';font-weight:bold}.pipe-diagram{padding:40px 10px 25px;flex:1;display:flex;flex-direction:column;justify-content:center}.pipe-shell{height:115px;position:relative;border:12px solid #9db8c3;border-radius:17px;background:#f1f8f9;box-shadow:inset 0 5px 6px #3b638e20,0 8px 0 #6f96a940}.pipe-water{height:100%;background:linear-gradient(#7edbe6,#3da9ca);border-radius:5px;transition:width .6s}.pipe-water.frozen{background:repeating-linear-gradient(135deg,#acdef0 0 32px,#cfeff7 32px 36px,#add6e9 36px 64px)}.pipe-space{position:absolute;right:8px;top:35%;font-size:11px;color:#486772;font-weight:700;background:#ffffffb8;border-radius:4px;padding:3px 5px}.pipe-crack{position:absolute;right:0;top:-25px;font-size:55px;color:#916454;line-height:1}.pipe-caption{display:flex;justify-content:space-between;font-size:12px;color:#648597;margin-top:20px}.trial-list{display:flex;gap:7px;flex-wrap:wrap;padding-top:10px;max-height:150px;overflow:auto}.trial-list .btn{font-size:11px;padding:9px 11px;min-height:48px}.trial-list>p{font-size:13px;color:#64838f}.draw-boards{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;align-content:center}.draw-boards>div{min-width:0}.board-label{display:block;text-align:center;font-size:13px;color:#5a7e8e;font-weight:700;margin-bottom:12px}.draw-boards canvas{width:100%;aspect-ratio:500/310;background:repeating-linear-gradient(0deg,#e0d7bf 0 2px,#e3dccb 2px 5px);border:8px solid #f3efdf;border-radius:12px;box-shadow:0 5px 0 #c3bba8;touch-action:none;cursor:crosshair}.draw-boards #draw-b{cursor:default}.timeline{margin-top:20px;padding:0 10px}.timeline input{width:100%}.compare-beakers{display:flex;justify-content:space-evenly;align-items:center;min-height:295px;gap:30px;flex:1}.compare-beakers>div{position:relative;text-align:center}.compare-beakers .beaker{height:235px;width:195px}.pin{position:absolute;bottom:27px;display:flex;align-items:center;justify-content:center;gap:4px;background:#fffaf0;border:1px solid #d2c096;border-radius:7px;font-size:11px;min-height:48px;padding:6px 9px;white-space:nowrap;right:-16px;box-shadow:0 3px 5px #21496015}.pin.selected{background:#def0e8;border-color:#74ab96}.heater{height:15px;background:#a4b7c1;width:150px;margin:-8px auto 0;border-radius:5px;font-size:9px;line-height:15px;color:#f4fbff}.heater.on{background:#da9d66}.pins-log{display:flex;flex-wrap:wrap;gap:8px;min-height:36px;margin-top:16px}.pins-log span{font-size:11px;color:#387c6a;background:#e4f3eb;padding:6px 9px;border-radius:6px}.bubble{animation:bubble 1.5s ease-in-out infinite}.can-wrap{position:relative}.cold-label{display:block;font-size:11px;text-align:center;color:#528399}.seal-tape{position:absolute;z-index:1;left:40px;right:40px;top:27px;background:#ebd3a0;color:#7b643e;font-size:11px;font-weight:700;text-align:center;transform:rotate(-5deg);padding:4px}.snapshot-row{display:flex;gap:12px;margin-top:10px}.snapshot{display:flex;align-items:center;gap:8px;padding:12px;background:#f9fcfc;border:1px solid #d7e6e6;border-radius:8px;font-size:12px}.snapshot span{font-size:11px;color:#728d99}.evidence-bank{display:grid;gap:12px;margin:5px 0 25px}.evidence-item{justify-content:flex-start;padding:18px;font-size:13px;min-height:62px;border-style:dashed;background:#fffdf6}.chain{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0;margin:auto 0 0}.chain span{display:flex;align-items:center;justify-content:center;min-height:58px;flex:1;background:#e7f0f4;border:1px dashed #95b3c4;border-radius:9px;font-size:12px;color:#436d84;padding:6px}.chain-choices{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chain-choices .btn{font-size:12px;padding:9px 12px}.experiment-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6c909d;padding:12px 3px 0;gap:12px}.experiment-footer>span:first-child{display:flex;gap:7px;align-items:center}.workshop-layout .lab-stage{padding-bottom:12px}.workshop-layout .control-panel{gap:8px}.workshop-layout .control-panel h2{font-size:23px}.part-arrows{display:flex;gap:5px}.part-arrows .btn{flex:1;padding:4px;min-width:48px;font-size:19px}.part-position{font-size:10px;color:#6f8b99}#workbench{display:block;width:100%;max-height:440px;flex:1;touch-action:none}.part{cursor:grab;filter:drop-shadow(0 5px 3px #31556510)}.part.active>rect,.part.active>path{stroke:#157eb0}.part.active{filter:drop-shadow(0 0 4px #2099ce55)}.part-label{font-size:14px;font-family:Lab,'Malgun Gothic',sans-serif;fill:#486f83}.trial-meter{display:flex;gap:20px;align-items:center;border-top:1px solid #d5e3e8;padding:12px 5px 0;flex-wrap:wrap}.trial-meter>div{display:flex;flex-direction:column;gap:0}.trial-meter span{font-size:10px;color:#6e8c9c}.trial-meter strong{font-size:23px;line-height:1.4;color:#268ca6}.trial-meter p{font-size:12px;color:#73919e;margin-left:auto;max-width:190px}.path-drop{animation:pulse 1.6s ease-in-out infinite}.final-rig{display:flex;align-items:center;justify-content:space-between;flex:1;gap:6px;min-height:280px}.mini-workshop{width:55%}.mini-workshop #workbench{max-height:280px}.mini-workshop .part{cursor:default}.connection{border-top:4px dashed #9ebbc6;position:relative;width:80px;height:40px;display:flex;align-items:center;justify-content:center}.connection.connected{border-color:#51b6c3;border-top-style:solid}.connection .btn{position:absolute;font-size:10px;padding:6px;top:10px;white-space:nowrap;min-height:48px}.core{width:125px;height:190px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:17px solid #b8ac81;border-radius:45% 45% 14px 14px;background:linear-gradient(90deg,#b5cdd650,#f6fcff,#b5cdd650);border-left:3px solid #b5ccd1;border-right:3px solid #b5ccd1;box-shadow:inset 0 -20px 20px #60899e33,0 10px 20px #315f7912;flex-shrink:0}.core:before{content:'';position:absolute;inset:0;border-top:9px solid #b8ac81;border-radius:50%}.core-crystal{width:50px;height:90px;clip-path:polygon(50% 0,100% 40%,75% 90%,50% 100%,20% 90%,0 40%);background:linear-gradient(110deg,#b7d9e7,#5d9fc0 50%,#8cbacf 50%);margin-bottom:10px}.core.powered .core-crystal{background:linear-gradient(110deg,#dbfff7,#5fd5d0 50%,#82e8ec 50%);filter:drop-shadow(0 0 25px #55e2e8);animation:pulse 3s infinite}.core b{font-size:10px;letter-spacing:1px}.core>span:last-child{font-size:9px;color:#648895}.final-evidence{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.final-evidence .btn{flex:1;font-size:11px;padding:9px 5px;white-space:nowrap}.lever-box{border-top:1px solid #d8e5e7;margin-top:15px;padding-top:16px}.ending-shell{min-height:100svh;background:linear-gradient(#e8f9f1da,#e9f7f8e8),url('/assets/lab-main.png') center/cover}.ending-main{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;padding:75px 5%}.ending-illustration{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.ending-illustration .core{transform:scale(1.7);margin:50px 0 100px}.ending-illustration>.mascot{position:absolute;width:135px;bottom:40px;right:10px;transform:rotate(8deg)}.ending-rays{position:absolute;inset:10% 0;background:radial-gradient(ellipse,#7ce2d655,transparent 65%);animation:pulse 6s infinite}.ending-caption{font-size:14px;color:#477b80;text-align:center;position:relative}.ending-copy h1{font-size:38px;line-height:1.45;margin:18px 0}.ending-copy>p{font-size:16px;color:#527b82}.style-award{margin-top:25px;background:#fffaf0;border:1px solid #dfd7ba;border-radius:11px;padding:14px 18px;font-size:12px;color:#90794c}.style-award strong{font-size:20px;margin-left:17px;color:#806239}.style-award small{display:block;font-size:10px;margin-top:6px}.ending-stats{display:flex;gap:35px;margin-top:24px}.ending-stats>div{display:flex;flex-direction:column}.ending-stats strong{font-size:29px;color:#297d87}.ending-stats strong span{font-size:14px;color:#90acb0;margin-left:5px}.ending-stats small{font-size:11px;color:#6b939a}.ending-copy .home-actions .btn{font-size:13px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.dialog-head h2{font-size:24px}dialog{border:1px solid #b8d4dc;border-radius:20px;box-shadow:0 25px 100px #193e5360;width:min(640px,92vw);max-height:88svh;padding:26px;color:var(--ink);background:#fbfefe}dialog::backdrop{background:#153f5566;backdrop-filter:blur(6px)}.reward-modal{text-align:center;padding:15px 20px}.reward-seal{width:85px;height:85px;margin:0 auto 22px;border-radius:50%;background:#def4ec;color:#389377;display:flex;align-items:center;justify-content:center;border:1px solid #a8d8c5;box-shadow:0 0 0 8px #eff9f5}.reward-modal h3{font-size:27px;margin:14px 0}.reward-modal p{font-size:14px;margin:12px 0}.reward-modal .btn{margin-top:16px}.notebook-list{display:grid;gap:14px;margin-top:20px}.notebook-record{padding:17px;border:1px solid #dbe6e7;border-radius:12px;background:white}.notebook-record h3{font-size:18px;margin:5px 0}.notebook-record p{font-size:13px}.settings-body{display:flex;flex-direction:column;gap:20px}.settings-body p{font-size:14px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:24px;height:24px;accent-color:#198ba7}.certificate-form{display:grid;gap:12px}.certificate-form p{font-size:12px}.certificate-border{margin-top:25px;text-align:center;padding:35px 20px;border:double 6px #c3aa70;background:#fffef7}.certificate-border h2{font-size:29px;margin:20px 0}.certificate-border p{font-size:15px;margin:20px 0}.certificate-border .cert-name{font-size:25px;font-weight:800}.cert-badge{background:#dff2ec;color:#2a7b69;padding:10px;border-radius:8px;font-size:13px}.certificate-border small{font-size:11px;color:#a18e65}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;max-width:min(680px,90vw);background:#163f53f5;color:white;padding:14px 23px;border-radius:12px;font-size:14px;box-shadow:0 10px 35px #133a5335;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse{50%{opacity:.55}}@keyframes bubble{50%{transform:translateY(-13px);opacity:.6}}.reduce-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1600px){body{font-size:18px}.experiment-main{padding-top:36px}.experiment-layout{grid-template-columns:minmax(0,1fr) 340px}.control-panel{padding:28px;gap:17px}.control-panel>p,.guide p{font-size:16px}.control-panel>.btn{font-size:16px}.lab-stage{min-height:520px}.specimen-main{min-height:330px}.beaker{max-height:330px;width:250px}.pour-pair .beaker{width:220px}.map-main{padding-top:50px}.home-main{padding-top:90px;padding-bottom:130px}.home-character{width:250px}.map-content{grid-template-columns:minmax(0,1fr) 320px}.marker-label b{font-size:14px}.marker-label small{font-size:11px}.map-marker{min-height:56px}.map-heading h1{font-size:36px}.mission-card h2{font-size:27px}}
@media(max-width:1100px){.topbar{height:70px;padding:0 3%}.home-main{min-height:calc(100svh - 70px);padding:45px 5% 90px}.home-character{right:8%;width:170px}.home-copy{width:74%}.map-main,.experiment-main{padding-left:3%;padding-right:3%}.map-content{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.mission-card{padding:20px}.mission-card h2{font-size:20px}.mission-number{font-size:44px!important}.marker-label b{font-size:10px}.marker-label small{font-size:8px}.map-marker{gap:4px;padding-right:6px}.marker-dot{width:25px;height:27px}.experiment-layout{grid-template-columns:minmax(0,1fr) 265px;gap:15px}.control-panel{padding:18px;gap:10px}.control-panel h2{font-size:23px}.lab-stage{padding:15px}.freeze-rig,.condensation-rig{gap:8px}.scale{min-width:165px;padding:12px}.scale strong{font-size:27px}.marked-beaker{width:200px}.compare-beakers{gap:14px}.compare-beakers .beaker{width:155px}.pin{right:-8px}.final-rig{gap:0}.core{width:105px;height:170px}.connection{width:50px}.ending-main{gap:35px;padding-top:50px}.ending-copy h1{font-size:30px}}
@media(max-width:800px){.topbar-right{gap:8px}.progress-caption{display:none}.nav-btn{padding:0 10px}.home-main{padding:45px 6% 95px;align-items:flex-start}.home-copy{width:90%}.home-character{width:125px;right:5%;bottom:13%}.speech-bubble{display:none}.home-lead{font-size:23px}.home-description{font-size:15px}.title-logo{margin-top:25px}.home-bottom span:nth-child(2){display:none}.home-meta{font-size:10px;gap:9px}.home-shell{background-image:linear-gradient(90deg,#eaf8fbf2,#edf9fbcc 65%,#edf9fb88),url('/assets/lab-main.png')}.map-heading h1{font-size:24px}.map-heading p{font-size:12px}.restore-indicator{width:120px}.map-content{grid-template-columns:1fr}.world-map{min-height:300px}.mission-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.mission-card .mission-number{display:none}.mission-card .eyebrow{grid-column:1/3}.mission-card>p{min-height:0;margin-top:0;font-size:12px}.reward-preview{margin:0;border:0;padding:0;grid-column:1}.mission-card>.btn{grid-column:2;grid-row:2/5;max-width:190px}.map-marker .marker-label b{font-size:11px}.map-marker .marker-label small{font-size:8px}.experiment-layout{grid-template-columns:1fr}.control-panel{display:flex;gap:12px}.control-panel h2 br{display:none}.control-panel h2{font-size:23px}.control-panel .gold{margin-top:8px}.lab-stage{min-height:400px}.experiment-heading{gap:12px}.experiment-heading .eyebrow{font-size:9px}.experiment-heading h1{font-size:23px}.back-map span{display:none}.back-map{padding:8px;min-width:42px}.page-count{font-size:11px}.page-count b{font-size:21px}.guide{padding:12px;gap:10px}.guide p{font-size:13px}.experiment-footer>span:last-child{display:none}.specimen-tabs .btn{font-size:11px}.freeze-rig,.condensation-rig{gap:25px}.compare-beakers .beaker{width:185px}.part-arrows{max-width:320px}.workshop-layout .control-panel{gap:12px}.ending-main{grid-template-columns:1fr;padding:30px 7%;gap:15px}.ending-illustration{min-height:285px}.ending-illustration .core{transform:scale(1.2);margin:20px 0 40px}.ending-illustration>.mascot{right:18%;width:100px;bottom:30px}.ending-copy{text-align:center}.ending-copy .unit-label,.ending-copy .home-actions{justify-content:center}.ending-stats{justify-content:center}.ending-copy h1{font-size:30px}.final-rig{gap:10px}.core{width:120px}.connection{width:60px}}
@media(max-width:450px){.topbar{height:66px}.brand{font-size:9px;gap:5px}.brand small{font-size:13px}.brand svg{width:23px}.nav-btn{font-size:12px;gap:5px}.icon-btn{width:44px}.topbar-right{gap:6px}.home-main{min-height:calc(100svh - 66px);padding-top:50px}.home-copy{width:100%}.home-lead{font-size:21px}.home-description{font-size:14px}.home-character{display:none}.title-logo{margin:24px 0}.hero-button{min-width:230px}.map-heading{align-items:flex-start;gap:15px}.map-heading h1{font-size:20px}.restore-indicator{width:75px;grid-template-columns:1fr}.restore-indicator strong{font-size:25px}.restore-indicator>span{font-size:9px}.map-heading p{font-size:11px}.world-map{min-height:0;aspect-ratio:1.35}.map-marker{min-height:48px;max-width:98px;gap:4px;box-shadow:0 2px 0 #61858140}.map-marker .marker-label b{font-size:8px}.map-marker .marker-label small{font-size:7px}.marker-dot{width:22px;font-size:12px}.map-marker svg{width:13px}.map-caption{font-size:6px}.mission-card{grid-template-columns:1fr;padding:17px}.mission-card .eyebrow,.mission-card>.btn{grid-column:1;grid-row:auto;max-width:none}.mission-card h2{font-size:20px}.reward-preview{margin:8px 0}.guide .mascot{width:43px}.experiment-main{padding-top:15px}.experiment-heading{gap:8px;align-items:center}.experiment-heading h1{font-size:18px;letter-spacing:-.7px}.experiment-heading .eyebrow{font-size:8px;letter-spacing:.5px}.back-map{min-width:40px}.page-count{display:none}.lab-stage{padding:12px;min-height:365px}.stage-tag{font-size:9px}.specimen-tabs{display:grid;grid-template-columns:1fr 1fr}.specimen-main{min-height:230px;padding:7px}.pour-pair{gap:5px}.pour-pair .beaker{width:125px}.flow-arrow svg{width:22px}.observation-strip{font-size:12px;padding:10px}.ice-block{width:85px;height:85px;font-size:70px}.ice-destination{width:110px;height:120px;padding:15px;font-size:11px}.record-tabs{display:grid;grid-template-columns:1fr 1fr}.record-paper{padding:20px;margin:20px auto;width:100%}.record-paper h2{font-size:22px}.hand-note{font-size:15px}.freeze-rig,.condensation-rig{gap:0;flex-wrap:wrap}.scale{min-width:140px;padding:8px}.scale strong{font-size:23px}.marked-beaker{width:175px;height:240px}.marked-beaker .beaker{width:175px;height:240px}.measure-line{width:145px;left:20px;font-size:9px}.prediction-line{left:40px;width:125px}.result-line{left:55px;width:110px}.can-art{width:150px}.can-wrap .seal-tape{left:20px;right:20px;top:17px}.condensation-rig{min-height:240px}.snapshot{padding:8px;gap:5px}.snapshot span{font-size:9px}.snapshot-row{gap:6px}.draw-boards{gap:7px}.draw-boards canvas{border-width:4px;min-height:180px}.board-label{font-size:10px}.compare-beakers{gap:5px;min-height:265px}.compare-beakers .beaker{width:140px}.heater{width:100px}.pin{font-size:9px;right:0;padding:5px}.chain{gap:4px}.chain svg{width:16px}.chain span{font-size:10px;padding:5px}.evidence-item{font-size:12px;padding:12px}.final-rig{gap:0;min-height:260px;flex-wrap:wrap}.mini-workshop{width:55%}.core{width:90px;height:155px}.core b{font-size:8px}.connection{width:35px}.connection .btn{font-size:9px;padding:5px}.core-crystal{width:40px;height:70px}.final-evidence .btn{min-width:29%}.ending-copy h1{font-size:25px}.style-award strong{font-size:18px;margin-left:8px}.ending-stats{gap:27px}dialog{padding:18px}.dialog-head h2{font-size:20px}}
@media(max-height:600px) and (min-width:801px){.topbar{height:62px}.home-main{min-height:calc(100svh - 62px);padding-top:25px;padding-bottom:55px}.home-copy{width:62%}.title-logo{max-width:430px;margin:8px 0}.home-lead{font-size:20px}.home-description{font-size:13px;margin-top:8px}.home-actions{margin-top:16px}.hero-button{min-height:52px}.home-meta{margin-top:15px}.home-bottom{bottom:10px;padding-top:8px}.home-character{width:140px}.map-main,.experiment-main{padding-top:18px}.map-heading h1{font-size:24px}.map-content{margin-top:16px}.guide{margin-top:14px}.experiment-heading{margin-bottom:15px}.lab-stage{min-height:350px}}
@media(min-width:801px){.world-map{max-height:435px}.map-content{margin-top:18px}.map-heading h1{font-size:28px}.map-main{padding-top:23px}.workshop-layout .control-panel{gap:6px;padding:17px}.workshop-layout .part-position{display:none}.workshop-layout .control-panel .micro-copy{font-size:11px;line-height:1.3}.workshop-layout .control-panel h2{font-size:21px}.workshop-layout .status-line{padding:0}.workshop-layout #workbench{max-height:400px}.control-panel>p,.guide p{font-size:16px}.observation-strip{font-size:15px}.control-panel>.btn{font-size:16px}.range-label{font-size:14px}}
@media print{body>*{display:none!important}body>dialog{display:block!important;position:static;margin:0;border:0;padding:0;box-shadow:none;width:100%;max-width:none;max-height:none;background:white}dialog>*{display:none!important}dialog>#certificate-print{display:block!important}.certificate-border{padding:60px 30px;margin:20px;border:double 8px #b49c62;min-height:85vh}.certificate-border h2{font-size:40px}.certificate-border .cert-name{font-size:33px}dialog::backdrop{display:none}@page{size:A4 portrait;margin:12mm}}

.settings-body details{border:1px solid var(--line);padding:12px 15px;border-radius:10px;background:white}.settings-body summary{cursor:pointer;font-size:15px;font-weight:700;min-height:24px}.settings-body details p{margin-top:12px}.icon-btn,.back-map{min-width:48px;min-height:48px}.two-buttons .btn{white-space:nowrap}

/* Shared navigation stays reachable on every screen. */
.topbar{position:sticky;top:0;gap:16px}.topbar-left,.page-nav{display:flex;align-items:center;gap:8px}.topbar-left{gap:20px}.topbar-right{gap:10px}.topbar .icon-btn{width:48px;min-width:48px;flex-shrink:0}.admin-active{border-color:#b99b4e;background:#fff4d3}.settings-body{gap:14px}.check-label{min-height:48px;font-weight:700}.settings-jump{display:flex;gap:10px;align-items:center}.settings-jump select{min-width:0;flex:1;min-height:48px}.settings-jump .btn{flex-shrink:0}
@media(max-width:1000px){.topbar .progress-caption{display:none}}
@media(max-width:640px){.topbar .brand{display:none}.topbar{padding:0 14px;gap:12px}.topbar-right{gap:8px}.topbar .nav-btn{width:48px;padding:0}.topbar .nav-btn span{display:none}}