/* Large, responsive reading and touch targets for young learners. */
.floating-help{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:20;width:66px;height:66px;border-radius:50%;border:2px solid #98722b;background:#fff0b5;color:#513a13;box-shadow:0 5px 20px #203d3833;font-size:36px;font-weight:800;cursor:pointer}
.floating-help:hover{background:#ffe298}.floating-help:focus-visible{outline:4px solid #2d604c;outline-offset:4px}.help-symbol{display:grid;place-items:center;border:2px solid #98722b;border-radius:50%;width:48px;height:48px;font-size:32px;font-weight:bold;color:#795820}.mission{padding-bottom:105px}footer{padding-bottom:100px}
.mission #feedback.feedback{font-size:clamp(1.2rem,1rem + .65vw,1.65rem);line-height:1.55;padding:clamp(18px,2.5vw,28px);margin:20px 0;border-radius:14px;font-weight:600}
.mission #next{font-size:clamp(1.25rem,1rem + .8vw,1.65rem);min-height:64px;padding:18px 30px;border-radius:14px;min-width:min(100%,260px);margin-top:20px}
.help-button,.mission #help{display:block;background:#fff3cc;border:2px solid #98722b;color:#513a13;border-radius:14px;min-height:56px;padding:15px 20px;font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);font-weight:700;text-decoration:none;text-align:center;cursor:pointer;line-height:1.4}
.mission #help{margin:20px auto;width:min(100%,420px)}
.help-button:hover,.mission #help:hover{background:#ffe6a1;border-color:#694d1a}
.help-explanation{background:#fff7df;color:#513a13;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.6;padding:18px;border-radius:12px;text-align:center}
.group-caption{font-size:clamp(1rem,.95rem + .3vw,1.2rem)}
.journey-path{max-height:380px;overflow-y:auto;padding-right:6px}
@media(max-width:760px){.mission #next{width:100%;min-height:68px}.mission #help{width:100%}.mission .feedback{overflow-wrap:anywhere}}