:root{font-family:ui-rounded,"Segoe UI",sans-serif;color:#17324d;background:#f4f0e6;touch-action:manipulation}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at top,#fff9dc,#dff3ee 55%,#d9e7ff);overscroll-behavior:none}.shell{width:min(960px,94vw);min-height:min(700px,94dvh);background:#fff;border:4px solid #17324d;border-radius:30px;box-shadow:10px 12px 0 #17324d;padding:clamp(22px,4vw,40px);display:grid;grid-template-rows:auto 1fr auto;gap:24px}header{display:flex;gap:20px;align-items:center}.pipi{min-width:76px;width:76px;height:76px;border-radius:50%;background:#ffcc4d;border:3px solid #17324d;display:grid;place-items:center;font-size:38px;font-weight:900}h1{font-size:clamp(26px,4vw,44px);margin:4px 0;line-height:1.12}small{font-weight:800;color:#5a7189;font-size:15px}#screen{background:#f6fbff;border:3px solid #9fc4e7;border-radius:24px;padding:clamp(24px,5vw,48px);display:grid;align-content:center;min-height:360px}.visual{font-size:clamp(72px,12vw,112px);text-align:center}.teacher{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.25}.prompt{padding:22px;background:#fff4bd;border:2px solid #e6bb31;border-radius:18px;font-size:clamp(20px,2.4vw,28px)}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.choice{min-height:88px;background:#fff;border-color:#52769d}footer{display:flex;gap:16px;justify-content:flex-end;align-items:center;flex-wrap:wrap}#progress{margin-left:auto;font-size:18px;font-weight:800}button{min-width:148px;min-height:64px;border:3px solid #17324d;background:#54d49b;color:#102d43;border-radius:18px;padding:14px 24px;font-weight:900;font-size:20px;box-shadow:4px 4px 0 #17324d;cursor:pointer}button:focus-visible{outline:5px solid #ffb300;outline-offset:4px}button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #17324d}button:disabled{opacity:.45;box-shadow:none;cursor:default}.secondary{background:#dcecff}@media(orientation:portrait){.shell{width:min(760px,96vw);min-height:94dvh}.choices{grid-template-columns:1fr}.choice{min-height:72px}}@media(max-width:600px){.shell{min-height:100dvh;width:100vw;border-radius:0;border-width:0;padding:20px;box-shadow:none}.pipi{min-width:58px;width:58px;height:58px}#screen{min-height:390px}footer button{flex:1}}