@font-face{font-family:Nunito;src:url(../Nunito.ttf) format("truetype");font-weight:200 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#2a2e3c;font-family:Nunito,system-ui,sans-serif;font-size:17px;line-height:1.5}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #de9329;outline-offset:4px}button:disabled{cursor:default}.shell{max-width:640px;margin:0 auto;padding:28px 32px 18px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.brand{display:flex;align-items:center;background:none;border:0;font-size:29px;font-weight:900;padding:0;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:#227854;color:#fff;border-radius:13px;width:41px;height:41px;margin-right:10px;font-size:28px}.brand-dot{color:#227854}.counter{border:1px solid #e9e4d9;background:#fff;border-radius:24px;padding:7px 17px;font-weight:800}.counter span,.total>span{color:#e99625}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.7px;color:#63776b;margin-bottom:9px}h1{font-size:32px;letter-spacing:-.9px;line-height:1.18;margin:0 0 12px;font-weight:900}h2{font-size:26px;line-height:1.25;margin:12px 0 10px;font-weight:900;letter-spacing:-.5px}p{margin:0}.intro{color:#727782;margin-bottom:26px}.daily-card{padding:24px;background:#eef4f0;border:1px solid #dfe9e2;border-radius:25px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{font-size:13px;font-weight:800;padding:6px 12px;border-radius:20px;background:#fff;color:#227854}.muted{font-size:14px;color:#6b786e}.task-art{height:156px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-7deg);font-size:30px;font-weight:900;line-height:1.13;letter-spacing:-.6px}.task-art span:nth-child(2){margin-left:64px}.task-art span:nth-child(3){margin-right:45px}.daily-card p{color:#657169;max-width:440px}.meta{display:flex;gap:10px;font-size:14px;color:#6c796f;margin:17px 0}.primary{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;border:0;background:#227854;color:#fff;border-radius:14px;padding:15px 20px;font-weight:800;min-height:54px;transition:background .15s,transform .15s}.primary:hover{background:#1b6047}.primary:active{transform:translateY(1px)}.primary:disabled{background:#c7d3cb;color:#536157}.primary>span{margin-left:auto}.collection-card{width:100%;display:flex;align-items:center;text-align:left;gap:17px;padding:19px;margin-top:18px;background:#fff;border:1px solid #e4eae6;border-radius:20px}.collection-card img{width:66px;height:66px;object-fit:contain}.collection-card strong{font-size:18px}.collection-card p{font-size:14px;color:#727782}.stars{display:flex;gap:6px;color:#e5e8e5;font-size:23px;line-height:1.4}.stars .lit{color:#e99625}.chevron{margin-left:auto;font-size:28px;color:#8b968e}.footnote{font-size:14px;color:#7b807e;text-align:center;margin:22px 0}.back{display:block;border:0;background:none;color:#227854;padding:0;margin-bottom:25px;font-weight:800}.example{display:flex;gap:15px;align-items:center;background:#eef4f0;border-radius:12px;padding:14px 18px;font-size:16px;margin-bottom:20px}.example>span:first-child{font-weight:900;font-size:21px}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;background:#fff;border:1px solid #e4eae6;border-radius:22px;padding:26px 22px;font-size:25px;line-height:1.25;font-weight:900;text-align:center}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.number-grid button{aspect-ratio:1;border:1px solid #dce5df;border-radius:13px;background:#fff;font-size:27px;font-weight:800}.number-grid button:hover:not(:disabled){background:#e3efe9}.number-grid button.found{color:#97afa0;background:#eef4f0;border-color:transparent}.target{display:flex;align-items:center;gap:14px;border-radius:14px;background:#e3efe9;padding:12px 20px;margin-bottom:18px;color:#227854}.target strong{font-size:26px}.hint{min-height:52px;padding:14px 0;font-size:14px;color:#727782}.done{text-align:center;padding-top:14px}.reward{display:block;width:180px;height:180px;object-fit:contain;margin:30px auto 15px}.reward-note{background:#eef4f0;border-radius:16px;padding:20px;margin:24px 0;color:#42634f}.done .back{margin:20px auto}.total{padding:20px;background:#fff4de;border-radius:20px;font-size:32px;font-weight:900;margin-bottom:24px}.total small{font-size:16px;font-weight:600;color:#7c6b4f}.album{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sticker{text-align:center;border:1px solid #e4eae6;border-radius:18px;padding:16px 8px;background:#fff;display:flex;align-items:center;flex-direction:column}.sticker img,.lock{height:85px;width:85px;object-fit:contain;margin-bottom:10px}.sticker strong{font-size:14px}.sticker>span{font-size:13px;color:#848b86;margin-top:auto}.locked{background:#f2f3ef;border-style:dashed}.lock{display:grid;place-items:center;font-size:58px;color:#d1dad2}.new-sticker{display:flex;align-items:center;gap:16px;padding:15px;background:#fff4de;border-radius:15px;margin-bottom:20px}.new-sticker img{width:65px}.secondary{border:1px solid #227854;background:#fff;padding:10px;margin:12px;border-radius:12px}.mini-grid{display:grid;grid-template-columns:repeat(3,36px);gap:4px;font-size:20px;line-height:1;align-content:center;transform:rotate(-7deg)}.mini-grid span{display:grid;place-items:center;width:36px;height:36px;background:#fff;border-radius:7px;color:#227854;margin:0!important}footer{text-align:center;color:#909a91;font-size:12px;letter-spacing:1px;margin-top:38px}footer span{padding:0 8px}@media (max-width:480px){.shell{padding:22px 20px 16px}header{margin-bottom:32px}h1{font-size:29px}.daily-card{padding:20px}.word-grid{font-size:22px;padding:22px 10px;gap:18px 8px}.album{grid-template-columns:repeat(2,1fr)}.number-grid{gap:6px}.number-grid button{font-size:24px}.eyebrow{font-size:11px;letter-spacing:1.2px}}@media (prefers-reduced-motion:no-preference){main{animation:appear .25s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}.colour-sheet{margin:0;background:#fff;border:1px solid #e4eae6;border-radius:18px;overflow:hidden}.colour-sheet img{display:block;width:100%;height:auto}.colour-sheet figcaption{text-align:center;color:#727782;font-size:14px;padding:0 12px 16px}.example{flex-wrap:wrap}.task-art:not(.mini-grid){flex-direction:row;gap:12px;font-size:25px;transform:none}.task-art:not(.mini-grid) span{margin:0}@media (max-width:480px){.task-art:not(.mini-grid){font-size:22px;gap:10px}}.round-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#227854;margin:22px 0 10px}.round-progress span{color:#727782}.round-dots{display:flex;gap:6px;margin-bottom:18px}.round-dots span{height:5px;flex:1;background:#e1e9e3;border-radius:3px}.round-dots .active{background:#227854}.colour-round{background:#fff;border:1px solid #e4eae6;border-radius:18px;padding:28px 16px;container-type:inline-size}.colour-row{display:flex;align-items:center;justify-content:space-between;gap:2%;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(15px,4.8cqi,28px);line-height:1.3;white-space:nowrap}.colour-row+.colour-row{margin-top:30px}@media (max-width:480px){.colour-round{padding:24px 9px}.colour-row{font-size:4.8cqi}.colour-row+.colour-row{margin-top:26px}.meta{flex-wrap:wrap}.round-progress{font-size:13px}}.reverse-card{background:#fff;border:1px solid #e4eae6;border-radius:20px;padding:32px 18px;margin:20px 0 24px;text-align:center;min-height:235px;display:flex;flex-direction:column;justify-content:center;gap:12px}.reverse-card p{color:#727782}.reverse-word{font-size:clamp(32px,9vw,48px);letter-spacing:.14em;font-weight:900;color:#227854;padding-left:.14em}.hidden-word{font-size:36px;color:#a8b9ac;letter-spacing:8px}.reverse-retry{display:block;margin:18px auto;background:none;border:0;color:#227854;font-weight:800;padding:8px}.reverse-teaser{color:#227854;letter-spacing:.1em}.preview-link{display:block;width:100%;margin:22px 0 0;padding:13px;border:1px solid #b6cdbf;border-radius:14px;background:transparent;color:#227854;font-weight:800}.day-list{display:grid;gap:12px}.day-list button{display:flex;align-items:center;gap:15px;padding:20px 16px;text-align:left;background:#fff;border:1px solid #e4eae6;border-radius:16px}.day-list button>span:last-child{margin-left:auto}.day-badge{flex-shrink:0;color:#227854;background:#e3efe9;border-radius:10px;padding:7px 10px;font-size:14px;font-weight:800}.preview-banner{background:#fff4de;color:#735222;border-radius:12px;padding:12px 15px;margin-bottom:22px;font-size:14px}.preview-title{margin-top:28px}.reverse-form{display:flex;flex-direction:column;gap:14px}.reverse-form label{font-weight:800}.reverse-form input{width:100%;min-width:0;border:2px solid #b6cdbf;border-radius:12px;padding:14px;font:800 28px Nunito,sans-serif;text-align:center;text-transform:uppercase;color:#227854;background:#fff;letter-spacing:.12em}.reverse-form input::placeholder{font-size:18px;letter-spacing:normal;text-transform:none;color:#78847c}.reverse-form input:focus{outline:3px solid #dcece2;border-color:#227854}.reverse-form input[aria-invalid=true]{border-color:#c44335}.reverse-card .answer-error{color:#b33429}.answer-hint,.answer-error{font-size:14px;min-height:42px}.reverse-success{position:relative;overflow:hidden;padding:20px 0}.success-star{font-size:62px;color:#ffad18}.reverse-success h2{color:#227854}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;top:-16px;width:8px;height:13px;border-radius:2px;animation:confetti-fall 1.3s ease-out both}@keyframes confetti-fall{0%{translate:0 0;opacity:1}to{translate:0 310px;rotate:240deg;opacity:0}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.memory-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.memory-card{min-height:112px;border:1px solid #b6cdbf;border-radius:15px;background:#e3efe9;padding:12px 7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#24583e}.memory-card small{font-size:12px;color:#66766a}.memory-card strong{font-size:18px;overflow-wrap:anywhere}.memory-card.matched{background:#fff7db;border-color:#efcc76}.memory-card:disabled{opacity:1}.activity-feedback{min-height:52px;text-align:center;padding:16px 0;color:#647268}.success-text{color:#227854;font-weight:800}.pattern-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;padding:18px;border-radius:20px;border:1px solid #e4eae6}.pattern-board button{aspect-ratio:1;border:2px solid #d4ded7;background:#f1f4f1;border-radius:12px}.pattern-board button.lit{background:#227854;border-color:#227854}.object-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.object-tile,.shape-tile{background:#fff;border:1px solid #e4eae6;border-radius:16px;padding:18px 8px;text-align:center;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center}.object-tile>span,.shape-tile>span{font-size:44px;line-height:1.4}.object-tile small{font-size:14px;color:#66766a}.object-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.object-choices button{padding:13px;border:1px solid #b6cdbf;border-radius:12px;background:#fff;color:#227854;font-weight:800}.shape-tile:disabled{opacity:1}@media (max-width:380px){.memory-card strong{font-size:16px}.memory-card{min-height:104px}.object-tile>span,.shape-tile>span{font-size:36px}}.object-tile:has(img){padding:0 0 10px;overflow:hidden;gap:8px}.object-tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.object-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.object-choices button{padding:13px 6px;font-size:15px;overflow-wrap:anywhere}.object-tile:has(.object-illustration){padding:8px 8px 12px;gap:4px}.object-illustration{display:block;width:100%;aspect-ratio:3/4;max-width:130px;background-image:url(../objects/illustrated-atlas-v1.png);background-size:400% 300%;background-repeat:no-repeat}.object-tile:has(.object-illustration) small{font-weight:700;color:#40564a}.object-tile{min-height:160px}@media (max-width:480px){.object-illustration{max-width:100px}.object-tile{min-height:145px}}.object-illustration{aspect-ratio:1/1}
