/* Živý rez záhonom — vizuálne stavy pokusu a mobilné ovládanie. */
.experiment{background:radial-gradient(circle at 90% 3%,#2b5948 0,transparent 35%),#102f29}
.exp-head{max-width:1500px;margin-left:auto;margin-right:auto}
.lab-shell{border-color:#b39b72;background:#efe7cf;box-shadow:0 32px 70px #071a16b0,0 0 0 8px #d9c38a14}
.scene-panel{background:#d4d8b3}
.scene-top,.scene-bottom{background:#e8dcc0;border-bottom:1px solid #bba77d}
.scene-top span:last-child{color:#996c3f}
.scene-bottom{border-top:1px solid #bba77d;border-bottom:0;align-items:center}
.scene-bottom span:last-child{text-align:right;line-height:1.5}
.field-scene{background:#bdd0b2;max-height:630px}
.field-scene .soil-cracks,.field-scene .compact-layer,.field-scene .water-stream,.field-scene .soil-water,.field-scene .sun-rays,.field-scene .air-symbol{transition:opacity .35s ease,fill .35s ease}
.field-scene[data-water="dry"] .water-stream,.field-scene[data-water="dry"] .soil-water{opacity:0}
.field-scene[data-water="dry"] .soil-cracks{opacity:.8}
.field-scene[data-water="wet"] .rain,.field-scene[data-water="wet"] .puddle{opacity:1}
.field-scene[data-water="wet"] .soil-pore ellipse{fill:#8cb9be;stroke:#bfdad3}
.field-scene[data-water="wet"] .air-symbol{opacity:0}
.field-scene[data-soil="compact"] .compact-layer{opacity:.62}
.field-scene[data-soil="compact"] .soil-pore{opacity:.35}
.field-scene[data-soil="compact"] .air-symbol{opacity:.25}
.field-scene[data-light="dim"] .shade-cloud{opacity:1}
.field-scene[data-light="dim"] .sun-rays{opacity:.12}
.field-scene[data-health="stressed"] .leaf{fill:#9b9b67}
.field-scene[data-health="stressed"] .plant{filter:saturate(.65)}
.field-scene .roots,.field-scene .plant{transform-origin:410px 293px;transition:opacity .45s ease,transform .55s ease,filter .35s ease}
.field-scene[data-stage="0"] .plant,.field-scene[data-stage="0"] .roots{opacity:0;transform:scale(.08)}
.field-scene[data-stage="1"] .plant,.field-scene[data-stage="1"] .roots{opacity:1;transform:scale(.48)}
.field-scene[data-stage="1"] .flowers,.field-scene[data-stage="1"] .tall{opacity:0}
.field-scene[data-stage="2"] .plant,.field-scene[data-stage="2"] .roots{opacity:1;transform:scale(.84)}
.field-scene[data-stage="2"] .flowers{opacity:0}
.field-scene[data-stage="3"] .plant,.field-scene[data-stage="3"] .roots{opacity:1;transform:scale(1)}
.field-scene[data-stage="0"] .seed{opacity:1}
.field-scene[data-stage="1"] .seed{opacity:.28}
.field-scene[data-stage="2"] .seed,.field-scene[data-stage="3"] .seed{opacity:0}
.field-scene[data-health="stressed"][data-stage="1"] .plant,.field-scene[data-health="stressed"][data-stage="2"] .plant,.field-scene[data-health="stressed"][data-stage="3"] .plant{opacity:.74}
.lab-controls{background:#f0ead7}
.stage-buttons{gap:7px}
.stage-buttons button{border:1px solid #c1b293;background:#e6dcc4;border-radius:3px;padding:12px;min-height:73px;transition:background .2s,transform .2s}
.stage-buttons button:hover{transform:translateY(-2px)}
.stage-buttons button[aria-pressed="true"]{background:#285844;border-color:#285844;box-shadow:inset 0 0 0 2px #d1b67b;color:#fff6dc}
.stage-explain{border-color:#c9b99b}
.condition{margin:19px 0}
.condition>span{color:#805e40}
.condition button{background:#faf5e6;border-color:#b9b397;min-height:42px;padding:9px 13px}
.condition button[aria-pressed="true"]{background:#234f3f;border-color:#234f3f;box-shadow:inset 0 0 0 2px #c5ae7e;color:#fff7dc}
.result{background:#fffaf0;border-left-color:#bf8d55;box-shadow:0 8px 18px #67533916;min-height:0}
.field-mission{margin-top:14px;border:1px solid #c2b390;padding:18px 20px;background:#e7ecdc;color:#2e5745}
.field-mission span{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;color:#8e6545}
.field-mission p{margin:9px 0 12px;line-height:1.52;font-size:14px}
.field-mission a{font-size:12px;font-weight:700;text-underline-offset:3px}
.next-stage{margin-top:16px}
.model-note{border-top:1px solid #9ab3a264;padding-top:21px}
@media(max-width:620px){
 .experiment{padding-left:14px;padding-right:14px}
 .lab-shell{margin:0}
 .scene-panel{position:sticky;top:0;z-index:5;align-self:start;box-shadow:0 10px 18px #1d392a52}
 .scene-top,.scene-bottom{padding:9px 13px;font-size:8px;min-height:32px}
 .scene-bottom span:first-child{white-space:nowrap}
 .scene-bottom span:last-child{max-width:62%;font-size:7px}
 .field-scene{height:clamp(190px,60vw,245px);width:100%;max-height:none;aspect-ratio:auto}
 .lab-controls{padding:26px 17px 22px}
 .stage-buttons button{min-height:56px}
 .stage-buttons button strong{font-size:14px}
 .field-mission{padding:15px}
 .field-mission p{font-size:13px}
}
@media(max-height:620px) and (max-width:620px){.field-scene{height:160px}}
@media(prefers-reduced-motion:reduce){.field-scene *, .stage-buttons button{transition:none!important;animation:none!important}}