@font-face{font-family:Moss Title;src:url(./moss-title-BZIThMJT.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--ink: oklch(28% .045 150);--ink-soft: oklch(38% .04 145);--paper: oklch(94% .035 105);--glass: oklch(96% .025 105 / .82);--line: oklch(45% .04 140 / .18);--moss: oklch(43% .085 145);--sun: oklch(83% .11 92)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#c8dcb2}body{color:var(--ink);font-family:"Noto Serif SC",Songti SC,STSong,serif;-webkit-font-smoothing:antialiased}button{font:inherit}button,.joystick{-webkit-tap-highlight-color:transparent}button:focus-visible,.joystick:focus-visible{outline:3px solid var(--sun);outline-offset:4px}button{cursor:pointer}#game,#scene{position:fixed;inset:0;min-height:100dvh}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:multiply}.topbar{position:fixed;z-index:25;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:max(24px,env(safe-area-inset-top)) 30px 0;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-shadow:0 1px 12px oklch(96% .03 100 / .45)}.brand-mark{width:34px;height:34px}.brand div{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:17px;font-weight:600;letter-spacing:.14em}.brand span{font:9px/1.4 Georgia,serif;letter-spacing:.27em}.top-actions{display:flex;gap:10px;align-items:center;pointer-events:auto}.weather{display:flex;align-items:center;gap:8px;margin-right:8px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(12px);font-size:12px;letter-spacing:.08em}.weather-dot{width:6px;height:6px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 4px #537e541f}.icon-btn{width:42px;height:42px;display:grid;place-items:center;padding:10px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--glass);backdrop-filter:blur(12px);transition:transform .18s ease-out,background .18s ease-out}.icon-btn:hover{transform:translateY(-2px);background:var(--paper)}.icon-btn:active{transform:translateY(0) scale(.95)}.icon-btn svg{width:20px;height:20px;fill:currentColor}.sound-off,.muted .sound-on{display:none}.muted .sound-off{display:block}.objective{position:fixed;z-index:8;top:104px;left:30px;width:224px;padding:18px 19px 16px;border:1px solid var(--line);border-radius:18px;background:var(--glass);backdrop-filter:blur(16px);box-shadow:0 12px 40px #21332114}.objective-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;letter-spacing:.08em}.objective-heading svg{width:17px;height:17px}.objective-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;margin:10px 0;color:var(--ink-soft);font-size:12px}.objective-row strong{color:var(--ink);font:600 12px/1 Georgia,serif}.objective-icon{width:8px;height:8px;justify-self:center}.tree-icon{background:var(--moss);border-radius:50% 50% 45% 45%}.light-icon{background:var(--sun);transform:rotate(45deg);box-shadow:0 0 8px var(--sun)}.progress-track{height:3px;margin-top:15px;overflow:hidden;border-radius:3px;background:#3a4e3a1f}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--moss);transition:width .26s ease-out}.interact-prompt{position:fixed;z-index:9;left:50%;bottom:112px;display:flex;gap:10px;align-items:center;padding:9px 16px 9px 9px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(14px);font-size:13px;opacity:0;transform:translate(-50%,8px);pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out}.interact-prompt.visible{opacity:1;transform:translate(-50%)}.keycap{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:var(--paper);background:var(--moss);font:600 12px/1 Georgia,serif}.toast{position:fixed;z-index:12;top:92px;left:50%;width:max-content;max-width:min(420px,calc(100vw - 40px));padding:11px 18px;border-radius:999px;color:var(--paper);background:#1a3520e0;box-shadow:0 8px 30px #13271726;font-size:13px;letter-spacing:.04em;opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .22s ease-out,transform .22s ease-out}.toast.visible{opacity:1;transform:translate(-50%)}.controls-hint{position:fixed;z-index:7;left:50%;bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:15px;padding:10px 17px;border-radius:999px;color:var(--ink-soft);background:#f4f3e0a8;backdrop-filter:blur(10px);font-size:11px;white-space:nowrap;transform:translate(-50%)}.controls-hint b{margin-right:5px;color:var(--ink);font:600 10px/1 Georgia,serif;letter-spacing:.1em}.controls-hint i{width:1px;height:12px;background:var(--line)}.overlay{position:fixed;inset:0;z-index:20}.hidden{display:none!important}.title-screen{display:flex;align-items:center;padding:80px clamp(30px,8vw,130px);background:linear-gradient(90deg,oklch(92% .045 105 / .88) 0%,oklch(92% .04 105 / .65) 34%,transparent 66%)}.title-content{position:relative;width:min(480px,100%)}.title-leaf{position:absolute;top:-52px;left:-24px;width:60px;color:var(--moss);opacity:.55;transform:rotate(-12deg)}.eyebrow{margin:0 0 17px;color:var(--moss);font-size:12px;font-weight:500;letter-spacing:.24em}h1{margin:0;color:var(--ink);font-family:Moss Title,STKaiti,KaiTi,cursive;font-size:clamp(72px,8vw,116px);font-weight:400;line-height:.89;letter-spacing:.05em}h1 em{margin-left:.6em;font-style:normal}.title-description{margin:30px 0 28px;color:var(--ink-soft);font-size:15px;line-height:2;letter-spacing:.04em}.primary-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 23px;border:0;border-radius:999px;color:var(--paper);background:var(--moss);box-shadow:0 8px 24px #21442333;font-size:14px;letter-spacing:.1em;transition:transform .18s ease-out,background .18s ease-out,box-shadow .18s ease-out}.primary-btn:hover{transform:translateY(-2px);background:#1e4e22;box-shadow:0 12px 30px #21442340}.primary-btn:active{transform:translateY(0) scale(.97)}.primary-btn svg{width:20px;height:20px}.title-note{margin:18px 0 0;color:var(--ink-soft);font-size:11px;letter-spacing:.06em}.title-footer{position:absolute;left:clamp(30px,8vw,130px);right:30px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:26px;color:var(--ink-soft);font-size:10px;letter-spacing:.12em}.title-footer span+span:before{content:"·";margin-right:26px}.dialog-overlay{display:grid;place-items:center;padding:24px;background:#1a2e1e52;backdrop-filter:blur(9px)}.dialog{width:min(420px,100%);padding:42px 36px 34px;border:1px solid oklch(96% .03 105 / .55);border-radius:26px;background:#eeedd2f0;box-shadow:0 24px 80px #13271733;text-align:center}.dialog h2{margin:0 0 15px;font-family:Moss Title,STKaiti,KaiTi,cursive;font-size:45px;font-weight:400;letter-spacing:.08em}.dialog p:not(.eyebrow){margin:0 0 28px;color:var(--ink-soft);font-size:14px;line-height:1.9}.dialog .primary-btn{min-width:170px}.text-btn{display:block;min-height:44px;margin:12px auto 0;padding:8px 16px;border:0;color:var(--ink-soft);background:transparent;font-size:12px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;transition:color .16s ease-out}.text-btn:hover{color:var(--moss)}.victory-spark{margin-bottom:15px;color:#c4a032;font-size:36px}.loading{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink);background:#dce8c8;font-size:13px;letter-spacing:.12em;transition:opacity .3s ease-out}.loading.done{opacity:0;pointer-events:none}.loading span{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--moss);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hud{position:fixed;right:10px;bottom:8px;z-index:5;color:#21332180;font:9px/1.4 monospace;pointer-events:none}.mobile-controls{display:none}body[data-state=title] .play-only,body[data-state=victory] .play-only{opacity:0;pointer-events:none}body[data-state=paused] .play-only{opacity:.35;pointer-events:none}.play-only{transition:opacity .2s ease-out}@media(max-width:700px){.topbar{padding:max(16px,env(safe-area-inset-top)) 16px 0}.brand strong{font-size:15px}.brand-mark{width:30px;height:30px}.weather{display:none}.icon-btn{width:44px;height:44px}.objective{top:80px;left:16px;width:194px;padding:14px 15px 12px}.objective-heading{font-size:13px;padding-bottom:9px;margin-bottom:7px}.objective-row{margin:8px 0;font-size:11px}.title-screen{align-items:flex-end;padding:80px 25px max(90px,calc(env(safe-area-inset-bottom) + 70px));background:linear-gradient(0deg,oklch(92% .045 105 / .94) 0%,oklch(92% .04 105 / .68) 50%,transparent 84%)}.title-content{width:100%}.title-leaf{display:none}h1{font-size:72px;line-height:.88}h1 br{display:none}h1 em{margin-left:.18em}.eyebrow{font-size:11px;margin-bottom:12px}.title-description{margin:20px 0;font-size:13px;line-height:1.9}.title-note{font-size:10px}.title-footer,.controls-hint{display:none}.mobile-controls{position:fixed;z-index:11;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;padding:0 24px;pointer-events:none}.joystick{position:relative;width:112px;height:112px;border:1px solid oklch(96% .03 105 / .5);border-radius:50%;background:#1f342329;backdrop-filter:blur(6px);pointer-events:auto;touch-action:none}.joystick:before{content:"";position:absolute;inset:26px;border:1px solid oklch(96% .03 105 / .35);border-radius:50%}.joystick span{position:absolute;left:50%;top:50%;width:46px;height:46px;border:1px solid oklch(96% .03 105 / .65);border-radius:50%;background:#eeedd2bd;box-shadow:0 4px 16px #21332126;transform:translate(-50%,-50%)}.action-btn{width:72px;height:72px;margin-bottom:8px;border:1px solid oklch(96% .03 105 / .55);border-radius:50%;color:var(--paper);background:#2f5c31d1;backdrop-filter:blur(8px);font-size:13px;letter-spacing:.08em;pointer-events:auto}.action-btn:active{transform:scale(.94)}.interact-prompt{bottom:154px}.interact-prompt .keycap{display:none}.toast{top:214px;max-width:calc(100vw - 32px);border-radius:16px;font-size:12px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}