@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@400;500;600&display=swap');
:root{--paper:#f7f6ef;--ink:#334d3e;--muted:#839080;--line:#e1e6d9;--green:#496c4d;--cream:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:14px 'DM Sans',sans-serif;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ca9c62;outline-offset:4px}header{height:88px;max-width:1450px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:600 27px 'Fraunces',serif;color:var(--ink);text-decoration:none}.brand-icon{font-size:38px;color:#7c986a}.tag{font:600 9px 'DM Sans';letter-spacing:2px;margin-left:10px;background:#e9eddf;padding:7px 9px;border-radius:5px}.header-right{display:flex;align-items:center;gap:24px}.saved{font-size:11px;color:var(--muted)}.icon-btn{width:32px;height:32px;border:1px solid #d5decc;border-radius:50%;background:transparent;font-size:17px}main{max-width:1450px;padding:43px 48px 0;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8c9980}h1{font:400 clamp(27px,2.9vw,40px) 'Fraunces',serif;margin:10px 0}p{color:var(--muted);line-height:1.6}.intro p{margin:10px 0 0;font-size:12px}.day{display:flex;gap:13px;align-items:center}.day>span{color:#c6a76b;font-size:32px}.day b{font-size:11px;font-weight:500}.day small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.garden-panel{background:var(--cream);border:1px solid var(--line);border-radius:16px;overflow:hidden}.garden-top{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;font-size:9px;letter-spacing:1.4px}.garden-top>span{letter-spacing:0;color:var(--muted);font-size:10px}.live-dot{display:inline-block;background:#83a56b;width:6px;height:6px;border-radius:50%;margin-right:6px}.scene{position:relative;overflow:hidden;aspect-ratio:900/540}.landscape{width:100%;height:100%;display:block}.garden-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.garden-bottom>div{display:flex;gap:13px;align-items:center}.weather{font-size:25px;color:#c1aa73}.garden-bottom b{font-size:11px;font-weight:500}.garden-bottom small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.text-btn{border:0;background:transparent;font-size:10px;color:#687e60}.text-btn span{margin-left:12px}.scene-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:italic 13px 'Fraunces',serif;color:#66805f}.scene-caption span{margin-right:7px}.resident{position:absolute;width:11%;height:18%;border:0;background:none;padding:0;filter:drop-shadow(0 7px 2px #5d79582b);animation:bob 3s ease-in-out infinite}.resident svg{width:100%;height:100%;overflow:visible}.resident:hover{filter:drop-shadow(0 0 8px #fff9c9);transform:scale(1.12)}@keyframes bob{50%{translate:0 -6px}}.dew-orb{position:absolute;left:63%;top:35%;border:1px solid #fffa;background:#fff6b8aa;color:#b99750;font-size:27px;width:42px;height:42px;border-radius:50%;box-shadow:0 0 24px #fff9bd;animation:bob 2s infinite}.quests{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{font:400 22px 'Fraunces',serif;margin:7px 0}.pill{border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:9px;color:var(--muted)}#quest-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quest{border:1px solid var(--line);border-radius:10px;padding:17px 15px;background:#fafaf4}.quest .q-icon{font-size:22px}.quest h4{font-size:11px;font-weight:500;margin:12px 0 7px}.quest p{font-size:10px;margin:0 0 14px}.progress{height:3px;border-radius:3px;background:#e4e9db;overflow:hidden}.progress i{display:block;height:100%;background:#91a878}.quest button{border:0;background:none;padding:10px 0 0;font-size:10px;color:#6f875b}.quest button:disabled{cursor:default;color:#a1aa98}footer{display:flex;gap:12px;justify-content:center;font-size:9px;color:#9ca694;padding:25px 0}footer span{color:#9baa87}.wallet{border:1px solid #d8e2cd;background:#eaf0e2;border-radius:14px;padding:23px}.balance{display:flex;align-items:center;gap:10px;margin:15px 0 20px}.balance strong{font:400 40px 'Fraunces',serif;letter-spacing:-1px}.balance>span:last-child{font-size:11px;color:#7f9276;margin-top:12px}.dew-icon{font-size:24px;color:#b4bf8a}.income{display:flex;justify-content:space-between;border-top:1px solid #d7e1cc;padding-top:15px;font-size:9px;color:#7c8f73}.income b{font-weight:500;color:#4f6b47}.gift{margin-top:16px;border:1px solid #e9deca;border-radius:13px;background:#f2eddf;padding:20px;display:grid;grid-template-columns:38px 1fr;gap:12px}.gift-icon{font-size:29px;padding-top:10px}.gift .eyebrow{font-size:7px;letter-spacing:1px;color:#b09c75}.gift h3{font:400 21px 'Fraunces';margin:6px 0}.gift p{font-size:10px;margin:0;color:#a29379}.primary{background:var(--green);border:0;border-radius:7px;color:#f5f7e9;padding:13px 16px;font-size:11px;display:flex;justify-content:space-between}.gift .primary{grid-column:1/-1;margin-top:5px}.primary:disabled{background:#b0baa3;cursor:default}.shop{border:1px solid var(--line);border-radius:13px;margin-top:22px;padding:20px;background:var(--cream)}.shop-heading{display:flex;align-items:center;justify-content:space-between}.shop-heading h2{font-size:21px;margin:0}.shop-heading>span{font-size:24px;color:#b4bb9b}.tabs{display:flex;border-bottom:1px solid var(--line);gap:23px;margin:19px 0 2px}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:0 0 12px;font-size:10px;color:#8c9783}.tabs button[aria-selected=true]{border-color:#71895d;color:#4e6847}.item{display:flex;gap:12px;padding:19px 0;border-bottom:1px solid #edf0e6;align-items:center}.item:last-child{border:0;padding-bottom:3px}.item-art{display:flex;align-items:center;justify-content:center;width:49px;height:51px;background:#eff0e4;border-radius:11px;flex-shrink:0;font-size:26px}.item-info{flex:1;min-width:0}.item h4{font-size:11px;font-weight:500;margin:0 0 5px}.item p{font-size:9px;margin:0;line-height:1.6}.buy{border:1px solid #d8e2cd;background:#eaf0e2;border-radius:6px;padding:8px 9px;font-size:10px;white-space:nowrap}.buy:disabled{opacity:.45;cursor:default}.level{font-size:8px;color:#9aa48d;display:block;margin-top:5px}.note{display:flex;gap:13px;padding:17px 20px;align-items:center}.note>span{font-size:25px;color:#aab38f}.note p{font-size:10px;line-height:1.8;margin:0;color:#9aab8c}.float{position:absolute;pointer-events:none;font-weight:700;color:#fffef1;text-shadow:0 1px 3px #60784f;animation:float 1.3s forwards}@keyframes float{to{translate:0 -65px;opacity:0}}dialog{border:1px solid var(--line);border-radius:20px;padding:34px;max-width:440px;width:calc(100% - 32px);color:var(--ink);background:var(--cream);box-shadow:0 20px 100px #29433633}dialog::backdrop{background:#2a463a55;backdrop-filter:blur(4px)}dialog h2{font-size:30px}dialog p{font-size:13px}dialog .close{position:absolute;right:15px;top:15px}.modal-art{font-size:55px;margin:10px 0}.modal-primary{width:100%;margin-top:22px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#3c5945;color:white;border-radius:10px;padding:14px 23px;font-size:12px;box-shadow:0 4px 20px #34473722;transition:.2s;z-index:10;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.collection-count{font-size:10px;color:var(--muted);padding-top:15px}.rarity{font-size:8px;color:#ba9d67}.item-art svg{height:45px;width:45px}@media(min-width:1500px){main{padding-top:55px}.layout{grid-template-columns:minmax(0,1fr) 350px;gap:32px}}@media(max-width:1050px){header{padding:0 26px}main{padding:30px 26px 0}.layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.day{display:none}.garden-bottom{padding:16px 12px}.garden-bottom small{font-size:9px}.text-btn{font-size:9px}.quest{padding:14px 10px}.shop{padding:17px}.tabs{gap:20px}}@media(max-width:760px){header{height:72px;padding:0 20px}.brand{font-size:24px}.brand-icon{font-size:30px}.tag,.saved{display:none}main{padding:28px 17px 0}.intro{margin-bottom:22px}.intro .eyebrow{font-size:8px}h1{font-size:30px;max-width:310px}.intro p{font-size:11px;max-width:300px}.layout{grid-template-columns:1fr;gap:14px}.garden-top{padding:16px}.garden-bottom{padding:15px}.garden-bottom small{max-width:190px;line-height:1.5}.text-btn{max-width:90px;text-align:right}.scene-caption{font-size:11px;bottom:10px}.quests{margin-top:24px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:7px}.quest h4{font-size:10px}.quest p{font-size:9px}.quest .q-icon{font-size:20px}footer{font-size:8px;gap:6px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet{padding:17px;grid-column:1/-1}.balance{margin:9px 0 12px}.wallet .income{padding-top:12px}.gift{grid-column:1/-1;margin:0}.shop{grid-column:1/-1;margin:0}.note{grid-column:1/-1;justify-content:center;padding-bottom:32px}.resident{width:12%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.rebloom{display:block;width:100%;margin:15px 0 -4px;padding:9px 0 0;border:0;border-top:1px solid #d7e1cc;background:none;color:#81946f;font-size:10px}
.habitat-switch{display:flex;gap:7px;padding:0 20px 15px;flex-wrap:wrap}.habitat-switch button{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:8px 11px;background:#f8f8f0;color:#859077}.habitat-switch button.active{color:#496b48;background:#e5edda;border-color:#cddaba}.habitat-switch button:disabled{opacity:.55;cursor:default}.habitat-1 .landscape{filter:hue-rotate(-16deg) saturate(.85)}.habitat-2 .landscape{filter:hue-rotate(65deg) saturate(.55) brightness(.85)}.habitat-2{background:#bebcdb}.stage-1{filter:drop-shadow(0 0 7px #f9dfac99)}.stage-2{filter:drop-shadow(0 0 12px #fff0a6)}.nectar-wallet{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:16px;color:#9f8662}.nectar-wallet small{font-size:9px;color:#8e9a81}.next-goal{display:flex;align-items:center;gap:13px;margin-top:17px;padding:18px 20px;border:1px solid #dfe5d2;border-radius:11px;background:#eef1e4}.next-goal>span{font-size:28px;color:#a29e6b}.next-goal>div{flex:1}.next-goal b{font-size:11px;font-weight:500}.next-goal p{font-size:10px;margin:5px 0 0}.next-goal button{flex-shrink:0}.journey{margin-top:30px;scroll-margin-top:24px}.journey-stats{font-size:11px;margin:-6px 0 20px}#habitat-goals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.habitat-goal{border:1px solid var(--line);background:#f0eee4;border-radius:13px;padding:22px}.habitat-goal:nth-child(2){background:#eeebf1;border-color:#e0dbe6}.habitat-art{font-size:30px}.habitat-goal h3{font:400 23px 'Fraunces',serif;margin:10px 0}.habitat-goal p{font-size:11px;line-height:1.9}.habitat-goal .buy{margin-top:5px}.chapter{margin-top:17px;border:1px solid #dfe5d2;border-radius:13px;padding:23px;background:#eef0e3}.chapter h3{font:400 24px 'Fraunces',serif;margin:8px 0}.chapter p{font-size:11px}.chapter .progress{height:5px;margin:18px 0}.chapter-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.chapter-bottom small{font-size:10px;color:#8a967b}.milestone-details{margin-top:18px;border:1px solid var(--line);border-radius:13px;background:var(--cream);padding:5px 22px}.milestone-details summary{cursor:pointer;padding:17px 0;font:400 20px 'Fraunces',serif}.milestone-details summary span{font:10px 'DM Sans',sans-serif;color:#9ba58d;margin-left:12px}.milestone{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid #e9ecdf}.milestone>div{flex:1}.milestone-icon{font-size:23px;width:30px;text-align:center}.milestone h4{font-size:12px;margin:0 0 5px;font-weight:500}.milestone p{font-size:10px;margin:0 0 4px}.milestone small{font-size:9px;color:#a49473}.milestone.complete small{color:#7a9470}.milestone.complete{opacity:.7}.guide-label{font:400 18px 'Fraunces',serif;margin-top:25px;padding-bottom:7px;border-bottom:1px solid var(--line)}.shop-hint{font-size:10px;line-height:1.8;color:#929d86}.evo-preview{width:145px;margin:20px auto}.evo-requirements{background:#edf0e3;padding:15px;border-radius:9px;display:flex;flex-direction:column;gap:8px;font-size:12px}.tabs{gap:18px}.item-info h4 .rarity{font-size:8px;display:inline-block;margin-left:4px}.item-info h4{line-height:1.5}#shop-list{max-height:550px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4ddc7 transparent;padding-right:3px}
@media(max-width:760px){.next-goal{padding:15px 13px;gap:9px}.next-goal b{font-size:10px}.next-goal p{font-size:9px;line-height:1.7}.next-goal button{max-width:75px}.habitat-switch{padding:0 12px 12px;gap:5px}.habitat-switch button{font-size:8px;padding:7px 9px}.journey .section-heading .pill{font-size:7px;white-space:nowrap}.journey .section-heading h2{font-size:22px}.habitat-goal{padding:16px 13px}.habitat-goal h3{font-size:20px}.habitat-goal p{font-size:10px}.chapter{padding:20px 16px}.chapter h3{font-size:22px}.chapter-bottom small{max-width:125px;line-height:1.6}.milestone-details{padding:5px 14px}.milestone-details summary{font-size:17px}.milestone-details summary span{font-size:8px;margin-left:3px}.milestone{gap:10px}.milestone h4{font-size:11px}.milestone p{font-size:9px}.milestone small{font-size:8px}.milestone-icon{width:25px;font-size:20px}.milestone .buy{font-size:9px;padding:8px}#shop-list{max-height:600px}}
