.kid-mode{-webkit-user-select:none;user-select:none;touch-action:manipulation}.kid-mode button{touch-action:manipulation}.kid-mode .header{height:82px}.kid-mode .intro{display:none}.kid-mode main{padding-top:20px}.kid-mode .header-actions{gap:13px}.kid-mode .header .icon-button,.kid-icon-button{min-width:48px;width:48px;height:48px;border-radius:15px;border:1px solid #d6dbc8;background:#efefdf;display:grid;place-items:center}.ui-symbol{display:block;width:34px;height:34px;flex-shrink:0}.kid-mode #artButton,.kid-mode .story,.kid-mode .objective,.kid-mode .task-number,.kid-mode .task-panel h2,.kid-mode #feedback,.kid-mode #footnote,.kid-mode .inventory-heading,.kid-mode .sign-name,.kid-mode .selected-controls>span,.kid-mode #hintText,.kid-mode .saved-progress{display:none}.kid-mode.adult-mode #artButton{display:block}.kid-mode.adult-mode .story,.kid-mode.adult-mode .objective,.kid-mode.adult-mode .task-number,.kid-mode.adult-mode .task-panel h2,.kid-mode.adult-mode #feedback,.kid-mode.adult-mode #hintText:not([hidden]){display:block}.kid-mode.adult-mode .task-panel h2{font-size:23px}.kid-mode.adult-mode .story{font-size:12px}.kid-mode.adult-mode #feedback{margin-bottom:10px}.kid-mode .levels{margin-bottom:17px}.kid-mode .level-button{min-height:52px;font-size:14px;gap:9px}.kid-mode .level-button .level-mini{width:26px;height:28px}.kid-mode .workspace{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.kid-mode .board-top{height:48px}.kid-mode #resetButton{width:48px;height:44px;justify-content:center}.kid-mode #resetButton svg{width:27px;height:27px}.kid-mode .inventory{padding:12px 18px}.kid-mode .sign-tray{min-height:100px;gap:14px;align-items:stretch}.kid-mode .sign-card{min-width:100px;width:112px;max-width:128px;min-height:96px;gap:0;padding:12px}.kid-mode .sign-card svg{width:65px;height:65px}.kid-mode .sign-card .quantity{font-size:13px;top:7px;right:9px}.kid-mode .slot{width:64px;height:64px;border:0;background:transparent;box-shadow:none;border-radius:50%}.kid-mode .slot:not(.filled):after{left:13px;top:21px;right:auto;bottom:auto;width:38px;height:23px;line-height:17px;border:2px dashed #fffae3;border-radius:50%;background:#fff6d93f;box-shadow:0 0 0 5px #263e351c,0 2px 5px #263e3533;font-size:22px}.kid-mode .slot .mounted{bottom:32px;width:49px;height:68px}.kid-mode .slot .mounted svg{height:49px}.kid-mode .slot .direction{top:37px;font-size:12px;min-width:22px}.kid-mode .slot.filled:before{top:29px}.kid-mode .slot.chosen,.kid-mode .slot:hover,.kid-mode .slot.targeted{background:#f9e2a633;box-shadow:0 0 0 4px #f5de9d77}.kid-mode .slot.error{box-shadow:0 0 0 5px #e7a751cc;background:#e7a75122}.kid-mode .scene.simulating .slot.error{visibility:visible}.kid-mode .placed-counter{font-size:13px;min-height:27px}.kid-mode .scene-caption{font-size:10px}
.spoken-task{display:flex;flex-direction:column;gap:13px;margin-bottom:15px}.spoken-task canvas{width:100%;height:auto;border-radius:14px;border:1px solid #d9ddc8}.listen-task{min-height:91px;border:1px solid #c7d5b7;border-radius:18px;background:linear-gradient(140deg,#e7edcf,#dce7c6);display:flex;align-items:center;justify-content:center;gap:20px;color:#446a42;box-shadow:0 3px 0 #c7d1b6}.listen-task>.ui-symbol{width:48px;height:48px}.sound-dots{display:flex;gap:6px;align-items:center;height:32px}.sound-dots i{width:5px;height:12px;border-radius:4px;background:#729260}.sound-dots i:nth-child(2){height:25px}.speaking .sound-dots i{animation:talking .6s infinite alternate}.speaking .sound-dots i:nth-child(2){animation-delay:.2s}.speaking .sound-dots i:nth-child(3){animation-delay:.4s}.listen-task.muted{opacity:.65}@keyframes talking{to{transform:scaleY(.35)}}.kid-mode .task-panel{padding-top:0}.kid-mode .task-bottom{padding-top:0}.kid-mode .play-button,.kid-mode .next-button{min-height:92px;justify-content:center;margin-top:12px;border-radius:18px;padding:10px}.kid-mode .play-button>.ui-symbol,.kid-mode .next-button>.ui-symbol{width:58px;height:58px}.kid-mode .next-button{background:#91a85b;box-shadow:0 3px 0 #738a43}.kid-mode .hint-button{width:59px;height:59px;border:1px solid #ded8b8;background:#f0e8ca;border-radius:17px;display:grid;place-items:center;margin:4px auto 10px;color:#a28846}.kid-mode .hint-button svg{width:33px;height:33px}.picture-result{display:grid;place-items:center;width:100%;min-height:74px;border-radius:18px;margin:0 0 12px}.picture-result svg{width:48px;height:48px}.picture-result.won{background:#dce8c6;color:#5f8c43}.picture-result.again{background:#f1dfb8;color:#a57a40}.kid-mode .selected-controls{padding:0 0 12px}.kid-mode .selected-controls>div{gap:12px;margin:0}.kid-mode .small-button{flex:1;min-height:58px;display:grid;place-items:center;border-radius:15px;background:#ebe9d7}.kid-mode .small-button svg{width:30px;height:30px}.kid-mode .simulation-bar{gap:10px;min-height:65px}.kid-mode #editButton{width:52px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e7dfc5}.kid-mode #pauseButton{width:48px;height:48px;font-size:19px}.kid-mode #timeline{min-height:42px;cursor:pointer}.kid-mode #timeLabel{display:none}.kid-mode .help-steps,.kid-mode #helpDialog .eyebrow,.kid-mode #helpDialog .dialog-note{display:none}.picture-help{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 0 25px}.picture-help>svg{width:38px;height:38px}.picture-help span{display:block;width:48px;height:48px}.picture-help span svg{width:100%;height:100%}.picture-help b{font-size:24px;color:#97a380}.help-socket{border:2px dashed #97a380;border-radius:50%;display:grid!important;place-items:center;font-size:30px;color:#97a380}
.start-dialog{width:min(460px,90vw);text-align:center;padding:35px 35px 25px;background:linear-gradient(145deg,#fff9e5,#e5e7cd);overflow:visible}.start-dialog h2{font-size:45px;margin:22px 0}.welcome-signs{display:flex;justify-content:center;align-items:center;gap:18px}.welcome-signs>span{display:block;width:67px;height:67px;filter:drop-shadow(0 3px 3px #2b44312b)}.welcome-signs svg{width:100%;height:100%}.start-game{display:grid;place-items:center;width:125px;height:100px;margin:0 auto;border:0;border-radius:27px;color:#fff7df;background:linear-gradient(140deg,#4d7848,#2d563a);box-shadow:0 5px 0 #244631,0 12px 30px #446f4428}.start-game svg{width:74px;height:74px}.welcome-help{width:48px;height:48px;border:1px solid #bfc9aa;border-radius:50%;background:transparent;color:#65784e;margin-top:25px;font:26px Georgia}.kid-mode .dialog-close{min-width:48px;min-height:48px;top:5px;right:5px}.kid-mode #helpDialog .play-button{min-height:64px;font-size:15px}.kid-mode footer{font-size:10px}.kid-mode footer>span:last-child{font-size:9px}.kid-mode .brand{font-size:18px}.kid-mode .brand small{font-size:7px}.kid-mode .brand-mark{width:39px;height:45px}
@media(min-width:761px) and (max-height:900px){.kid-mode .header{height:70px}.kid-mode main{padding-top:14px}.kid-mode .levels{margin-bottom:12px}.kid-mode .scene{aspect-ratio:1200/560}.kid-mode .board-top{height:43px}.kid-mode .inventory{padding:10px 14px}.kid-mode .sign-tray{min-height:92px}.kid-mode .sign-card{min-height:90px}.spoken-task{gap:10px;margin-bottom:12px}.listen-task{min-height:80px}.kid-mode .play-button,.kid-mode .next-button{min-height:80px}.kid-mode .hint-button{height:52px;width:52px;margin-bottom:8px}}
@media(max-width:1000px) and (min-width:761px){.kid-mode .workspace{grid-template-columns:minmax(0,1fr) 190px;gap:16px}.kid-mode .sign-card{min-width:90px;width:96px}.kid-mode .sign-tray{gap:9px}.kid-mode .sign-card svg{width:58px;height:58px}}
@media(max-width:760px){.kid-mode .header{height:76px;padding:0 4%}.kid-mode .header-actions{gap:7px}.kid-mode .brand{font-size:14px;gap:8px}.kid-mode .brand small{font-size:5px;letter-spacing:1px}.kid-mode .brand-mark{width:29px;height:35px;font-size:26px}.kid-mode .header .icon-button,.kid-icon-button{width:44px;min-width:44px;height:44px;border-radius:12px}.kid-icon-button svg{width:29px;height:29px}.kid-mode .workspace{display:flex;gap:15px}.kid-mode .level-button{min-width:55px;width:55px;min-height:48px;gap:5px;font-size:11px}.kid-mode .level-button .level-mini{width:22px;height:25px}.kid-mode main{padding-top:13px}.kid-mode .levels{margin-bottom:12px}.kid-mode .scene{aspect-ratio:1200/760}.kid-mode .sign-card{min-width:90px;width:94px;min-height:91px;padding:10px}.kid-mode .sign-card svg{width:58px;height:58px}.kid-mode .inventory{padding:10px}.kid-mode .sign-tray{min-height:93px;gap:10px}.kid-mode .scene-caption{display:none}.kid-mode .placed-counter{font-size:11px}.kid-mode .task-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.spoken-task{grid-column:1;grid-row:1/4;gap:8px;margin:0}.spoken-task canvas{height:80px;object-fit:cover}.listen-task{min-height:74px;gap:13px}.listen-task>.ui-symbol{width:40px;height:40px}.kid-mode .task-bottom{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%}.kid-mode .hint-button{width:49px;height:49px;min-height:49px;margin:0 0 6px}.kid-mode .play-button,.kid-mode .next-button{min-height:90px;margin-top:0;width:100%}.picture-result{grid-column:1/3;min-height:64px;margin:0}.kid-mode .selected-controls{grid-column:1/3;padding-bottom:0}.kid-mode .selected-controls>div{margin:0}.kid-mode.adult-mode .task-panel{display:flex;flex-direction:column}.kid-mode.adult-mode .task-panel>*{width:100%}.kid-mode.adult-mode #artButton{display:none}.kid-mode .slot .mounted{width:39px;height:60px}.kid-mode .slot .mounted svg{height:39px}.kid-mode .slot .direction{font-size:10px}.kid-mode #editButton{min-width:48px}.kid-mode .simulation-bar{padding:7px;gap:5px}.kid-mode footer{font-size:8px}.kid-mode footer>span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){.speaking .sound-dots i{animation:none}}
.spoken-task{min-width:0}.spoken-task canvas{position:static;display:block}.kid-mode .task-panel{min-width:0}@media(max-width:760px){.kid-mode .task-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* A real height even in iPadOS versions without CSS aspect-ratio. */
.level-navigation{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-width:0}.level-navigation .levels{flex:1;min-width:0;position:relative;margin-bottom:0}.chapter-button{flex:0 0 44px;width:44px;height:48px;border:1px solid #d6dbc8;border-radius:13px;background:#e8eadb;color:#365f47;font-size:34px;line-height:1;touch-action:manipulation}.chapter-button:disabled{opacity:.3}.kid-mode .level-navigation .levels{margin-bottom:0}.kid-mode .level-button{flex-shrink:0;min-width:72px}.mission-signs{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.mission-signs svg{width:35px;height:35px}.mission-signs .mission-step{display:flex;align-items:center;gap:4px}.mission-signs .mission-arrow{color:#7c8e66;font-size:20px}
.kid-mode{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.kid-mode .scene{height:auto;aspect-ratio:auto;--scene-ratio:54.1667%}
.kid-mode .scene:before{content:"";display:block;padding-top:var(--scene-ratio);pointer-events:none}
.kid-mode #world{position:absolute;inset:0;display:block;width:100%;height:100%}
.kid-mode .sign-card{touch-action:none;-webkit-touch-callout:none}
.kid-mode .header{padding-left:max(4%,env(safe-area-inset-left));padding-right:max(4%,env(safe-area-inset-right))}
.legacy-dialog{display:none;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:1000;max-height:90vh;overflow:auto;box-shadow:0 0 0 100vmax #20332ac0}
.legacy-dialog[open]{display:block}.legacy-modal-open{overflow:hidden}
.game-expanded{background:#efeedf}.game-expanded .header{height:64px}.game-expanded main{padding-top:8px}.game-expanded footer{display:none}
.game-expanded .levels{margin-bottom:10px}.game-expanded .kid-mode .workspace{gap:14px}
@media(min-width:761px) and (max-height:900px){.kid-mode .scene{--scene-ratio:46.6667%}}
@media(max-width:760px){.kid-mode .scene{--scene-ratio:63.3333%}.kid-mode .header-actions{gap:4px}.kid-mode .brand small{display:none}.kid-mode .brand{font-size:12px}.kid-mode .brand-mark{display:none}}
@media(min-width:761px) and (orientation:landscape){
 .game-expanded .workspace{height:calc(var(--app-height,100vh) - 158px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:330px}
 .game-expanded .board{display:flex;flex-direction:column;min-height:0}
 .game-expanded .scene{flex:1;min-height:150px}
 .game-expanded .scene:before{display:none}
 .game-expanded .board-top,.game-expanded .inventory,.game-expanded .simulation-bar{flex-shrink:0}
 .game-expanded .task-panel{overflow:auto}
}