:root{--ink:#57433f;--green:#71609c;--cream:#fff8ed;--muted:#89746a}body{background:radial-gradient(ellipse at 15% 0%,#fbe7e2 0,transparent 43%),radial-gradient(ellipse at 90% 5%,#eaf1e1 0,transparent 40%),#fff8ed;min-height:100vh}.sky{position:absolute;inset:0 0 auto;height:400px;overflow:hidden;pointer-events:none;z-index:-1}.cloud{position:absolute;width:140px;height:40px;background:#fffcf6;border-radius:80px}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%;width:64px;height:64px;bottom:5px;left:20px}.cloud:after{width:80px;height:80px;left:50px;bottom:0}.cloud-one{left:-30px;top:170px;transform:rotate(-5deg)}.cloud-two{right:-25px;top:150px;transform:scale(1.5)}.sunshine{position:absolute;right:6%;top:68px;color:#eebd66;font-size:74px}.topbar{max-width:1050px;border:0;padding:21px 32px}.brand{font-size:26px;color:#71609c}.brand-mark{color:#de998a}.sound{border-color:#e4d7ca;background:#fffaf4;color:#766255;min-height:44px}.sound[aria-pressed=true]{background:#eee6f6}main{max-width:1000px;padding:0 32px;position:relative}.storybook-intro{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 auto 10px;max-width:805px;min-height:224px}.intro-copy{flex:1;padding-left:20px}.welcome-tag{color:#8a7169;font-weight:800;font-size:9px;letter-spacing:1.7px}h1{font-size:51px;line-height:1.08;letter-spacing:-2px;margin:13px 0 12px;width:auto;color:#624c47;font-weight:900}h1>span{color:#9480b8;font:inherit}.intro-copy p{font-size:14px;line-height:1.6;color:#877369;max-width:280px;margin:0}.mascot-wrap{position:relative;width:340px;flex-shrink:0;align-self:stretch;display:flex;align-items:center}.mascots{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px #bfb09c1c)}.hello-bubble{position:absolute;z-index:1;right:8px;top:9px;background:#fffefa;border:1px solid #e9dfd1;border-radius:18px 18px 18px 3px;padding:10px 14px;color:#8c739f;font-size:12px;font-weight:800;transform:rotate(6deg)}.mascot-flower{position:absolute;color:#e2b669;font-size:31px;left:4px;top:24px;transform:rotate(-15deg)}.play-area{display:block;max-width:805px;margin:auto}.board-panel{border:3px solid #efe4d6;border-radius:35px;padding:20px 42px 0;background:#fffdfa;box-shadow:0 9px 0 #eadfce80;min-height:0;overflow:visible}.themes{display:flex;justify-content:center;gap:10px;margin:-1px 0 19px;padding-bottom:18px;border-bottom:1px dashed #e5d9cc}.theme{flex-direction:row;min-height:56px;gap:8px;padding:9px 15px;border:1.5px solid transparent;border-radius:19px;background:#f9f3ec;color:#7a655c}.theme>span:first-child{font-size:27px}.theme>span:nth-child(2){font-size:12px;font-weight:800;flex:initial}.theme.selected{background:#f0e7f6;border-color:#b9a4cf;color:#705887;box-shadow:0 3px 0 #d7c8e6}.theme:hover{background:#f2eafa}.board-heading{max-width:590px;margin:auto}.board-heading h2{font-size:18px;letter-spacing:-.2px;margin:0;color:#796055}.progress{border:none;border-radius:0;gap:5px;flex-direction:column;padding:0;align-items:flex-end;color:#9c8578;font-size:10px}.progress b{font-size:10px}.progress #pair-hearts{font-size:21px;letter-spacing:3px;color:#b07991;line-height:1.1}.message{font-size:16px;font-weight:700;color:#9b8174;margin:14px 0 21px;min-height:24px;line-height:1.5}.board-wrap{position:relative}.board{max-width:435px;gap:20px}.board.six{max-width:580px;gap:18px}.board.twelve{max-width:590px;gap:15px}.card{display:block;width:100%;aspect-ratio:1.13;border-radius:26px;isolation:isolate}.card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.7,.3,1)}.face{border-radius:26px}.back,.card:nth-child(4n+2) .back,.card:nth-child(4n+3) .back{background:linear-gradient(145deg,#ece1f3,#d9c8e8);border:2px solid #cebadf;box-shadow:0 6px 0 #bea5d2,0 9px 13px #79588810;overflow:hidden}.back:before{inset:9px;width:auto;height:auto;border:2px dashed #ffffff85;border-radius:18px;opacity:1}.back:after{display:none}.back svg{width:72%;height:82%;opacity:1;fill:none;filter:drop-shadow(0 3px 0 #ae99bd30)}.front{background:#fff1da;border:2px solid #eacfa3;box-shadow:0 6px 0 #ddc69f;gap:7px}.picture{font-size:clamp(65px,8vw,92px);line-height:1.1;filter:drop-shadow(0 5px 0 #d6ad8430)}.picture-label{font-size:16px;color:#7b6252;font-weight:800}.card.matched .front{background:#edf3dc;border-color:#bfd099;box-shadow:0 6px 0 #b5c790}.card.matched .picture{animation:happy-pop .48s ease-out}.match-tick{top:10px;right:10px;background:#7d995d;width:24px;height:24px;font-size:14px}.six .picture{font-size:70px}.twelve .picture{font-size:53px}.twelve .picture-label{font-size:12px}.twelve .face{border-radius:21px}.twelve .back:before{border-radius:14px;inset:7px}.twelve .match-tick{width:20px;height:20px;font-size:12px;top:6px;right:6px}.board-actions{margin:26px 0 22px;gap:13px}.board-actions .small-button{min-height:51px;border-radius:18px;border:1.5px solid #dfd3c7;font-size:13px;background:#fff9ee;padding:11px 19px;box-shadow:0 3px 0 #e8dccb}.board-actions #peek{background:#fff0bf;border-color:#ebd48b;box-shadow:0 3px 0 #e8cf86}.small-button:hover{background:#fff4d6}.level-strip{display:flex;align-items:center;justify-content:center;gap:17px;padding:17px 0;border-top:1px dashed #e5d9cc}.level-strip>span{font-size:11px;font-weight:700;color:#927d70}.levels{display:flex;gap:7px}.levels button{border-radius:13px;padding:8px 12px;min-height:44px;flex-direction:row;gap:5px;background:#faf5ef;border:1px solid #e9dfd4}.levels b{font-size:17px}.levels span{font-size:10px}.levels .selected{background:#9781b3;border-color:#9781b3;color:white}.celebration{background:#f4eddc;border:1px solid #eadcbf;border-radius:23px;margin-top:22px;padding:18px}.reward-flower{font-size:48px!important;color:#de9e80}.celebration h3{color:#816195;font-size:22px;letter-spacing:-.5px}.celebration p{color:#8e7868}.primary{background:#9580b0;border-radius:17px;padding:15px 18px;box-shadow:0 4px 0 #796393;min-height:49px;font-weight:bold}.cheer{position:absolute;inset:0;display:none;pointer-events:none;z-index:2}.cheer.burst{display:block}.cheer span{position:absolute;bottom:30%;left:10%;color:#e6b355;font-size:40px;animation:float-cheer 1.2s both}.cheer span:nth-child(2){left:30%;color:#d999a7;animation-delay:.08s}.cheer span:nth-child(3){left:49%;color:#b59ace;animation-delay:.18s}.cheer span:nth-child(4){left:70%;animation-delay:.05s}.cheer span:nth-child(5){left:88%;color:#a4b87b;animation-delay:.12s}.mascots.happy{animation:mascot-hug .65s ease-in-out}footer{justify-content:center;margin:0;padding:25px 0 10px;font-size:12px;color:#a78a77}footer>span:first-child{color:#c491a4;font-size:22px}.grownup-note{max-width:560px;margin:0 auto 30px;text-align:center;font-size:11px;color:#9b8577}.grownup-note summary{cursor:pointer;min-height:44px;padding:15px;list-style:none;text-decoration:underline;text-underline-offset:4px}.grownup-note p{line-height:1.8;margin:5px 0 15px;font-size:12px}.garden-edge{display:flex;justify-content:space-around;align-items:flex-end;background:#edf0de;border-radius:50% 50% 0 0;min-height:48px;margin-top:24px;pointer-events:none;overflow:hidden}.garden-edge span{font-size:34px;position:relative;top:4px}.garden-edge span:nth-child(even){color:#dab09e;font-size:45px}@keyframes happy-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.12) rotate(-5deg)}}@keyframes mascot-hug{0%,100%{transform:rotate(0)}35%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}@keyframes float-cheer{0%{transform:translateY(0) scale(.4);opacity:0}20%{opacity:1}100%{transform:translateY(-140px) rotate(25deg) scale(1);opacity:0}}
@media(max-width:760px){.topbar{padding:15px 20px}.brand{font-size:23px}main{padding:0 16px}.sunshine{font-size:48px;right:-8px;top:82px}.storybook-intro{min-height:180px;gap:0;margin-bottom:10px}.intro-copy{padding-left:4px}.welcome-tag{font-size:7px;letter-spacing:1px}h1{font-size:35px;letter-spacing:-1.5px;margin:9px 0}.intro-copy p{font-size:11px;max-width:180px}.mascot-wrap{width:43%;max-width:240px}.hello-bubble{right:0;top:18px;font-size:9px;padding:7px 9px}.mascot-flower{font-size:21px;left:0;top:17px}.board-panel{padding:15px 16px 0;border-radius:28px}.themes{gap:7px;padding-bottom:14px;margin-bottom:13px}.theme{flex:1;flex-direction:column;min-height:73px;padding:9px 5px;gap:5px;border-radius:15px}.theme>span:first-child{font-size:25px}.theme>span:nth-child(2){font-size:10px;white-space:nowrap}.board-heading h2{font-size:15px}.progress #pair-hearts{font-size:17px;letter-spacing:1px}.message{font-size:13px;min-height:20px;margin:14px 0 17px}.board{gap:16px;max-width:390px}.board.six{gap:12px;max-width:500px}.board.twelve{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px!important;max-width:500px}.face{border-radius:23px}.picture{font-size:68px}.six .picture,.twelve .picture{font-size:46px}.picture-label{font-size:13px}.six .picture-label,.twelve .picture-label{font-size:10px}.twelve .face{border-radius:17px}.match-tick{width:20px;height:20px;font-size:12px}.six .match-tick,.twelve .match-tick{width:16px;height:16px;font-size:10px;top:5px;right:5px}.board-actions{gap:10px;margin:23px 0 18px}.board-actions .small-button{padding:10px 12px;font-size:11px;min-height:48px;border-radius:16px}.level-strip{gap:9px;flex-wrap:wrap;padding:14px 0}.level-strip>span{font-size:10px}.levels button{padding:8px 11px;min-height:44px}.levels span{font-size:9px}.celebration{padding:15px;gap:11px}.celebration h3{font-size:21px}.celebration .primary{width:100%;margin-top:7px}.grownup-note{margin-bottom:16px}footer{font-size:11px;padding-top:22px}.garden-edge{margin-top:10px}}@media(max-width:370px){h1{font-size:30px}.welcome-tag{font-size:6px}.intro-copy p{font-size:10px}.storybook-intro{min-height:157px}.theme>span:nth-child(2){font-size:9px}.board-panel{padding-left:12px;padding-right:12px}.six .picture,.twelve .picture{font-size:39px}.levels span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cheer{display:none!important}}