:root{color-scheme:dark;--cream:#fff0cb;--moss:#263e33;--muted:#b6c1a9;font-family:"Thonburi","Noto Sans Thai","Tahoma",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#162b24;color:var(--cream);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid #ffe3a4;outline-offset:5px}button:disabled{cursor:default}.icon-defs{width:0;height:0;position:absolute;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hidden{display:none!important}.shell{height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(30px,6vw,120px);background:radial-gradient(ellipse at 50% 44%,#3d5140 0%,#1f352c 45%,#13271f 100%)}.game-frame{isolation:isolate;position:relative;width:min(100vw,calc((100dvh - 36px)*.5));height:calc(100dvh - 36px);max-width:520px;overflow:hidden;background:#477b7e;border-radius:22px;box-shadow:0 20px 90px #071b2070;container-type:size;user-select:none;-webkit-user-select:none;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#152b3c2e,transparent 21%,transparent 60%,#142b1b32 77%,#10291bc9);pointer-events:none;z-index:1}.hud{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity 2.2s}.hud>*{pointer-events:auto}.hud.dying{opacity:0;pointer-events:none}.hud.dying *{pointer-events:none}.hud-top{padding:18px 19px 8px;display:flex;align-items:center;justify-content:space-between;font-size:13px;text-shadow:0 1px 8px #22445266}.day{display:flex;align-items:center;gap:7px;white-space:nowrap}.day>.icon{width:21px;height:21px}.day small{opacity:.65;margin-left:5px;font-size:11px}.top-tools{display:flex;gap:3px;align-items:center}.icon-button,.text-tool{border:0;background:transparent;width:30px;height:34px;display:grid;place-items:center;padding:4px}.icon-button .icon{width:18px;height:18px}.text-tool{font-size:12px;letter-spacing:.05em}.life-line{display:flex;align-items:center;gap:11px;padding:0 20px;margin:0 0 10px;font-size:11px;letter-spacing:.02em}.life-line>span{width:80px;white-space:nowrap}.life-track{height:2px;background:#fff2d42e;position:relative;flex:1}.life-track i{display:block;width:0%;height:100%;background:#f5da9d;transition:width .4s linear}.life-track b{position:absolute;width:4px;height:4px;border-radius:50%;top:-1px;background:#fff2d466}.life-line>.icon{width:15px;height:15px;opacity:.7}.needs{display:flex;gap:12px;padding:0 21px;opacity:.95}.need{display:flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:10px}.need>.icon{width:14px;height:14px}.need-track{height:3px;background:#fff6d52e;flex:1;border-radius:3px;overflow:hidden;margin-left:3px}.need-track i{height:100%;width:100%;display:block;background:#f6e3b4;transition:width .6s,background .6s}.need-track i.low{background:#e7a979}.family-label{text-align:center;font-size:11px;letter-spacing:.03em;margin-top:13px;opacity:.8}.story{position:absolute;top:23%;left:9%;width:82%;text-align:center;font-size:13px;line-height:1.8;text-shadow:0 1px 10px #17352570;opacity:0;transition:opacity 1s,transform 1s;transform:translateY(6px);pointer-events:none}.story.visible{opacity:1;transform:translateY(0)}.story.hint{font-size:12px;color:#ffedb9}.bottom-ui{position:absolute;left:0;bottom:0;width:100%;padding:0 22px max(24px,env(safe-area-inset-bottom));pointer-events:none}.bottom-ui button{pointer-events:auto}.location-label{text-align:center;letter-spacing:.05em;font-size:10px;color:#f0e2bfcc;margin-bottom:8px}.mini-map{position:relative;height:18px;width:74%;margin:0 auto 12px}.map-line{position:absolute;left:0;right:0;top:9px;height:1px;background:#f9eacb30}.map-line:before,.map-line:after{content:"";position:absolute;top:-2px;height:5px;width:1px;background:#f9eacb70}.map-line:after{right:0}.map-marker{position:absolute;top:3px;color:#e9e3c57a;transform:translateX(-50%);height:13px;background:#27402a99}.map-marker>.icon{width:12px;height:12px}.water-marker{left:13.33%}.rooster-marker{left:28.33%}.nest-marker{left:45%}.dust-marker{left:71.66%}.map-player{position:absolute;top:6px;left:6.25%;width:6px;height:6px;border-radius:50%;background:#fff1cc;box-shadow:0 0 8px #fff2d363;transform:translateX(-50%)}.small-actions{display:flex;align-items:center;gap:8px;min-height:33px;margin-bottom:14px}.pouch,.feed-btn{border:1px solid #eddfbc48;background:#223b299c;border-radius:22px;display:flex;align-items:center;gap:7px;padding:7px 11px;white-space:nowrap;font-size:12px;min-height:36px;backdrop-filter:blur(8px)}.pouch>.icon,.feed-btn>.icon{width:17px;height:17px}.pouch small{font-size:10px;color:#e7dcbc8f;border-left:1px solid #eddfbc40;padding-left:7px}.pouch:disabled,.feed-btn:disabled{opacity:.4}.feed-btn{font-size:10px;margin-left:auto}.control-hint{font-size:10px;color:#ecdfbcc2;text-align:right;margin-left:auto;max-width:165px}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px}.walk-controls{display:flex;gap:11px}.walk{width:62px;height:62px;display:grid;place-items:center;border:1px solid #f5e9c18c;border-radius:50%;background:#23352959;backdrop-filter:blur(7px);touch-action:none;transition:background .12s,transform .12s}.walk>.icon{width:29px;height:29px;stroke-width:2}.walk.held,.walk:active{background:#ffe8ad3b;transform:translateY(2px)}.action-btn{width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:50%;background:#fff2cde8;color:#3a4b34;position:relative;box-shadow:0 3px 12px #0e281a22;flex-shrink:0}.action-btn>.icon{width:29px;height:29px}.action-btn>span{font-size:10px}.action-btn:active{transform:scale(.96)}.action-btn.busy{background:#f0dbadc9}.action-ring{position:absolute;width:84px;height:84px;left:-4px;top:-4px;transform:rotate(-90deg);pointer-events:none}.action-ring circle{fill:none;stroke:#ffedb4;stroke-width:1.5;stroke-dasharray:245;stroke-dashoffset:245}.title-screen{position:absolute;inset:0;z-index:4;background:linear-gradient(#183e5029,#153b3830 40%,#18341f4d 70%,#142c22ab);display:flex;align-items:flex-start;justify-content:center;text-align:center;transition:opacity 1s}.title-content{position:absolute;top:19%;width:100%;padding:0 22px}.title-eyebrow{font-size:10px;letter-spacing:.13em;opacity:.8}.title-content h1,.end-content h2{font-size:clamp(31px,9.3cqw,50px);font-weight:500;letter-spacing:-.04em;line-height:1.3;margin:18px 0 8px;text-shadow:0 2px 24px #224d5233}.title-feather{display:flex;justify-content:center;align-items:center;gap:12px;color:#f8e6b4}.title-feather span{display:block;width:40px;height:1px;background:currentColor;opacity:.7}.title-feather>.icon{width:18px;height:18px}.title-content p{font-size:15px;line-height:1.9;letter-spacing:.05em;margin:25px 0 25px}.primary{border:0;background:#fff0cc;color:#334432;border-radius:30px;min-height:49px;min-width:190px;padding:13px 24px;font-size:14px;box-shadow:0 6px 24px #163a2d20}.primary span{display:inline-block;margin-left:20px}.primary:hover{background:#fff8df}.start-guide{font-size:10px;margin-top:19px;opacity:.75;letter-spacing:.01em}.title-footer{position:absolute;bottom:5%;left:0;width:100%;font-size:10px;opacity:.75}.title-footer>span{border-left:1px solid #f7e5b947;padding-left:10px;margin-left:9px}.title-footer small{display:block;font-size:9px;margin-top:9px;opacity:.7}.pause-screen{position:absolute;inset:0;z-index:5;background:#142c27c9;backdrop-filter:blur(12px);display:grid;place-items:center;padding:25px}.pause-card{width:100%;max-width:310px;text-align:center}.large-feather{width:32px;height:32px;opacity:.7}.pause-card h2{font-weight:400;margin:15px 0 3px;font-size:29px}.pause-card>p{opacity:.65;margin:0 0 24px;font-size:12px}.pause-card .primary{width:100%}.help{text-align:left;font-size:10px;color:#e2debfbd;margin:24px 0;line-height:1.9}.help b{font-weight:400;color:#fff1d0;margin-right:7px}.help p{margin:8px 0}.quiet-button{border:0;background:transparent;color:#f6e8bda1;padding:12px 15px;text-decoration:underline;text-underline-offset:5px;font-size:11px}.end-screen{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;background:linear-gradient(transparent 55%,#26342266);opacity:0;transition:opacity 3s}.end-screen.visible{opacity:1}.end-content{width:100%;text-align:center;padding:30px 20px 6%}.end-eyebrow{font-size:10px;opacity:.7;letter-spacing:.08em}.end-content h2{margin-top:11px;font-size:35px}.end-content p{font-size:12px;line-height:1.9;margin:17px 0}.the-end{display:block;letter-spacing:.25em;font-size:17px;margin:17px 0 14px}.end-content button{pointer-events:auto;font-size:9px;opacity:.65}.loading{position:absolute;inset:0;z-index:10;background:#263e33;display:grid;place-items:center;font-size:12px;letter-spacing:.04em;transition:opacity .5s}.desktop-note{width:190px;align-self:center;margin-top:100px}.small-label{font-size:9px;letter-spacing:.2em;color:#e3d8ac70}.desktop-note>p{font-size:22px;line-height:1.9;font-weight:300;color:#f2e4bfad;margin:24px 0}.side-line{display:block;width:32px;height:1px;background:#e3d8ac40;margin:25px 0}.tiny{font-size:10px;color:#c7cbb18c;line-height:2.1}.desktop-right{height:76%;width:110px;display:flex;flex-direction:column;justify-content:space-between}.desktop-right>.tiny:first-child{letter-spacing:.06em}.vertical-note{writing-mode:vertical-rl;font-size:11px;letter-spacing:.3em;color:#c5c6a84a;align-self:center}.version-note{font-size:8px;letter-spacing:.14em;white-space:nowrap}
@media(max-width:920px){.desktop-note,.desktop-right{display:none}.shell{gap:0}}
@media(max-width:600px){.game-frame{width:100vw;max-width:none;height:100dvh;border-radius:0;box-shadow:none}.hud-top{padding-top:max(15px,env(safe-area-inset-top))}.bottom-ui{padding-bottom:max(24px,env(safe-area-inset-bottom))}.title-content{top:18%}.title-content h1{font-size:9.3vw}}
@media(max-height:700px){.hud-top{padding-top:10px}.needs{gap:9px}.life-line{margin-bottom:7px}.family-label{margin-top:9px}.title-content{top:14%}.title-content p{margin:15px 0}.title-content h1{font-size:33px}.start-guide{margin-top:12px}.bottom-ui{padding-bottom:18px}.mini-map{margin-bottom:5px}.small-actions{margin-bottom:9px}.walk{width:54px;height:54px}.action-btn{width:67px;height:67px}.action-ring{width:75px;height:75px}.story{top:25%}.help{margin:14px 0;font-size:9px}.pause-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}