/* ¡Hola! Kids 4.0 — genuinely interactive Babylon.js WebGL forest, mobile-friendly. */
.forest4-heading{border-radius:26px 26px 6px 6px;background:linear-gradient(115deg,#e5fff0,#e9edff);padding:21px 22px;margin-top:11px}
.forest4-heading h1{font-size:clamp(25px,5vw,37px);margin:9px 0;color:#3c306c}
.forest4-heading p{margin:0;font-weight:650;color:#62517d;line-height:1.45}
.forest4-tag{display:inline-block;background:linear-gradient(115deg,#1f906f,#377ed0);padding:7px 13px;border-radius:28px;color:#fff;font-size:12px;font-weight:900}
.forest4-progress{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 3px 8px;font-size:13px}
.forest4-progress strong:first-child{font-size:16px}
.forest4-bar{margin-bottom:11px}
.forest4-stage{height:clamp(365px,87vw,590px);position:relative;border:4px solid white;border-radius:29px;overflow:hidden;background:linear-gradient(#9bddeb,#97daa4);box-shadow:0 14px 32px #655fa243}
#forest4-canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-7px}
.forest4-state{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;text-align:center;background:#ecf7ffef;color:#4e378c;font-size:17px;font-weight:800}
.forest4-state[hidden]{display:none}
.forest4-label{position:absolute;left:12px;top:11px;background:#ffffffcc;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:950;color:#23664d;pointer-events:none}
.forest4-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fffffff5;border-radius:26px;padding:18px 18px;margin-top:12px;box-shadow:0 10px 20px #6662ae21}
.forest4-control-info{max-width:48%;font-size:15px}
.forest4-control-info strong{font-weight:950}
.forest4-control-info p{font-size:12px;margin:9px 0 0;color:#705b8e;line-height:1.5}
.forest4-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,46px);width:170px;flex:0 0 170px;gap:3px;touch-action:none}
.forest4-pad button{padding:0;border:2px solid #e7d5ff;background:linear-gradient(#f5f0ff,#e3d6ff);color:#5832a0;font-size:20px;border-radius:12px;min-width:0;min-height:46px;user-select:none;touch-action:none}
.forest4-pad button:active{background:#bfadef}
.forest4-pad-up{grid-column:2;grid-row:1}
.forest4-pad-left{grid-column:1;grid-row:2}
.forest4-pad-down{grid-column:2;grid-row:3}
.forest4-pad-right{grid-column:3;grid-row:2}
.forest4-task{background:#fffdf9;border:2px solid #fff;border-radius:28px;padding:19px 20px;margin:14px 0 12px;text-align:center;box-shadow:0 8px 16px #766f9730}
.forest4-task>p:first-child{font-weight:900;color:#775bd1;text-transform:uppercase;letter-spacing:.06em}
.forest4-task h2{font-size:clamp(24px,5vw,36px);color:#5845b3;margin:8px 0 17px;overflow-wrap:anywhere}
.forest4-task #forest4-subtitle{margin:13px 0 0;font-size:13px;line-height:1.55;color:#756587}
.forest4-speak{margin:auto}
.forest4-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:10px 0 13px}
.forest4-answer{background:#fff;border:3px solid #f2e4ff;border-radius:24px;min-height:115px;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;box-shadow:0 10px 15px #694aac16;overflow-wrap:anywhere}
.forest4-answer span{font-size:clamp(41px,9vw,67px);line-height:1.2}
.forest4-answer strong{font-size:clamp(13px,3.2vw,17px);line-height:1.2}
.forest4-answer.correct{background:#e0fff0;border-color:#4dcc9b}
.forest4-answer.wrong{background:#ffeaf0;border-color:#e7a5b4}
.forest4-footer{padding:0 8px;text-align:center;line-height:1.45}
.forest4-complete{margin-top:18px}
@media(min-width:780px){.forest4-heading{padding:23px 30px}.forest4-stage{height:590px}.forest4-answers{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:400px){.forest4-stage{height:370px}.forest4-pad{grid-template-rows:repeat(3,40px);width:137px;flex-basis:137px}.forest4-pad button{min-height:40px}.forest4-controls{padding:10px}.forest4-control-info{max-width:50%}.forest4-control-info p{font-size:11px}.forest4-answer{min-height:98px}}
@media(prefers-reduced-motion:reduce){.forest4-answer{transition:none!important}}