/* One scene, one instruction, visible next action. Existing visual identity retained. */
.tablet-activity .garden-grid{aspect-ratio:auto;grid-template-rows:repeat(4,auto)}
.tablet-activity .lab-scene.pressed .specimen-focus img{animation:squeeze .65s ease-out}
.garden-legend{display:flex;justify-content:center;gap:20px;font-size:14px;margin:8px 0}.garden-legend span{display:flex;gap:6px;align-items:center}.garden-legend i{width:18px;height:18px;border-radius:4px;border:1px solid #798d6a}.garden-legend .water{background:#a9d2cf}.garden-legend .grass{background:#c8d792}.garden-legend .dry{background:#dfc590}
button,input,summary{touch-action:manipulation}button.btn,button.choice,summary{min-height:48px}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #1976b0;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}
.topbar{min-height:64px;height:64px;padding:8px 24px}.topbar .wordmark{font-size:18px}.topbar .subject{font-size:14px}.topbar .header-tools .btn{min-height:44px}
.tablet-activity{max-width:1400px;margin:auto;padding:16px 24px 12px;display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - 64px)}
.learning-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.learning-heading h1{font-size:28px;margin:2px 0 5px;line-height:1.3}.learning-heading p{margin:0;font-size:17px}.learning-heading .eyebrow{font-size:12px}.learning-heading .page-number{font-size:16px;white-space:nowrap}
.learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start;flex:1;min-width:0}.learning-scene,.learning-note{background:#fffdf7;border:1px solid #dce5d5;border-radius:22px;padding:16px;min-width:0}.learning-note{background:#eef3e6;color:#244a37}.learning-note h2{font-size:19px;margin:0 0 12px}.learning-note h3{font-size:17px}.learning-note p{font-size:15px;line-height:1.55;margin:8px 0}.learning-note section+section{border-top:1px solid #d6e2c9;padding-top:10px;margin-top:10px}.record-row{display:flex;gap:8px;align-items:baseline;color:#637363}.record-row.done{color:#285f3d}.record-row>span{font-weight:800}.learning-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.learning-tabs .btn{padding:10px 16px}.learning-scene .btn{font-size:16px;white-space:normal;line-height:1.4}
.learning-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4px 2px;position:static;background:none;border-top:1px solid #dce5d5;box-shadow:none;min-height:66px}.learning-footer>span{font-size:15px;max-width:65%;line-height:1.5}.learning-footer>div{display:flex;gap:10px}.learning-footer .ready{color:#24653b;font-weight:700}.learning-footer .btn{white-space:nowrap}
.tablet-activity .specimen-stage{height:240px;min-height:0;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse,#f3f3df,transparent);margin:10px 0;touch-action:pan-y}.tablet-activity .specimen-art{width:260px;height:220px;position:relative;inset:auto;margin:auto;transform-origin:center}.tablet-activity .specimen-art img,.tablet-activity .specimen-art svg{height:100%;width:100%;object-fit:contain}.leaf-stage.edge .specimen-art{filter:drop-shadow(0 0 3px #86a94c)}.leaf-stage .scene-badge{font-size:12px;top:10px;left:10px}.feature-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.feature-choices .btn{flex:1;min-width:140px;max-width:300px}.optional-tools{margin-top:6px}.optional-tools summary,details summary{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#456b51}.optional-tools .tool-row{margin:0}.optional-tools label{display:flex;align-items:center;gap:12px}.optional-tools input{min-height:48px}
.classify-leaves{display:flex;justify-content:center;gap:16px;margin:14px 0}.classify-leaves .plant-card{width:180px;min-height:150px;padding:8px}.classify-leaves .plant-card img,.classify-leaves .plant-card svg{height:115px;width:100%;object-fit:contain}.tablet-activity .sort-bins{gap:12px}.tablet-activity .sort-bin{min-height:110px;padding:16px}.sort-bin>strong{display:block;margin-bottom:12px}.placed-label{font-size:15px}.reason-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.reason-cards>p{flex-basis:100%;margin:0 0 2px;font-size:16px}.reason-cards .btn{flex:1 1 180px;font-size:15px;white-space:normal;text-align:left}.learning-note .reason-cards .btn{flex-basis:100%}
.tablet-activity .season-scene{height:280px;margin:10px 0;position:relative}.tablet-activity #season-art{height:100%}.tablet-activity #season-art svg{height:100%;width:100%}.season-scene>.btn{position:absolute;right:10px;bottom:10px}.tablet-activity .timeline{margin:0}.tablet-activity .timeline input{height:36px;min-height:36px}.tablet-activity .timeline>div{display:flex;justify-content:space-between;gap:6px}.tablet-activity .timeline .btn{font-size:14px;padding:8px 12px}.season-caption{font-size:15px;margin:10px 0}.season-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.season-pair figure{margin:0;background:#f2f4e9;border-radius:16px;padding:12px}.season-pair svg{width:100%;height:270px}.season-pair figcaption{font-weight:700;font-size:17px}
.tablet-activity .experiment-stage{height:300px;min-height:0;margin:0 0 12px}.tablet-activity .specimen-focus{height:240px;min-height:0;z-index:4}.tablet-activity .whole-specimen{height:180px}.tablet-activity .water-level{pointer-events:none}.tablet-activity .bubbles{pointer-events:none;z-index:6}.tablet-activity .bubbles i{animation-iteration-count:1;animation-duration:1.2s;width:13px;height:13px}.squeezed img{animation:squeeze .65s ease-out}.optional-image{height:140px;width:100%;object-fit:contain}@keyframes squeeze{50%{transform:scale(.8,1.08)}}
.habitat-focus{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px 0}.habitat-focus>img,.habitat-focus>svg{width:230px;height:185px;object-fit:contain}.habitat-focus p{max-width:260px;font-size:17px}.habitat-focus small{font-size:12px;color:#617b69}.environment-cards{display:flex;gap:10px}.environment-cards .btn{flex:1;display:flex;flex-direction:column;gap:5px;padding:12px}.environment-cards small{font-size:13px}.tablet-activity .garden-frame{margin:12px auto;padding:8px;max-width:670px}.tablet-activity .garden-grid{gap:6px}.tablet-activity .garden-cell{height:62px;min-height:48px;aspect-ratio:auto}.tablet-activity .garden-cell img,.tablet-activity .garden-cell svg{height:58px;object-fit:contain}.terrain-tools .btn{min-width:64px}
.compact-bag{height:230px;display:flex;justify-content:center;position:relative}.compact-bag>svg,.compact-bag>div,.compact-bag img{max-height:100%;width:100%;object-fit:contain}.picture-parts fieldset{padding:0;margin:0;border:0}.picture-parts legend{font-size:16px;font-weight:700;margin:4px 0}.picture-parts{display:grid;gap:10px}.design-layout .picture-parts{grid-template-columns:1fr 1fr}.picture-parts .part-pair{display:flex;gap:8px}.picture-parts .part-card{min-width:0;flex:1;padding:6px;border-radius:14px;min-height:106px}.picture-parts .part-card img{height:68px;max-width:100%;object-fit:contain}.picture-parts .part-card strong{font-size:14px;line-height:1.3}.lotus-demo{height:165px;width:100%;position:relative;background:#fff;border:1px solid #d8e5cb;border-radius:18px;overflow:hidden}.lotus-demo img{height:100%;object-fit:contain}.rolling-drop{position:absolute;left:45%;top:35%;width:18px;height:18px;background:#6ac8e5;border:2px solid #fff;border-radius:50%;animation:roll 3s 2}.lotus-note small{font-size:12px}@keyframes roll{to{transform:translate(80px,65px);opacity:0}}
.water-demo{position:relative;height:225px;overflow:hidden;background:#edf5ed;border-radius:16px}.water-demo .compact-bag{height:100%}.water-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.75}.water-route{fill:none;stroke:#007ca4;stroke-width:7;stroke-linecap:round;stroke-dasharray:9 16}.water-paths text{font-size:16px;fill:#14546b;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:4px}.moving .water-route{animation:water-flow .8s linear infinite}.paused *{animation-play-state:paused!important}.test-conditions{font-size:13px;text-align:center;margin:6px}.latest-result{font-size:15px;background:#eef4e8;border-radius:12px;padding:10px;margin-top:10px}.test-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.test-record{border:1px solid #d5dfcd;border-radius:12px;padding:8px;background:#fff}.test-record strong,.test-record span{display:block;font-size:13px}.test-record p{font-size:13px;margin:6px 0;line-height:1.5}.compact.reason-cards{margin-top:8px}.compact.reason-cards .btn{font-size:14px;min-height:48px;padding:8px}.test-layout .learning-note p{font-size:14px}.test-layout .learning-note small{font-size:12px}.test-layout .learning-note h3{font-size:16px;margin:12px 0 4px}@keyframes water-flow{to{stroke-dashoffset:-50}}
.sharing-card{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:22px;border:1px solid #dce5d5;border-radius:22px;background:#fffdf7;margin:22px 0}.sharing-card>div:first-child{max-height:280px;display:flex;align-items:center}.sharing-card img,.sharing-card svg{max-height:260px;width:100%;object-fit:contain}.sharing-card h2{font-size:23px;margin:0 0 10px}.sharing-card p{font-size:16px}.sharing-card .btn{margin:4px;white-space:normal;text-align:left;font-size:15px}.tablet-report .report-card{padding:16px;min-height:160px}.tablet-report .report-card h2{font-size:18px}.tablet-report .report-card p{font-size:14px}.tablet-report .page-heading{margin-bottom:18px}.cactus-picture{height:235px}.cactus-picture svg{width:100%;height:100%}.tablet-final .learning-scene{text-align:center}.tablet-final .center{margin:16px}.tablet-final h2{font-size:21px}
.large-text .learning-heading p,.large-text .learning-scene .btn,.large-text .learning-note p,.large-text .learning-footer>span{font-size:20px}.large-text .learning-layout{grid-template-columns:minmax(0,1fr) 310px}.large-text .learning-footer{flex-wrap:wrap}.large-text .learning-footer>span{max-width:100%}
@media(max-height:760px) and (min-width:900px){.tablet-activity{padding-top:10px;gap:8px}.learning-heading h1{font-size:25px}.learning-heading p{font-size:16px}.learning-scene,.learning-note{padding:12px}.tablet-activity .specimen-stage{height:200px}.tablet-activity .specimen-art{height:190px}.tablet-activity .season-scene{height:225px}.tablet-activity .experiment-stage{height:245px}.tablet-activity .specimen-focus{height:210px}.water-demo{height:170px}.test-record p{font-size:12px}.tablet-activity .garden-cell{height:54px}.compact-bag{height:205px}}
@media(max-width:1100px){.learning-layout{grid-template-columns:minmax(0,1fr) 235px;gap:12px}.tablet-activity{padding-inline:16px}.learning-heading p{font-size:16px}.learning-scene,.learning-note{padding:12px}.picture-parts .part-card strong{font-size:13px}.environment-cards small{font-size:12px}.learning-footer>span{max-width:55%}.sharing-card{grid-template-columns:170px 1fr}}
@media(max-width:800px){.topbar{padding-inline:12px}.topbar .subject{display:none}.topbar .wordmark{font-size:14px}.topbar .header-tools .quiet span{display:none}.tablet-activity{padding:12px}.learning-layout,.large-text .learning-layout{grid-template-columns:1fr}.learning-note{padding:14px}.learning-note section{display:inline-block;vertical-align:top;margin:0 14px 8px 0}.learning-note section+section{border:none;padding:0;margin-top:0}.learning-heading h1{font-size:24px}.learning-heading p{font-size:16px}.learning-footer{flex-wrap:wrap}.learning-footer>span{max-width:100%}.learning-footer>div{margin-left:auto}.design-layout .picture-parts{grid-template-columns:1fr 1fr}.sharing-card{grid-template-columns:1fr}.sharing-card>div:first-child{display:none}.tablet-report .report-evidence{grid-template-columns:1fr 1fr}.season-pair svg{height:200px}.tablet-activity .garden-cell{height:54px}.habitat-focus>img{width:45%}.classify-leaves{gap:8px}.classify-leaves .plant-card{width:30%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.water-route{stroke-dasharray:none}.rolling-drop{transform:translate(45px,35px)}}