[hidden]{display:none!important}html,body{height:auto;overflow:auto}.app{min-height:100dvh}.brand{font-size:23px;line-height:1.15;letter-spacing:0;font-weight:900}.bar{align-items:flex-start}.tools{flex-wrap:wrap;gap:6px;justify-content:flex-end}.tools button{min-height:44px;padding:8px 10px}.scene{background:#e0f1f8}.scene img{height:auto;min-height:100%;object-fit:contain}.game{grid-template-rows:auto auto auto auto auto;align-content:center;gap:14px}.top{justify-content:flex-end}.story-line{font-size:27px;line-height:1.3}.ask{font-size:25px;line-height:1.25}.choice{min-height:90px;padding:12px;font-size:24px}.feedback{min-height:34px;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:30px;text-align:center;max-width:650px;box-shadow:0 20px 50px #0018}.complete-card h2{font-size:clamp(29px,4.4vw,48px);margin:8px}.complete-card p{font-size:23px;font-weight:bold}.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}@media(max-width:900px){.app{padding:8px;gap:8px;grid-template-rows:auto auto;align-content:start}.bar{flex-direction:column;gap:8px}.brand{font-size:22px}.tools{justify-content:flex-start}.tools button{font-size:14px;padding:6px 10px}main{grid-template-columns:1fr;align-self:start}.scene{min-height:0}.scene img{height:160px;min-height:0}.game{min-height:0;padding:12px;gap:10px}.story-line{font-size:21px;line-height:1.3;padding:12px}.ask{font-size:22px;line-height:1.25}.choice{min-height:56px;padding:10px;font-size:21px}.choices{grid-template-columns:1fr;gap:10px}.feedback{min-height:32px}.complete-card{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.top{height:auto;max-width:1340px;width:100%;align-items:flex-start;gap:14px}.brand{max-width:470px}.app{height:auto;display:flex;flex-direction:column;gap:12px;padding:14px 3vw}.shell{height:auto;min-height:calc(100dvh - 100px);width:100%;grid-template-columns:.77fr 1.23fr}.scene{display:flex;align-items:center;justify-content:center}.scene:after{display:none}.scene img{height:auto;max-height:calc(100dvh - 120px);min-height:0;object-fit:contain}.panel{display:flex;flex-direction:column;justify-content:center;gap:18px}.head{justify-content:flex-end}.dots{padding-top:0}.instruction{font-size:22px;padding:10px}.play{align-content:center;gap:18px}.question{font-size:30px;line-height:1.25}.choices{grid-template-columns:repeat(3,1fr);align-content:center}.choice{font-size:23px;min-height:118px;line-height:1.2}.choice.bad{background:#fff0ee;border-color:#ee746b}.choice.good{background:#eaffef;border-color:#46a86f}.choice:hover,.choice:focus-visible{transform:translateY(-3px)}#sceneFallback{padding:20px;font-size:24px;line-height:1.4}.complete{height:auto}.complete-card h2{letter-spacing:0}.complete-card button{box-shadow:none}
@media(max-width:900px){.app{padding:8px;gap:10px}.top{flex-direction:column;gap:9px}.brand{font-size:22px}.shell{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}.scene img{width:100%;height:180px;max-height:180px}.panel{padding:12px;gap:10px}.head{height:16px}.instruction{font-size:20px;padding:8px}.question{font-size:23px;padding:12px;margin:0}.play{gap:12px}.choices{grid-template-columns:1fr;gap:10px}.choice{min-height:56px;font-size:21px;padding:10px}.feedback{margin:0}.complete-card p{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}