*{box-sizing:border-box}body{margin:0;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#244b36;background:#e4efd3 url('/assets/garden.webp') center/cover fixed;min-height:100svh}body:before{content:"";position:fixed;inset:0;background:#eaf4d1b8;z-index:-1}.game-home{width:min(900px,100%);margin:auto;padding:clamp(25px,6vh,70px) 24px 40px}header{text-align:center;margin-bottom:32px}.mini{font-size:13px;font-weight:900;letter-spacing:.14em}h1{font-size:clamp(30px,5vw,49px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 0}h1 span{color:#eb7995}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-card{display:block;text-decoration:none;color:inherit;border:3px solid #fff;border-radius:32px;overflow:hidden;background:#fffef4;box-shadow:0 8px 0 #416c3422;transition:transform .18s}.game-card:hover{transform:translateY(-5px)}.game-card:focus-visible{outline:4px solid #3058a2;outline-offset:5px}.card-art{height:245px;position:relative;background:#bce18d;overflow:hidden}.alphabet .card-art{background:#bee9f3}.card-frog{position:absolute;width:210px;height:210px;object-fit:contain;left:calc(50% - 105px);bottom:-3px}.card-ant{position:absolute;right:13%;top:24px;width:36px;transform:rotate(30deg)}.abc-frog{position:absolute;width:170px;height:170px;object-fit:contain;left:calc(50% - 85px);bottom:-12px}.abc-blocks{display:flex;justify-content:center;gap:10px;padding-top:20px}.abc-blocks b{display:grid;place-items:center;width:57px;height:62px;border-radius:14px;background:#fff3a8;color:#996521;font-size:36px;transform:rotate(-9deg);box-shadow:0 4px #99834226}.abc-blocks b:nth-child(2){background:#ffbfce;color:#963d5d;transform:rotate(5deg)}.abc-blocks b:nth-child(3){background:#d0c8ff;color:#5d4c9b;transform:rotate(-5deg)}.card-copy{padding:24px 27px}h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}p{font-size:16px;margin:0 0 22px}.play{display:flex;justify-content:space-between;border-radius:18px;background:#315b3f;color:#fff;padding:14px 18px;font-weight:800}.alphabet .play{background:#3b6487}@media(max-width:560px){.game-home{padding:27px 18px}.game-grid{grid-template-columns:1fr;gap:20px}.game-card{display:grid;grid-template-columns:40% 60%;border-radius:25px}.card-art{height:100%;min-height:195px}.card-frog{width:150px;height:160px;left:calc(50% - 75px);bottom:10px}.card-ant{right:15%;top:13px;width:25px}.card-copy{padding:22px 17px}h2{font-size:27px}p{font-size:15px;line-height:1.4;margin-bottom:14px}.play{padding:12px;font-size:14px}.abc-frog{width:140px;height:145px;left:calc(50% - 70px);bottom:0}.abc-blocks{gap:3px;padding-top:18px}.abc-blocks b{width:35px;height:43px;font-size:26px}header{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.game-card{transition:none}}
.sorting .card-art{background:#addff7}.card-pups{width:100%;height:100%;object-fit:cover;object-position:center}.sorting .play{background:#976021}.sorting{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sorting .card-art{height:245px}.sorting .card-copy{align-self:center}@media(max-width:560px){.sorting{grid-template-columns:40% 60%}.sorting .card-art{height:100%}.card-pups{object-fit:cover;object-position:center}.sorting h2{font-size:24px}}
.sorting{grid-column:auto;display:block}.pond-hop .card-art{background:#67c5cb}.pond-hop .play{background:#246b77}.pond-friend{position:absolute;right:12%;top:18px;width:70px;height:70px;object-fit:contain}@media(max-width:560px){.sorting{display:grid;grid-template-columns:40% 60%}.pond-friend{width:48px;height:48px;right:8%;top:10px}}

.world-card-art{position:absolute;width:160px;height:160px;object-fit:contain;left:17%;top:22px}.world-card-frog{position:absolute;width:130px;height:130px;object-fit:contain;right:5%;bottom:0}.little-world h2{font-size:27px}.island-workshop .card-art{background:#a7dfde}.get-ready .card-art{background:#ffd890}.shape-workshop .card-art{background:#d5caf1}.sharing-bakery .card-art{background:#f7c8a5}.little-post-office .card-art{background:#bdd5f4}.friendly-picnic .card-art{background:#c7df9a}@media(max-width:560px){.world-card-art{width:105px;height:105px;left:calc(50% - 52px);top:12px}.world-card-frog{width:100px;height:100px;right:calc(50% - 50px);bottom:0}.little-world h2{font-size:23px}}