/* The child's task is spoken and pictured; text instructions belong to the parent panel. */
.oral-game{max-width:780px;margin-inline:auto;padding-top:8px}
.oral-game .game-top{margin-bottom:18px}
.oral-game .question-progress{margin-bottom:24px}
.picture-instruction{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 24px}
.picture-instruction>span{display:grid;place-items:center;width:72px;height:66px;border-radius:23px;background:#e1eef2;color:#507780}
.picture-instruction>span.peach{background:#f5e4ce;color:#9b7151}
.picture-instruction>span .icon{width:38px;height:38px;stroke-width:1.6}
.picture-instruction>.icon{color:#95aaa6;width:26px;height:26px}
.oral-game .listen-orb{display:inline-grid;place-items:center;width:112px;height:98px;margin:0 auto 25px;border-radius:32px;background:#deedf1;border:2px solid #b2cfd5;box-shadow:0 5px 0 #bad1d5}
.oral-game .listen-orb>.icon{width:47px;height:47px}
.oral-game .listen-orb.is-playing{background:#cfe6ec;box-shadow:0 3px 0 #9ebfc8;border-color:#719fa9}
.oral-game .listen-orb.needs-tap{outline:3px solid #d6b587;outline-offset:5px}
.oral-game .answer-grid{margin-top:5px}
.oral-game .answer-option{border-radius:26px}
.oral-game .game-feedback{min-height:83px;margin:20px auto 4px}
.quiet-encouragement{display:inline-flex;align-items:center;color:#a5b69a}
.quiet-encouragement .icon{width:30px;height:30px;fill:#e8eee2}
.try-picture{display:flex;align-items:center;gap:15px;color:#708c93}
.try-picture .icon{width:32px;height:32px}
.speaking-picture{display:grid;place-items:center;width:min(100%,370px);height:280px;margin:0 auto 22px;padding:18px;background:#fffef9;border:2px solid #dbe4d7;border-radius:35px;box-shadow:0 6px 0 #e0e5d9}
.speaking-picture img{width:100%;height:100%;max-height:240px;object-fit:contain}
.speaking-actions{display:flex;align-items:center;justify-content:center;gap:24px}
.speaking-actions .listen-orb{margin:0}
.speaking-turn{display:grid;place-items:center;width:112px;height:98px;border-radius:32px;background:#f5e6d3;border:2px solid #e4c9a5;box-shadow:0 5px 0 #e5ceb1;color:#9a724e}
.speaking-turn>.icon{width:48px;height:48px}
.speaking-turn.ready{background:#f5dfbe;border-color:#c4a271}
.speaking-turn:disabled{opacity:.55;cursor:default}
.oral-game button:focus-visible,.grownup-confirm summary:focus-visible{outline:3px solid #567f87;outline-offset:5px}
.grownup-confirm{max-width:420px;margin:14px auto 0;text-align:left;border-top:1px solid #e0e6d9;padding-top:8px;color:#667664}
.grownup-confirm[hidden]{display:none}
.grownup-confirm summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-size:13px;cursor:pointer;list-style:none}
.grownup-confirm summary::-webkit-details-marker{display:none}
.grownup-confirm summary>.icon{width:23px;height:23px}
.grownup-confirm p{font-size:13px;line-height:1.8;margin:10px 0}
.grownup-confirm .outline-btn{width:100%;min-height:52px;justify-content:center;background:#eef3e7}
.grownup-confirm .outline-btn:disabled{opacity:.5;cursor:default}
.grownup-confirm small{display:block;text-align:center;font-size:11px;margin-top:10px}
.game-feedback .next-picture,.oral-completion .next-picture{display:inline-grid;place-items:center;min-width:88px;min-height:65px;padding:12px 25px;border-radius:23px}
.next-picture>.icon{width:32px;height:32px}
.oral-completion .celebration-caption{display:none}
.completion-ten{display:flex;align-items:center;justify-content:center;gap:15px;font-size:38px;font-weight:700;color:#819572;margin:-5px 0 35px}
.completion-ten .icon{width:35px;height:35px}
.play-mode .mobile-brand{display:none}
@media(max-width:640px){
 .oral-game{padding-top:0}.oral-game .game-top{margin-bottom:12px}.oral-game .question-progress{margin-bottom:20px}
 .picture-instruction{gap:15px;margin-bottom:21px}.picture-instruction>span{width:62px;height:56px;border-radius:20px}.picture-instruction>span .icon{width:33px;height:33px}
 .oral-game .listen-orb,.speaking-turn{width:94px;height:82px;border-radius:27px}.oral-game .listen-orb>.icon,.speaking-turn>.icon{width:41px;height:41px}
 .oral-game .answer-grid{gap:10px}.oral-game .answer-option{padding:10px 6px;border-radius:21px;min-height:128px}.oral-game .answer-option img{width:100%;height:105px;object-fit:contain}
 .speaking-picture{height:245px;width:min(100%,320px);border-radius:29px;padding:16px}.speaking-picture img{max-height:210px}
 .oral-game .game-feedback{margin-top:16px;min-height:73px}.grownup-confirm{margin-top:7px}.grownup-confirm p{font-size:12px}
}
@media(max-width:365px){.oral-game .answer-option{min-height:112px}.oral-game .answer-option img{height:85px}.speaking-picture{height:220px}.speaking-picture img{max-height:184px}}