@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--ink:#34452c;--green:#50743d;--cream:#fffdf5;--orange:#e9a63c;--red:#d96647}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #d68a29;outline-offset:5px}[hidden]{display:none!important}.topbar{max-width:1320px;margin:auto;padding:27px 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-family:'Fredoka',sans-serif;font-weight:500;font-size:23px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.brand-icon{font-size:36px;color:#d99b3c}.brand-dot{color:#d99b3c;margin-left:-9px}.header-actions{display:flex;gap:25px;align-items:center}.subject{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#7a826d}.icon-button{border:1px solid #dfE5d6;background:#f4f6eb;color:var(--green);border-radius:50%;height:44px;width:44px;font-size:22px}.icon-button[aria-pressed=false]{opacity:.55}main{max-width:1320px;margin:auto;padding:20px 5% 0}.menu-screen{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:0 22px;min-height:700px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#73835b;display:inline-flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#ddac4d;border-radius:50%}h1,h2{font-family:'Fredoka',sans-serif;font-weight:500;line-height:1.08}h1{font-size:clamp(40px,4.7vw,66px);margin:23px 0}h1>span{color:var(--green);position:relative}h1 svg{position:absolute;left:0;bottom:-10px;width:100%;height:15px;fill:none;stroke:#edc365;stroke-width:7;stroke-linecap:round}.intro>p{font-size:15px;line-height:1.9;color:#7b806d;margin:27px 0 29px}.primary{border:0;border-bottom:5px solid #b74d35;background:var(--red);border-radius:17px;color:white;padding:19px 33px;font-weight:700;letter-spacing:1.5px;min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:43px;box-shadow:0 8px 20px #bd6e3020;transition:transform .2s,background .2s}.primary:hover{background:#cc573a;transform:translateY(-3px)}.primary:active{transform:translateY(2px)}.primary span{font-size:18px}.listen{display:flex;align-items:center;gap:9px;color:#7a806b;border:0;background:none;margin-top:19px;font-size:17px;padding:5px 0}.listen span{font-size:12px}.learning{display:flex;gap:13px;align-items:center;font-size:10px;color:#8a927c;margin-top:35px}.learning i{height:3px;width:3px;background:#a4ac96;border-radius:50%}.hero-art{position:relative;min-width:0}.hero-art>img{width:116%;max-width:none;margin-left:-8%;display:block}.floating-note{position:absolute;z-index:1;right:1%;top:5%;background:#fffdf6;border:1px solid #e6dfc9;box-shadow:0 6px 14px #7a875b0c;border-radius:18px 18px 18px 3px;padding:16px 20px;transform:rotate(5deg);font-size:12px;color:#899075;line-height:1.8}.floating-note b{color:#61784b;font-weight:600}.art-tag{position:absolute;bottom:5%;left:20%;background:#fffdf8;padding:11px 19px;border-radius:10px;box-shadow:0 6px 20px #4259280d;font-size:11px;transform:rotate(-4deg);color:#7c8568}.art-tag>span{font-size:21px;color:#d4a64a;vertical-align:middle;margin-right:7px}.how-to{grid-column:1/-1;align-self:end;display:flex;align-items:center;justify-content:center;gap:30px;border-top:1px solid #e9eadc;padding:31px 0;margin-top:20px}.how-title{font-size:9px;letter-spacing:1.5px;color:#8d947e;margin-right:15px;font-weight:700}.how-to>div{display:flex;gap:10px;align-items:center;font-size:12px;color:#6c775e}.how-to b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f3edda;color:#aa8746;font-family:'Fredoka';font-weight:500}.step-arrow{color:#c8cdb9}footer{max-width:1320px;padding:25px 5%;margin:auto;display:flex;justify-content:space-between;color:#a0a58f;font-size:10px;border-top:1px solid #eceee2}footer>span:last-child{font-size:8px;letter-spacing:1px}.footer-flower{font-size:18px;color:#caa04c;margin-left:18px}.game-screen{padding:10px 0 35px}.game-heading{display:flex;align-items:center;justify-content:space-between;text-align:center}.game-heading h2{font-size:32px;margin:10px 0 20px}.soft-button{background:#f1f3e7;color:#61744f;border:0;border-radius:14px;padding:12px 18px}.game-status{display:flex;justify-content:space-between;align-items:center;margin:0 10px 14px;font-size:11px;font-weight:700;letter-spacing:1px}.phase-dots{display:flex;gap:8px;margin-top:10px}.phase-dots i{height:10px;width:30px;background:#e8ebdb;border-radius:10px}.phase-dots i.active{background:#e6af47}.phase-dots i.done{background:#7ca568}.counter{display:flex;align-items:center;gap:20px;background:#f4f0dd;padding:9px 22px;border-radius:18px}.counter>span{font-size:9px}.counter strong{font:500 38px 'Fredoka';color:var(--green)}.counter small{font-size:21px;color:#97a382}.playfield{height:380px;position:relative;background:linear-gradient(#e7f2eb 0%,#f3f1da 67%,#bed495 67%);border-radius:32px;overflow:hidden;isolation:isolate}.hill{position:absolute;width:130%;height:260px;left:-15%;top:180px;background:#adc983;border-radius:50%;z-index:-1}.cloud{position:absolute;top:50px;left:10%;background:#fffdf4;width:120px;height:22px;border-radius:100px;opacity:.7}.cloud:after{content:'';position:absolute;width:60px;height:40px;border-radius:50%;background:inherit;bottom:0;left:24px}.cloud-two{left:70%;top:75px;transform:scale(.7)}.distant-barn{position:absolute;left:46%;top:92px;width:100px;height:95px;background:#cc8768;clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%);opacity:.6;z-index:-1}.game-hen{position:absolute;width:25%;max-height:270px;left:1%;bottom:40px;filter:drop-shadow(0 6px 1px #64773b0c)}.nest-area{position:absolute;width:29%;height:165px;left:24%;bottom:40px}.nest{position:absolute;bottom:18px;width:100%;height:72px;border-radius:50%;background:repeating-linear-gradient(17deg,#c19a51 0 5px,#e1bf72 5px 9px,#ab7f3e 9px 12px);box-shadow:inset 0 12px 0 #876333,0 9px 0 #9e793e}.eggs{position:absolute;inset:0 0 42px;display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;align-content:flex-end;gap:3px 5px;padding:0 8px;z-index:2}.egg{width:41px;height:54px;flex-shrink:0;border:1px solid #d7bc84;background:radial-gradient(ellipse at 32% 28%,#fffef5 0%,#fff3d2 45%,#dbb77c 100%);border-radius:50% 50% 46% 46% / 64% 64% 37% 37%;box-shadow:2px 4px 4px #6d492b25;touch-action:none;position:relative;padding:0;user-select:none}.egg:hover,.egg.selected{filter:brightness(1.06);outline:3px dashed #bd7d2e;outline-offset:4px;transform:translateY(-5px)}.egg.dragging{position:fixed;z-index:1000;pointer-events:none;transform:rotate(10deg) scale(1.15);outline:3px solid #f2ce72}.egg.placeholder{visibility:hidden}.area-label{position:absolute;bottom:-17px;left:0;width:100%;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#50643e;text-align:center}.journey{position:absolute;left:56%;bottom:130px;color:#6f8b52;font-size:23px;letter-spacing:6px}.basket-area{position:absolute;right:6%;bottom:54px;width:25%;height:190px;background:none;border:0;padding:0;overflow:visible}.basket-handle{position:absolute;width:77%;height:153px;left:12%;top:0;border:12px solid #ad793a;border-radius:100px 100px 0 0}.basket-body{position:absolute;bottom:0;left:0;width:100%;height:105px;background:repeating-linear-gradient(0deg,transparent 0 12px,#ad783c 12px 15px),repeating-linear-gradient(90deg,#d6a35c 0 17px,#bd8c48 17px 20px);border-radius:8px 8px 38px 38px;border-top:12px solid #e5b973;box-shadow:0 7px 0 #986c36}.basket-eggs{position:absolute;bottom:81px;left:12%;width:76%;display:flex;justify-content:center;flex-wrap:wrap;gap:0 2px}.basket-eggs i{width:25px;height:34px;background:radial-gradient(at 30% 25%,#fffdf0,#e3c488);border-radius:55% 55% 45% 45%;margin-bottom:-12px}.basket-area.ready{filter:drop-shadow(0 0 10px #fff9b4);transform:scale(1.04)}.basket-area .area-label{bottom:-31px}.game-hint{text-align:center;font-size:13px;color:#7c866c;margin:24px 0 18px}.number-line{display:flex;justify-content:center;gap:12px}.number-line span{display:grid;place-items:center;width:40px;height:44px;border-radius:12px;background:#f0f1e5;color:#a6ad94;font:500 24px 'Fredoka';transition:.2s}.number-line span.counted{background:#dfeacb;color:#557540}.number-line span.current{background:#f0bf58;color:#665025;transform:translateY(-4px)}.modal{position:fixed;inset:0;background:#30472566;backdrop-filter:blur(5px);z-index:1100;display:grid;place-items:center;padding:20px}.modal-card{background:var(--cream);padding:45px;border-radius:30px;text-align:center;max-width:500px;box-shadow:0 20px 100px #253b2430}.modal-card h2{font-size:36px;margin:20px 0}.modal-card strong{color:#d8972e}.modal-card p{font-size:14px;color:#7b846d;line-height:1.7;margin-bottom:28px}.victory-screen{text-align:center;padding:35px 0 60px}.victory-hen{position:relative;width:200px;margin:20px auto 0}.victory-hen img{width:100%;animation:happy 1s infinite alternate}.victory-hen span{position:absolute;top:50px;left:-20px;font-size:35px;color:#e5b14a}.victory-hen span:last-child{left:auto;right:-20px;top:90px}.victory-screen h1{margin:15px}.victory-screen p{color:#7b846d;line-height:1.8}.award{color:#e8b146;letter-spacing:10px;font-size:30px;margin:22px}.award span{display:block;font-size:9px;letter-spacing:2px;color:#8a9476;margin-top:10px}.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}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1200}#confetti i{position:absolute;top:-20px;width:10px;height:16px;animation:fall 2.8s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(650deg)}}@keyframes happy{to{transform:translateY(-9px) rotate(4deg)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #d9664710,0 8px 20px #bd6e3020}}.pulse{animation:pulse 2.8s infinite}.celebrating{animation:happy .3s 4 alternate}
@media(min-width:1450px){main{padding-top:45px}.menu-screen{min-height:740px}}@media(max-width:800px){.subject{display:none}.topbar{padding:18px 6%}.brand{font-size:19px}.menu-screen{grid-template-columns:1fr 1fr;min-height:600px}.intro>p{font-size:13px}h1{font-size:42px}.eyebrow{font-size:8px;letter-spacing:1.4px}.floating-note{font-size:9px;padding:10px;right:-4%;top:0}.how-to{gap:15px;flex-wrap:wrap}.how-title{width:100%;text-align:center}.how-to>div{font-size:10px}.art-tag{font-size:9px;left:10%;bottom:1%;padding:8px}.primary{padding:17px 24px;gap:30px}.learning{gap:8px;font-size:8px}.playfield{height:355px}.game-hen{left:-4%;width:29%}.nest-area{left:21%;width:34%}.egg{width:33px;height:44px}.basket-area{right:5%;width:26%;height:170px}.basket-handle{height:140px}.journey{left:57%;font-size:15px;letter-spacing:0}.number-line{gap:7px}.number-line span{width:35px;height:40px}footer{font-size:8px}footer>span:last-child{font-size:6px}}
@media(max-width:560px){main{padding:10px 6% 0}.menu-screen{display:flex;flex-direction:column;gap:10px}.intro{text-align:center;padding-top:17px;width:100%}h1{font-size:44px;margin:18px 0}.intro>p{margin:22px 0;font-size:13px}.listen{margin:15px auto 0}.learning{justify-content:center;margin-top:20px;font-size:9px}.hero-art{width:95%;margin-top:0}.hero-art>img{width:105%;margin-left:-2%}.floating-note{right:0;top:7%}.art-tag{bottom:4%;left:25%}.how-to{width:100%;gap:9px;margin:5px 0 0;padding:23px 0}.how-title{margin:0 0 5px}.how-to>div{gap:5px;font-size:9px}.how-to b{width:24px;height:24px}.step-arrow{font-size:10px}footer{gap:10px;align-items:center;padding:20px 6%}footer>span:last-child{max-width:120px;text-align:right;line-height:1.7}.footer-flower{display:none}.game-heading h2{font-size:23px}.game-heading .eyebrow{font-size:7px}.soft-button{font-size:11px;padding:10px}.game-heading .icon-button{width:34px;height:34px}.game-status{margin:15px 0}.counter{gap:10px;padding:8px 12px}.counter>span{font-size:7px}.counter strong{font-size:30px}.game-status>div>span{font-size:9px}.phase-dots i{width:20px}.playfield{height:390px;border-radius:24px}.game-hen{width:39%;left:-1%;bottom:165px}.nest-area{left:5%;bottom:45px;width:43%;height:175px}.eggs{gap:2px 4px;padding:0}.egg{width:33px;height:44px}.basket-area{right:5%;width:35%;bottom:58px;height:160px}.basket-body{height:90px}.basket-eggs{bottom:69px}.basket-handle{border-width:10px;height:120px}.journey{left:50%;bottom:130px;font-size:14px}.area-label{font-size:7px;letter-spacing:1px}.game-hint{font-size:11px;line-height:1.7;padding:0 8px}.number-line{gap:4px}.number-line span{width:29px;height:36px;font-size:20px}.modal-card{padding:30px 23px}.modal-card h2{font-size:30px}.modal-card .primary{font-size:11px}.victory-screen h1{font-size:38px}.victory-screen p{font-size:13px}.victory-screen .primary{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}