@font-face{font-family:Fredoka;src:url('assets/fonts/fredoka-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:DM;src:url('assets/fonts/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('assets/fonts/dm-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:DM,system-ui,sans-serif;color:#253e34;background:#f7f4e8;--green:#235e4c;--line:#d6dece;--pink:#f6d4ce;--cream:#fffdf6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 10% 30%,#e8edd8 0,transparent 42%),#f7f4e8}button,input,summary{font:inherit}button,summary{touch-action:manipulation}button{min-height:48px;min-width:48px;border:1.5px solid var(--line);border-radius:15px;padding:11px 17px;background:var(--cream);color:inherit;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #243d3212}button:hover{border-color:#6d9478;background:#f4f6e7}button:active{transform:translateY(2px);box-shadow:none}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #215eac;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3{font-family:Fredoka,system-ui,sans-serif;font-weight:500;margin:0}p{line-height:1.6}a{color:#235e4c}h2{font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:-.03em}.topbar{max-width:1120px;margin:auto;padding:23px 36px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:11px;align-items:center}.brand h1{font-size:25px;letter-spacing:-.03em}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 9px;color:#536f57}.brand .eyebrow{font-size:8px;margin:0 0 3px;display:block}.top-actions{display:flex;gap:8px}.top-actions button{background:transparent}.top-actions #settings{font-size:22px;padding:6px}main{max-width:980px;margin:auto;padding:8px 30px 28px}.welcome{text-align:center;position:relative;background:linear-gradient(155deg,#e4ecd5,#edf2df 60%,#dce9d2);border:1.5px solid #d1ddc6;border-radius:36px;padding:35px 20px 28px;overflow:hidden}.welcome>p:not(.eyebrow){margin:10px 0;color:#526b55}.welcome-pattern{display:flex;justify-content:center;gap:12px;margin:24px auto;max-width:650px}.welcome-pattern .tile{width:100px;flex:1;max-width:100px}.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 0 #183e32}.primary:hover{background:#1a503e;color:#fff}.big{min-width:180px;font-size:22px;padding:14px 30px}.activity-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.activity-card{text-align:left;border-radius:23px;padding:22px 26px;background:#fff9ee}.activity-card:nth-child(2){background:#f9e8e3;border-color:#e8d1c8}.activity-card strong{display:block;font:500 24px Fredoka;margin:13px 0 4px}.activity-card>span:last-child{font-size:14px;font-weight:400;color:#536257}.card-art{font-size:28px;display:block;letter-spacing:8px}.card-art b{display:inline-block;color:#526845;background:#e3e6cd;padding:1px 11px;border-radius:8px}.home-note{text-align:center;color:#61715e;font-size:13px;margin:26px 0}.play-bar{display:flex;justify-content:space-between;align-items:center;gap:8px}.level-switch{padding:4px;border:1px solid var(--line);border-radius:18px;display:flex;background:#e7ecde;gap:3px}.level-switch button{min-height:44px;box-shadow:none;padding:7px 16px;background:transparent;border-color:transparent}.level-switch button[aria-pressed=true]{background:#fffdf6;border-color:#cad6bc}.play-heading{text-align:center;margin:25px 0 18px}.play-heading p:last-child{margin:8px 0;font-size:16px;color:#526253}.garden-board{position:relative;isolation:isolate;background:#e8f2f3;border-radius:28px;overflow:hidden;padding:56px 24px 50px;border:1px solid #cbded9;min-height:230px}.scene-sun{position:absolute;width:65px;height:65px;background:#f6d68c;border-radius:50%;right:48px;top:20px;z-index:-2}.hill{position:absolute;z-index:-2;border-radius:50% 50% 0 0;width:90%;height:120px;bottom:-30px;background:#ceddb4;left:-15%}.hill-two{left:42%;bottom:-60px;background:#aabf91;height:150px}.soil{position:absolute;bottom:0;left:0;right:0;height:18px;background:#b69472;border-top:4px solid #7d9b63;z-index:-1}.pattern-row{display:flex;align-items:center;justify-content:center;gap:10px}.tile{position:relative;width:calc((100% - 60px)/7);max-width:108px;aspect-ratio:1;border:2px solid #c9d5b6;border-radius:19px;background:#fffdf5;display:grid;place-items:center;box-shadow:0 6px 0 #b4c6a7;overflow:hidden;flex-shrink:1;min-width:0}.tile .art{width:85%;height:85%}.tile.gap{border:3px dashed #627b67;background:#f1f4e8;box-shadow:none;font:500 40px Fredoka;color:#41604c}.tile.gap.selected{border-style:solid;background:#e0edc9}.tile.highlight{outline:4px solid #bc6500;outline-offset:3px}.tile.group-end{margin-right:15px}.art{display:block;position:relative;overflow:hidden;width:75px;height:75px;pointer-events:none}.art img{position:absolute;max-width:none;pointer-events:none}.art-fallback{font-size:36px;display:grid;place-items:center}.choices{display:flex;justify-content:center;gap:18px;margin:23px 0 5px}.choice{border-radius:22px;min-width:108px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 20px;background:#fffdfa}.choice>span:last-child{font:500 17px Fredoka}.choice .art{height:70px;width:70px}.choice[aria-pressed=true]{background:#e0edc9;border-color:#50794e}.choice.wobble{animation:nudge .32s ease-in-out}.choice.correct{border-color:#4c7645;background:#e4efcf}.bottom-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0 13px}#feedback{min-height:25px;text-align:center;margin:12px 0 8px;color:#31553e;font-weight:700}#unit-guide{text-align:center;padding:14px 5px 0}#unit-guide>span{font-size:13px}.unit-row{display:flex;gap:4px;justify-content:center;margin:7px auto}.unit-row .tile{width:45px;border-radius:10px;box-shadow:none}.unit-row .tile .art{width:36px;height:36px}#reference>p{text-align:center;font-size:12px;margin:0 0 12px}#reference{margin:-33px 0 20px}.reference-row .tile{max-width:50px;border-radius:10px;box-shadow:none}.reference-row .tile .art{width:36px;height:36px}#reflection{background:#f0e8d7;border:1px solid #e3d7bd;border-radius:20px;padding:13px 20px;max-width:650px;margin:15px auto;text-align:center}#reflection p{margin:5px 0 10px}#reflection button{font-size:14px;min-height:44px;padding:7px 14px;background:#fff9eb}details{text-align:left;font-size:14px}summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.done{display:block;margin:16px auto;background:transparent;border-color:transparent;box-shadow:none;font-size:14px}#rest{text-align:center;padding:70px 15px}.rest-art{font-size:64px;margin-bottom:25px}.save-status{font-size:12px;text-align:center;color:#6b6043;min-height:0;margin:6px}.save-status:empty{display:none}#update-note{font-size:14px;text-align:center;padding:10px}dialog{width:min(92vw,600px);max-height:88dvh;overflow:auto;border:2px solid #b2c3a2;border-radius:24px;background:#fffaf0;padding:26px;color:#253e34}dialog::backdrop{background:#183a2b80}dialog h2{font-size:28px;margin:0 40px 20px 0}dialog p{font-size:15px}.dialog-close{float:right;padding:5px}.setting{display:flex;align-items:center;gap:14px;min-height:50px;font-weight:700}input[type=checkbox]{width:25px;height:25px}#parent-gate label{display:block;font-weight:700;margin:15px 0}#parent-answer{max-width:100px;padding:12px;border:2px solid #adc29f;border-radius:12px;font-size:20px;margin-right:8px}.parent-actions{display:flex;gap:10px;flex-wrap:wrap}#parent-content a{display:inline-block;padding:10px 0}#erase-confirm{background:#f8e3d7;padding:15px;border-radius:12px}#erase-confirm button{margin:4px}#parent-status{font-size:13px}.grow-in{animation:grow .4s ease-out}@keyframes grow{from{transform:scale(.75);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes nudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:600px){.topbar{padding:14px 16px}.brand h1{font-size:21px}.brand .eyebrow{font-size:6.5px}.brand{gap:7px}.brand>img{width:34px;height:34px}.top-actions{gap:4px}.top-actions button{padding:8px;min-width:44px;min-height:44px}.top-actions #quiet span{display:none}main{padding:6px 14px 18px}.welcome{padding:27px 14px 23px;border-radius:26px}.welcome-pattern{gap:7px;margin:22px auto}.welcome-pattern .tile{border-radius:13px}.welcome-pattern .tile .art{width:85%;height:85%}.activity-cards{gap:10px;margin:14px 0}.activity-card{padding:17px 14px;border-radius:19px}.activity-card strong{font-size:21px}.activity-card>span:last-child{font-size:12px}.card-art{font-size:23px;letter-spacing:3px}.home-note{font-size:12px;margin:20px 0}.play-bar button{padding:8px 11px;font-size:14px}.level-switch{padding:3px}.level-switch button{min-height:44px;min-width:47px}.play-heading{margin:20px 0 14px}.play-heading p:last-child{font-size:14px;max-width:300px;margin:8px auto}.garden-board{padding:48px 10px 34px;border-radius:23px;min-height:155px}.pattern-row{gap:5px;flex-wrap:nowrap}.tile{width:calc((100% - 30px)/7);border-radius:11px;border-width:1px;box-shadow:0 4px 0 #b4c6a7}.tile.gap{border-width:2px;font-size:27px}.tile.group-end{margin-right:6px}.tile.highlight{outline-width:2px;outline-offset:1px}.choices{gap:12px;margin-top:18px}.choice{min-width:88px;padding:8px 12px;border-radius:18px}.choice .art{width:60px;height:60px}.choice>span:last-child{font-size:16px}#feedback{font-size:14px;margin:10px 0 7px}.bottom-actions{gap:8px}.bottom-actions button{font-size:14px;padding:10px 12px}#reflection{padding:10px 14px;margin:13px 0;font-size:14px}#reference{margin:-26px 0 17px}.reference-row .tile{max-width:36px}.reference-row .tile .art{width:28px;height:28px}#unit-guide{padding-top:12px}.scene-sun{width:42px;height:42px;right:25px;top:10px}.done{margin:10px auto}.home-note{line-height:1.5}}
@media(max-width:360px){.brand .eyebrow{display:none}.brand h1{font-size:20px}.topbar{padding:12px}.choice{min-width:78px;padding:8px}.choice .art{width:55px;height:55px}.activity-card strong{font-size:19px}.card-art{letter-spacing:1px}.play-bar{gap:4px}.play-bar button{padding:7px 9px}.level-switch button{padding:7px}.tile.gap{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.still *,body.still *::before,body.still *::after{animation:none!important;transition:none!important}
/* V2: legible sequences, constructive play and a child-owned collection. */
.more-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.more-cards .activity-card:first-child{background:#e8eef7;border-color:#d0dce9}.more-cards .activity-card:last-child{background:#eee8f3;border-color:#dcd0e5}.card-art{display:flex;align-items:center;gap:5px;min-height:48px;letter-spacing:0}.card-art .tile{width:40px;min-width:0;border-radius:10px;box-shadow:0 3px 0 #b4c6a7}.gallery-link{display:block;margin:20px auto;background:#fffaf0;min-width:200px}.theme-control{display:flex;justify-content:center;align-items:center;gap:10px;margin:16px auto 0;font-size:14px}.theme-control label{font-weight:700}select{font:inherit;color:inherit;background:#fffdf6;border:1.5px solid #bdcdb5;border-radius:12px;padding:10px;min-height:44px;max-width:190px}select:focus-visible{outline:3px solid #215eac;outline-offset:3px}.sequence-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:8px 4px 13px;scroll-margin:10px}.sequence-scroll:focus-visible{outline:2px solid #215eac;outline-offset:2px}.sequence-scroll .pattern-row{width:max-content;min-width:100%;justify-content:center}.sequence-scroll .tile{flex:0 0 68px;width:68px;min-width:68px;max-width:68px;height:68px}.sequence-scroll .tile.group-end{margin-right:13px}.pattern-row.interactive button{padding:0;min-height:44px;min-width:44px;touch-action:manipulation}.scroll-hint{text-align:center;font-size:12px;margin:0;color:#435b48}.choices:has(.group-choice){align-items:stretch;flex-wrap:wrap;gap:10px}.group-choice{min-height:70px;min-width:75px;padding:10px}.mini-row{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap}.mini-row .art{width:36px;height:36px;flex-shrink:0}.group-choice .art{width:33px;height:33px}.group-choice{max-width:250px}.mapping-pair{display:flex;gap:5px;align-items:center;padding:5px 9px;background:#fffaf0;border:1px solid var(--line);border-radius:12px}.mapping-pair .art{width:38px;height:38px}#mapping{display:flex;gap:8px;justify-content:center;margin:16px 0;flex-wrap:wrap}#copy-slots{gap:10px;margin:18px auto}#copy-slots .tile{width:62px;height:62px;box-shadow:0 4px 0 #b4c6a7}#copy-slots .tile .art{width:50px;height:50px}#again[aria-pressed=true]{background:#f6dfc4;border-color:#a86d30}#gallery{padding:10px 0 30px}#gallery h2{text-align:center;margin-top:20px}#gallery>p{text-align:center}#saved-patterns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.saved-card{min-height:108px;background:#fffaf0;padding:16px;border-radius:22px}.saved-card .mini-row{gap:5px}.saved-card .art{width:45px;height:45px}#gallery-make{display:block;margin:auto}#observations{padding:12px 15px;border-radius:12px;background:#f0f2e6}#observations p{font-size:13px;margin:7px 0}#reference-row{min-height:44px}#reference-row .tile{width:48px}.art-fallback{font-size:14px;font-weight:700;overflow-wrap:anywhere;width:100%;height:100%;display:grid;place-items:center}#reflection details[open]{border-top:1px solid #d8cbb1;margin-top:8px}
@media(max-width:600px){.more-cards{gap:10px;margin:14px 0}.more-cards .activity-card{padding:17px 12px}.card-art .tile{width:28px;border-radius:7px}.card-art{gap:3px}.sequence-scroll .tile{width:48px;min-width:48px;max-width:48px;height:48px;flex-basis:48px}.sequence-scroll .pattern-row{gap:6px}.sequence-scroll .tile.group-end{margin-right:8px}.garden-board{padding:36px 8px 24px;min-height:145px}.play-heading{margin:16px 0 12px}.play-heading h2{font-size:28px}.play-bar{flex-wrap:wrap}.play-bar button{padding:8px}.level-switch button{padding:7px 9px}.theme-control{margin-top:12px}.choice{min-width:78px}.group-choice .art{width:26px;height:26px}.group-choice{max-width:100%;padding:10px}.gallery-link{margin:16px auto}.saved-card .art{width:28px;height:28px}.saved-card{padding:12px;min-height:95px}.mini-row{gap:2px}#saved-patterns{gap:10px}.reference-row .tile .art{width:36px;height:36px}.reference-row .tile{min-width:44px;max-width:44px;height:44px}#reference{margin:-12px 0 7px}.welcome{padding-top:25px}.activity-card strong{font-size:20px}}
@media(max-width:360px){.sequence-scroll .tile{width:44px;min-width:44px;max-width:44px;height:44px;flex-basis:44px}.sequence-scroll .pattern-row{gap:5px}.level-switch button{font-size:13px;min-width:44px}.play-bar button{padding:7px}.play-bar{gap:3px}.more-cards .activity-card{padding:14px 10px}.card-art .tile{width:24px}.saved-card .art{width:24px;height:24px}.group-choice .art{width:24px;height:24px}}

@media(max-width:600px){.sequence-scroll{overflow-x:hidden}.sequence-scroll .pattern-row{width:100%;min-width:0;flex-wrap:wrap;gap:12px 8px}.sequence-scroll .tile{flex:0 0 calc((100% - (var(--columns,5) - 1)*8px)/var(--columns,5));min-width:44px;max-width:62px;width:44px;height:auto;aspect-ratio:1}.sequence-scroll .tile.group-end{margin-right:0;border-right:3px solid #648049}.sequence-scroll .pattern-row.interactive button{height:auto}.garden-board{padding-top:30px}.sequence-scroll .tile .art{width:85%;height:85%}}