*{box-sizing:border-box}.lab-page{max-width:1320px;margin:auto;padding:16px 24px 40px;color:#154b58}.lab-page>h1{font-size:clamp(24px,3vw,36px);margin:6px 0}.lab-page>p{margin:0 0 18px}.lab{container-type:inline-size;position:relative;width:100%;aspect-ratio:16/9;min-height:500px;isolation:isolate;overflow:hidden;border:3px solid #d1e8e4;border-radius:26px;background:#f4fcf8 url('./assets/lab.webp') center/cover;color:#164d59;font-family:'Zen Maru Gothic',system-ui,sans-serif}.lab [hidden]{display:none!important}.lab button{font:inherit;font-weight:900;cursor:pointer;border:2px solid #a8d9d5;border-radius:12px;padding:9px 13px;color:#154b58;background:#fff;min-height:42px;box-shadow:0 3px 0 #286c6c18;line-height:1.35}.lab button:hover:enabled{filter:brightness(.96)}.lab button:active:enabled{transform:translateY(2px);box-shadow:none}.lab button:focus-visible{outline:4px solid #dd661d;outline-offset:3px}.lab button:disabled{cursor:default;opacity:.62}.lab .primary{background:#fa9653;border-color:#de742e;color:#352a21;font-size:clamp(15px,1.6cqw,21px);padding:12px 17px;box-shadow:0 4px 0 #c86525}.lab .subtle{background:#fffaf1;border-color:#d9ded7;box-shadow:none}.lab-top{position:absolute;z-index:4;left:3%;right:3%;top:3%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}.lab-top>strong{font-size:clamp(14px,1.7cqw,23px);background:#fffffff2;border-radius:12px;padding:9px 13px}.lab-top nav{display:flex;gap:5px}.lab-top button{font-size:clamp(12px,1.2cqw,17px);padding:7px 10px;min-width:42px}.lab-top button[aria-pressed=false]{background:#e9efef;color:#476470}.lab-content{position:absolute;inset:14% 3% 4%}.experiment{height:100%;display:grid;grid-template-columns:1.35fr 1fr;gap:3%}.tank-side{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1%}.tank-caption{display:flex;justify-content:space-between;gap:10px;font-size:clamp(13px,1.6cqw,20px);font-weight:900;padding:0 5%}.tank{position:relative;width:100%;aspect-ratio:4/3;isolation:isolate;overflow:hidden;border-radius:20px;flex-shrink:1;min-height:0}.tank-art{position:absolute;width:100%;height:100%;inset:0}.specimen{position:absolute;left:50%;width:20%;height:auto;max-height:28%;object-fit:contain;transform:translate(-50%,-50%);z-index:1;pointer-events:none;user-select:none}.specimen[data-item=bottle],.specimen[data-item=wood],.specimen[data-item=key]{width:25%}.underwater{position:absolute;z-index:2;left:7.4%;right:7.4%;top:36.9%;bottom:16.7%;background:rgba(90,204,222,.16);border-top:2px solid #e4ffffa8;pointer-events:none}.water-label{position:absolute;top:42%;left:9%;font-size:clamp(12px,1.5cqw,19px);font-weight:900;color:#23647a}.result-flag{position:absolute;z-index:3;right:10%;top:44%;border-radius:12px;background:#fffef5;box-shadow:0 2px 6px #27657820;padding:7px 10px;font-weight:900;font-size:clamp(15px,2cqw,25px)}.demo-stone{position:absolute;left:61%;width:20%;bottom:16.7%;z-index:1}.specimen-tray{display:flex;align-items:center;justify-content:space-around;background:#eefaf5ec;border:3px solid #a7dcd3;border-radius:16px;padding:5px 10px;height:15%;min-height:48px;box-shadow:inset 0 3px 8px #75989422}.specimen-tray span{height:100%;width:13%;border-radius:10px;display:grid;place-items:center;border:2px solid transparent}.specimen-tray span.current{background:#fff8e1;border-color:#dc842e}.specimen-tray img{width:85%;height:85%;object-fit:contain}.clipboard{position:relative;background:#fffcf4;border:9px solid #c9e3db;border-top:14px solid #c9e3db;border-radius:20px;box-shadow:0 9px 16px #24665b20;padding:8% 7% 5%;display:flex;align-items:center}.clipboard:before{content:'';position:absolute;top:-19px;left:32%;right:32%;height:24px;background:#81bab0;border:4px solid #60998f;border-radius:8px}.clipboard>section{width:100%}.eyebrow{display:block;font-size:clamp(12px,1.3cqw,17px);font-weight:900;letter-spacing:.07em;color:#477d72}.clipboard h2{font-size:clamp(25px,4.6cqw,60px);line-height:1.3;margin:8px 0 14px;font-weight:900}.clipboard h2 span{color:#dd702e}.clipboard p{font-size:clamp(14px,1.75cqw,23px);line-height:1.65;margin:8px 0 16px}.clipboard .menu-small{font-size:clamp(12px,1.2cqw,16px)}#menu>button{display:block;width:100%;margin-top:12px}.stats{display:flex;gap:15px;font-size:clamp(12px,1.25cqw,17px);padding-bottom:10px;margin-bottom:10px;border-bottom:2px dashed #c0d6ce}.stats b{font-size:1.25em}.clipboard #itemName{font-size:clamp(22px,3cqw,39px);margin:5px 0}.clipboard .condition{font-size:clamp(13px,1.3cqw,18px);background:#e8f4ee;border-radius:8px;padding:7px 9px;line-height:1.5;margin:5px 0 14px}#guessPanel>p{margin:4px 0 12px}.predictions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.predictions button{font-size:clamp(19px,2.6cqw,32px);padding:18px 5px;background:#d8f3ed;border-color:#55a89a}.predictions button:last-child{background:#dcecfa;border-color:#70a8d4}#notebook{width:100%;margin-top:17px;font-size:clamp(13px,1.3cqw,18px)}#observePanel{background:#eaf6f3;padding:17px;border-radius:12px}#observePanel strong,#feedback{font-size:clamp(16px,1.9cqw,25px);display:block}#reviewPanel p{font-size:clamp(14px,1.5cqw,20px);line-height:1.6;margin:10px 0 15px}#next{width:100%}.notebook{height:100%;max-width:900px;margin:auto;background:#fffcf3;border:10px solid #aecfc4;border-radius:20px;padding:2% 4%;display:flex;flex-direction:column;box-shadow:0 8px 16px #286c6629}.notebook header{text-align:center}.notebook h2{font-size:clamp(22px,3cqw,38px);margin:4px}.notebook header p{margin:4px 0 14px;font-size:clamp(13px,1.45cqw,19px)}.book-table{overflow:auto;flex:1;min-height:0}.book-table table{width:100%;border-collapse:collapse;font-size:clamp(14px,1.6cqw,21px)}.book-table th{position:sticky;top:0;background:#e0eee5;padding:9px 5px;z-index:1}.book-table td{border-bottom:2px solid #dce5da;text-align:center;padding:8px 5px}.book-table td:first-child{text-align:left}.book-table img{width:45px;height:34px;object-fit:contain;vertical-align:middle;margin-right:8px}.book-table small{font-size:.73em;display:block}.notebook footer{display:flex;justify-content:center;gap:14px;padding-top:13px}.lab-sheet{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#163d4dcc;padding:20px;backdrop-filter:blur(4px)}.lab-sheet>div{width:min(600px,95%);max-height:100%;overflow:auto;background:#fffdf4;border:7px solid #b8dcd2;border-radius:24px;padding:22px;text-align:center}.lab-sheet h2{font-size:clamp(22px,3cqw,34px);margin:0 0 15px}.lab-sheet p{font-size:clamp(14px,1.55cqw,20px);line-height:1.8}.lab-sheet button{margin:6px}.parent-note{margin:24px auto;padding:20px;background:#f4fbf7;border-radius:18px;line-height:1.9}.parent-note h2{font-size:20px;margin:0}.lab:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh;min-height:0;max-height:none;aspect-ratio:auto}.lab:fullscreen .lab-content{max-width:1500px;margin:auto}.lab:fullscreen .tank{max-height:85%}@media(max-width:650px){.lab-page{padding:10px}.lab{min-height:700px;aspect-ratio:auto;border-radius:20px}.lab-top{top:12px;left:12px;right:12px;display:block}.lab-top>strong{display:block;text-align:center;font-size:16px;padding:4px;margin-bottom:5px}.lab-top nav{justify-content:center}.lab-top button{font-size:12px;min-height:36px;padding:5px 7px}.lab-content{inset:99px 12px 12px}.experiment{grid-template-columns:1fr;grid-template-rows:minmax(230px,1fr) auto;gap:12px}.tank-side{min-height:0;position:relative}.tank{height:calc(100% - 26px);width:auto;max-width:100%;aspect-ratio:4/3;align-self:center}.tank-caption{font-size:13px;min-height:24px}.specimen-tray{display:none}.clipboard{padding:14px 18px;border-width:5px;border-top-width:7px;align-items:start}.clipboard:before{height:16px;top:-14px;border-width:3px}.clipboard h2{font-size:31px;margin:3px 0 8px}.clipboard #menu h2 br{display:none}.clipboard p{font-size:15px;line-height:1.6;margin:6px 0}.clipboard .eyebrow{font-size:12px}.clipboard #menu>button{margin-top:8px;min-height:40px;padding:8px}.clipboard .menu-small{font-size:12px}.stats{font-size:12px;margin:0 0 5px;padding-bottom:4px}.clipboard #itemName{font-size:23px;margin:2px 0}.clipboard .condition{font-size:12px;margin:3px 0 7px;padding:4px 7px}.predictions button{font-size:22px;padding:8px}.lab .primary{font-size:15px;padding:10px}.lab #notebook{font-size:13px;margin-top:9px;padding:6px;min-height:34px}#reviewPanel p{font-size:14px;margin:7px 0}#feedback{font-size:17px}.notebook{padding:12px;border-width:6px}.notebook footer{flex-wrap:wrap;gap:5px}.notebook h2{font-size:25px}.book-table table{font-size:14px}.book-table img{width:32px;height:30px;margin-right:2px}.book-table small{max-width:155px}#emptyBook{font-size:14px}.water-label{font-size:13px}.result-flag{font-size:18px}.lab-sheet{padding:8px}.lab-sheet>div{padding:14px}.lab-sheet p{font-size:14px}.lab:fullscreen{min-height:0}.lab:fullscreen .tank{max-height:none}.lab:fullscreen .experiment{grid-template-rows:minmax(160px,1fr) auto}}@media(min-width:651px) and (max-height:550px){.lab:fullscreen .lab-top{top:2%}.lab:fullscreen .lab-content{inset:15% 3% 3%}.lab:fullscreen .clipboard{padding:12px 20px;border-width:6px}.lab:fullscreen .clipboard h2{font-size:32px;margin:4px 0}.lab:fullscreen .clipboard p{font-size:14px;margin:5px 0}.lab:fullscreen .clipboard #itemName{font-size:25px}.lab:fullscreen .condition{padding:4px 7px;font-size:12px}.lab:fullscreen #notebook{margin-top:8px;padding:4px}.lab:fullscreen .stats{padding-bottom:5px;margin-bottom:5px}.lab:fullscreen .primary{padding:8px;font-size:15px}.lab:fullscreen .predictions button{padding:10px;font-size:22px}.lab:fullscreen .tank{max-height:82%}.lab:fullscreen .specimen-tray{min-height:38px}.lab:fullscreen #menu>button{margin-top:7px}}@media(prefers-reduced-motion:reduce){.lab button:active:enabled{transform:none}}
.experiment{grid-template-rows:minmax(0,1fr)}.tank-side{min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr)60px;gap:5px}.tank{height:100%;width:auto;max-width:100%;justify-self:center;align-self:center}.specimen-tray{height:100%;min-height:0}.clipboard{min-height:0}@media(max-width:650px){.experiment{grid-template-rows:minmax(230px,1fr) auto}.tank-side{grid-template-rows:24px minmax(0,1fr);gap:2px}.tank{height:100%;width:auto;max-width:100%}.lab:fullscreen .experiment{grid-template-rows:minmax(160px,1fr) auto}}@media(min-width:651px) and (max-height:550px){.lab:fullscreen .tank-side{grid-template-rows:24px minmax(0,1fr)38px}.lab:fullscreen .tank{max-height:100%}}
.specimen-tray span{display:flex;justify-content:center;align-items:center;overflow:hidden}.specimen-tray img{max-height:100%;max-width:100%;height:100%;width:85%;object-fit:contain}.book-table img{max-height:34px}

@media(max-width:650px){.lab{min-height:740px}.experiment,.lab:fullscreen .experiment{grid-template-rows:minmax(160px,1fr) 345px}.clipboard{align-items:center}.tank{width:100%;height:100%}.tank-art{object-fit:fill}}@media(min-width:651px) and (max-height:550px){.lab-top{top:2%}.lab-content{inset:15% 3% 3%}.clipboard{padding:12px 20px;border-width:6px}.clipboard h2{font-size:32px;margin:4px 0}.clipboard p{font-size:14px;margin:5px 0}.clipboard #itemName{font-size:25px}.clipboard .condition{padding:4px 7px;font-size:12px}#notebook{margin-top:8px;padding:4px}.stats{padding-bottom:5px;margin-bottom:5px}.lab .primary{padding:8px;font-size:15px}.predictions button{padding:10px;font-size:22px}.tank-side{grid-template-rows:24px minmax(0,1fr)38px}.tank{max-height:100%}.specimen-tray{min-height:0}#menu>button{margin-top:7px}.clipboard #menu .menu-small{display:none}.clipboard #menu h2 br{display:none}#reviewPanel p{font-size:13px;margin:6px 0}#feedback{font-size:16px}}@media(max-width:650px) and (max-height:700px){.lab:fullscreen .lab-top>strong{display:none}.lab:fullscreen .lab-content{top:64px}.lab:fullscreen .experiment{grid-template-rows:minmax(140px,1fr) 310px}.lab:fullscreen .clipboard{padding:8px 14px}.lab:fullscreen .clipboard .eyebrow{display:none}.lab:fullscreen #reviewPanel p{font-size:13px;line-height:1.5}}
.notebook{height:auto;max-height:100%}.book-table{flex:0 1 auto}.notebook footer{flex-shrink:0}