:root{--ink:#453124;--mint:#255d48}*{box-sizing:border-box}[hidden]{display:none!important}.kitchen-page{max-width:1160px;margin:24px auto;padding:0 16px;color:var(--ink)}.kitchen-page>h1{text-align:center;font-size:30px;margin:12px 0}.kitchen-page>.kids-seo-lead{text-align:center;margin:0 0 18px}.kitchen{position:relative;isolation:isolate;container-type:size;width:100%;aspect-ratio:16/9;min-height:490px;overflow:hidden;border-radius:24px;background:#d0dfca url('./assets/kitchen.webp') center/cover;box-shadow:0 12px 30px #61482430;font-family:'Zen Maru Gothic',sans-serif;color:var(--ink)}.kitchen button{font:inherit;font-weight:900;color:var(--ink);border:0;cursor:pointer;touch-action:manipulation}.kitchen button:focus-visible,.kitchen input:focus-visible{outline:4px solid #215f9b;outline-offset:2px}.kitchen button:disabled{cursor:default}.kitchen button:not(:disabled):active{transform:translateY(1px)}.kitchen-base{height:100%;display:grid;grid-template-rows:48px minmax(0,1fr)}.kitchen-top{display:flex;justify-content:center;gap:6px;align-items:center;padding:5px 12px;background:#dce6d3a8}.kitchen-top button{background:#fff8e7e8;border-radius:9px;box-shadow:0 2px 2px #55382122;font-size:12px;padding:8px 14px;white-space:nowrap}.kitchen-top button:disabled{opacity:.48}.kitchen-cover{display:grid;place-items:center;padding:3cqh 5cqw}.recipe-card{width:min(820px,90%);height:100%;max-height:78cqh;background:url('./assets/paper.webp') center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4cqh 6cqw;gap:10px}.recipe-card .eyebrow{font-size:14px;color:#4b6645;letter-spacing:.1em}.recipe-card h2{font-size:clamp(26px,4.8cqw,58px);margin:0;line-height:1.2;color:#d77422}.recipe-card h2 span{color:var(--mint)}.recipe-card p{margin:0;font-weight:900;font-size:17px}.cover-foods{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;margin:1cqh 0}.cover-foods>div{display:grid;justify-items:center;gap:6px}.cover-foods img{width:100%;height:15cqh;object-fit:contain}.cover-foods b{font-size:14px;white-space:nowrap}.orange-button{background:url('./assets/orange.webp') center/100% 100% no-repeat;padding:14px 30px;font-size:20px!important;min-height:50px}.kitchen-play{min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) 42px 27%;padding:5px 5% 2.5%;gap:4px}.kitchen-status{display:flex;align-items:center;justify-content:center;gap:10px}.kitchen-status>div{background:#fff9e7e6;border-radius:8px;box-shadow:0 2px 3px #684b2730;padding:5px 16px;font-size:13px}.kitchen-status strong{font-size:25px;margin-left:6px}.kitchen-status button{background:#fff9e7e6;border:2px solid #6c806343;border-radius:12px;padding:8px 12px;font-size:12px}.question-area{display:grid;grid-template-rows:28px minmax(0,1fr);place-items:center;min-height:0;gap:2px}.question-area h2{font-size:22px;margin:0;background:#fff9e7e8;border-radius:18px;padding:0 25px;line-height:28px}.dinner-plate{height:100%;aspect-ratio:1;max-width:100%;min-height:0;background:url('./assets/plate.webp') center/100% 100% no-repeat;position:relative;display:grid;place-items:center}.dinner-plate>img{width:68%;height:68%;object-fit:contain;margin-top:-7%;filter:drop-shadow(0 4px 2px #51361018)}.dinner-plate strong{position:absolute;bottom:10%;left:8%;right:8%;text-align:center;background:#fff8e5e8;border-radius:20px;font-size:20px;line-height:1.3;white-space:nowrap}.kitchen-feedback{margin:0;align-self:center;justify-self:center;display:grid;place-items:center;background:#fff9e9f2;border-radius:12px;padding:5px 14px;min-height:32px;font-size:15px;font-weight:900;text-align:center;line-height:1.45}.kitchen[data-correct=true] .kitchen-feedback{color:#23643c}.kitchen[data-correct=false] .kitchen-feedback{color:#733f20}.kitchen-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:0}.food-tray{background:center/100% 100% no-repeat;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 15px;min-width:0;box-shadow:none}.food-tray[data-group=staple]{background-image:url('./assets/tray-staple.webp')}.food-tray[data-group=main]{background-image:url('./assets/tray-main.webp')}.food-tray[data-group=side]{background-image:url('./assets/tray-side.webp')}.food-tray[data-group=fruit]{background-image:url('./assets/tray-fruit.webp')}.food-tray>img{height:64%;width:76%;object-fit:contain;min-height:0;pointer-events:none}.food-tray>strong{font-size:clamp(13px,1.7cqw,20px);background:#fff8e8de;border-radius:12px;padding:0 12px;white-space:nowrap;pointer-events:none}.food-tray[data-answer=correct]{outline:4px solid #347849;outline-offset:-5px;border-radius:22px}.food-tray[data-answer=wrong]{outline:3px dashed #805f42;outline-offset:-5px;border-radius:22px}.answer-mark{position:absolute;right:10px;top:5px;font-size:26px;line-height:1;color:#27653c;text-shadow:1px 1px #fff}.food-tray[data-answer=wrong] .answer-mark{color:#61452b}.kitchen-dialog{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#223b2c70;backdrop-filter:blur(4px);padding:3%}.recipe-modal{width:min(980px,96%);max-height:100%;background:#fff9ea url('./assets/paper.webp') center/100% 100% no-repeat;border-radius:20px;padding:4% 5%;text-align:center;box-shadow:0 10px 40px #172c3260}.recipe-modal>h2{font-size:28px;margin:0 0 12px;color:#264e36}.recipe-modal p{font-size:16px;line-height:1.7;margin:12px 0}.recipe-modal button{background:#f7e5bd;border-radius:10px;padding:10px 24px;margin:5px;min-height:38px;font-size:15px}.recipe-modal>button{background:#f2b559;margin-top:12px}.recipe-modal ol{display:inline-block;text-align:left;font-weight:700;font-size:18px;line-height:2;margin:6px 0}.recipe-modal .keyboard-note{font-size:13px}.food-memo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.memo-group{border-radius:14px;padding:8px;display:grid;gap:5px;background:#ffeeb9}.memo-group[data-kind=main]{background:#ffe1d8}.memo-group[data-kind=side]{background:#e3eed1}.memo-group[data-kind=fruit]{background:#dbeffa}.memo-group h3{font-size:18px;margin:0 0 3px}.memo-group>div{display:grid;justify-items:center;gap:2px}.memo-group img{width:90px;height:63px;object-fit:contain}.memo-group span{font-size:13px;font-weight:900;white-space:nowrap}.food-memo>p{grid-column:1/-1;margin:0;font-size:13px}.sound-switches{display:flex;justify-content:center;flex-wrap:wrap}.sound-switches button[aria-pressed=true]{background:#bddfae}.recipe-modal label{display:block;margin:20px 0 8px;font-weight:900}.recipe-modal input{width:min(300px,85%);accent-color:#3e8055;min-height:30px}.parent-note{max-width:960px;margin:28px auto;font-size:15px;line-height:1.9}.parent-note h2{font-size:21px}.kitchen:fullscreen{width:100%;height:100dvh;border-radius:0;aspect-ratio:auto;min-height:0;max-width:none}.kitchen:fullscreen .kitchen-base{grid-template-rows:58px minmax(0,1fr)}.kitchen:fullscreen .kitchen-top button{font-size:15px;padding:10px 20px}.kitchen:fullscreen .kitchen-play{grid-template-rows:60px minmax(0,1fr) 48px 27%;padding:8px 8% 3%}.kitchen:fullscreen .kitchen-status{gap:18px}.kitchen:fullscreen .kitchen-status>div{font-size:18px}.kitchen:fullscreen .kitchen-status strong{font-size:32px}.kitchen:fullscreen .kitchen-status button{font-size:16px}.kitchen:fullscreen .dinner-plate strong{font-size:clamp(20px,2cqw,30px)}.kitchen:fullscreen .kitchen-feedback{font-size:19px}.kitchen:fullscreen .memo-group img{height:86px;width:120px}.kitchen:fullscreen .memo-group span{font-size:16px}
@media(max-width:680px) and (orientation:portrait){.kitchen-page{padding:0 6px}.kitchen{height:min(780px,calc(100dvh - 12px));min-height:660px;aspect-ratio:auto;border-radius:16px}.kitchen-base,.kitchen:fullscreen .kitchen-base{grid-template-rows:78px minmax(0,1fr)}.kitchen-top{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px}.kitchen-top button,.kitchen:fullscreen .kitchen-top button{font-size:11px;padding:7px 3px}.kitchen-cover{padding:5% 3%}.recipe-card{width:100%;padding:8% 5%;gap:20px;max-height:90%;}.recipe-card h2{font-size:34px}.recipe-card .eyebrow{font-size:11px}.recipe-card p{font-size:14px}.cover-foods{grid-template-columns:repeat(2,1fr);gap:14px}.cover-foods img{height:100px}.cover-foods b{font-size:13px}.orange-button{font-size:15px!important;padding:12px 18px}.kitchen-play,.kitchen:fullscreen .kitchen-play{grid-template-rows:64px minmax(0,1fr) 56px 32%;padding:5px 10px 12px;gap:4px}.kitchen-status,.kitchen:fullscreen .kitchen-status{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.kitchen-status>div,.kitchen:fullscreen .kitchen-status>div{font-size:10px;padding:3px 7px;text-align:center}.kitchen-status strong,.kitchen:fullscreen .kitchen-status strong{font-size:21px;margin-left:4px}.kitchen-status button,.kitchen:fullscreen .kitchen-status button{grid-column:1/-1;justify-self:end;font-size:10px;padding:4px 9px}.question-area{grid-template-rows:24px minmax(0,1fr)}.question-area h2{font-size:19px;line-height:24px}.dinner-plate strong,.kitchen:fullscreen .dinner-plate strong{font-size:19px}.kitchen-feedback,.kitchen:fullscreen .kitchen-feedback{font-size:13px;line-height:1.5;padding:6px 8px}.kitchen-groups{grid-template-columns:1fr 1fr;gap:6px}.food-tray{padding:9px 8px 7px;gap:0}.food-tray>strong{font-size:14px}.food-tray>img{height:62%;width:65%}.answer-mark{font-size:22px}.kitchen-dialog{padding:9px}.recipe-modal{padding:24px 16px;max-width:100%;width:100%;}.recipe-modal>h2{font-size:24px;margin-bottom:8px}.recipe-modal p{font-size:13px;line-height:1.7}.recipe-modal ol{font-size:14px}.recipe-modal button{font-size:13px;padding:8px 13px;margin:4px}.food-memo{grid-template-columns:1fr 1fr;gap:8px}.memo-group{padding:7px;gap:5px}.memo-group h3{font-size:16px}.memo-group>div{display:flex;justify-content:center;gap:5px}.memo-group img,.kitchen:fullscreen .memo-group img{height:40px;width:40px}.memo-group span,.kitchen:fullscreen .memo-group span{font-size:11px;align-self:center}.food-memo>p{font-size:11px}.recipe-modal .keyboard-note{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.kitchen{min-height:360px}.kitchen-base,.kitchen:fullscreen .kitchen-base{grid-template-rows:36px minmax(0,1fr)}.kitchen-top{gap:5px;padding:4px}.kitchen-top button,.kitchen:fullscreen .kitchen-top button{font-size:11px;padding:5px 10px}.kitchen-cover{padding:8px 8%}.recipe-card{padding:12px 35px;gap:5px;max-height:100%;width:85%}.recipe-card h2{font-size:32px}.recipe-card .eyebrow{font-size:10px}.recipe-card p{font-size:12px}.cover-foods{gap:18px;margin:2px 0}.cover-foods img{height:70px}.cover-foods b{font-size:11px}.orange-button{font-size:14px!important;min-height:36px;padding:8px 23px}.kitchen-play,.kitchen:fullscreen .kitchen-play{grid-template-rows:33px minmax(0,1fr) 29px 29%;padding:2px 5% 8px;gap:2px}.kitchen-status,.kitchen:fullscreen .kitchen-status{gap:7px}.kitchen-status>div,.kitchen:fullscreen .kitchen-status>div{font-size:10px;padding:2px 12px}.kitchen-status strong,.kitchen:fullscreen .kitchen-status strong{font-size:20px}.kitchen-status button,.kitchen:fullscreen .kitchen-status button{font-size:10px;padding:4px 10px}.question-area{grid-template-rows:22px minmax(0,1fr)}.question-area h2{font-size:17px;line-height:22px}.dinner-plate strong,.kitchen:fullscreen .dinner-plate strong{font-size:15px}.kitchen-feedback,.kitchen:fullscreen .kitchen-feedback{font-size:12px;padding:3px 10px;min-height:24px}.food-tray{padding:6px 14px;flex-direction:row;gap:5px}.food-tray>img{height:85%;width:42%;}.food-tray>strong{font-size:12px;padding:2px 3px}.answer-mark{font-size:21px}.kitchen-dialog{padding:6px}.recipe-modal{padding:14px 30px;width:90%}.recipe-modal>h2{font-size:21px;margin:0 0 6px}.recipe-modal p{font-size:12px;line-height:1.5;margin:6px 0}.recipe-modal ol{font-size:13px;line-height:1.8;margin:0}.recipe-modal button{font-size:12px;min-height:28px;padding:6px 20px;margin:3px}.food-memo{gap:8px}.memo-group{padding:4px;gap:2px}.memo-group h3{font-size:13px;margin:0}.memo-group>div{display:flex;align-items:center;justify-content:center;gap:4px}.memo-group img,.kitchen:fullscreen .memo-group img{width:36px;height:36px}.memo-group span,.kitchen:fullscreen .memo-group span{font-size:10px}.food-memo>p{font-size:11px}.recipe-modal label{margin:6px 0}.recipe-modal .keyboard-note{font-size:10px}}

.recipe-card h2{line-height:1.4}.kitchen-groups{grid-template-rows:minmax(0,1fr)}.food-tray{min-height:0}
@media(max-width:680px) and (orientation:portrait){.kitchen-groups{grid-template-rows:repeat(2,minmax(0,1fr))}}

.food-tray[aria-disabled=true]{cursor:default}