:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:#ead9c2;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{position:fixed;inset:0}.app canvas{touch-action:none;display:block}.hud{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:none;color:#3a2d21;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud-top{flex-direction:column;align-items:flex-start;gap:10px;display:flex}@media (width>=640px){.hud-top{flex-direction:row;justify-content:space-between}}h1{letter-spacing:.02em;margin:0;font-size:clamp(1.2rem,3.5vw,1.8rem)}.tagline{opacity:.75;margin:2px 0 0;font-size:.9rem}.game-clock{white-space:nowrap}.speed-badge{color:#3a2a12;background:#e8a13c;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:.75rem;font-weight:700}.name-button{pointer-events:auto;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-bottom:1px dotted #3a2d2180;padding:0;font-weight:600}.name-input{pointer-events:auto;font:inherit;color:inherit;background:#fffcf5;border:none;border-radius:8px;width:9em;max-width:50vw;padding:2px 8px;font-weight:600;box-shadow:0 2px 10px #3a2d212e}.meters{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf5bf;border-radius:14px;flex-direction:column;gap:7px;width:min(100%,230px);padding:10px 12px;display:flex;box-shadow:0 2px 12px #3a2d211f}.meter{pointer-events:auto;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:0;display:flex}.meter:active{transform:scale(.97)}@media (hover:hover){.meter:hover .bar{box-shadow:0 0 0 2px #3a2d2124}}.meter-icon{text-align:center;width:1.2em;font-size:.85rem}.bar{background:#3a2d2126;border-radius:999px;flex:1;height:8px;display:block;overflow:hidden}.fill{border-radius:999px;height:100%;transition:width .6s;display:block}.fill.water{background:#4f9dd0}.fill.nutrition{background:#d09a4f}.fill.health{background:#d0655f}.fill.growth{background:#58b862}.fill.barrel{background:#6b93a8}.fill.humidity{background:#7fb6a4}.meters-foot{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.dew-count{pointer-events:auto;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:2px 4px}.icon-btn{pointer-events:auto;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem}.icon-btn.has-pip{position:relative}.icon-btn.has-pip:after{content:"";background:#e2574c;border:1.5px solid #fffdf8;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.hud-middle{flex-direction:column;align-items:center;gap:8px;display:flex}.toast{color:#fffcf5;background:#58b862f0;border-radius:14px;margin:0;padding:10px 18px;font-size:.95rem;font-weight:600;animation:.35s toast-in;box-shadow:0 2px 12px #3a2d2133}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.float-label{color:#3a2d21;white-space:nowrap;pointer-events:none;background:#fffcf5eb;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;animation:1.3s ease-out forwards float-up;box-shadow:0 2px 8px #3a2d2140}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}.joystick{pointer-events:auto;touch-action:none;z-index:5;background:#fffcf547;border:2px solid #3a2d2138;border-radius:50%;width:108px;height:108px;position:absolute;bottom:clamp(215px,34vh,320px);left:18px}.joystick-knob{pointer-events:none;background:#fffcf5e6;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #3a2d2147}.jump-btn{color:#3a2d21;width:74px;height:74px;font:inherit;pointer-events:auto;touch-action:none;z-index:5;background:#fffcf58c;border:2px solid #3a2d2138;border-radius:50%;font-size:.85rem;font-weight:700;position:absolute;bottom:clamp(230px,35vh,330px);right:18px}.jump-btn:active{background:#fffcf5e6;transform:scale(.94)}.move-hint{text-align:center;color:#3a2d21;pointer-events:none;z-index:4;background:#fffcf5e0;border-radius:999px;max-width:min(92vw,420px);margin:0;padding:8px 16px;font-size:.85rem;font-weight:600;animation:.5s toast-in;position:absolute;bottom:clamp(150px,21vh,230px);left:50%;transform:translate(-50%);box-shadow:0 2px 12px #3a2d212e}.onboarding-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:10;background:#3a2d2159;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.onboarding-card{color:#3a2d21;background:#fffcf5;border-radius:20px;flex-direction:column;gap:14px;width:min(100%,420px);padding:24px;display:flex;box-shadow:0 12px 40px #3a2d2159}.onboarding-card h2{margin:0;font-size:1.4rem}.onboarding-welcome{margin:0;line-height:1.45}.onboarding-name{flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;display:flex}.onboarding-card input{font:inherit;background:#fff;border:2px solid #3a2d2133;border-radius:12px;padding:10px 12px}.onboarding-card input:focus{border-color:#58b862;outline:none}.onboarding-tips{flex-direction:column;gap:8px;margin:0;padding:0 0 0 4px;font-size:.9rem;line-height:1.4;list-style:none;display:flex}.onboarding-start{color:#fffcf5;cursor:pointer;background:#58b862;border:none;border-radius:16px;min-height:52px;font-family:inherit;font-size:1.05rem;font-weight:700}.onboarding-start:active{transform:scale(.97)}.onboarding-backdrop.light{-webkit-backdrop-filter:none;backdrop-filter:none;background:#3a2d211f;align-items:flex-end;padding-bottom:40px}.onboarding-dots{justify-content:center;gap:8px;display:flex}.onboarding-dots span{background:#3a2d2133;border-radius:50%;width:8px;height:8px}.onboarding-dots span.on{background:#58b862}.seed-packet{background:#f8f2e7;border:2px dashed #3a2d2140;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;padding:14px;display:grid}.seed-art{grid-row:span 2;align-items:center;font-size:2.4rem;display:flex}.flytrap-icon{vertical-align:-.12em}.seed-text{flex-direction:column;gap:2px;font-size:.92rem;line-height:1.35;display:flex}.seed-price{color:#fffcf5;white-space:nowrap;background:#58b862;border-radius:999px;grid-column:2;justify-self:start;padding:6px 12px;font-size:.78rem;font-weight:700}.pour-card{text-align:center;align-items:stretch}.pour-bar{background:#3a2d2126;border-radius:999px;height:26px;position:relative;overflow:hidden}.pour-zone{background:#f4c065;border-radius:999px;width:14%;position:absolute;top:0;bottom:0;left:43%}.pour-cursor{background:#4f9dd0;border-radius:999px;width:10px;margin-left:-5px;position:absolute;top:2px;bottom:2px;box-shadow:0 1px 4px #3a2d2166}.pour-result{margin:0;font-size:1.05rem;font-weight:700}.pour-result.perfect{color:#3f8b49}.actions button.warn{color:#3a2d21;background:#eda75e}.dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:20;background:#3a2d2159;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.dialog-card{color:#3a2d21;background:#fffcf5;border-radius:20px;flex-direction:column;gap:16px;width:min(100%,440px);max-height:calc(100vh - 60px);padding:22px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #3a2d2159}.dialog-head{justify-content:space-between;align-items:center;display:flex}.dialog-card h2{margin:0;font-size:1.25rem}.dialog-section{border-top:1px solid #3a2d211f;flex-direction:column;gap:10px;padding-top:14px;display:flex}.dialog-section:first-of-type{border-top:none;padding-top:0}.dialog-section h3{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin:0;font-size:.95rem}.dialog-section input{font:inherit;background:#fff;border:2px solid #3a2d2133;border-radius:12px;padding:10px 12px}.dialog-section input:focus{border-color:#58b862;outline:none}.dialog-section button,.dialog-card .dialog-row button,.onboarding-card .dialog-row button{min-height:44px;font:inherit;color:#3a2d21;cursor:pointer;background:#f1e9da;border:none;border-radius:12px;padding:0 16px;font-weight:600}.dialog-section button.primary,.onboarding-card button.primary{color:#fffcf5;background:#58b862}.dialog-section button.danger{color:#fffcf5;background:#cb6a4a}.dialog-section button.linklike,.onboarding-card button.linklike{background:0 0;align-self:flex-start;min-height:0;padding:0;font-weight:500;text-decoration:underline}.onboarding-card button.linklike{font:inherit;color:#3a2d21;cursor:pointer;border:none;align-self:center}.dialog-section button:disabled,.onboarding-card button:disabled{opacity:.5;cursor:default}.dialog-row{flex-wrap:wrap;gap:10px;display:flex}.stat-info-meter{align-items:center;gap:10px;display:flex}.stat-info-meter .bar{height:10px}.stat-info-pct{font-variant-numeric:tabular-nums;font-weight:700}.stat-info-value{margin:0;font-size:1.15rem;font-weight:700}.muted{opacity:.7;margin:0;font-size:.88rem;line-height:1.4}.error{color:#b04a2e;margin:0;font-size:.88rem;font-weight:600}.recovery-code{letter-spacing:.08em;text-align:center;-webkit-user-select:all;user-select:all;background:#f1e9da;border-radius:12px;margin:0;padding:14px;font-size:1.4rem;font-weight:800}.banner{text-align:center;color:#fffcf5;pointer-events:auto;background:#cb6a4aeb;border-radius:14px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px;max-width:92%;margin:0;padding:10px 18px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 2px 12px #3a2d2133}.banner.calm{background:#5d84aeeb}.banner.flower{background:#96608ff0}.banner button{min-height:38px;font:inherit;color:#3a2d21;cursor:pointer;background:#fffcf5;border:none;border-radius:12px;padding:0 14px;font-size:.88rem;font-weight:700}.plant-switcher{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.plant-switcher button{min-height:38px;font:inherit;color:#3a2d21;cursor:pointer;background:#fffcf5bf;border:none;border-radius:999px;padding:0 14px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #3a2d2126}.plant-switcher button.active{background:#f4c065}.shop-balance{background:#f1e9da;border-radius:999px;margin-left:8px;padding:4px 10px;font-size:.9rem;font-weight:600}.shop-list{flex-direction:column;gap:10px;display:flex}.shop-item{background:#f8f2e7;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.shop-item-text{flex-direction:column;gap:2px;font-size:.92rem;display:flex}.quest-row.done{opacity:.85;background:#e6f0dd}.shop-item button{min-height:40px;font:inherit;color:#3a2d21;cursor:pointer;background:#f1e9da;border:none;border-radius:12px;flex-shrink:0;padding:0 14px;font-weight:700}.shop-item button.primary{color:#fffcf5;background:#58b862}.shop-item button:disabled{opacity:.55;cursor:default}.lexicon-latin{text-transform:none;letter-spacing:0;font-weight:400}.lexicon-cultivars{color:var(--muted,#6d6155);margin:8px 0 0;padding-left:18px;font-size:.86rem}.lexicon-cultivars li+li{margin-top:6px}.photo-preview{border-radius:10px;width:100%;display:block;box-shadow:0 6px 18px #3c2f2440}.photo-actions{justify-content:flex-end;gap:8px;display:flex}.journal-list{margin:0;padding:0;list-style:none}.journal-list li{border-bottom:1px dashed #6d615540;align-items:baseline;gap:12px;padding:7px 0;display:flex}.journal-list li:last-child{border-bottom:none}.journal-date{min-width:92px;color:var(--muted,#6d6155);flex:none;font-size:.8rem}.arcade-card{max-width:360px}.arcade-screen{margin-top:10px;position:relative}.arcade-canvas{width:100%;image-rendering:pixelated;background:#1c231a;border:3px solid #3c4a34;border-radius:10px;display:block}.arcade-overlay{background:#1c231ab8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.arcade-gameover{color:#f6f1e6;letter-spacing:.08em;flex-direction:column;align-items:center;gap:4px;font-weight:700;display:flex}.arcade-reward{letter-spacing:0;font-weight:600}.arcade-stats{justify-content:space-between;margin-top:8px;display:flex}.arcade-hint{font-size:.82rem}.arcade-dpad{grid-template-areas:".up.""left.right"".down.";gap:6px;width:150px;margin:8px auto 0;display:grid}.arcade-dpad button{padding:10px 0}.arcade-dpad .dpad-up{grid-area:up}.arcade-dpad .dpad-down{grid-area:down}.arcade-dpad .dpad-left{grid-area:left}.arcade-dpad .dpad-right{grid-area:right}@media (hover:hover) and (pointer:fine){.arcade-dpad{display:none}}.hud-bottom{flex-direction:column;align-items:center;gap:10px;display:flex}.hint{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf5b8;border-radius:999px;max-width:90%;margin:0;padding:6px 16px;font-size:.85rem;box-shadow:0 2px 12px #3a2d211f}.actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions>button{color:#3a2d21;cursor:pointer;background:#fffcf5;border:none;border-radius:16px;min-height:52px;padding:0 20px;font-family:inherit;font-size:1rem;font-weight:600;box-shadow:0 2px 10px #3a2d212e}.actions button:disabled{opacity:.45;cursor:default}.actions button:active:not(:disabled){transform:scale(.96)}.badge{color:#fffcf5;background:#58b862;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem}.segmented{background:#fffcf5;border-radius:16px;display:flex;overflow:hidden;box-shadow:0 2px 10px #3a2d212e}.friend-row{background:#f8f2e7;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.friend-name{overflow-wrap:anywhere;flex-direction:column;min-width:0;font-weight:700;display:flex}.friend-meta{opacity:.65;font-size:.78rem;font-weight:500}.friend-actions{flex-wrap:wrap;gap:8px;display:flex}.friend-actions button,.friend-row>button{min-height:38px;font:inherit;color:#3a2d21;cursor:pointer;background:#f1e9da;border:none;border-radius:12px;padding:0 12px;font-size:.85rem;font-weight:600}.friend-actions button.primary{color:#fffcf5;background:#58b862}.friend-actions button.danger{color:#fffcf5;background:#cb6a4a}.friend-actions button:disabled{opacity:.5;cursor:default}.friend-actions button.has-pip{position:relative}.friend-actions button.has-pip:after{content:"";background:#e2574c;border:2px solid #fffcf5;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.chat-section{min-height:0}.chat-messages{background:#f8f2e7;border-radius:14px;flex-direction:column;gap:8px;min-height:180px;max-height:min(44vh,380px);padding:12px;display:flex;overflow-y:auto}.chat-bubble{overflow-wrap:anywhere;white-space:pre-wrap;background:#fffcf5;border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:85%;padding:8px 12px;font-size:.92rem;line-height:1.35;box-shadow:0 1px 4px #3a2d211f}.chat-bubble.mine{background:#ddefdc;border-radius:14px 14px 4px;align-self:flex-end}.chat-time{opacity:.55;text-align:right;margin-top:2px;font-size:.68rem;display:block}.chat-input-row{flex-wrap:nowrap}.chat-input-row input{flex:1;min-width:0}.chat-bubble.gift{background:#f4faee;border:2px dashed #58b8628c}.chat-bubble.gift.mine{background:#e6f4e0}.gift-content{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.gift-content button{min-height:34px;font:inherit;cursor:pointer;color:#fffcf5;background:#58b862;border:none;border-radius:10px;padding:0 12px;font-size:.85rem}.gift-content button:disabled{opacity:.5;cursor:default}.gift-planted{opacity:.75;font-size:.85rem}.gift-picker{background:#58b86214;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.gift-picker button{min-height:38px;font:inherit;text-align:left;cursor:pointer;background:#fffcf5;border:none;border-radius:10px;padding:0 12px;font-size:.88rem;box-shadow:0 1px 3px #3a2d211f}.gift-picker button:disabled{opacity:.45;cursor:default}.mail-letter{white-space:pre-wrap;background:#fffcf5;border-radius:12px;margin:0;padding:14px;font-size:.95rem;line-height:1.5;box-shadow:0 1px 4px #3a2d211f}.advent-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (width<=480px){.advent-grid{grid-template-columns:repeat(4,1fr)}}.advent-door{min-height:56px;font:inherit;color:#fffcf5;background:#cb4a4a;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.85rem;display:flex;box-shadow:0 1px 4px #3a2d212e}.advent-door.waiting{cursor:pointer;background:#58b862}.advent-door.waiting:hover{filter:brightness(1.06)}.advent-door.open{color:inherit;background:#fffcf5}.advent-door.locked{opacity:.55}.advent-day{opacity:.85;font-size:.72rem;font-weight:700}.visit-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf5d9;border-radius:16px;padding:10px 16px;box-shadow:0 2px 12px #3a2d2126}.visit-bar h1{font-size:clamp(1.05rem,3vw,1.4rem)}.actions button.visit-leave{background:#f4c065}.plant-switcher button.other-room{opacity:.66}.room-switcher button.active{color:#fffcf5;background:#58b862}.segmented button{color:#3a2d21;cursor:pointer;background:0 0;border:none;min-height:52px;padding:0 14px;font-family:inherit;font-size:.9rem;font-weight:600}.segmented button.active{background:#f4c065}@media (width<=640px),(height<=500px){.hud{padding:calc(env(safe-area-inset-top,0px) + 8px) 10px calc(env(safe-area-inset-bottom,0px) + 10px)}.hud-top{gap:8px}.hud-id h1,.hud-wide{display:none}.hud-id .tagline{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf5b8;border-radius:999px;margin:0;padding:4px 12px;font-size:.82rem;box-shadow:0 2px 8px #3a2d211a}.meters{flex-flow:wrap;align-items:flex-end;gap:8px;width:min(100%,380px);padding:8px 10px}.meter{flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:0}.meter-icon{width:auto;font-size:.72rem}.meter .bar{flex:none;width:100%;height:6px}.meters-foot{flex-basis:100%}.icon-btn{padding:3px 6px;font-size:1.05rem}.hud-bottom{gap:8px}.hint{padding:5px 12px;font-size:.78rem}.actions{gap:8px}.actions>button{min-height:46px;padding:0 14px;font-size:.92rem}.act-label,.seg-label{display:none}.actions>button:has(.act-label){border-radius:999px;min-height:48px;padding:0 15px;font-size:1.2rem}.segmented button{min-height:48px;padding:0 13px;font-size:1.2rem}.plant-switcher button{min-height:34px;padding:0 12px;font-size:.8rem}}@media (width<=640px){.hud-top{align-items:center}}