.play-header{min-height:calc(82px + env(safe-area-inset-top));height:auto;padding:max(10px, env(safe-area-inset-top)) max(clamp(16px,5vw,54px), env(safe-area-inset-right)) 10px max(clamp(16px,5vw,54px), env(safe-area-inset-left));gap:18px}.play-header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.play-header-action{border-radius:var(--radius);min-width:0;min-height:48px;font-size:var(--text-xs);text-align:center;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:900;display:inline-flex}.play-games-exit{border:2px solid color-mix(in srgb, var(--white) 38%, transparent);background:color-mix(in srgb, var(--purple-dark) 58%, transparent);color:var(--white)}.grownup-exit{background:var(--white);color:var(--ink)}.play-world{width:min(1050px,100% - 30px)}.play-hub-world{width:min(1120px,100% - 30px);padding-top:clamp(34px,6vw,72px)}.play-hub-intro{grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;margin:0 auto clamp(24px,4vw,42px);display:grid}.play-hub-intro>div{max-width:720px}.play-hub-intro h1{font:800 clamp(3rem, 7vw, 5rem)/.96 var(--font-display);letter-spacing:-.025em;margin:2px 0 10px}.play-hub-intro p:not(.eyebrow){max-width:62ch;color:color-mix(in srgb, var(--white) 88%, var(--purple));font-size:var(--text-base);margin:0;line-height:1.6}.play-hub-intro img{object-fit:contain;object-position:bottom;width:190px;height:210px;filter:drop-shadow(0 14px 11px color-mix(in srgb, var(--purple-dark) 58%, transparent))}.play-game-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.5vw,24px);display:grid}.play-game-card{border:3px solid color-mix(in srgb, var(--white) 30%, var(--purple));border-radius:var(--radius);background:var(--surface-content);min-height:210px;color:var(--ink);box-shadow:0 10px 0 color-mix(in srgb, var(--purple-dark) 56%, transparent);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);grid-template-columns:76px minmax(0,1fr) 44px;align-items:center;gap:18px;padding:clamp(20px,3vw,30px);display:grid}.play-game-card:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.play-game-card-symbol{border-radius:var(--radius);background:color-mix(in srgb, var(--pink) 10%, var(--white));place-items:center;width:74px;height:74px;font-size:2.5rem;display:grid}.play-game-card-symbol.memory-choice-symbol{background:var(--yellow);color:var(--ink);font:800 2rem/1 var(--font-display)}.play-game-card-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.play-game-card-copy small{color:var(--pink-dark);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:900}.play-game-card-copy strong{font:800 clamp(1.55rem, 3vw, 2.2rem)/1 var(--font-display)}.play-game-card-copy>span{color:var(--muted);font-size:var(--text-sm);line-height:1.45}.play-game-card-arrow{background:var(--pink);width:42px;height:42px;color:var(--white);font-size:var(--text-lg);border-radius:50%;place-items:center;font-weight:900;display:grid}.play-intro img{object-fit:contain;object-position:bottom}.play-intro>div{max-width:690px}.play-intro h1{letter-spacing:-.025em;font-size:clamp(2.875rem,6vw,4.375rem)}.play-intro p:not(.eyebrow){max-width:58ch;color:color-mix(in srgb, var(--white) 86%, var(--purple));font-size:var(--text-base);line-height:1.6}.game-card{border-radius:var(--radius);background:var(--surface-content);padding:clamp(28px,5vw,54px);overflow:hidden}.game-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-card-heading p{margin:0}.game-step{color:var(--pink-dark);font-size:var(--text-xs);letter-spacing:.08em}.game-sound-toggle,.game-question-reader{border:2px solid color-mix(in srgb, var(--purple) 20%, var(--white));border-radius:var(--radius);background:var(--white);min-height:44px;color:var(--purple-dark);font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:7px 11px;font-weight:900;display:inline-flex}.game-sound-toggle>span,.game-question-reader>span{background:color-mix(in srgb, var(--yellow) 58%, var(--white));border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.game-sound-toggle[aria-pressed=false]{color:var(--muted);background:color-mix(in srgb, var(--ink) 3%, var(--white))}.game-question-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:10px auto 8px;display:grid}.game-question-row h2{font:800 clamp(2rem, 4vw, 2.9rem)/1.08 var(--font-display);letter-spacing:-.025em;text-align:left;margin:0}.game-question-reader[aria-pressed=true]{border-color:var(--blue-dark);background:color-mix(in srgb, var(--blue) 9%, var(--white))}.game-instruction{max-width:58ch;color:var(--muted);font-size:var(--text-sm);text-align:left;margin:0 0 26px;font-weight:700}.game-options button{border-radius:var(--radius);min-width:0;min-height:230px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);padding:18px 14px}.game-options button:focus-visible{outline:4px solid var(--blue-dark);outline-offset:4px}.game-options button:disabled{cursor:default;opacity:.54}.game-options button.selected{opacity:1}.fruit-visual{aspect-ratio:1;border-radius:var(--radius);background:var(--fruit-soft);border:3px solid color-mix(in srgb, var(--fruit-color) 44%, #fff);width:min(158px,92%);box-shadow:inset 0 -7px 0 color-mix(in srgb, var(--fruit-color) 12%, transparent);place-items:center;margin:0 auto 13px;display:grid}.fruit-image{object-fit:contain;filter:drop-shadow(0 8px 5px #48232d26);width:86%;height:86%}.fruit-emoji{filter:drop-shadow(0 8px 5px #48232d26);font-size:5rem;line-height:1;display:block;transform:translateY(-1px)}.game-options button.selected.correct{border-color:var(--feedback-success-accent);background:var(--feedback-success-surface)}.game-options button.selected.correct .fruit-visual{border-color:var(--feedback-success-accent);background:var(--feedback-success-surface);box-shadow:inset 0 -9px #23824d1f,0 0 0 5px #23824d24}.game-options button.selected.wrong{border-color:var(--feedback-retry-accent);background:var(--feedback-retry-surface)}.game-options button.selected.wrong .fruit-visual{border-color:var(--feedback-retry-accent);background:var(--feedback-retry-surface);animation:.32s game-shake}.game-feedback{justify-content:space-between;align-items:center;gap:18px;max-width:680px;display:flex}.game-feedback.success{background:var(--feedback-success-surface);color:var(--feedback-success-accent)}.game-feedback.try-again{background:var(--feedback-retry-surface);color:var(--feedback-retry-accent)}.game-feedback:focus,.game-complete:focus{outline-offset:4px;outline:4px solid #00aeea73}.game-feedback>div{text-align:left;flex-direction:column;display:flex}.game-feedback span{font-size:var(--text-sm)}.game-next,.game-retry{border-radius:var(--radius);cursor:pointer;border:0;flex:none;min-height:48px;padding:10px 17px;font-weight:900}.game-next{background:var(--feedback-success-accent);color:#fff;box-shadow:0 5px #175c37}.game-retry{background:var(--surface-content);color:var(--feedback-retry-accent);border:2px solid var(--feedback-retry-accent)}.game-complete{border:3px solid var(--purple);border-radius:var(--radius);text-align:left;background:#f3edff;grid-template-columns:58px 1fr;gap:16px 20px;max-width:790px;margin:30px auto 0;padding:26px;display:grid}.completion-mark{border-radius:var(--radius);background:var(--yellow);width:54px;height:54px;color:var(--ink);place-items:center;font-size:1.5rem;display:grid}.game-complete strong{font:800 1.5rem/1.12 var(--font-display)}.game-complete p{color:var(--muted);margin:6px 0 0;line-height:1.55}.completion-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.completion-actions>a{min-height:48px;color:var(--purple-dark);text-align:center;text-underline-offset:4px;justify-content:center;align-items:center;padding:10px 14px;font-weight:900;text-decoration:underline;display:inline-flex}@keyframes game-shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@media (hover:hover) and (pointer:fine){.play-game-card:hover{border-color:var(--yellow);transform:translateY(-4px)}.game-options button:hover:not(:disabled){transform:translateY(-5px)}}@media (orientation:landscape) and (max-height:600px) and (min-width:700px){.play-header{min-height:calc(64px + env(safe-area-inset-top));padding-block:max(6px, env(safe-area-inset-top)) 6px}.play-world{padding-block:18px max(32px, env(safe-area-inset-bottom))}.play-hub-intro{grid-template-columns:minmax(0,1fr) 125px;margin-bottom:18px}.play-hub-intro img{width:125px;height:130px}.play-hub-intro h1{font-size:clamp(2.4rem,5vw,3.2rem)}.play-game-card{min-height:150px}.play-intro{grid-template-columns:125px 1fr;justify-content:start;gap:12px;margin-bottom:-14px;display:grid}.play-intro img{width:135px;height:150px}.play-intro h1{font-size:clamp(2.4rem,5vw,3.2rem)}.play-intro p:not(.eyebrow){margin-block:6px 0;line-height:1.45}.game-card{padding:30px 30px 24px}.game-question-row{margin-block:6px}.game-question-row h2{font-size:clamp(1.85rem,3.4vw,2.45rem)}.game-instruction{margin-bottom:16px}.game-options button{min-height:155px;padding:12px}.fruit-visual{width:112px;margin-bottom:8px}}@media (max-width:760px){.play-game-library{grid-template-columns:1fr}.play-game-card{min-height:168px}}@media (max-width:640px){.play-hub-intro{grid-template-columns:minmax(0,1fr) 125px;gap:8px}.play-hub-intro h1{font-size:clamp(2.6rem,12vw,3.8rem)}.play-hub-intro p:not(.eyebrow){font-size:var(--text-sm)}.play-hub-intro img{width:125px;height:155px}.play-intro{margin-bottom:10px}.play-intro h1{font-size:clamp(2.4rem,12vw,3.25rem)}.game-card-heading{text-align:left;flex-direction:row;align-items:center;gap:8px}.game-sound-toggle{flex:none;padding-inline:9px}.game-question-row{grid-template-columns:1fr;align-items:stretch}.game-question-reader{justify-self:start}.game-options button{min-height:170px}.fruit-visual{width:96px}.fruit-emoji{font-size:3.25rem}.game-feedback{flex-direction:column;align-items:stretch}.game-next,.game-retry{width:100%}.game-complete{grid-template-columns:48px 1fr;padding:20px 16px}.completion-mark{width:46px;height:46px}.completion-actions{grid-template-columns:1fr}}@media (max-width:560px){.play-header{align-items:flex-start;gap:10px;min-height:76px}.play-header .brand{min-width:44px;font-size:var(--text-sm);gap:7px}.play-header .brand-mark{flex:0 0 38px}.play-header .brand-name{white-space:normal;line-height:.9}.play-header-actions{flex-wrap:wrap;flex:1;gap:6px}.play-header-action{flex:145px;min-height:44px;padding:7px 9px;font-size:.68rem;line-height:1.18}.play-hub-world{width:min(100% - 20px,1120px)}.play-game-card{grid-template-columns:58px minmax(0,1fr) 34px;gap:11px;min-height:138px;padding:16px 13px}.play-game-card-symbol{width:56px;height:56px;font-size:2rem}.play-game-card-symbol.memory-choice-symbol{font-size:1.6rem}.play-game-card-arrow{width:32px;height:32px}.play-game-card-copy strong{font-size:1.45rem}.play-game-card-copy>span{font-size:var(--text-xs)}.play-intro{grid-template-columns:105px 1fr}.play-intro img{width:120px;height:150px}.play-intro p:not(.eyebrow){font-size:var(--text-xs)}.game-card{padding:25px 12px}.game-sound-toggle{min-height:44px;font-size:.7rem}.game-question-row h2{font-size:clamp(1.75rem,8vw,2.25rem)}.game-options{grid-template-columns:1fr;gap:10px}.game-options button{text-align:left;grid-template-columns:82px minmax(0,1fr);min-height:106px;padding:9px 14px;font-size:1.25rem;display:grid}.fruit-visual{width:72px;margin:0}.fruit-emoji{font-size:2.75rem}}@media (max-width:390px){.play-header .brand-name{display:none}.play-header-actions{flex-wrap:nowrap;max-width:none}.play-header-action{flex:1 1 0;padding-inline:5px;font-size:.6rem}.play-hub-intro{grid-template-columns:1fr}.play-hub-intro img{display:none}}@media (prefers-reduced-motion:reduce){.play-game-card{transition:none}.game-options button.selected.wrong .fruit-visual{animation:none}}@media (forced-colors:active){.play-game-card,.play-games-exit,.game-sound-toggle,.game-question-reader{box-shadow:none;border:2px solid buttontext}}
