:root{color:#fff7de;font-synthesis:none;text-rendering:optimizelegibility;--ink:#352d20;--ink-soft:#695c43;--paper:#ead9ae;--paper-bright:#fff0c8;--paper-shadow:#1e180e5c;--leaf:#405f31;--leaf-bright:#799b54;--sun:#e9a33b;--danger:#b8492f;--water:#55b7c4;--water-deep:#247c94;--safe-top:max(14px, env(safe-area-inset-top));--safe-right:max(14px, env(safe-area-inset-right));--safe-bottom:max(14px, env(safe-area-inset-bottom));--safe-left:max(14px, env(safe-area-inset-left));background:#2d281f;font-family:Trebuchet MS,Gill Sans,Candara,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:320px}button,kbd,output{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{isolation:isolate;background:radial-gradient(circle at 70% 20%,#f2b14429,#0000 34%),linear-gradient(#83775e,#4a4932);position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}#hud{z-index:10;pointer-events:none;position:absolute;inset:0}.journal-cluster{--meter-progress:100%;top:var(--safe-top);left:var(--safe-left);width:clamp(210px,20vw,286px);color:var(--ink);filter:drop-shadow(0 8px 9px var(--paper-shadow));padding:11px 17px 13px 15px;position:absolute}.journal-cluster:before{z-index:-1;content:"";clip-path:polygon(0 5%,97% 0,100% 88%,93% 100%,3% 95%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#56432214 1px,#0000 1px) 23px 0/36px 100%,linear-gradient(175deg,#ffffff40,#0000 45%),#efdcaeeb;position:absolute;inset:0}.water-cluster{top:calc(var(--safe-top) + 94px);width:clamp(192px,18vw,262px)}.water-cluster:before{clip-path:polygon(2% 0,100% 4%,96% 100%,0 93%)}.cluster-heading{letter-spacing:.04em;text-transform:uppercase;grid-template-columns:22px 1fr 3ch;align-items:center;gap:6px;min-width:0;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-weight:700;display:grid}.ink-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.fixed-number,.harmony-count{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch}.etched-meter{background:#3f301b38;border:1px solid #352d2094;border-radius:2px 6px 3px 2px;height:11px;margin-top:7px;position:relative;overflow:hidden;transform:rotate(-.4deg);box-shadow:inset 0 1px 3px #2e22105c}.meter-fill{width:var(--meter-progress);background:linear-gradient(90deg,#8f3c2d,#cf6b3d 64%,#e9a33b);transition:width .24s cubic-bezier(.2,.8,.2,1),background-color .16s;position:absolute;inset:1px auto 1px 1px;box-shadow:0 0 10px #cc5b3170}.water-cluster .meter-fill{background:linear-gradient(90deg, var(--water-deep), var(--water) 70%, #b6e3dd);box-shadow:0 0 10px #37a7bb70}.meter-ticks{background:repeating-linear-gradient(90deg,#0000 0 19%,#352d2052 19% 20%);position:absolute;inset:0}.meter-ripple{opacity:0;background:linear-gradient(105deg,#0000 25%,#ffffffb8 47%,#0000 70%);position:absolute;inset:1px;transform:translate(-100%)}.water-cluster.is-filling .meter-ripple,.water-cluster.is-spraying .meter-ripple{animation:.7s ease-out water-ripple}.water-cluster.is-empty .etched-meter{animation:.26s ease-out dry-shake}.margin-note{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0 27px;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(.63rem,.8vw,.72rem);line-height:1.15;overflow:hidden}.vital-cluster.is-warning .meter-fill{background:linear-gradient(90deg,#7c251f,#bc3d2c);animation:.85s ease-in-out infinite vital-pulse}.harmony-cluster{top:var(--safe-top);width:min(390px,34vw);color:var(--paper-bright);text-align:center;text-shadow:0 2px 6px #18130ac7;padding:9px 20px 13px;position:absolute;left:50%;transform:translate(-50%)}.harmony-cluster:after{content:"";background:linear-gradient(90deg,#0000,#fff0c8b3,#0000);height:1px;position:absolute;bottom:0;left:12%;right:12%}.harmony-cluster.is-advancing{animation:.76s cubic-bezier(.16,1,.3,1) quest-advance}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.63rem;font-weight:800;line-height:1.1;display:block}.harmony-title-row{justify-content:center;gap:10px;margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(.82rem,1.2vw,1rem);font-weight:700;display:flex}.harmony-count{color:#f4bf62}.harmony-pips{justify-content:center;gap:24px;margin-top:7px;display:flex}.harmony-pip{background:#23231780;border:1px solid #fff0c8cc;border-radius:70% 0 70% 40%;width:18px;height:18px;transition:background .26s,transform .32s cubic-bezier(.2,1.4,.4,1),box-shadow .26s;position:relative;transform:rotate(-38deg);box-shadow:0 2px 8px #00000059}.harmony-pip:after{content:"";transform-origin:top;background:#fff0c8b8;width:1px;height:13px;position:absolute;bottom:-7px;left:9px;transform:rotate(38deg)}.harmony-pip.is-restored{background:#7ea64f;transform:rotate(-38deg)scale(1.14);box-shadow:0 0 13px #b7dd6bbd}@keyframes quest-advance{0%{opacity:.55;transform:translate(-50%)translateY(-8px)scale(.96)}42%{opacity:1;transform:translate(-50%)translateY(2px)scale(1.04)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.round-button{width:48px;height:48px;color:var(--paper-bright);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;pointer-events:auto;background:#302a1e94;border:1px solid #fff0c894;border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid;box-shadow:0 5px 18px #130f0845}.round-button:hover,.round-button:focus-visible{outline:2px solid var(--paper-bright);outline-offset:3px;background:#576b39e0}.round-button:active{transform:scale(.92)}.round-button svg{fill:currentColor;width:21px}.pause-button{top:var(--safe-top);right:var(--safe-right);position:absolute}.held-item{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 72px);max-width:220px;color:var(--ink);box-shadow:0 6px 18px var(--paper-shadow);clip-path:polygon(0 7%,97% 0,100% 89%,8% 100%);opacity:0;background:#efdcaee8;align-items:center;gap:10px;padding:7px 12px 7px 7px;transition:opacity .18s,transform .22s;display:flex;position:absolute;transform:translate(18px)rotate(1deg)}.held-item.is-visible{opacity:1;transform:translate(0)rotate(1deg)}.held-sketch{border:1px solid #352d2052;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.held-sketch svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:28px}.held-item small,.held-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.held-item small{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:800}.held-item strong{max-width:130px;font-family:Georgia,Times New Roman,serif;font-size:.88rem}.interaction-prompt{bottom:calc(var(--safe-bottom) + 24px);max-width:min(420px,100vw - 32px);color:var(--paper-bright);opacity:0;text-shadow:0 1px 3px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2b251bc7;border:1px solid #ffefc285;border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 8px;font-size:.78rem;font-weight:800;transition:opacity .16s,transform .19s,border-color .16s;display:flex;position:absolute;left:50%;transform:translate(-50%,8px);box-shadow:0 5px 18px #14100857}.interaction-prompt.is-visible{opacity:1;transform:translate(-50%)}.interaction-prompt[data-tone=water]{border-color:#65d3e1cc}.interaction-prompt[data-tone=food]{border-color:#b2d35fd1}.interaction-prompt[data-tone=danger]{border-color:#e76546db}kbd{min-width:29px;min-height:27px;color:var(--ink);background:var(--paper-bright);border:1px solid #352d207a;border-radius:5px;place-items:center;padding:2px 6px;font-size:.66rem;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 2px #4e3c1c8c}.controls-legend{right:var(--safe-right);bottom:var(--safe-bottom);color:#fff7dec7;text-shadow:0 1px 4px #000000b3;text-transform:uppercase;align-items:center;gap:12px;font-size:.62rem;font-weight:700;display:flex;position:absolute}.controls-legend span{white-space:nowrap;align-items:center;gap:4px;display:flex}.controls-legend kbd{min-width:23px;min-height:21px;padding:2px 4px;font-size:.55rem}.controls-legend svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:17px}.legacy-values{display:none}.game-overlay{z-index:30;visibility:hidden;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);opacity:0;pointer-events:none;place-items:center;transition:opacity .26s,visibility 0s linear .26s;display:grid;position:absolute;inset:0;overflow:auto}.game-overlay:before{z-index:-2;content:"";-webkit-backdrop-filter:blur(5px)saturate(.82);backdrop-filter:blur(5px)saturate(.82);background:radial-gradient(circle at 50% 42%,#0000 5%,#1f19115c 50%,#17120cd1),#28211761;position:fixed;inset:0}.game-overlay.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}#journey-overlay.is-visible:not(.is-loading),#journey-overlay.is-visible:not(.is-loading) .overlay-paper{pointer-events:none}#journey-overlay.is-visible:not(.is-loading) .leaf-button{pointer-events:auto}.overlay-paper{width:min(500px,92vw);color:var(--ink);text-align:center;clip-path:polygon(2% 2%,97% 0,100% 93%,94% 100%,3% 97%,0 11%);background:linear-gradient(100deg,#4d3a1c0f 1px,#0000 1px) 0 0/26px 100%,radial-gradient(circle at 22% 13%,#ffffff5c,#0000 30%),#ead9ae;padding:clamp(28px,5vw,52px);transition:transform .35s cubic-bezier(.16,.8,.24,1);position:relative;transform:translateY(12px)rotate(-.45deg);box-shadow:0 28px 80px #110d0880}.game-overlay.is-visible .overlay-paper{transform:translateY(0)rotate(-.45deg)}.overlay-paper:before,.overlay-paper:after{content:"";background:#ddc484b8;width:54px;height:15px;position:absolute;box-shadow:0 2px 4px #4d391c2e}.overlay-paper:before{top:7px;left:15%;transform:rotate(-4deg)}.overlay-paper:after{bottom:9px;right:12%;transform:rotate(3deg)}.overlay-paper h1,.overlay-paper h2{margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:.98}.overlay-paper h1{letter-spacing:-.065em;font-size:clamp(4.2rem,12vw,7.2rem)}.overlay-paper h2{letter-spacing:-.04em;font-size:clamp(2.1rem,6vw,3.7rem)}.subtitle{color:var(--leaf);letter-spacing:.18em;text-transform:uppercase;margin:5px 0 20px;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(.85rem,2vw,1.05rem);font-weight:700;transform:rotate(-1deg)}.overlay-paper>p:not(.subtitle,.intro-hint){max-width:33rem;color:var(--ink-soft);margin:18px auto 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(.92rem,2vw,1.08rem);line-height:1.5}.hand-rule{width:84%;height:12px;margin:0 auto;position:relative;overflow:hidden}.hand-rule:before,.hand-rule:after,.hand-rule span{content:"";background:var(--ink-soft);height:1px;position:absolute;top:5px}.hand-rule:before{left:0;right:55%;transform:rotate(1deg)}.hand-rule:after{left:55%;right:0;transform:rotate(-1deg)}.hand-rule span{background:var(--leaf);border-radius:70% 0 70% 40%;width:8px;height:8px;left:50%;transform:translate(-50%,-3px)rotate(-40deg)}.leaf-button,.text-button{cursor:pointer;border:0;min-height:48px;font-weight:800}.leaf-button{color:#fff4d3;letter-spacing:.03em;background:linear-gradient(135deg,#557544,#334f2b);border:1px solid #263e20;border-radius:19px 3px;min-width:min(255px,100%);padding:13px 22px;transition:filter .14s,transform .14s,box-shadow .14s;box-shadow:0 4px #273c22,0 8px 17px #30391f40}.leaf-button:hover,.leaf-button:focus-visible{filter:brightness(1.14);outline-offset:3px;outline:3px solid #405f3166;transform:translateY(-1px)}.leaf-button:active{transform:translateY(3px);box-shadow:0 1px #273c22}.leaf-button kbd{margin-left:8px}.text-button{color:var(--ink-soft);text-underline-offset:4px;background:0 0;padding:10px 16px;text-decoration:underline;text-decoration-thickness:1px}.text-button:hover,.text-button:focus-visible{color:var(--leaf);outline:2px solid var(--leaf);outline-offset:-2px}.intro-hint{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin:18px 0 0;font-size:.65rem;font-weight:800}.sun-disc{aspect-ratio:1;background:#e1922ab8;border-radius:50%;width:min(38vw,480px);position:absolute;top:10%;left:62%;transform:translate(-50%,-28%);box-shadow:0 0 80px #e4973040}.pause-paper{width:min(440px,92vw)}.overlay-actions{justify-items:center;gap:6px;display:grid}.danger-ink{color:var(--danger)}.completion-paper{background:radial-gradient(circle at 20% 16%,#ffffff6b,#0000 30%),linear-gradient(90deg,#0000 49%,#506f3914 50%,#0000 51%),#e7ddb6}.completion-mark{justify-content:center;gap:16px;margin:0 auto 26px;display:flex}.completion-mark span{background:var(--leaf-bright);border-radius:80% 0 70% 25%;width:24px;height:34px;transform:rotate(-35deg);box-shadow:0 0 16px #6e944457}.completion-mark span:nth-child(2){transform:translateY(-8px)rotate(-35deg)}#touch-controls{z-index:20;right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}.touch-move-wrap{justify-items:center;gap:4px;display:grid}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle,#0000 22%,#fff0c812 23% 24%,#0000 25%),#2a251b61;border:1px solid #fff1ca7a;border-radius:50%;width:clamp(108px,25vw,142px);position:relative;box-shadow:inset 0 0 0 8px #fff0c80a,0 8px 24px #140f0838}#touch-stick:before,#touch-stick:after{content:"";background:#fff0c83d;position:absolute}#touch-stick:before{height:1px;top:50%;left:13%;right:13%}#touch-stick:after{width:1px;top:13%;bottom:13%;left:50%}.stick-north{color:#fff0c880;font-family:Georgia,serif;font-size:.54rem;position:absolute;top:8px;left:50%;transform:translate(-50%)}#touch-knob{z-index:2;aspect-ratio:1;will-change:transform;background:#405f31e0;border:2px solid #fff0c8b8;border-radius:58% 45% 52% 42%;place-items:center;width:42%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #1311085c}#touch-knob span{aspect-ratio:1;background:#fff0c8b8;border-radius:70% 0 70% 30%;width:28%;transform:rotate(-42deg)}.touch-caption{color:#fff0c8b3;letter-spacing:.12em;text-shadow:0 2px 4px #20190e;text-transform:uppercase;font-size:.58rem;font-weight:800}.touch-actions{pointer-events:none;align-items:flex-end;gap:12px;display:flex;position:relative}.touch-action{aspect-ratio:1;width:clamp(72px,17vw,94px);min-width:64px;color:var(--paper-bright);letter-spacing:.07em;pointer-events:auto;touch-action:none;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#304c29db;border:1px solid #fff0c89e;border-radius:60% 42% 57% 44%;place-items:center;gap:0;font-size:.58rem;font-weight:900;transition:filter .12s,transform .12s;display:grid;box-shadow:0 5px 18px #14100857}.touch-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:38%}.touch-action-secondary{width:clamp(62px,14vw,78px);color:var(--ink);background:#ebd8aae6;margin-bottom:48px}.touch-action.is-active,.touch-action:active{filter:brightness(1.18);transform:scale(.92)}#screen-wash{z-index:25;opacity:0;pointer-events:none;position:absolute;inset:0}#screen-wash.is-water{animation:.43s ease-out screen-water}#screen-wash.is-health{animation:.36s ease-out screen-health}#screen-wash.is-danger{animation:.48s ease-out screen-danger}@keyframes water-ripple{0%{opacity:0;transform:translate(-100%)}25%{opacity:.85}to{opacity:0;transform:translate(100%)}}@keyframes dry-shake{25%{transform:translate(-3px)rotate(-.4deg)}55%{transform:translate(3px)rotate(-.4deg)}to{transform:translate(0)rotate(-.4deg)}}@keyframes vital-pulse{50%{filter:brightness(1.34)}}@keyframes screen-water{0%{opacity:.24;background:radial-gradient(circle at 50% 62%,#5fd1de40,#0000 70%)}to{opacity:0}}@keyframes screen-health{0%{opacity:.2;background:radial-gradient(circle,#9dcd5838,#0000 70%)}to{opacity:0}}@keyframes screen-danger{0%,to{opacity:0}35%{opacity:.28;background:radial-gradient(circle,#0000 45%,#a5321fb3)}}@media (width<=980px){.journal-cluster{width:222px}.water-cluster{width:205px}.controls-legend span:nth-child(2),.controls-legend span:nth-child(5){display:none}}@media (pointer:coarse),(width<=760px){.journal-cluster{top:var(--safe-top);width:min(43vw,220px);padding:8px 12px 10px}.water-cluster{right:calc(var(--safe-right) + 50px);width:min(39vw,202px);left:auto}.cluster-heading{grid-template-columns:18px 1fr 3ch;gap:4px;font-size:clamp(.61rem,2.4vw,.72rem)}.ink-icon{width:17px;height:17px}.margin-note{display:none}.etched-meter{height:9px;margin-top:5px}.harmony-cluster{top:calc(var(--safe-top) + 63px);width:min(80vw,360px);padding:7px 12px 10px}.harmony-cluster .eyebrow{display:none}.harmony-title-row{margin-top:0;font-size:.75rem}.harmony-pips{gap:21px;margin-top:5px}.harmony-pip{width:14px;height:14px}.round-button{width:44px;height:44px}.controls-legend{display:none}.held-item{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 154px);max-width:176px}.held-sketch{width:29px;height:29px}.held-item strong{max-width:95px;font-size:.76rem}.interaction-prompt{bottom:calc(var(--safe-bottom) + 138px);max-width:58vw;padding:6px 11px;font-size:.7rem}.interaction-prompt kbd{display:none}#touch-controls{display:flex}}@media (width<=480px) and (orientation:portrait){.journal-cluster{width:44vw}.water-cluster{right:calc(var(--safe-right) + 42px);width:38vw}.cluster-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.harmony-cluster{top:calc(var(--safe-top) + 56px)}.pause-button{width:39px;height:39px}.held-item{bottom:calc(var(--safe-bottom) + 143px)}.interaction-prompt{bottom:calc(var(--safe-bottom) + 132px)}#touch-stick{width:clamp(102px,29vw,126px)}.touch-actions{gap:6px}.touch-action{width:clamp(68px,20vw,84px)}.touch-action-secondary{width:clamp(58px,16vw,70px);margin-bottom:43px}.overlay-paper{padding:32px 23px}}@media (height<=520px) and (orientation:landscape){.journal-cluster{width:205px}.harmony-cluster{top:var(--safe-top);width:330px}.harmony-cluster .eyebrow{display:none}.harmony-title-row{margin-top:0}.harmony-pips{margin-top:3px}.held-item{bottom:calc(var(--safe-bottom) + 94px)}.interaction-prompt{bottom:calc(var(--safe-bottom) + 84px)}#touch-stick{width:min(27vh,116px)}.touch-action{width:min(23vh,84px)}.touch-action-secondary{width:min(19vh,70px);margin-bottom:24px}.touch-caption{display:none}.overlay-paper{width:min(620px,80vw);padding:24px 38px}.overlay-paper h1{font-size:min(13vh,5rem)}.overlay-paper h2{font-size:min(10vh,3rem)}.overlay-paper>p:not(.subtitle,.intro-hint){margin:10px auto 15px}.intro-hint{margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}