[hidden]{display:none!important}html,body{height:auto;overflow:auto}.app{height:auto;min-height:100dvh;grid-template-rows:auto auto;padding:12px 3vw;gap:12px;align-content:start}.top{align-items:flex-start}.brand{font-size:24px;letter-spacing:0;line-height:1.15}.tools{flex-wrap:wrap;gap:6px;justify-content:flex-end}.tool{min-height:44px;padding:6px 10px}.shell{height:auto;min-height:0;align-self:start}.media-pane{padding:16px;min-height:0;background:#e0f1f8;overflow:visible}.sequence-left{max-width:none;width:100%;gap:0}.cards{display:grid;grid-template-columns:1fr;max-height:none;overflow:visible;padding:0;gap:12px}.story-card{grid-template-columns:130px 1fr;gap:12px;padding:10px;min-height:108px;color:#17355e;transition:transform .16s ease}.story-card img{width:130px;height:86px;object-fit:contain;border-radius:10px}.story-card span{font-size:21px;line-height:1.25}.story-card.no-image{grid-template-columns:1fr}.story-card:hover:not(:disabled),.story-card:focus-visible{transform:translateY(-2px);outline:4px solid #ffbd37;outline-offset:2px}.story-card.used{opacity:.67;border-color:#4cad78;cursor:default}.story-card.bad{border-color:#df7068;background:#ffe9e3;animation:shake .3s ease}.panel{display:grid;grid-template-rows:auto auto auto;align-content:start;gap:12px;padding:20px}.heading{align-items:center;justify-content:space-between}.heading h2{margin:0;font-size:26px}.instruction{padding:0;background:transparent;border:0;font-size:24px;text-align:left}.dropzone{gap:10px;min-height:0;padding:10px;background:#f1fbff}.slot{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;min-height:74px;padding:12px;color:#53738a}.slot.next{border-color:#3185ae;background:#e9f8ff}.slot.filled{background:#e8faef;color:#216746}.number{font-size:21px;text-align:center}.placed-text{font-size:23px;line-height:1.3}.arriving .placed-text{animation:story-arrive .35s ease-out}.feedback{min-height:32px}.complete.show{z-index:50;background:linear-gradient(135deg,#eefaf3,#fff8d6)}.complete-card{background:#fffdf7;border-color:white;padding:26px;max-width:680px}.complete-card h2{font-size:clamp(29px,4.4vw,48px);letter-spacing:0}.complete-card p{font-size:22px}.complete-card .built-story{text-align:left;background:#e8faf1;border-radius:16px;padding:16px;font-size:21px;line-height:1.4;font-weight:700}.complete button{min-height:44px;margin:4px}#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}.popup-card button{min-height:44px;padding:10px 18px;margin:4px;border:2px solid #d7e2ee;border-radius:14px;background:white;color:#183968;font:inherit;font-weight:bold}.eduflier-achievement-sparkles{z-index:100}@keyframes story-arrive{from{transform:translateY(-8px) scale(.98);opacity:.6}to{transform:none;opacity:1}}@media(max-width:900px){.app{padding:8px;gap:8px}.top{flex-direction:column;gap:8px}.brand{font-size:22px}.tools{justify-content:flex-start}.tool{font-size:14px}.shell{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}.media-pane{padding:10px;min-height:0}.cards{grid-template-columns:1fr 1fr;gap:8px}.story-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px;min-height:145px;text-align:left}.story-card img{width:100%;height:68px;object-fit:contain;flex:0 0 auto}.story-card span{font-size:18px;line-height:1.2;width:100%}.panel{padding:10px;gap:8px}.heading h2{font-size:21px}.instruction{font-size:21px;line-height:1.3}.dropzone{gap:6px;padding:8px}.slot{min-height:48px;padding:8px;grid-template-columns:23px 1fr;gap:8px}.placed-text{font-size:18px;line-height:1.2}.number{font-size:18px}.feedback{min-height:28px}.complete-card{padding:18px}.complete-card .built-story{font-size:18px;padding:12px;line-height:1.35}.complete-card p{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

#activityToolbar{position:sticky;top:0;z-index:200;background:#e9f7f4;padding:10px 3vw;min-height:65px;flex-wrap:wrap;gap:8px;height:auto}#activityToolbar .tools{flex-wrap:wrap}#app{min-height:calc(100dvh - var(--voice-toolbar-height,90px));height:auto;grid-template-rows:auto 1fr}body[data-current-modal] #finish,body[data-current-modal] #popup{top:var(--voice-toolbar-height,90px)}.voice-speaking{outline:4px solid #127c9d;outline-offset:3px;background-color:#e4f8ff}#activityToolbar button{min-height:44px}@media(max-width:900px){#activityToolbar{align-items:flex-start;gap:8px}#app{grid-template-rows:auto auto}.shell{grid-template-rows:auto auto}}