:root{font-family:ui-rounded,Avenir Next Rounded,Nunito,system-ui,sans-serif;color:#1e3051;background:#fff8e8;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;background:#fff8e8}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{min-height:100svh;padding:clamp(16px,3vw,36px);overflow:hidden}.topbar{width:min(1180px,100%);min-height:52px;margin:0 auto;display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;font-weight:900;font-size:1.15rem;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;width:35px;height:35px;place-items:center;border-radius:12px;background:#f7bd2d;font-size:1.35rem}.topbar-note{flex:1;font-weight:700;color:#65738f}.icon-button{width:52px;height:52px;margin-left:auto;border:0;border-radius:16px;background:#fff;color:#1e3051;font-size:1.35rem;box-shadow:0 3px #d9dfe8}.back-button{margin-left:auto;border:0;background:transparent;color:#1e3051;font-weight:800}.home-intro{width:min(1180px,100%);min-height:min(48svh,520px);margin:clamp(18px,5vh,64px) auto 0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(28px,6vw,94px)}.home-copy{max-width:590px}.eyebrow{margin:0 0 10px;color:#d86d4e;font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:11ch;margin-bottom:20px;font-size:clamp(3rem,6vw,5.5rem);line-height:.93;letter-spacing:0}.intro-text{max-width:36ch;color:#65738f;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:700;line-height:1.45}.hero-toys{position:relative;height:min(45vw,450px);min-height:330px}.toy{position:absolute;display:grid;width:clamp(112px,15vw,176px);aspect-ratio:1;place-items:center;border-radius:46% 54% 47% 53%;font-size:clamp(4.4rem,8vw,7rem);box-shadow:0 10px #1e30511a;animation:float 4.5s ease-in-out infinite}.toy-star{top:4%;left:12%;background:#f7bd2d}.toy-butterfly{top:8%;right:4%;background:#f69a7f;animation-delay:-1.1s}.toy-rainbow{bottom:1%;left:26%;background:#84cde9;animation-delay:-2.2s}.toy-lion{right:23%;bottom:8%;background:#9bd58f;animation-delay:-3.3s}.game-shelf{width:min(1180px,100%);margin:clamp(24px,4vw,60px) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-door{min-height:215px;padding:18px;border:0;border-radius:26px;color:#1e3051;text-align:left;box-shadow:0 6px #1e305124;transition:transform .18s ease,box-shadow .18s ease}.game-door:hover{transform:translateY(-5px);box-shadow:0 11px #1e305124}.mixer-door{background:#fbd17d}.sorting-door{background:#a9ddca}.counting-door{background:#b8d5f0}.game-visual{display:flex;height:115px;align-items:center;justify-content:center;gap:8px;font-size:clamp(2.2rem,4vw,3.8rem)}.game-visual i,.game-visual b{font-size:1.5rem;font-style:normal}.count-art{flex-direction:column;gap:0}.count-art i{font-size:1.5rem}.game-copy{display:flex;flex-direction:column;gap:4px}.game-copy strong{font-size:1.28rem}.game-copy small{font-weight:700;line-height:1.25}.door-arrow{float:right;margin-top:-22px;font-size:1.6rem;font-weight:900}.parent-note{width:min(1180px,100%);margin:24px auto 0;color:#65738f;font-size:.84rem;font-weight:700;text-align:center}.game-shell{background:#eff8ff}.game-intro{width:min(900px,100%);margin:clamp(26px,5vh,56px) auto 22px;text-align:center}.game-intro h1{max-width:none;margin-bottom:8px;font-size:clamp(2.4rem,5vw,4.4rem)}.game-intro p:not(.eyebrow){color:#65738f;font-weight:700}.mixer-board,.sort-board,.count-board{width:min(960px,100%);min-height:420px;margin:0 auto;padding:clamp(18px,3vw,34px);border-radius:28px;background:#fff;box-shadow:0 6px #1e30511f}.loading{padding:100px 0;color:#65738f;font-weight:800;text-align:center}.mixer-choice+.mixer-choice{margin-top:22px}.mixer-choice p{margin:0 0 9px;color:#65738f;font-size:.88rem;font-weight:900;text-transform:uppercase}.choice-strip{display:flex;gap:10px;padding-bottom:10px;overflow-x:auto}.object-choice{flex:0 0 92px;min-height:104px;padding:8px 5px;border:3px solid transparent;border-radius:18px;background:#f3f6fb;color:#1e3051;box-shadow:0 3px #dce4f0}.object-choice.selected{border-color:#f7bd2d;background:#fff5cd}.object-choice span{display:block;font-size:2.55rem}.object-choice small{display:block;overflow:hidden;font-size:.7rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mix-button{display:flex;width:176px;height:66px;margin:24px auto;align-items:center;justify-content:center;gap:8px;border:0;border-radius:20px;background:#f7bd2d;color:#1e3051;box-shadow:0 5px #df9d18;font-size:1.2rem}.mix-button span{font-size:1.55rem}.mix-result{display:grid;min-height:108px;place-items:center;color:#65738f;text-align:center}.mix-result.visible{grid-template-columns:minmax(120px,230px) 1fr;gap:20px;align-items:center;color:#1e3051;text-align:left}.mix-result h2{margin:0;font-size:clamp(1.6rem,3vw,2.5rem)}.mix-result p{margin:6px 0 0;font-weight:700}.result-art{position:relative;min-height:160px;overflow:hidden;border-radius:20px;background:#f3f6fb}.result-art img{width:100%;height:100%;min-height:160px;object-fit:cover}.result-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:3.2rem;letter-spacing:-16px}.sort-targets{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sort-targets button{min-height:106px;border:0;border-radius:24px;color:#1e3051;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:900;box-shadow:0 5px #1e305121}.sort-targets button:first-child{background:#a9ddca}.sort-targets button:last-child{background:#b8d5f0}.sort-targets span{display:block;font-size:2.5rem}.sort-card{width:min(330px,80vw);min-height:200px;margin:28px auto 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:30px;background:#fff8e8;box-shadow:0 6px #eadfc9}.sort-card span{font-size:6.5rem}.sort-card img{max-width:100%;height:160px;object-fit:contain}.sort-card strong{font-size:1.3rem}.sort-message,.count-message{min-height:26px;margin:0;color:#65738f;font-weight:800;text-align:center}.animal-ask{min-height:180px;display:flex;align-items:center;justify-content:center;gap:20px;text-align:left}.animal-ask>span{font-size:clamp(5.2rem,13vw,8.5rem)}.animal-ask img{max-width:180px;height:160px;object-fit:contain}.animal-ask p{margin:0;color:#65738f;font-size:1.05rem;font-weight:800}.animal-ask h2{margin:0;font-size:clamp(2.3rem,5vw,4rem)}.number-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.number-choices button{min-height:146px;border:0;border-radius:24px;background:#fff8e8;color:#1e3051;box-shadow:0 5px #eadfc9}.number-choices span{display:block;min-height:60px;font-size:clamp(1.7rem,4vw,3.1rem)}.number-choices b{display:block;font-size:1.4rem}.count-message{margin-top:22px}.win-screen{min-height:300px;display:grid;place-content:center;gap:10px;text-align:center}.win-screen>span{font-size:5rem}.win-screen h2{margin:0;font-size:2.1rem}.win-screen p{margin:0;color:#65738f;font-weight:800}.round-button{min-height:55px;margin-top:16px;border:0;border-radius:18px;background:#f7bd2d;color:#1e3051;font-weight:900}@keyframes float{50%{margin-top:-12px}}@media(max-width:760px){.app-shell{padding:14px}.topbar-note{display:none}.back-button{margin-left:auto}.back-button span{display:none}.home-intro{min-height:auto;margin-top:26px;grid-template-columns:1fr;gap:12px;text-align:center}.home-copy{margin:auto}.home-copy h1{max-width:12ch;margin-inline:auto}.intro-text{margin-inline:auto}.hero-toys{height:230px;min-height:230px}.toy{width:96px;font-size:3.4rem}.toy-star{left:12%}.toy-butterfly{right:10%}.toy-rainbow{left:28%}.toy-lion{right:28%}.game-shelf{grid-template-columns:1fr;gap:13px}.game-door{min-height:132px;display:grid;grid-template-columns:125px 1fr 20px;align-items:center}.game-visual{height:auto}.door-arrow{float:none;margin:0}.game-intro{margin-top:26px}.mixer-board,.sort-board,.count-board{min-height:0;padding:16px;border-radius:22px}.mix-result.visible{grid-template-columns:1fr;text-align:center}.result-art{min-height:130px}.sort-targets button{min-height:92px}.number-choices{gap:9px}.number-choices button{min-height:120px}.number-choices span{font-size:1.65rem}.animal-ask{min-height:142px;gap:9px}.animal-ask>span{font-size:5.2rem}}@media(min-width:761px)and (max-height:780px){.home-intro{min-height:330px;margin-top:24px}.hero-toys{height:310px;min-height:310px}.game-door{min-height:170px}.game-visual{height:88px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}