*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#143956;background:#fbf8ef;margin:0;font-family:Arial,sans-serif}button{font:inherit;color:inherit}.photo{object-fit:contain;background:#fff;width:100%;height:100%;display:block}header{z-index:20;background:#fbf8eff7;border-bottom:2px solid #d9e8e3;grid-template-columns:1fr auto 1fr;align-items:center;height:86px;padding:0 5vw;display:grid;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;font-size:1.35rem;display:flex}.brand i{background:#f7be48;border:4px solid #143956;border-radius:50%;place-items:center;width:52px;height:52px;font-style:normal;display:grid}header>span{color:#167f79;font-weight:900}.home-button{cursor:pointer;background:#fff;border:3px solid #9fc3ba;border-radius:999px;justify-self:end;padding:10px 18px;font-weight:900;box-shadow:0 4px #d3e2de}.home-button span{font-size:1.4rem}.hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:45px;min-height:560px;padding:65px 7vw;display:grid}.eyebrow{color:#0d837b;letter-spacing:.14em;font-weight:900}.hero h1,.title-row h1,.lesson-top h1,.find-head h1{margin:16px 0;font-family:Georgia,serif;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.92}.hero h1 em{color:#e49b1c;font-style:normal}.hero p{font-size:1.25rem;line-height:1.55}.hero-photo{background:#fff;border:5px solid #abd3ca;border-radius:42px;height:420px;position:relative;overflow:hidden;box-shadow:0 20px 45px #1439561f}.hero-photo .photo{padding:20px}.hero-photo>span{color:#fff;background:#f7be48;border-radius:50%;place-items:center;width:66px;height:66px;font-size:2.6rem;display:grid;position:absolute;top:20px;right:22px}.activity-menu{grid-template-columns:repeat(4,1fr);gap:20px;padding:15px 5vw 80px;display:grid}.activity-menu>button{text-align:left;cursor:pointer;background:#fff;border:4px solid #d3e3de;border-radius:30px;padding:24px;transition:all .2s;position:relative;box-shadow:0 9px #d3e3de}.activity-menu>button:hover,.activity-menu>button:focus-visible{border-color:#11847c;transform:translateY(-5px)}.activity-menu i{z-index:2;background:#f7be48;border-radius:50%;place-items:center;width:42px;height:42px;font-style:normal;font-weight:900;display:grid;position:absolute;top:14px;right:16px}.activity-menu .photo{border-radius:15px;height:130px;margin-bottom:15px}.activity-menu small{color:#11847c;letter-spacing:.12em;margin:10px 0;font-weight:900;display:block}.activity-menu h2{margin:0;font-family:Georgia,serif;font-size:1.8rem}.activity-menu p{color:#56736d;min-height:85px;line-height:1.5}.activity-menu>b{color:#11847c}.menu-key{color:#fff;background:#222;border-radius:16px;place-items:center;height:130px;margin-bottom:15px;font-size:3rem;font-weight:900;display:grid}.screen{padding:42px 5vw 80px}.title-row,.lesson-top,.find-head{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.title-row h1,.lesson-top h1,.find-head h1{margin:7px 0 15px;font-size:clamp(3rem,6vw,5.5rem)}.title-row p{font-size:1.1rem}.stars{white-space:nowrap;background:#fff8dc;border:4px solid #ead894;border-radius:999px;padding:13px 18px}.stars span{color:#edaa20;font-size:1.9rem}.letter-tray{background:#dff3ee;border-radius:25px;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;padding:22px;display:flex}.letter-tray button,.letter-slot,.fixed-key{border-radius:13px;place-items:center;width:72px;height:72px;font-size:1.7rem;font-weight:900;display:grid}.letter-tray button{cursor:grab;background:#f7be48;border:4px solid #143956}.letter-tray button:disabled{opacity:.25}.letter-keyboard{background:#303438;border:10px solid #15191c;border-radius:28px;max-width:1050px;margin:auto;padding:25px}.letter-row{justify-content:center;gap:10px;margin:10px 0;display:flex}.row-1{padding-left:35px}.row-2{padding-left:75px;padding-right:75px}.letter-slot{cursor:pointer;background:#fff8dc;border:4px dashed #f0b83f;position:relative}.letter-slot small{color:#7f8b89;font-size:.65rem;position:absolute;bottom:2px;right:5px}.letter-slot.done{background:#dff6e9;border-style:solid;border-color:#44b47d}.fixed-key{color:#fff;background:#17191b;border:3px solid #60676b}.oops{animation:.25s shake}.celebrate{text-align:center;background:#fff7d1;border:4px solid #efcf65;border-radius:28px;max-width:750px;margin:28px auto;padding:24px}.celebrate>span{color:#e9a91e;font-size:3rem}.celebrate h2{margin:8px;font-family:Georgia,serif;font-size:2.4rem}.slide-count{background:#dff3ee;border-radius:999px;padding:13px 18px;font-weight:900}.progress{background:#dce9e5;border-radius:99px;height:15px;overflow:hidden}.progress i{background:#f0b53d;height:100%;display:block}.lesson-card,.find-card{text-align:center;background:#fff;border:4px solid #d5e4df;border-radius:35px;max-width:1100px;margin:28px auto;padding:35px;box-shadow:0 18px 45px #14395617}.lesson-card>.photo{border:4px dashed #96b9b1;border-radius:28px;width:min(660px,90%);height:310px;margin:auto;padding:10px}.slide-type{color:#11847c;letter-spacing:.12em;margin-top:20px;font-weight:900;display:inline-block}.lesson-card h2,.find-card h2{margin:15px;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4rem)}.lesson-card>p,.find-card>p{max-width:780px;margin:10px auto 24px;font-size:1.3rem;line-height:1.55}.answers{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.answers button{cursor:pointer;background:#fff;border:4px solid #d3e2de;border-radius:22px;min-height:100px;font-weight:900}.correct{background:#e2f7eb!important;border-color:#39aa72!important}.try{animation:.25s shake;border-color:#e5a743!important}.hint{color:#886820}.good{color:#147953;font-weight:900}.slide-nav{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:24px;display:flex}.primary,.back-button,.secondary{cursor:pointer;border:0;border-radius:999px;padding:15px 25px;font-weight:900}.primary{color:#fff;background:#11847c;box-shadow:0 6px #08625c}.back-button,.secondary{background:#fff;border:3px solid #9fc3ba;box-shadow:0 4px #d4e2de}.lesson-score{text-align:center;color:#56736d;font-weight:900}.puzzle-controls{grid-template-columns:2fr 1fr;gap:24px;margin:15px 0 26px;display:grid}.puzzle-controls>div{background:#fff;border:3px solid #d3e2de;border-radius:24px;padding:16px}.puzzle-controls b{margin-bottom:10px;display:block}.puzzle-controls button{cursor:pointer;vertical-align:top;background:#fff;border:3px solid #d3e2de;border-radius:14px;margin:5px;padding:8px 10px;font-weight:800}.puzzle-controls button .photo{border-radius:7px;width:105px;height:62px}.puzzle-controls button.active{background:#e5f7f3;border-color:#11847c}.puzzle-wrap{grid-template-columns:minmax(300px,700px) 230px;justify-content:center;align-items:center;gap:28px;display:grid}.puzzle-board{--board-width:min(700px,72vw);width:var(--board-width);aspect-ratio:16/9;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);background:#c7dad5;border:8px solid #143956;border-radius:20px;display:grid;overflow:hidden}.puzzle-board>button{cursor:grab;background:#e5f3ef;border:2px solid #fff;position:relative;overflow:hidden}.puzzle-board>button.selected{outline-offset:-7px;outline:7px solid #f1b83f}.piece-art{background-size:calc(var(--cols) * 100%) calc(var(--rows) * 100%);background-position:calc(var(--piece-col) * 100% / (var(--cols) - 1)) calc(var(--piece-row) * 100% / (var(--rows) - 1));background-repeat:no-repeat;position:absolute;inset:0}.puzzle-wrap aside{text-align:center;background:#fff;border:4px solid #d3e2de;border-radius:24px;padding:16px}.puzzle-wrap aside .photo{border-radius:12px;height:130px;margin-bottom:10px}.puzzle-wrap aside b{margin-bottom:12px;display:block}.target-key{color:#fff;background:#202224;border:6px solid #111;border-radius:20px;place-items:center;min-width:180px;height:120px;padding:15px 28px;font-size:2.3rem;font-weight:900;display:inline-grid;box-shadow:0 8px #0b0c0d}.interactive-keyboard{background:#33383c;border:8px solid #15181a;border-radius:24px;max-width:1120px;margin:25px auto;padding:18px;overflow-x:auto}.find-row{justify-content:center;gap:7px;min-width:830px;margin:7px 0;display:flex}.find-row button{color:#fff;cursor:pointer;background:#1d2022;border:3px solid #08090a;border-radius:9px;min-width:58px;height:58px;font-weight:900;box-shadow:0 4px #08090a}.find-row button[aria-label=Backspace],.find-row button[aria-label=Enter],.find-row button[aria-label=Shift]{min-width:105px}.find-row button.space{width:360px}.find-row button:disabled{opacity:.72}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (width<=1100px){.activity-menu{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-photo{height:320px}.activity-menu{grid-template-columns:1fr}.activity-menu p{min-height:auto}.title-row,.lesson-top,.find-head{display:block}.stars{display:inline-block}.puzzle-controls,.puzzle-wrap{grid-template-columns:1fr}.puzzle-wrap aside{display:none}.puzzle-board{--board-width:90vw}.answers{grid-template-columns:1fr}.letter-keyboard{overflow-x:auto}.letter-row{min-width:790px}.lesson-card>.photo{height:240px}}@media (width<=600px){header{grid-template-columns:1fr auto;padding:0 3vw}header>span,.brand b{display:none}.home-button{padding:9px 12px}.screen{padding:28px 4vw}.hero{padding:40px 5vw}.stars span{font-size:1.35rem}.lesson-card,.find-card{padding:19px}.lesson-card>.photo{width:100%;height:190px}.letter-tray button,.letter-slot,.fixed-key{width:60px;height:60px}.target-key{min-width:150px;height:95px;font-size:1.8rem}}