.learning-wrap{padding-bottom:36px}.learning-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center;padding:58px 0 40px}.learning-hero h1{font-size:clamp(2.8rem,5.8vw,5.4rem);margin-bottom:20px}.learning-pills{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#385e52}.learning-art{height:300px;background:#d5e7df;border-radius:150px 150px 24px 24px;position:relative;overflow:hidden}.art-label{position:absolute;top:30px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.2em;color:#385e52}.floating-tile{position:absolute;display:grid;place-items:center;border-radius:20px;font:54px var(--serif);box-shadow:0 8px 0 #102b3c10;z-index:1}.tile-a{width:100px;height:104px;background:#ffcfaa;top:77px;left:35px;transform:rotate(-12deg);color:#8f371f}.tile-number{width:144px;height:76px;background:#fff4c9;right:25px;top:125px;transform:rotate(11deg);font-size:36px}.tile-star{width:64px;height:64px;background:#eaf4e9;right:77px;top:55px;font-size:47px;color:#366e60;transform:rotate(9deg)}.art-wave{position:absolute;width:130%;height:130px;left:-15%;bottom:-65px;background:#aecfc2;border-radius:50%;transform:rotate(-9deg)}.mini-nautilus{position:absolute;width:90px;height:90px;background:#ea8c69;border-radius:50%;bottom:31px;left:42%;z-index:1;transform:rotate(-8deg);color:#923f28}.mini-nautilus span{position:absolute;left:14px;top:-13px;font:95px var(--serif);opacity:.5}.mini-nautilus i{position:absolute;left:33px;bottom:0;font:40px var(--serif);color:var(--ink)}.level-strip{border-block:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:26px;align-items:center}.level-strip .eyebrow{margin-bottom:5px}.level-strip p{font-size:13px;color:var(--muted);margin:0}.level-options{display:flex;gap:8px}.level-options button{padding:12px 22px;border:1px solid #b2c5b9;background:var(--white);border-radius:15px;color:var(--ink);min-width:135px;text-align:left}.level-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.level-options strong,.level-options span{display:block}.level-options strong{font-size:13px}.level-options span{font-size:11px;margin-top:2px}.game-grid-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:40px 0 22px}.game-grid-heading h2{font-size:2.5rem;margin:0}.game-grid-heading p{max-width:290px;font-size:13px;color:var(--muted);margin:0}.learning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.activity-card{padding:12px 12px 0;display:flex;flex-direction:column;text-align:left;border:1px solid #c5d4c8;border-radius:21px;background:var(--white);color:var(--ink);min-width:0;transition:transform .2s,box-shadow .2s}.activity-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #123e5010}.activity-art{height:150px;border-radius:14px;background:#dcece1;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;position:relative}.number-pearl{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#fffdf7;font:43px var(--serif);box-shadow:0 6px 0 #102b3c10;transform:translateY(-12px)}.small-pearl{width:50px;height:50px;transform:translateY(18px);background:#9ec8b2;font-size:34px}.math-plus{font-size:26px;color:#356653}.alphabet-art{background:#f9dfc5;font:100px var(--serif);color:#a04429;gap:0}.alphabet-art>span{font-size:75px;transform:translateY(13px);color:#cc7452}.alphabet-art>i{position:absolute;right:18px;top:8px;font:35px var(--serif);color:#b16444}.word-art{background:#dce8f1;gap:5px}.word-art i{font:50px var(--serif);width:52px;height:65px;display:grid;place-items:center;background:#fffdf7;border-radius:9px;box-shadow:0 5px 0 #234e6620;transform:rotate(-9deg)}.word-art i:nth-child(2){transform:rotate(8deg) translateY(-9px);background:#afc9dc}.word-art i:nth-child(3){transform:rotate(12deg)}.pattern-art{background:#f3e8bb;gap:8px}.pattern-art i{font:36px system-ui;color:#74662d}.pattern-art i:nth-child(2){color:#b86a45}.pattern-art i:last-child{border:1px dashed #ad9e64;border-radius:9px;padding:0 8px}.activity-meta{font-size:8px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin:19px 6px 9px;line-height:1.7}.activity-card>strong{font:27px/1.1 var(--serif);letter-spacing:-.03em;margin:0 6px 12px}.activity-description{font-size:13px;line-height:1.7;color:var(--muted);margin:0 6px 20px;flex:1}.activity-go{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;padding:16px 6px;border-top:1px solid var(--line);gap:6px}.activity-go b{font-size:19px;font-weight:400}.offline-note{display:flex;align-items:center;gap:24px;margin-top:32px;padding:24px 28px;background:#e9eddf;border-radius:19px}.offline-note>span{font:50px var(--serif);color:#a16a2e}.offline-note h3{font:23px var(--serif);margin-bottom:6px}.offline-note p{font-size:13px;color:var(--muted);margin:0;max-width:650px}.offline-note>a{font-size:12px;white-space:nowrap;margin-left:auto}.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 0}.back-to-games{border:0;background:none;color:var(--ink);font-size:13px;min-height:44px;padding:8px 0}.back-to-games:hover{text-decoration:underline}.learning-privacy{font-size:12px;color:var(--muted);text-align:center;margin:20px 0}.puzzle-card{max-width:850px;margin:auto;padding:36px 48px 30px;border:1px solid var(--line);border-radius:26px;background:var(--white)}.puzzle-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.puzzle-top .eyebrow{margin:0}.shell-progress{display:flex;gap:7px}.shell-progress span{height:13px;width:13px;border:1px solid #8aac9a;border-radius:50%;background:#edf2e8}.shell-progress .earned{background:#54866e}.puzzle-card h2{font-size:clamp(2rem,4.2vw,3rem);letter-spacing:-.04em;text-align:center;margin-bottom:24px}.puzzle-card h2:focus,.alphabet-heading:focus{outline:none}.puzzle-card .feedback{min-height:55px;margin:15px 0;font-size:15px}.puzzle-card .feedback:empty{display:block;background:transparent;border-color:transparent}.answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 8px}.answer-button{background:var(--paper);border:1px solid #b6c8bb;border-radius:16px;min-height:78px;font:38px var(--serif);color:var(--ink);position:relative}.answer-button:hover:not(:disabled){border-color:#a34a30;background:#fff0df}.answer-button.correct{background:#dcefe0;border:2px solid #388353;opacity:1}.answer-button.correct:after{content:'✓';position:absolute;top:4px;right:8px;font:18px system-ui;color:#235b39}.answer-button.retry{border-style:dashed;background:#fff2e2;opacity:.55}.puzzle-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:18px}.puzzle-actions .actions{gap:16px}.hint-button,.hear-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#3d6256;padding:12px 0;font-size:13px;min-height:44px}.hint-button:disabled,.hear-button:disabled{display:none}.math-visual{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;min-height:110px;background:#edf4e9;padding:20px;border-radius:18px}.count-shells{display:grid;grid-template-columns:repeat(5,44px);gap:12px;justify-content:center}.count-shell{background:transparent;border:0;font-size:33px;padding:0;min-width:44px;min-height:48px;line-height:1;position:relative}.count-shell[aria-pressed=true]{background:#c4dfcb;border-radius:10px}.count-shell small{display:block;font:11px system-ui;color:#315742;margin-top:3px}.dot-group{display:flex;gap:6px;flex-wrap:wrap;max-width:148px;align-items:center;justify-content:center}.count-dot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#53896f;flex-shrink:0}.count-dot.removed{background:#e9d3c2;color:#773e24;font:17px/1 system-ui}.visual-symbol{font-size:25px;color:#48715b}.group-pod{border:1px solid #a3c4b0;border-radius:12px;padding:10px;min-width:68px;max-width:90px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.group-pod .count-dot{width:12px;height:12px}.letter-clue{text-align:center;padding:20px;border-radius:18px;background:#f9e6d1}.letter-clue .big-letter{font:100px/1.1 var(--serif);color:#a7472e}.letter-clue .clue-icon{font-size:64px;line-height:1.3;display:block}.letter-clue .word-gap{font:35px/1.2 var(--serif);letter-spacing:.12em;margin-top:12px;display:block}.sequence-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:25px 15px;background:#f6edcc;border-radius:18px}.sequence-row span{display:grid;place-items:center;min-width:48px;height:56px;padding:0 9px;background:var(--white);border-radius:10px;font:30px var(--serif);color:#5c552a}.sequence-row .missing{border:1px dashed #97833f;background:none}.word-slots{display:flex;justify-content:center;gap:8px;min-height:58px;margin:20px 0}.word-slot{display:grid;place-items:center;width:48px;height:58px;border-bottom:3px solid #709a85;font:35px var(--serif);background:#edf4e9;border-radius:7px 7px 0 0}.tile-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 8px}.letter-tile{width:54px;min-height:60px;font:35px var(--serif);border:1px solid #91b5c3;background:#e1edf2;color:var(--ink);border-radius:10px;box-shadow:0 4px 0 #bed2dc}.letter-tile:disabled{box-shadow:none;opacity:.32}.word-tools{display:flex;justify-content:center;gap:20px}.alphabet-card-full{max-width:1000px;margin:auto;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px}.alphabet-heading{font-size:2rem;margin-bottom:5px}.alphabet-intro{color:var(--muted);font-size:14px;margin-bottom:20px}.alphabet-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:stretch}.letter-poster{border-radius:20px;background:#f8dfc7;padding:26px;text-align:center;min-height:340px;display:flex;flex-direction:column;justify-content:center}.letter-poster .letter-pair{font:110px/1 var(--serif);color:#9b4028;letter-spacing:-.05em}.letter-pair span{color:#bf7653;margin-left:10px}.poster-icon{font-size:65px;line-height:1.3;margin:17px 0 9px}.letter-poster h3{font:29px var(--serif);margin-bottom:8px}.poster-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:12px}.poster-controls button{min-width:45px;min-height:45px;background:var(--white);color:var(--ink);border:1px solid #cfb99d;border-radius:50%;font-size:20px}.alphabet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.letter-pick{background:var(--paper);border:1px solid #c8d6c7;border-radius:10px;font:23px var(--serif);color:var(--ink);min-height:50px;padding:7px 3px}.letter-pick[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.letter-pick small{font-size:18px;margin-left:3px;opacity:.75}.alphabet-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.alphabet-footer p{font-size:12px;color:var(--muted);margin:0}.completion{text-align:center;padding:42px}.completion .completed-badge{margin:0 auto 18px}.completion h2{font-size:3rem}.completion .actions{justify-content:center}.completion .notice{text-align:left}.confetti-row{font-size:29px;letter-spacing:.3em;color:#c06b45;margin-bottom:14px}.voice-note{font-size:11px;color:var(--muted);margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.learning-grid{grid-template-columns:repeat(2,1fr)}.activity-art{height:160px}.learning-art{height:270px}.level-strip{align-items:start;flex-direction:column}.level-options{width:100%}.level-options button{flex:1}.game-grid-heading h2{font-size:2.25rem}}
@media(max-width:650px){.learning-hero{grid-template-columns:1fr;padding:30px 0;gap:25px}.learning-hero h1{font-size:3.1rem}.learning-hero .lead{font-size:16px}.learning-art{height:190px;max-width:450px;width:100%;margin:auto;border-radius:95px 95px 20px 20px}.art-label{top:20px;font-size:8px}.tile-a{top:53px;left:32px;width:75px;height:75px;font-size:43px}.tile-number{top:75px;right:23px;width:110px;height:65px;font-size:28px}.tile-star{top:34px;right:95px;width:45px;height:45px;font-size:35px}.mini-nautilus{bottom:10px;width:65px;height:65px;left:43%}.mini-nautilus span{font-size:68px;left:11px;top:-9px}.mini-nautilus i{font-size:30px;left:24px}.learning-pills{gap:14px;font-size:11px}.level-options{gap:6px}.level-options button{min-width:0;padding:12px 9px}.level-options strong{font-size:12px}.level-options span{font-size:10px}.game-grid-heading{display:block;margin-top:28px}.game-grid-heading p{margin-top:12px;max-width:none}.learning-grid{gap:12px}.activity-card{padding:8px 8px 0;border-radius:17px}.activity-art{height:118px;gap:7px}.number-pearl{width:43px;height:43px;font-size:32px}.small-pearl{width:37px;height:37px;font-size:28px}.math-plus{font-size:20px}.alphabet-art{font-size:76px}.alphabet-art>span{font-size:57px}.alphabet-art>i{font-size:24px;right:10px}.word-art i{font-size:37px;width:33px;height:47px}.pattern-art{gap:4px}.pattern-art i{font-size:24px}.pattern-art i:last-child{padding:0 5px}.activity-meta{font-size:7px;letter-spacing:.035em;margin:13px 3px 8px}.activity-card>strong{font-size:23px;margin:0 3px 9px}.activity-description{font-size:12px;margin:0 3px 14px}.activity-go{font-size:10px;padding:12px 3px;line-height:1.6}.offline-note{padding:22px;gap:15px;flex-wrap:wrap}.offline-note>span{display:none}.offline-note>a{margin-left:0}.play-toolbar{flex-wrap:wrap;padding:18px 0;gap:8px}.back-to-games{font-size:12px}.play-toolbar .pill{font-size:10px}.puzzle-card{padding:24px 18px}.puzzle-top .eyebrow{font-size:9px;letter-spacing:.1em}.shell-progress{gap:5px}.shell-progress span{height:10px;width:10px}.answer-grid{gap:8px}.answer-button{min-height:66px;font-size:31px}.math-visual{padding:15px;gap:10px}.count-shells{grid-template-columns:repeat(5,38px);gap:8px}.count-shell{min-width:38px;font-size:28px}.dot-group{max-width:120px;gap:5px}.count-dot{width:15px;height:15px}.puzzle-actions{gap:12px}.puzzle-actions>.button{width:100%}.sequence-row{gap:6px;padding:16px 9px}.sequence-row span{min-width:34px;height:44px;font-size:25px;padding:0 6px}.alphabet-card-full{padding:22px 16px}.alphabet-layout{grid-template-columns:1fr;gap:20px}.letter-poster{min-height:300px;padding:22px}.alphabet-grid{grid-template-columns:repeat(6,1fr);gap:6px}.letter-pick{font-size:21px;min-height:48px}.letter-pick small{font-size:15px;margin-left:2px}.alphabet-footer{flex-direction:column;align-items:stretch}.completion{padding:28px 20px}.completion h2{font-size:2.5rem}.word-slot{width:42px;height:52px}.word-slots{gap:6px}.letter-tile{width:47px;min-height:56px}.voice-note{font-size:10px}}
@media(max-width:360px){.learning-grid{grid-template-columns:1fr}.activity-art{height:150px}.alphabet-grid{grid-template-columns:repeat(5,1fr)}.play-toolbar .pill{order:3;width:100%;text-align:center}.learning-hero h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.activity-card:hover{transform:none}}