:root{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:#183153;background:#e9fbff;font-weight:700}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#fff7b7 0 7%,transparent 8%),linear-gradient(#b9efff,#f7fff2);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,4vw,56px);background:#fff9;border-bottom:3px solid #fff;position:relative;z-index:5}.brand{border:0;background:transparent;font-size:clamp(17px,3vw,25px);font-weight:900}.stars,#sound{background:white;border:3px solid #bde9e2;border-radius:99px;padding:10px 16px;margin-left:8px}#sound{padding:10px}.screen{max-width:1180px;margin:auto;padding:clamp(18px,4vw,46px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;background:white;border-radius:34px;overflow:hidden;box-shadow:0 14px 0 #5cc7b7,0 22px 50px #296b7830;min-height:570px}.hero-image{background:#c8f5ee center/cover no-repeat}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px}.eyebrow{color:#e2634d;letter-spacing:.13em;font-size:13px}h1{font-size:clamp(35px,5vw,62px);line-height:.96;margin:12px 0 25px;color:#2457a6}h2{font-size:clamp(27px,4vw,45px);margin:4px}.name-box input{width:min(100%,330px);border:4px solid #73d4c5;border-radius:18px;padding:17px;text-align:center;text-transform:none;font-size:20px;outline:none}.name-box input:focus{border-color:#ffb13b;box-shadow:0 0 0 5px #ffe3a8}.hero-copy small{margin:8px;color:#65758b}.primary,.listen{border:0;border-radius:18px;padding:18px 28px;background:#ff9f43;color:#fff;box-shadow:0 7px 0 #d8741d;margin-top:18px;font-size:20px}.privacy,.gentle{text-align:center;background:#fff9;padding:12px;border-radius:99px}.heading{text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.game-card{min-height:185px;border:0;border-radius:26px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;box-shadow:0 7px 0 #0002;transition:.15s}.game-card:hover{transform:translateY(-3px)}.game-card>span{font-size:44px}.game-card strong{font-size:21px;margin:10px 0 4px}.game-card small{font-weight:700}.game-card i{position:absolute;right:16px;top:16px;background:#fff9;border-radius:50%;padding:8px;font-style:normal}.number-card{background:#fff0a8}.letter-card{background:#d9c8ff}.discovery-card{background:#bdeed8}.toolbar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;text-align:center;margin-bottom:20px}.toolbar>span{text-align:right;font-size:40px}#back{justify-self:start;border:0;background:white;border-radius:99px;padding:13px}.play-card{background:white;min-height:540px;border-radius:32px;padding:clamp(20px,5vw,50px);text-align:center;box-shadow:0 10px 0 #acdfe5}.instruction{font-size:clamp(21px,4vw,32px);margin-top:0}.objects{font-size:clamp(42px,8vw,76px);max-width:800px;margin:45px auto;letter-spacing:12px;line-height:1.5}.choices{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:30px}.choice{background:#f2f8ff;border:4px solid #80b7ee;border-radius:24px;min-width:105px;min-height:96px;padding:14px;font-size:38px;box-shadow:0 6px 0 #80b7ee;display:flex;flex-direction:column;align-items:center;justify-content:center}.choice:active{transform:translateY(5px);box-shadow:none}.choice:disabled{opacity:.3}.groups .choice{font-size:50px;min-width:40%;min-height:190px}.sequence{display:flex;justify-content:center;gap:15px;margin:50px 0}.sequence span{display:grid;place-items:center;background:#ffd86b;border-radius:20px;width:80px;height:90px;font-size:42px}.letter-big,.shape-big{font-size:110px;color:#8e5ad7;margin:20px}.picture-word{display:flex;flex-direction:column;font-size:30px}.picture-word span{font-size:100px}.color-dot{width:55px;height:55px;border-radius:50%;display:block}.shape{font-size:58px;color:#e96375}.celebration{position:fixed;inset:0;background:#17324c80;z-index:20;display:grid;place-items:center}.celebration[hidden]{display:none}.celebration div{background:#fff;border-radius:30px;padding:40px;text-align:center;box-shadow:0 12px 0 #ffd23f}.celebration span{font-size:45px;display:block}.celebration strong{font-size:clamp(24px,5vw,45px);display:block;margin-top:18px}.wiggle{animation:wiggle .4s}@keyframes wiggle{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.sr-only{position:absolute;clip:rect(0,0,0,0)}@media(max-width:760px){header{height:64px}.hero{grid-template-columns:1fr;min-height:0}.hero-image{min-height:280px}.hero-copy{padding:25px}.brand span{display:none}.grid{grid-template-columns:repeat(2,1fr)}.game-card{min-height:165px;padding:15px}.toolbar{grid-template-columns:1fr 1.3fr .3fr}.toolbar .eyebrow{display:none}.groups .choice{min-width:100%}}@media(max-width:420px){.grid{grid-template-columns:1fr}.objects{margin:25px auto}.choice{min-width:82px}.sequence span{width:60px;height:70px}.play-card{min-height:460px}}