@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#f7efd7;background:#172329;font-family:DM Sans,Trebuchet MS,sans-serif;--paper: #f2e5bf;--paper-edge: #bdad7e;--deep-green: #203439;--ui-display: "Fraunces", Georgia, serif;--ui-sans: "DM Sans", "Trebuchet MS", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#172329 url(./workshop-sidefill-v1-DKrJ1N_V.png) center / cover fixed}button{font:inherit}.game-shell{position:relative;width:min(100vw,150vh);height:min(100vh,calc(100vw / 1.5));aspect-ratio:3 / 2;margin:0 auto;overflow:hidden;box-shadow:0 0 50px #17232988}#game,#game canvas{width:100%;height:100%}#game{position:absolute;inset:0}.hud{position:absolute;z-index:3;inset:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title . settings" "resources journal journal";align-items:start;gap:16px 10px;padding:24px 32px 0;pointer-events:none}.wordmark{grid-area:title;font-family:var(--ui-display);font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1;letter-spacing:.015em;color:#fff4d6;text-shadow:0 2px 10px #172329}.wordmark span{display:block;margin-top:7px;font-family:var(--ui-display);font-size:.7rem;font-style:italic;font-weight:600;letter-spacing:.04em;color:#c8d4b1}.resources{grid-area:resources;display:flex;gap:9px;min-width:0}.resource{min-width:124px;padding:9px 12px 10px;border:1px solid #b9c8a4;border-radius:13px;background:linear-gradient(145deg,#203439e8,#18282dcc);box-shadow:0 6px 20px #0d161955;font-family:var(--ui-sans);font-size:.68rem;font-weight:600;letter-spacing:.035em;color:#dce4ca}.resource strong{display:block;margin-top:3px;font-family:var(--ui-display);font-size:1.18rem;line-height:1;font-variant-numeric:tabular-nums;color:#fff4c5}.resource-icon{margin-right:5px;font-size:1rem}.sun{color:#f5cc69}.leaf{color:#9cca6f}.water{color:#8fd3dc}.harmony{color:#e8b9e1}.moisture-resource{border-color:#83bdc0}.harmony-resource{border-color:#d6a8cf}.journal{position:absolute;z-index:6;inset:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;overflow:hidden;padding:24px 28px;border:1px solid #bdad7e;border-radius:12px 24px 16px 22px;background:#f2e5bff7;color:#3e4030;box-shadow:0 14px 50px #0d1619aa,inset 0 0 0 1px #fff4d655}.journal-heading{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #c8b584;color:#465638;font-size:.86rem;font-weight:700}.journal-heading span:last-child{font-style:italic;font-weight:400;color:#796b4d}.journal p{margin:10px 0;font-size:.88rem;line-height:1.35}.tree-key{color:#78602b;font-size:.73rem!important;font-style:italic}.journal-notes{min-height:0;border-top:1px solid #c8b584;color:#5b5239;font-family:var(--ui-sans)}.journal-notes summary{padding:8px 0 1px;color:#66542e;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.journal-notes[open] summary{margin-bottom:7px}.journal-notes .journal-heading{font-family:var(--ui-sans)}.journal-notes .journal-heading span:last-child{font-family:var(--ui-display)}.habitat-conditions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.habitat-tag{padding:3px 8px;border:1px solid #86a86d;border-radius:99px;background:#e4f0ca;color:#405334;font-size:.68rem;font-weight:700}.care-intentions{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:7px;margin-top:8px}.care-intention{display:grid;gap:3px;padding:8px 9px;border:1px solid #a88f57;border-radius:8px;background:#fff3cf;color:#4d5136;text-align:left;cursor:pointer;font:inherit;font-size:.68rem}.care-intention strong{font-size:.72rem}.care-intention span{line-height:1.25}.care-intention:not(:disabled):hover{background:#fff9df}.care-intention.adopted{border-color:#78925f;background:#e1edca;color:#48613b;cursor:default}.resident-observations{display:grid;gap:5px;margin-top:8px}.resident-observations article{display:grid;gap:2px;padding:7px 9px;border-left:3px solid #9e8d5b;border-radius:0 7px 7px 0;background:#e9ddb755;color:#535038;font-size:.68rem;line-height:1.25}.resident-observations strong{color:#66542e;font-size:.71rem}.next-tending{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 12px;align-items:center;margin:0 0 2px;padding:9px 11px;border:1px solid #d4ae50;border-radius:9px;background:linear-gradient(105deg,#fff4cc,#f5df9b);box-shadow:inset 0 0 0 1px #fff9dc;color:#4d472d}.next-tending-label{grid-row:span 2;align-self:stretch;display:grid;place-items:center;padding-right:10px;border-right:1px solid #d9bd72;color:#80652c;font-size:.62rem;font-style:italic;text-align:center}.next-tending strong{font-size:.84rem}.next-tending>span:not(.next-tending-label){font-size:.7rem;line-height:1.2}.next-tending em{grid-column:3;grid-row:1 / span 2;color:#78602b;font-size:.68rem;text-align:right}.upgrade-tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;min-height:0;padding:10px 0 2px;overflow-x:auto}.upgrade-category{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:11px;border:1px solid #b8aa7c;border-radius:10px;background:#fff4d755}.upgrade-category header{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #b9a879;color:#495437}.upgrade-category header span{font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.category-water{border-color:#8ab5b7}.category-soil{border-color:#b69469}.category-creature{border-color:#bd92b6}.upgrade-nodes{display:grid;align-content:start;gap:12px}.upgrade{position:relative;display:grid;gap:5px;min-height:124px;width:100%;padding:11px;border:1px solid #a5a66c;border-radius:8px;background:#e6efc8;color:#35412c;font-family:var(--ui-sans);text-align:left;cursor:pointer;transition:transform .15s,background .15s,opacity .15s}.upgrade.branch-water{border-color:#86aeb1;background:#dcefe8}.upgrade.branch-soil{border-color:#ae8c60;background:#eee0bd}.upgrade.branch-creature{border-color:#b58bb5;background:#f0dded}.upgrade:not(:disabled):hover{transform:translateY(-2px);background:#f6f5d4}.upgrade.locked{filter:saturate(.45);opacity:.58}.upgrade.complete{background:#d6e6bd;border-color:#75965d;opacity:.76}.upgrade.available:not(:disabled){box-shadow:0 0 0 2px #f8e8a8,0 0 14px #e4b95388}.upgrade.also-ready:not(.recommended){box-shadow:0 0 0 1px #f8e8a888,0 0 8px #e4b95355}.upgrade.recommended{box-shadow:0 0 0 3px #f8e8a8,0 0 20px #d79d35aa;transform:translateY(-2px)}.upgrade:disabled{cursor:default}.upgrade-marker{position:absolute;right:8px;top:6px;color:#80652c}.upgrade-recommendation{width:max-content;padding:2px 5px;border-radius:99px;background:#8b6b2f;color:#fff5c9;font-size:.57rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.upgrade-title{padding-right:15px;font-family:var(--ui-display);font-weight:700}.upgrade-copy{font-size:.69rem;line-height:1.18}.upgrade-cost{color:#78602b;font-size:.7rem;font-style:italic}.upgrade-path{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin-top:auto;color:#685b39;font-size:.59rem}.path-label{margin-right:2px;color:#7d704e;font-style:italic}.dependency{display:inline-block;padding:2px 5px;border:1px solid #9baa75;border-radius:99px;background:#f6f6d7;line-height:1.15}.dependency-light{border-color:#9baa75;background:#f4efbc}.dependency-water{border-color:#86aeb1;background:#d9f0eb}.dependency-soil{border-color:#ae8c60;background:#f0dfbd}.dependency-creature{border-color:#b58bb5;background:#f1dceb}.dependency-root{border-color:#c3b181;background:#fff7dc}.dependency-arrow{color:#876f38;font-weight:700}.settings-toggle,.journal-toggle{pointer-events:auto;padding:8px 11px;border:1px solid #bdcba9;border-radius:14px;background:#203439e8;color:#f7efd7;cursor:pointer;font-size:.7rem;box-shadow:0 5px 15px #0d161944}.settings-toggle{margin-left:8px}.journal-toggle{display:flex;gap:7px;align-items:center;margin-left:auto;padding:10px 14px;border-color:#e0c57c;background:#5d5032e8;color:#fff3c6;font-size:.78rem;font-weight:700;text-align:left}.journal-toggle-status{color:#fff1a8;font:italic .66rem Georgia,serif}.journal-toggle-status:empty{display:none}.journal-toggle.upgrade-ready{border-color:#ffe58e;background:#726133f2;box-shadow:0 0 0 2px #f8e8a877,0 0 18px #e4b953aa}.settings-panel{position:absolute;z-index:7;top:76px;right:32px;display:grid;gap:9px;min-width:190px;padding:14px;border:1px solid #bdad7e;border-radius:12px 6px 12px 10px;background:#f2e5bf;color:#3e4030;box-shadow:0 10px 30px #0d161977;font-size:.78rem}.settings-panel label{display:flex;gap:7px;align-items:center}.restart-button{margin-top:4px;padding:8px 10px;border:1px solid #a47752;border-radius:8px;background:#e6c99b;color:#4d3828;cursor:pointer;font-size:.76rem}.restart-button:hover{background:#f3d9a8}.journal-close{position:absolute;top:9px;right:13px;border:0;background:none;color:#6b573c;font-size:1.4rem;cursor:pointer}.offline-note{min-height:0}.hint{position:absolute;left:50%;bottom:25px;transform:translate(-50%);color:#e5e9c6;font-size:.85rem;text-shadow:0 2px 7px #172329;pointer-events:none}html.reduced-motion *,html.reduced-motion *:before,html.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.high-contrast .journal{background:#fff5cf;color:#1e281c}html.high-contrast .resource{background:#102328;border-width:2px}@media(max-width:1100px){.resources{max-width:58%;flex-wrap:wrap}.resource{min-width:112px}}@media(max-width:1100px){.journal{inset:12px;padding:18px}.upgrade-tree{grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto}}@media(max-width:850px){.hud{padding:14px}.wordmark span{display:none}.resources{top:62px;left:14px;gap:5px;max-width:65%}.resource{min-width:92px;padding:7px 9px}.journal{inset:12px;padding:18px}.upgrade-tree{grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto}.settings-panel{right:12px;top:58px}.hint{bottom:18px}.journal p{font-size:.8rem}}@media(max-width:520px){.wordmark{max-width:100px}.resources{max-width:62%}.resource{min-width:76px;font-size:.63rem}.resource strong{font-size:1rem}.settings-toggle{position:fixed;z-index:8;right:14px;bottom:14px}.settings-panel{top:auto;right:12px;bottom:54px}.journal{inset:8px;padding:15px}.upgrade-tree{grid-template-columns:1fr}.upgrade{min-height:auto}}.hud{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title . settings" "resources journal journal";gap:16px 10px;padding-bottom:0}.wordmark{grid-area:title;font-family:var(--ui-display);font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1;letter-spacing:.015em}.wordmark span{margin-top:7px;font-family:var(--ui-display);font-size:.7rem;font-weight:600;letter-spacing:.04em}.resources{position:static;grid-area:resources;gap:9px;min-width:0}.resource{min-width:124px;padding:9px 12px 10px;background:linear-gradient(145deg,#203439e8,#18282dcc);font-family:var(--ui-sans);font-size:.68rem;font-weight:600;letter-spacing:.035em}.resource strong{margin-top:3px;font-family:var(--ui-display);font-size:1.18rem;line-height:1;font-variant-numeric:tabular-nums}.settings-toggle{grid-area:settings;align-self:start;margin-left:0;font-family:var(--ui-sans);font-size:.68rem;font-weight:600}.journal-toggle{grid-area:journal;justify-self:end;align-self:center;margin-left:0;font-family:var(--ui-sans);font-size:.73rem}.journal-toggle-status{font-family:var(--ui-display);font-size:.66rem}.hint{font-family:var(--ui-display);font-size:.82rem;letter-spacing:.02em}@media(max-width:1100px){.resources{max-width:none;flex-wrap:wrap}.resource{min-width:112px}}@media(max-width:850px){.hud{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title settings" "resources resources" "journal journal";padding:14px;gap:10px 8px}.resources{gap:5px}.resource{min-width:92px;padding:7px 9px}.journal-toggle{justify-self:start}.settings-panel{right:12px;top:58px}}@media(max-width:520px){.wordmark{max-width:150px}.resources{max-width:100%}.resource{flex:1 1 calc(50% - 5px);min-width:0}}@media(min-width:851px){.hud{grid-template-columns:auto minmax(0,1fr) auto}.journal-toggle{justify-self:start;min-height:52px;padding-inline:16px}}.resource-icon{font-size:.68rem;line-height:1}.resource strong{font-size:1.18rem}.journal{grid-template-rows:auto minmax(0,1fr);padding-block:18px}.journal-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid #c8b584;color:#465638}.journal-topbar>div:first-child,.inspector-heading{display:grid;gap:1px}.journal-kicker,.inspector-eyebrow{color:#80652c;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.journal-topbar strong,.inspector-heading strong{font-family:var(--ui-display);font-size:1rem}.journal-guide{color:#796b4d;font-size:.64rem}.journal-actions{display:flex;align-items:center;gap:7px}.journal-view-toggle{min-height:30px;padding:5px 10px;border:1px solid #9bab76;border-radius:99px;background:#edf0cf;color:#536044;cursor:pointer;font-size:.68rem;font-weight:700}.journal-view-toggle:hover{background:#f7f4d8}.journal-close{position:static;display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:5px 9px;border:1px solid #b9a879;border-radius:99px;background:#fff2ca;color:#66542e;cursor:pointer;font-size:.68rem;font-weight:700}.journal-close span{font-size:1rem;line-height:.7}.journal-close:hover{background:#fff9df}.journal-close:focus-visible,.journal-view-toggle:focus-visible,.upgrade:focus-visible{outline:3px solid #4f6240;outline-offset:2px}.journal-upgrade-view{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-height:0}.upgrade-inspector{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(180px,1fr) minmax(230px,1.2fr);gap:12px;align-items:center;padding:9px 11px;border:1px solid #b8aa7c;border-radius:9px;background:#fff6df99;color:#514b35}.inspector-state{font-size:.64rem;font-style:italic}.inspector-state.complete{color:#557441}.inspector-state.locked{color:#80652c}.upgrade-inspector p{margin:0;font-size:.7rem;line-height:1.25}.inspector-relationships{display:grid;gap:4px;font-size:.65rem;line-height:1.2}.inspector-relationships>span{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.inspector-relationships em{width:76px;color:#80652c;font-size:.6rem;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.inspector-link{display:inline-block;padding:2px 5px;border:1px solid #9baa75;border-radius:99px;background:#f5f0cb}.inspector-link.branch-water{border-color:#86aeb1;background:#d9f0eb}.inspector-link.branch-soil{border-color:#ae8c60;background:#f0dfbd}.inspector-link.branch-creature{border-color:#b58bb5;background:#f1dceb}.inspector-muted{color:#7d704e;font-style:italic}.upgrade.selected{box-shadow:0 0 0 3px #4f6240,0 0 0 5px #fff4c9,0 3px 13px #59694066}.upgrade.selected.recommended{box-shadow:0 0 0 3px #4f6240,0 0 0 5px #f8e8a8,0 3px 16px #d79d35aa}.journal-notes{position:static;min-height:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.journal-notes-content{height:100%;min-height:0;overflow-y:auto;padding:10px 10px 14px 0;scrollbar-color:#aa9460 #eadcb7;scrollbar-width:thin}@media(max-width:850px){.upgrade-inspector{grid-template-columns:1fr 1.2fr}.inspector-relationships{grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media(max-width:520px){.journal{padding-block:13px;gap:6px}.journal-topbar{align-items:flex-start}.journal-topbar strong{font-size:.9rem}.journal-guide{display:none}.journal-actions{gap:4px}.journal-view-toggle,.journal-close{padding-inline:7px}.upgrade-inspector{grid-template-columns:1fr;gap:6px;padding:8px 9px}.inspector-relationships{grid-column:auto;grid-template-columns:1fr}.upgrade-tree{min-height:120px}}