[hidden]{display:none!important}html,body{height:auto;overflow:auto}.app{height:auto;min-height:100dvh;grid-template-rows:auto 1fr;gap:12px}.top{height:auto;align-items:flex-start;gap:14px}.brand{font-size:23px;line-height:1.15;letter-spacing:0}.tools{flex-wrap:wrap;gap:6px;justify-content:flex-end}.tool{min-height:44px;padding:8px 10px}.shell{height:auto;min-height:calc(100dvh - 110px)}.media-pane{background:#e1f5f5;padding:12px}.media-pane img{height:auto;max-height:calc(100dvh - 130px);object-fit:contain;filter:none}.panel{display:flex;flex-direction:column;justify-content:center;gap:14px;overflow:visible}.heading{justify-content:flex-end}.question{font-size:27px;line-height:1.3;padding:14px}.choices{grid-template-columns:1fr;gap:12px}.choice{font-size:24px;line-height:1.25;min-height:72px;padding:12px;transition:transform .14s,border-color .14s}.choice:hover,.choice:focus-visible{transform:translateY(-3px)}.story-build{border:2px solid #b9e0ce;border-radius:17px;background:#edf9f1;padding:12px}.story-build h2{font-size:21px;margin:0 0 8px}.story-build ol{font-size:21px;line-height:1.3;margin:0;padding-left:27px;max-height:160px;overflow:auto}.story-build li{margin:4px 0}.story-build li.arriving{font-weight:bold;color:#216746;animation:line-arrival .24s ease-out}.feedback{min-height:32px;margin:0;text-align:center;line-height:1.2}.complete{display:none;position:fixed;inset:0;z-index:50;padding:20px;place-items:center;background:linear-gradient(135deg,#eefaf3,#fff8d6)}.complete.show{display:grid}.complete-card{background:#fffdf7;border:5px solid white;border-radius:30px;padding:28px;text-align:center;max-width:650px;box-shadow:0 20px 50px #0018}.complete-card h2{font-size:clamp(29px,4.4vw,48px);margin:8px;letter-spacing:0}.final-story{margin:18px 0;padding:18px;background:#e8f9f0;border-radius:20px;text-align:left;font-size:23px;line-height:1.4;font-weight:bold}.final-story p{margin:0 0 8px;font-size:inherit}.final-story p:last-child{margin:0}.complete button,#popup button{min-height:44px;padding:12px 18px;margin:4px;border:2px solid #d7e2ee;border-radius:14px;background:white;color:#183968;font:inherit;font-weight:bold}.complete #again{background:#ec7664;color:white;border-color:#ec7664}#popup{position:fixed;inset:0;z-index:60;background:#e9f6ffef;padding:20px;display:grid;place-items:center}.popup-card{max-width:520px;background:#fffdf7;border-radius:24px;padding:25px;text-align:center}.popup-card p{font-size:23px;line-height:1.4}.eduflier-achievement-sparkles{z-index:100}#sceneFallback{font-size:23px;line-height:1.4;padding:18px}@keyframes line-arrival{from{opacity:.3;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:900px){.app{padding:8px;gap:10px;grid-template-rows:auto auto;align-content:start}.top{flex-direction:column;gap:9px}.brand{font-size:22px}.tools{width:100%;justify-content:flex-start;gap:6px}.tools .tool{font-size:14px;min-width:52px;padding:6px 8px}.shell{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}.media-pane{min-height:0;padding:0}.media-pane img{height:150px;max-height:150px;border-radius:0}.app.started .media-pane img{height:105px;max-height:105px}.panel{padding:12px;gap:10px}.question{font-size:22px;padding:12px}.choice{min-height:62px;font-size:21px;padding:10px}.choices{gap:10px}.story-build{padding:8px}.story-build h2{font-size:18px;margin-bottom:5px}.story-build ol{max-height:92px;font-size:18px;line-height:1.25;padding-left:24px}.story-build li{margin:3px 0}.complete-card{padding:20px}.final-story{font-size:21px;padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}
#activityToolbar{position:sticky;top:0;z-index:200;background:#e9f7f4;padding:10px 3vw;flex-wrap:wrap;min-height:65px}#activityToolbar .tools{flex-wrap:wrap}#app{min-height:calc(100dvh - var(--voice-toolbar-height,90px));height:auto;grid-template-rows:1fr}.voice-speaking{outline:4px solid #127c9d;outline-offset:4px;background-color:#e4f8ff}#activityToolbar button{min-height:44px}#again{display:none}body[data-current-modal] #popup,body[data-current-modal] #finish{top:var(--voice-toolbar-height,90px)}#popup{overflow:auto}@media(max-width:900px){#activityToolbar{gap:8px;align-items:flex-start}.brand{font-size:15px}.shell{grid-template-rows:auto auto}}

/* Learner story: separate from current choices and keep every line readable. */
.story-build{margin-top:24px;padding:20px;border:2px solid #a6d6bc;background:#f1fbf4;box-shadow:0 8px 22px #28654812}.story-build h2{margin:0 0 14px;font-size:23px}.story-build ol{max-height:none;overflow:visible;line-height:1.65;font-size:22px;padding-left:30px}.story-build li{padding-left:6px;margin:12px 0}.final-story{margin-top:28px;padding:24px;line-height:1.65}.final-story p{margin-bottom:18px}.complete{overflow:auto;align-items:start}.complete-card{margin:auto;max-width:780px}.panel{padding-bottom:24px}@media(max-width:900px){.story-build{margin-top:20px;padding:16px}.story-build ol{max-height:none;font-size:19px;line-height:1.6}.story-build h2{font-size:20px}.final-story{font-size:21px;padding:20px;line-height:1.6}.complete-card{width:100%;margin:12px auto}}