:root{--sky:#7ec8f2;--sky-deep:#5cb3e8;--grass:#58b849;--grass-deep:#3e9137;--cream:#fff6e3;--capy:#a9744a;--poppy:#ff5d5d;--ink:#3a2e26;--font:"Fredoka Variable", ui-rounded, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;font-family:var(--font);color:var(--ink);background:var(--grass);flex-direction:column;display:flex}.sky{background:linear-gradient(to bottom, var(--sky-deep), var(--sky));text-align:center;border-bottom:6px solid var(--grass-deep);padding:3.5rem 1rem 4.5rem;position:relative;overflow:hidden}.title{letter-spacing:.02em;color:#fff;text-shadow:0 4px #3a2e2640,0 0 24px #ffffff59;font-size:clamp(2.6rem,10vw,5rem);font-weight:640;position:relative}.title span{animation:2.6s ease-in-out infinite bob;display:inline-block}.title span:nth-child(2n){animation-delay:.18s}.title span:nth-child(3n){animation-delay:.36s}.title span:nth-child(5n){animation-delay:.54s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.tagline{color:#fffffff2;margin-top:.6rem;font-size:clamp(1.05rem,3.5vw,1.4rem);font-weight:500;position:relative}.sun{background:#ffd93d;border-radius:50%;width:64px;height:64px;position:absolute;top:1.4rem;right:8%;box-shadow:0 0 0 12px #ffd93d59,0 0 40px #ffd93dcc}.cloud{background:#ffffffe6;border-radius:999px;animation:60s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud-1{width:110px;height:34px;top:2.2rem;left:-140px}.cloud-1:before{width:46px;height:46px;top:-22px;left:18px}.cloud-1:after{width:34px;height:34px;top:-14px;left:56px}.cloud-2{opacity:.75;width:84px;height:26px;animation-duration:85s;animation-delay:-30s;top:6.5rem;left:-240px}.cloud-2:before{width:34px;height:34px;top:-16px;left:14px}.cloud-2:after{width:26px;height:26px;top:-10px;left:42px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 300px))}}.lawn{background:repeating-linear-gradient(to bottom, var(--grass) 0, var(--grass) 56px, var(--grass-deep) 56px, var(--grass-deep) 112px);flex:1;padding:2.5rem 1.25rem 4rem;position:relative}.games{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:900px;margin:0 auto;list-style:none;display:flex}.card{width:min(320px,100%);animation:.45s cubic-bezier(.34,1.56,.64,1) backwards pop-in}.card:nth-child(2){animation-delay:.12s}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-link{background:var(--cream);border:5px solid var(--capy);color:var(--ink);border-radius:22px;flex-direction:column;gap:.35rem;padding:.9rem .9rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px #3a2e2673}.card-link:hover,.card-link:focus-visible{transform:translateY(-5px)rotate(-1deg);box-shadow:0 11px #3a2e2673}.card-link:focus-visible{outline-offset:3px;outline:4px solid #fff}.card-link:active{transform:translateY(2px);box-shadow:0 3px #3a2e2673}.thumb{aspect-ratio:16/9;background:linear-gradient(to bottom, var(--sky) 55%, var(--grass) 55%);image-rendering:pixelated;border-radius:14px;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-emoji{filter:drop-shadow(0 3px #3a2e264d);font-size:3.4rem}.card-title{margin-top:.5rem;font-size:1.55rem;font-weight:620}.card-blurb{opacity:.85;font-size:1.02rem;font-weight:450}.play-btn{background:var(--poppy);color:#fff;border-radius:999px;align-self:flex-start;margin-top:.7rem;padding:.5rem 1.4rem;font-size:1.15rem;font-weight:600;box-shadow:0 4px #c73e3e}.card-soon .soon-inner{color:#fff6e3f2;text-align:center;border:4px dashed #fff6e3bf;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;height:100%;min-height:220px;font-size:1.15rem;font-weight:500;display:flex}.soon-q{opacity:.9;font-size:2.6rem;font-weight:640}.flowers{pointer-events:none;background-image:radial-gradient(4px at 12% 22%,#ffd93d 98%,#0000),radial-gradient(4px at 88% 30%,#ff9ad5 98%,#0000),radial-gradient(4px at 7% 78%,#fff 98%,#0000),radial-gradient(4px at 93% 82%,#ffd93d 98%,#0000),radial-gradient(4px at 22% 94%,#ff9ad5 98%,#0000),radial-gradient(4px at 78% 96%,#fff 98%,#0000);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.title span,.cloud,.card{animation:none}}