button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;opacity:.5}.intro{position:relative;background:radial-gradient(ellipse at 85% 42%,#e9e9df80,transparent 46%)}.intro .paper{font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:transform .25s,box-shadow .25s}.intro .paper:hover{transform:rotate(-2deg) translateY(-5px);box-shadow:0 18px 30px #343b3519}.paper-word{white-space:pre-line}.paper:after{content:"";position:absolute;top:-10px;left:40%;width:63px;height:23px;background:#e4bb8c80;transform:rotate(8deg);border-left:2px dotted #fff9}.note-bounce{animation:paper-flip .4s ease}.playground{margin:8px 0 62px}.play-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.play-heading h2{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:1px;margin:9px 0 0}.play-heading h2>span{display:inline-block;color:var(--accent);padding-left:16px;transform:rotate(8deg)}.handwritten{font-family:var(--serif);font-size:12px;color:#92917d;transform:rotate(-3deg);border-bottom:1px wavy #bdb9a0}.play-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.garden-card{background:#edf0e3;border:1px solid #d9dfcc;border-radius:14px;overflow:hidden;position:relative;padding-bottom:14px}.garden-top{padding:17px 22px;display:flex;align-items:center;justify-content:space-between}.tiny-label{font-size:10px;letter-spacing:1.8px;color:#6d775e}.icon-button{width:30px;height:30px;display:grid;place-items:center;background:#ffffff90;border:1px solid #ced6bf;border-radius:50%;font-size:19px;line-height:1;transition:transform .2s}.icon-button:hover{transform:rotate(-15deg)}.garden{position:relative;height:205px;overflow:hidden;background:#dfece5;isolation:isolate;transition:background .6s}.garden-sun{position:absolute;right:17%;top:25px;width:43px;height:43px;border-radius:50%;background:#f8d77a;box-shadow:0 0 0 8px #f8d77a25,0 0 0 16px #f8d77a15;transition:background .6s,transform .6s}.cloud{position:absolute;background:#fffaf0c9;border-radius:50px;width:77px;height:17px;top:41px;left:16%}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:30px;height:30px;bottom:0;left:12px}.cloud:after{width:22px;height:22px;bottom:0;left:37px}.cloud-two{left:57%;top:86px;transform:scale(.65);opacity:.65}.garden-hills{position:absolute;left:-12%;bottom:-90px;width:87%;height:181px;border-radius:50%;background:#b5c6a5;transform:rotate(9deg);z-index:-1}.garden-hills:after{content:"";position:absolute;left:67%;bottom:6px;width:118%;height:170px;background:#c5d3b3;border-radius:50%;transform:rotate(-17deg)}.garden-soil{position:absolute;bottom:0;width:100%;height:35px;background:#9dac86;clip-path:polygon(0 13%,10% 19%,23% 10%,41% 23%,62% 8%,81% 17%,100% 6%,100% 100%,0 100%)}.garden-fence{position:absolute;bottom:7px;left:9px;font-size:30px;letter-spacing:13px;color:#f3f2db80;white-space:nowrap;pointer-events:none}.flowers{position:absolute;inset:0 10px 17px;z-index:2}.flower{position:absolute;bottom:0;width:32px;height:70px;transform-origin:bottom center;animation:bloom .6s cubic-bezier(.22,1,.36,1) both}.flower-head{position:absolute;top:-13px;left:-2px;font-family:Georgia,serif;font-size:42px;line-height:1;color:#f0a2b5;text-shadow:0 1px 0 #ffffff60;z-index:2}.flower-stem{position:absolute;bottom:0;left:14px;width:3px;height:53px;background:#617d55;border-radius:2px;transform:rotate(-6deg)}.flower-stem:before,.flower-stem:after{content:"";position:absolute;background:#718a61;width:17px;height:9px;top:21px;left:-15px;border-radius:0 90% 0 90%;transform:rotate(12deg)}.flower-stem:after{top:10px;left:1px;transform:scaleX(-1)}.flower-color-0 .flower-head{color:#f0a2b5}.flower-color-1 .flower-head{color:#f5d373}.flower-color-2 .flower-head{color:#a897d3}.flower-color-3 .flower-head{color:#f2a16d}.flower-color-4 .flower-head{color:#faf0cf}.flower-color-5 .flower-head{color:#db96a5}.flower-slot-0{left:8%;height:67px}.flower-slot-1{left:29%;height:58px}.flower-slot-2{left:63%;height:77px}.flower-slot-3{left:46%;height:65px}.flower-slot-4{left:80%;height:51px}.flower-slot-5{left:18%;height:84px}.flower-slot-6{left:53%;height:93px}.flower-slot-7{left:73%;height:96px}.flower-slot-8{left:37%;height:97px}.flower-slot-9{left:88%;height:82px}.flower-slot-10{left:2%;height:100px}.flower-slot-11{left:24%;height:110px}.flower-slot-12{left:57%;height:48px}.flower-slot-13{left:42%;height:42px}.flower-slot-14{left:68%;height:44px}.flower-slot-15{left:12%;height:40px}.flower:nth-child(2n) .flower-stem{transform:rotate(8deg);height:calc(100% - 14px)}.flower:nth-child(2n+1) .flower-stem{height:calc(100% - 14px)}.garden-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 22px 0}.garden-bottom h3{font-family:var(--serif);font-size:18px;font-weight:500;margin:0 0 6px;letter-spacing:.5px}.garden-bottom p{font-size:11px;color:#768166;margin:0}.pill-button{border:1px solid #b1bf9f;background:#f8f9f0;color:#526445;border-radius:24px;font-size:12px;padding:10px 15px;white-space:nowrap;box-shadow:0 3px 0 #d3dcc5;transition:transform .15s}.pill-button:hover{transform:translateY(-2px)}.pill-button:active{transform:translateY(2px);box-shadow:none}.pill-button span{padding-left:7px}.quiet-button{margin:10px 22px 0;border:0;background:none;padding:0;color:#7b866f;font-size:10px;text-decoration:underline;text-underline-offset:3px}.side-play{display:grid;grid-template-columns:1fr 1fr;gap:16px}.random-card{background:#ede8f2;border:1px solid #ded5e7;border-radius:14px;padding:24px 21px;position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.random-card .tiny-label{color:#867097}.dice-drawing{font-size:83px;line-height:1.3;color:#8e79a6;transform:rotate(-15deg);margin:19px 0 15px;text-shadow:4px 6px 0 #d3c7df;transition:transform .3s}.random-card:hover .dice-drawing{transform:rotate(12deg)}.random-card h3{font-family:var(--serif);font-size:20px;font-weight:500;line-height:1.7;letter-spacing:.5px;margin:0 0 11px}.random-card p{color:#887793;font-size:11px;line-height:1.9;margin-bottom:21px}.text-button{background:none;border:0;border-bottom:1px solid #c9bbd4;padding:0 0 5px;color:#76548c;font-size:11px;text-align:left;margin-top:auto;line-height:1.8}.text-button span{padding-left:8px}.cat-card{background:#f5e8d8;border:1px solid #e8d8c3;border-radius:14px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;position:relative}.cat-card .tiny-label{color:#a08464;align-self:flex-start;white-space:nowrap;font-size:9px}.cat-button{padding:0;border:0;background:none;width:100%;max-width:175px;position:relative;margin:auto 0}.cat-button:after{content:"";height:8px;background:#ddc7ac;position:absolute;left:5%;bottom:10%;width:95%;z-index:0;border-radius:5px}.cat-button svg{width:100%;position:relative;z-index:1;transform-origin:60% 90%;transition:transform .3s}.cat-button:hover svg{transform:rotate(-3deg)}.cat-heart{position:absolute;top:0;left:50%;color:#b97068;font-size:24px;opacity:0;pointer-events:none}.is-petted .cat-heart{animation:heart-float .9s ease forwards}.is-petted svg{animation:cat-pet .45s ease}.cat-card p{font-size:11px;color:#957e62;text-align:center;min-height:42px;margin:0}.is-night{background:#344557}.is-night .garden-sun{background:#f6edcd;transform:scale(.8);box-shadow:9px -5px 0 1px #344557,0 0 0 8px #f8d77a10}.is-night .cloud{opacity:.12}.is-night .garden-hills{background:#667c6a}.is-night .garden-hills:after{background:#74856b}.is-night .garden-soil{background:#52674b}.is-night:after{content:"·  ✧     ·       ✦    ·       ✧";position:absolute;top:10px;left:20px;right:10px;color:#f3edcd;font-size:19px;letter-spacing:10px;pointer-events:none}.is-night .flower-head{filter:saturate(.8) brightness(1.06)}@keyframes bloom{from{transform:scale(.2) translateY(20px);opacity:0}to{transform:scale(1);opacity:1}}@keyframes paper-flip{0%{transform:rotate(-5deg)}45%{transform:rotate(1deg) translateY(-6px)}100%{transform:rotate(-5deg)}}@keyframes heart-float{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(1.2)}}@keyframes cat-pet{50%{transform:rotate(-5deg) scale(1.04)}100%{transform:rotate(0)}}@media(max-width:1000px){.play-grid{grid-template-columns:1.2fr 1fr}.side-play{grid-template-columns:1fr}.random-card{min-height:185px;padding:17px 20px}.dice-drawing{position:absolute;right:23px;top:18px;margin:0;font-size:62px}.random-card h3{font-size:18px;margin:19px 0 4px;padding-right:40px}.random-card p{margin-bottom:13px}.cat-card{min-height:155px;align-items:flex-start;padding:17px 20px}.cat-button{position:absolute;right:12px;top:26px;width:135px;margin:0}.cat-card p{max-width:105px;margin-top:35px;text-align:left}.garden{height:241px}.garden-bottom{flex-wrap:wrap}.handwritten{font-size:10px}}@media(max-width:700px){.playground{margin:10px 0 40px}.play-heading{margin-bottom:18px}.play-heading h2{font-size:22px}.handwritten{display:none}.play-grid{grid-template-columns:1fr;gap:14px}.garden{height:205px}.garden-top{padding:14px 18px}.garden-bottom{padding:18px 18px 0;flex-wrap:nowrap;gap:8px}.garden-bottom h3{font-size:16px}.garden-bottom p{font-size:10px}.pill-button{font-size:11px;padding:9px 12px}.side-play{grid-template-columns:1fr 1fr;gap:12px}.random-card{padding:18px 15px;min-height:245px}.random-card h3{padding:0;margin-top:9px;font-size:17px}.dice-drawing{position:static;font-size:56px;line-height:1.2;margin:15px 0 5px}.random-card p{font-size:10px}.tiny-label{font-size:9px;letter-spacing:1px}.cat-card{min-height:245px;padding:18px 14px;align-items:center}.cat-card p{margin-top:0;max-width:none;text-align:center;font-size:10px}.cat-button{position:relative;right:auto;top:auto;width:100%;margin:auto 0}.text-button{font-size:10px}.play-heading h2>span{padding-left:8px}.quiet-button{margin-left:18px}.garden-fence{letter-spacing:8px}.flower-head{font-size:36px}.flower{width:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}