@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Nunito:wght@400;600;700;800&family=Quicksand:wght@500;600;700&display=swap');
:root{--cream:#fff6e6;--ink:#40334e;--pink:#ed9fad;--rose:#e58e9f;--lav:#9683c5;--deep:#29213c;--muted:#85778d}*{box-sizing:border-box}body{margin:0;background:#f5e8dd;color:var(--ink);font-family:Nunito,sans-serif}.game{max-width:500px;margin:auto;min-height:100vh;background:#fff8ed;box-shadow:0 0 60px #5b3a431f;padding-bottom:28px}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.logo{font:800 20px Quicksand;text-decoration:none;color:var(--deep);letter-spacing:-1px}.logo i{font-style:normal;color:#f0af64;font-size:16px}.tiny-btn{border:0;background:#f6e9df;color:#8c798b;width:34px;height:34px;border-radius:50%;cursor:pointer}.cabin{height:380px;margin:0 14px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(150deg,#5c4c79,#302843 74%);box-shadow:inset 0 -45px 50px #19152f70}.cabin:after{content:"";position:absolute;inset:auto 0 0;height:82px;background:#49364c}.rain{position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(113deg,transparent 0 23px,#ffffff 24px 25px,transparent 26px 48px);transform:translateY(-40px)}.window{position:absolute;width:154px;height:185px;right:18px;top:24px;border:8px solid #2b223b;border-radius:80px 80px 16px 16px;background:linear-gradient(#2e315c,#6a5e8c);box-shadow:0 0 0 4px #7d6685,inset 0 -15px 20px #201a3e}.window:after{content:"";position:absolute;inset:0;border-left:3px solid #2b223b;border-right:3px solid #2b223b;border-radius:inherit}.moon{position:absolute;width:52px;height:52px;background:#fbe9b0;border-radius:50%;top:27px;right:27px;box-shadow:0 0 19px #fff3b4}.star{position:absolute;color:#fff;width:3px;height:3px;background:#fff;border-radius:50%}.star.a{top:67px;left:33px}.star.b{top:112px;right:33px}.star.c{top:34px;left:60px}.shelf{position:absolute;left:23px;bottom:95px;width:142px;height:14px;background:#c57d71;border-radius:2px;z-index:2}.shelf:after{content:"";position:absolute;width:4px;height:51px;background:#9d605b;left:12px;top:10px;box-shadow:113px 0 #9d605b}.book{position:absolute;bottom:14px;width:17px;border-radius:3px 3px 0 0}.book-1{left:29px;height:48px;background:#dd8c75}.book-2{left:48px;height:56px;background:#f1c36c}.book-3{left:67px;height:40px;background:#8ba797}.mug{position:absolute;right:18px;bottom:15px;font-size:25px}.rug{position:absolute;bottom:12px;left:30px;width:280px;height:80px;background:#d98d9a;border-radius:50%;opacity:.55}.lamp{position:absolute;bottom:80px;left:190px;width:7px;height:122px;background:#8c655b;z-index:2}.lamp:before{content:"";position:absolute;width:63px;height:45px;left:-28px;top:-18px;background:#f6ce7e;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);box-shadow:0 0 42px #ffc76d}.lamp i{position:absolute;width:11px;height:11px;background:#8c655b;border-radius:50%;bottom:-3px;left:-2px}.cosmo{position:absolute;z-index:3;width:112px;height:96px;left:56px;bottom:48px;background:#f2c3bb;border-radius:52% 48% 43% 43%;box-shadow:inset -10px -9px #d89faa,0 8px 10px #281c393b;transition:transform .3s}.cosmo:hover{transform:translateY(-7px) rotate(-3deg)}.ear{position:absolute;width:38px;height:44px;background:#dea1ac;top:-19px;z-index:-1;clip-path:polygon(50% 0,100% 100%,0 100%)}.ear.l{left:7px;transform:rotate(-16deg)}.ear.r{right:7px;transform:rotate(16deg)}.face{position:absolute;left:18px;top:31px;width:77px;height:43px;background:#f8dbce;border-radius:50%}.face i{position:absolute;width:7px;height:10px;background:#44364b;border-radius:50%;top:13px}.face i:first-child{left:22px}.face i:nth-child(2){right:22px}.face b{position:absolute;width:8px;height:5px;border-bottom:2px solid #a66576;left:35px;top:25px;border-radius:50%}.tail{position:absolute;width:75px;height:34px;border:14px solid #efaeb4;border-left:0;border-radius:0 50px 50px 0;right:-56px;bottom:4px;z-index:-1}.speech{position:absolute;z-index:4;left:27px;top:28px;max-width:215px;padding:11px 13px;background:#fff8e9;border-radius:13px 13px 13px 2px;color:#674c61;font-size:12px;line-height:1.4;box-shadow:0 3px 10px #190f3530}.cabin-copy{position:absolute;left:22px;bottom:18px;z-index:4;color:#fff5e9;max-width:260px}.cabin-copy span,.garden-head small,.journal small,.quest-info small,.dialog-card small{font:11px 'DM Mono';letter-spacing:.07em;color:#eec39e}.cabin-copy h1{font:700 27px Quicksand;margin:4px 0;letter-spacing:-1.4px}.cabin-copy p{font-size:12px;margin:0;color:#f4d9d5}.quest-card{margin:18px 19px 26px;background:#f7e7d7;border-radius:18px;padding:13px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 10px #71495213}.quest-icon{width:44px;height:44px;display:grid;place-items:center;background:#fff6e8;border-radius:13px;font-size:21px}.quest-info{flex:1}.quest-info small{color:#ae7881;font-size:8px}.quest-info strong{display:block;font-size:15px}.quest-info span{font-size:11px;color:var(--muted)}.play{background:#e78f9c;border:0;color:white;border-radius:50%;width:39px;height:39px;padding-left:4px;box-shadow:0 3px 0 #c67788;cursor:pointer}.garden-head,.journal-head{margin:0 23px 11px;display:flex;justify-content:space-between;align-items:end}.garden-head small,.journal small{color:#a28992;font-size:9px}.garden-head h2,.journal h2{margin:4px 0 0;font:700 19px Quicksand;letter-spacing:-.7px}.garden-head span{font:10px 'DM Mono';color:#a5898e}.garden{height:225px;margin:0 19px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(#7a6a9e,#ada3c0 71%,#d9b4ae 72%)}.horizon{position:absolute;bottom:-20px;width:130%;height:82px;left:-10%;border-radius:50% 50% 0 0;background:#b78998}.garden-moon{position:absolute;top:26px;right:29px;width:38px;height:38px;border-radius:50%;background:#ffe4a4;box-shadow:0 0 18px #ffe5a9}.constellation-line{position:absolute;left:43px;top:54px;width:174px;height:92px;border-top:1px solid #fff4d9a3;transform:rotate(25deg);opacity:.6}.garden-star{position:absolute;width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ffe7a1;box-shadow:0 0 12px #ffefae;animation:pop .45s backwards}.garden-star:after{content:'✦';position:absolute;transform:rotate(45deg);left:9px;top:6px;color:#cc8195;font-size:14px}.garden-star small{position:absolute;transform:rotate(45deg);top:35px;left:-8px;white-space:nowrap;color:#fff8e6;font:8px 'DM Mono'}.empty-garden{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff6e5;font-size:13px;line-height:1.55;text-shadow:0 1px 2px #5d456c}.soft-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:13px 19px 30px;background:#f9eee3;border-radius:16px;padding:13px 5px;text-align:center}.soft-stats div+div{border-left:1px solid #e4d4ca}.soft-stats span{display:block;text-transform:lowercase;font:700 16px Quicksand;color:#7d5f79}.soft-stats small{font-size:9px;color:#a28a8d}.journal{margin:0 19px;padding-top:3px}.journal-head{margin:0 4px 8px}.journal #log{background:#fbf2e7;border-radius:15px;padding:1px 14px}.journal #log>p{color:#a99599;font-size:12px}.log-entry{display:flex;gap:10px;padding:11px 0;border-bottom:1px dashed #e3cfca}.log-entry:last-child{border:0}.emoji{width:29px;height:29px;display:grid;place-items:center;background:#f5ddd1;border-radius:50%;font-size:13px}.log-entry strong{display:block;font-size:12px}.log-entry span{color:#a18791;font-size:10px}dialog{border:0;background:transparent;padding:0;max-width:min(91vw,390px)}dialog::backdrop{background:#2e233a9c;backdrop-filter:blur(4px)}.dialog-card{position:relative;background:#fff8ed;padding:30px 24px 23px;border-radius:25px;color:var(--ink);box-shadow:0 18px 60px #28172d85}.dialog-card h2{font:700 25px Quicksand;letter-spacing:-1px;margin:5px 0}.dialog-card>p{font-size:13px;color:#887889;line-height:1.45}.dialog-creature{float:right;background:#f7d9ca;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#e5889c}.close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#927a87;font-size:25px;cursor:pointer}.dialog-card label{display:block;font-size:12px;color:#796976;margin:18px 0 13px}.dialog-card input{width:100%;padding:11px;margin-top:6px;border:1px solid #ead7ce;border-radius:10px;background:#fffdf8;color:#463848;font:700 17px Nunito}.dialog-card label span{position:absolute;right:39px;margin-top:-29px;font-size:10px;color:#a8969e}.mood-row{display:flex;align-items:center;gap:6px;margin:14px 0 19px;font-size:11px;color:#817180}.mood-row span{margin-right:auto}.mood{border:1px solid #ead9d4;background:#fffaf1;border-radius:8px;padding:6px;font:10px Nunito;cursor:pointer}.mood.active{background:#f5c9c0;border-color:#ef9ea5}.primary-button{width:100%;border:0;border-radius:12px;background:#e58d9b;color:white;font:800 14px Nunito;padding:13px;cursor:pointer;box-shadow:0 3px 0 #c57685}.edit-form label{margin:11px 0}.edit-form input{font-size:13px;padding:8px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,80px);opacity:0;background:#5b486b;color:#fff8e9;padding:12px 15px;border-radius:12px;font-size:12px;transition:.3s;z-index:10;white-space:nowrap}.toast.show{transform:translate(-50%,0);opacity:1}@keyframes pop{from{transform:rotate(-45deg) scale(0);opacity:0}to{transform:rotate(-45deg) scale(1);opacity:1}}@media(min-width:501px){body{padding:25px}.game{border-radius:25px;overflow:hidden}}