:root{color:#314b50;font-synthesis:none;text-rendering:optimizelegibility;--paper:#fbf7ef;--surface:#fffcf6;--ink:#314b50;--muted:#65706a;--accent:#3e7163;--line:#e1e4d9;--focus:#265e81;--correct:#417358;--retry:#8b631e;background:#fbf7ef;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}[lang=he]{font-family:Arial,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,fieldset{margin:0}button{border:2px solid var(--line);background:var(--surface);transition:transform .15s,background .15s,border-color .15s}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1:focus,.question-heading:focus{outline:none}h1,h2,h3,p{margin:0}button:not(:disabled):active{transform:scale(.975)}button[aria-pressed=true]{border-color:var(--accent);background:#eaf1e8}.app-shell{border-top:7px solid #91b6a0;min-height:100svh}.screen{width:min(1120px,100% - 64px);margin-inline:auto;padding-bottom:32px}.eyebrow{color:var(--accent);letter-spacing:.04em;font-size:14px;font-weight:700}.visual{flex-shrink:0;max-width:100%;height:auto;display:block}.visual-small{width:90px}.visual-medium{width:150px}.visual-large{width:180px}.parent-hint{color:var(--muted);font-size:16px;line-height:1.55}.welcome{justify-content:space-between;align-items:center;gap:32px;min-height:360px;padding:38px 0 28px;display:flex}.welcome-copy{max-width:540px}.welcome h1{letter-spacing:-.055em;width:fit-content;margin:15px 0 19px;font-size:clamp(46px,5.6vw,76px);line-height:1.02}.welcome h1 span{color:var(--accent)}.welcome h1 i,.mini-brand i,.heading-dot{color:#c98263;font-style:normal}.welcome-line{max-width:350px;font-size:19px;line-height:1.5}.welcome-art{background:#edf0df;border-radius:50% 43% 38% 52%;flex-shrink:0;width:410px;height:300px;position:relative}.welcome-art span{position:absolute}.art-sun{top:-20px;width:110px;inset-inline-end:10px}.art-lion{bottom:24px;width:190px;inset-inline-start:18px;transform:rotate(-9deg)}.art-rabbit{bottom:18px;width:160px;inset-inline-end:5px;transform:rotate(8deg)}.art-leaf{top:15px;width:58px;inset-inline-start:33px;transform:rotate(-20deg)}.welcome-art .visual{width:100%}.setup-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:40px;padding-top:28px;display:grid}fieldset{border:0;min-width:0;padding:0}legend{padding:0 0 18px;font-size:19px;font-weight:700}.language-options,.age-options{gap:12px;display:grid}.language-options{grid-template-columns:repeat(2,minmax(0,1fr))}.age-options{grid-template-columns:repeat(4,minmax(0,1fr))}.language-card{border-radius:20px;justify-content:space-between;align-items:center;gap:6px;min-height:100px;padding:17px;font-size:21px;display:flex}.language-card b{color:var(--accent);font-size:18px}.age-card{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:8px;display:flex;position:relative}.age-card span{font-size:36px;font-weight:700;line-height:1.2}.age-card small{font-size:14px}.age-card b{top:6px;font-size:14px;position:absolute;inset-inline-end:8px}.setup-footer{justify-content:space-between;align-items:center;gap:18px;padding-top:26px;display:flex}.primary-button,.next-button{border-color:var(--accent);background:var(--accent);color:#fffef7;border-radius:18px;justify-content:center;align-items:center;gap:26px;min-width:180px;min-height:72px;padding:12px 26px;font-size:22px;font-weight:700;display:inline-flex}.primary-button:disabled{color:#72786e;background:#e3e7dd;border-color:#e3e7dd}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:20px 0;display:flex}.back-button{background:0 0;border:0;align-items:center;gap:12px;min-height:48px;padding:8px 12px 8px 0;font-size:17px;font-weight:700;display:inline-flex}.mini-brand{letter-spacing:-.05em;font-size:23px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.language-toggle{background:#eeeee4;border-radius:13px;padding:3px;display:flex}.language-toggle button{background:0 0;border-color:#0000;border-radius:10px;min-width:44px;min-height:44px;font-size:15px;font-weight:700}.language-toggle button[aria-pressed=true]{background:#fffcf5;border-color:#c1d0c0}.sound-button{border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.chooser-heading{padding:32px 0 27px}.chooser-heading h1{letter-spacing:-.035em;margin:6px 0 8px;font-size:44px;line-height:1.2}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.game-card{text-align:start;border-radius:24px;flex-direction:column;align-items:stretch;padding:18px 20px 23px;display:flex;position:relative}.game-card-art{background:#edf0e3;border-radius:18px;place-items:center;height:160px;margin-bottom:17px;display:grid}.game-card:nth-child(3n+2) .game-card-art{background:#f4e9db}.game-card:nth-child(3n+3) .game-card-art{background:#e9eeee}.game-card-art .visual{width:132px}.game-card-copy{flex-direction:column;gap:7px;padding-inline-end:12px;display:flex}.game-card-copy strong{font-size:21px;line-height:1.25}.game-card-copy>span{color:var(--muted);font-size:15px;line-height:1.5}.game-card-arrow{color:var(--accent);align-self:flex-end;margin-top:auto;padding-top:10px;font-size:24px}.text-button{text-underline-offset:4px;min-height:48px;color:var(--accent);background:0 0;border:0;margin-top:16px;padding:16px 0;text-decoration:underline}.game-heading{flex-direction:column;gap:4px;padding:23px 0;display:flex}.game-heading h1{font-size:23px;line-height:1.3}.game-heading .eyebrow{font-size:13px}.play-panel{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:30px;width:min(900px,100%);margin-inline:auto;padding:26px 28px 12px}.prompt-row{justify-content:center;align-items:center;gap:24px;margin-bottom:24px;display:flex}.prompt-row h2{text-wrap:balance;max-width:740px;font-size:clamp(24px,2.5vw,32px);line-height:1.35}.prompt-row.has-visual{text-align:start}.prompt-row.has-visual .visual{width:125px}.prompt-row.has-visual h2{font-size:25px}.sound-cue{color:#69562e;background:#f6e9c8;border-radius:25px 25px 25px 5px;margin-top:18px;padding:12px 30px;font-size:36px;font-weight:700;display:inline-block}.answer-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:17px;display:grid}.answer-card{border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:196px;padding:17px 12px 14px;font-size:20px;line-height:1.35;display:flex;position:relative}.answer-card>span{overflow-wrap:anywhere;width:100%}.answer-card:disabled:not(.is-correct):not(.is-retry):not(.is-selected){color:#6a7670;background:#f6f7ef}.answer-card .visual{width:140px;height:144px}.answer-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.answer-card.is-correct{border-color:var(--correct);background:#e4efdd;animation:.42s delight}.answer-card.is-retry{background:#fbefcf;border-color:#b38b43;animation:.3s wobble}.feedback-mark{inset-inline-end:8px;width:30px;height:30px;color:var(--correct);background:#fffdf1;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px}.is-retry .feedback-mark{color:var(--retry)}.feedback-status{color:#5c685d;min-height:24px;margin:15px 0 0;font-size:16px}.pattern-sequence{justify-content:center;gap:8px;margin:0 0 25px;padding:0;list-style:none;display:flex}.pattern-sequence li{background:#f2f1e6;border-radius:13px;flex:1 1 0;place-items:center;min-width:0;max-width:100px;padding:5px;display:grid}.missing-picture{min-height:62px;color:var(--accent);place-items:center;font-size:40px;display:grid}.sequence-tray{justify-content:center;gap:16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.sequence-tray li{background:#f2f4e9;border:2px dashed #c7d0bd;border-radius:16px;place-items:center;width:120px;height:100px;display:grid;position:relative}.sequence-tray b{top:5px;color:var(--accent);font-size:14px;position:absolute;inset-inline-start:8px}.sequence-tray li>span{color:#718670;font-size:32px}.sequence-tray .visual{height:82px}.sequence-tray+.parent-hint{margin-bottom:16px}.source-grid{justify-content:center;gap:16px;display:flex}.source-grid .answer-card{width:200px;min-height:158px;padding:10px;font-size:18px}.source-grid .visual{width:100px;height:100px}.step-label{color:var(--accent);margin:10px 0 12px;font-size:16px;font-weight:700}.source-grid+.step-label{margin-top:22px}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;max-width:650px;margin:auto;display:grid}.memory-card{aspect-ratio:1.2;background:#dce7d8;border:2px solid #b5c8b0;border-radius:18px;place-items:center;display:grid;position:relative}.memory-back{padding:10px;transform:rotate(-15deg)}.memory-back .visual{opacity:.75;width:51px}.memory-card.is-flipped{background:#fffdf3}.memory-card.is-matched{background:#eef4e5;border-color:#829e7c}.memory-card>.visual{width:94px;max-height:100%;padding:5px}.memory-check{top:5px;color:var(--accent);font-size:16px;position:absolute;inset-inline-end:6px}.action-panel .prompt-row{text-align:center;flex-direction:column}.action-panel .prompt-row .visual{width:200px}.action-panel .parent-hint{max-width:490px;margin:0 auto 24px}.next-button{margin:12px 0 16px}.discussion-panel>.visual{margin:0 auto 14px}.discussion-panel h3{margin-bottom:10px;font-size:26px;line-height:1.4}.discussion-panel .parent-hint{margin-bottom:12px}.story-ending{color:var(--accent);margin-bottom:16px;font-size:18px}[dir=rtl] .direction-arrow{display:inline-block;transform:scaleX(-1)}[dir=rtl] .welcome h1{margin-inline:0 auto}[dir=rtl] .eyebrow{letter-spacing:0}@media (hover:hover){.answer-card:not(:disabled):hover,.game-card:hover,.age-card:hover,.language-card:hover{background:#f2f5e9;border-color:#92aa93;transform:translateY(-2px)}.primary-button:not(:disabled):hover,.next-button:hover{background:#315c50}}@media (width<=950px){.screen{width:calc(100% - 40px)}.welcome-art{width:290px;height:260px}.art-lion{width:150px;inset-inline-start:2px}.art-rabbit{width:128px;inset-inline-end:0}.art-sun{width:90px}.setup-grid{gap:24px}.language-card{padding:12px;font-size:19px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.app-shell{border-top-width:5px}.screen{width:calc(100% - 28px);padding-bottom:24px}.welcome{gap:0;min-height:0;padding:27px 0 24px;position:relative}.welcome-copy{z-index:1;position:relative}.welcome .eyebrow{max-width:220px;font-size:12px;line-height:1.5}.welcome h1{letter-spacing:-.045em;margin:14px 0;font-size:45px}.welcome-line{max-width:210px;font-size:16px;line-height:1.4}.welcome-art{inset-inline-end:-3px;width:114px;height:130px;position:absolute;bottom:26px}.art-lion{inset-inline-start:12px;width:90px;bottom:12px;transform:rotate(8deg)}.art-sun{top:-19px;width:42px;inset-inline-end:7px}.art-rabbit,.art-leaf{display:none}.setup-grid{grid-template-columns:1fr;gap:22px;padding-top:22px}legend{padding-bottom:11px;font-size:17px}.language-card{border-radius:16px;min-height:70px;padding:15px}.age-card{border-radius:16px;min-height:88px}.age-options{gap:9px}.age-card span{font-size:32px}.setup-footer{flex-direction:column;align-items:stretch;gap:13px;padding-top:22px}.setup-footer .parent-hint{text-align:center;font-size:14px}.primary-button{width:100%;min-height:72px}.app-header{flex-wrap:wrap;gap:8px;padding:13px 0}.mini-brand{text-align:center;order:-1;width:100%;padding-bottom:3px;font-size:19px}.back-button{min-height:46px;padding-inline:4px;font-size:16px}.header-actions{gap:8px}.sound-button{width:48px;height:48px}.language-toggle{padding:1px}.chooser-heading{padding:23px 0}.chooser-heading h1{font-size:34px}.chooser-heading .parent-hint{font-size:15px}.game-grid{gap:12px}.game-card{border-radius:19px;padding:9px 9px 13px}.game-card-art{border-radius:12px;height:104px;margin-bottom:12px}.game-card-art .visual{width:90px}.game-card-copy{gap:8px;padding-inline:2px}.game-card-copy strong{font-size:18px;line-height:1.3}.game-card-copy>span{font-size:14px;line-height:1.4}.game-card-arrow{padding-top:6px;font-size:21px}.game-heading{gap:3px;padding:18px 0}.game-heading h1{font-size:19px}.play-panel{border-radius:22px;padding:20px 12px 8px}.prompt-row{gap:12px;margin-bottom:20px}.prompt-row h2{font-size:23px}.prompt-row.has-visual{text-align:center;flex-direction:column;gap:10px}.prompt-row.has-visual .visual{width:95px}.prompt-row.has-visual h2{font-size:21px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.answer-card{border-radius:17px;gap:7px;min-height:157px;padding:10px 6px;font-size:17px}.answer-card .visual{width:109px;height:110px}.answer-grid>:last-child:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 5.5px)}.feedback-status{margin-top:12px;font-size:14px}.feedback-mark{top:4px;width:24px;height:24px;font-size:17px;inset-inline-end:4px}.source-grid{gap:11px}.source-grid .answer-card{width:calc(50% - 5.5px);min-height:130px;font-size:16px}.source-grid .visual{width:76px;height:77px}.step-label{font-size:14px}.source-grid+.step-label{margin-top:16px}[data-kind=placement] .answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}[data-kind=placement] .answer-grid>:last-child:nth-child(3){grid-column:auto;width:100%}[data-kind=placement] .answer-grid .answer-card{min-height:138px;font-size:16px}[data-kind=placement] .answer-grid .visual{width:78px;height:82px}[data-kind=order] .answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}[data-kind=order] .answer-grid>:last-child:nth-child(3){grid-column:auto;width:100%}[data-kind=order] .answer-card{min-height:168px;font-size:15px}[data-kind=order] .answer-card .visual{width:78px;height:82px}.pattern-sequence{gap:4px;margin-bottom:20px}.pattern-sequence li{border-radius:7px;padding:2px}.missing-picture{min-height:37px;font-size:29px}.sequence-tray{gap:9px}.sequence-tray li{width:84px;height:82px}.sequence-tray .visual{width:66px;height:70px}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.memory-card{aspect-ratio:1;border-radius:13px}.memory-card>.visual{width:75px}.memory-back .visual{width:39px}.action-panel .prompt-row .visual{width:165px}.action-panel .parent-hint,.discussion-panel .parent-hint{font-size:15px}.discussion-panel h3{font-size:22px}}@keyframes delight{45%{transform:scale(1.025)}}@keyframes wobble{25%{transform:translate(-3px)}65%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:not(:disabled):hover,button:not(:disabled):active{transform:none}}