/* A sunlit field journal: soft ivory, coral, leaf green and generous hierarchy. */
#frame{--garden-ink:#36584b;--garden-coral:#dc8d70}#frame button,#frame h2,#frame h3{font-family:'Avenir Next','Nunito','Trebuchet MS',system-ui,sans-serif;text-shadow:none}#frame small{letter-spacing:0}
.journal50,.nursery50{position:absolute;inset:0;color:#36584b;text-align:left;font-family:'Avenir Next','Trebuchet MS',system-ui,sans-serif;text-shadow:none;box-sizing:border-box}.journal50 *,.nursery50 *{box-sizing:border-box;letter-spacing:0;text-shadow:none}.journal50{background:radial-gradient(ellipse at 100% 0,#e1edce,transparent 65%),#fff9ed;padding:3cqh 3cqw;display:grid;grid-template-rows:15% 7% minmax(0,1fr) 7%;gap:1.3cqh}.journal50 header,.nursery50 header{display:flex;align-items:center;gap:1.2cqw}.journal50 header>div{margin-right:auto}.journal50 header span{font-size:1.3cqw;letter-spacing:.12em;color:#a29271;font-weight:700}.journal50 h2{font-size:3.3cqw;line-height:1.05;margin:0;font-weight:850;letter-spacing:-.04em}.journal50 header nav{display:flex;gap:.4cqw;background:#e8eddb;padding:.4cqw;border-radius:3cqw}.journal50 button,.nursery50 button,.trophy-modal50 button{font:inherit;font-weight:750;box-shadow:none;border:0;cursor:pointer;text-shadow:none}.journal50 header button{font-size:1.8cqw;padding:1cqh 1.3cqw;border-radius:2cqw;background:transparent;color:#6e8065}.journal50 header button.active{background:#fffdf4;color:#36584b;box-shadow:0 .2cqw .4cqw #6c77541a}.journal50 #journalHome50{background:#f0e6d2;border-radius:.8cqw;color:#887052}.journal50>p{font-size:1.8cqw;line-height:1.1;margin:0;color:#839175;align-self:center}.journal50 footer{font-size:1.6cqw;line-height:1.1;color:#8b987b;text-align:center;align-self:center}.mission-cards50{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw;min-height:0}.mission-cards50 article{position:relative;min-height:0;min-width:0;background:#fffdf6;border:1px solid #e8dfc7;border-radius:1.5cqw;padding:1.2cqw;display:grid;grid-template-rows:29% 6% minmax(0,1fr) .6cqw auto auto;gap:1cqh;box-shadow:0 .4cqw 1cqw #9583540c}.mission-cards50 article>img{width:100%;height:100%;object-fit:contain}.stars50{display:flex;justify-content:center;gap:.35cqw}.stars50 i{font-style:normal;color:#dfdfcf;font-size:1.5cqw;line-height:1}.stars50 i.on{color:#d9ac51}.mission-cards50 h3{font-size:2.5cqw;line-height:1.15;letter-spacing:-.02em;margin:0;color:#3d5d4e;align-self:center}.mission-cards50 b{font-size:2.8cqw;line-height:1.05}.mission-cards50 small{font-size:.65em;color:#9aa28d}.mission-cards50 article>span{font-size:1.7cqw;line-height:1;color:#bc8e4c;font-weight:750}.meter50{height:100%;background:#edf0e3;border-radius:1cqw;overflow:hidden}.meter50 i{display:block;height:100%;background:#a5bc7c;border-radius:1cqw}.trophy-grid50{overflow-y:auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:1.1cqw;padding:.3cqw}.trophy-grid50 article{min-width:0;background:#fffdf5;border:1px solid #e9e1cd;border-radius:1.2cqw;padding:1cqw}.trophy-grid50 h3{font-size:2cqw;line-height:1.1;margin:0 0 .5cqw;min-height:2.2em}.trophy-grid50 article>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3cqw}.trophy-grid50 button{background:#f4f2e8;border-radius:.6cqw;padding:.3cqw}.trophy50{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.33}.trophy50.earned{filter:none;opacity:1}.trophy-grid50 .trophy50{height:8.5cqw}.trophy-modal50{position:absolute;inset:0;display:grid;place-items:center;background:#24443555;backdrop-filter:blur(4px)}.trophy-modal50>div{width:56%;max-height:91%;padding:2cqh 3cqw;background:#fffaf0;border-radius:1.8cqw;display:grid;gap:1.4cqh;text-align:center;color:#36584b}.trophy-modal50 .trophy50{height:22cqh}.trophy-modal50 h2{font-size:3cqw;margin:0;line-height:1.1}.trophy-modal50 p{font-size:2cqw;margin:0;color:#8b977f}.trophy-modal50 b{font-size:3cqw}.trophy-modal50 span{font-size:1.6cqw;color:#b49453}.trophy-modal50 button{padding:1.4cqh;background:#e5edd9;border-radius:.8cqw;font-size:2.2cqw;color:#486840}
.nursery50{background:#f1ebd7 url('art50/greenhouse.webp') center/cover;display:grid;grid-template-columns:minmax(0,1fr) 28%;grid-template-rows:13% minmax(0,1fr);gap:1.5cqw;padding:2cqh 2cqw}.nursery50 header{grid-column:1/3;background:#fffbefea;border-radius:1cqw;padding:.5cqh 1cqw}.nursery50 h2{font-size:3.1cqw;letter-spacing:-.04em;margin:0;margin-right:auto;line-height:1}.nursery50 header>span{display:flex;align-items:center;gap:.3cqw;font-size:2.1cqw;font-weight:800}.nursery50 header>span img{width:3cqw;height:3cqw;object-fit:contain}.nursery50 header button{font-size:1.7cqw;background:#ece8d6;border-radius:.6cqw;padding:1cqh 1cqw;color:#6c795b;white-space:nowrap}.shelves50{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:31%;gap:1.5cqh .5cqw;padding-top:.5cqh}.shelves50 button{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(transparent 82%,#f5ddb0 82%,#c9aa78 91%,transparent 91%);border-radius:.7cqw;padding:0 .2cqw 1cqh;outline:1px solid transparent;outline-offset:-1px;color:#566b48}.shelves50 button.selected{background:linear-gradient(#fff9df44 82%,#ffe6b0 82%,#c9aa78 91%,transparent 91%);outline-color:#c3a96688}.shelves50 b{background:#fff9e8dd;padding:.3cqh .4cqw;border-radius:.3cqw;font-size:1.3cqw;line-height:1.05;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:650}.plant-art50{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 100%}.shelves50 .plant-art50{height:78%;min-height:0}.stage50-0{transform:scale(.38)}.stage50-1{transform:scale(.61)}.stage50-2{transform:scale(.8)}.stage50-3{transform:scale(1)}.unknown50{display:grid;place-items:center;color:#a7a88d;font-size:4cqw;height:78%;width:100%}.need50{position:absolute;right:1cqw;top:.5cqh;width:1.8cqw;height:2.3cqw;filter:drop-shadow(0 1px 1px #fff)}.need50 svg,.need50 img{width:100%;height:100%;object-fit:contain;background:none!important;padding:0!important;border:0!important;border-radius:0!important}.nursery50 aside{min-height:0;background:#fffaf0ed;border:1px solid #fff9e4;border-radius:1.3cqw;padding:1.4cqh 1.3cqw;display:flex;flex-direction:column;gap:1cqh;overflow-y:auto}.nursery50 h3{font-size:2.3cqw;line-height:1.05;margin:0;font-weight:800}.plant-close50{height:23cqh;min-height:15cqh;flex:1}.stage-steps50{display:flex;justify-content:space-between;gap:.3cqw}.stage-steps50 span{font-size:1.1cqw;display:grid;justify-items:center;color:#a5aa92;gap:.4cqh}.stage-steps50 i{font-size:1.3cqw;font-style:normal;border:1px solid #d9dec6;border-radius:50%;width:2.3cqw;height:2.3cqw;display:grid;place-items:center}.stage-steps50 .done,.stage-steps50 .current{color:#648352}.stage-steps50 .done i{background:#d6e4b9}.stage-steps50 .current i{border-color:#9cad72}.care-cycle50{display:flex;gap:.5cqw;justify-content:center;margin-top:.6cqh}.care-cycle50>span{position:relative;opacity:.22;width:3.3cqw;height:3.8cqw}.care-cycle50 .done,.care-cycle50 .current{opacity:1}.care-cycle50 svg,.care-cycle50 img{height:100%;width:100%;object-fit:contain}.care-cycle50 i{position:absolute;right:-.3cqw;bottom:0;background:#f9f6e7;border-radius:50%;font-style:normal;font-size:1cqw;padding:0 .2cqw;color:#638156}.nursery50 aside>button{font-size:1.9cqw;padding:1.2cqh .5cqw;border-radius:.7cqw;min-height:0;color:#fff9e9;background:#6f965f;display:flex;align-items:center;justify-content:center;gap:.5cqw;white-space:nowrap}.nursery50 #care50 svg,.nursery50 #care50 img{width:2cqw;height:2.7cqw;object-fit:contain;background:none}.nursery50 #care50 small{font-size:1.1cqw;color:#e6eed5}.nursery50 aside>p{font-size:1.4cqw;line-height:1.2;text-align:center;margin:0;color:#9a9d81}.nursery50 #supplies50{font-size:1.5cqw;background:#ede4ce;color:#8e7955}.nursery50 button:disabled{opacity:.5;cursor:default}
/* End missions are supporting details, rather than a second oversized mission page. */
.end49{inset:14% 15%;grid-template-rows:20% minmax(0,1fr) 20%;gap:1.1cqh;background:#fffaf0ed;box-shadow:0 .6cqw 2cqw #5d6d4330}.end49 header>b{font-size:4.2cqw}.end49 header>span{font-size:3cqw}.end49 article{background:transparent;grid-template-rows:23% minmax(0,1fr) .35cqw auto auto;padding:.7cqh .7cqw;gap:.5cqh;border-right:1px solid #e6e8d8}.end49 article:last-child{border-right:0}.end49 h3{font-size:1.95cqw;line-height:1.12;font-weight:650}.end49 article>b{font-size:2.1cqw;font-weight:750}.end49 article>span{font-size:1.4cqw;color:#b59a64}.end49 footer button{font-size:2.2cqw}.toolshop47{background:#fff9ed}.toolshop47 article{background:#f6f3e6;border-color:#e7e6d5}.toolshop47 h3{font-size:2.3cqw;letter-spacing:-.025em}.toolshop47 p{font-size:1.8cqw}.toolshop47 article button{background:#709260}.toolshop47>section{grid-template-columns:repeat(4,minmax(0,1fr))}.toolshop47 article{aspect-ratio:1;grid-template-rows:minmax(5cqw,1fr) auto auto auto;padding:.8cqw}.toolshop47 article>img{min-height:5cqw}.toolshop47 article button{font-size:1.8cqw}
.journal50 header button.active{background:#fffdf4!important;color:#58744a!important;border:1px solid #dce3c9!important}.journal50 #journalHome50{background:#f0e6d2!important;color:#887052!important}
.book50{background:#fff9ed;color:#36584b}.book50 header h2{font-size:3cqw}.book50 header span{font-size:1.6cqw}.book50 h3{font-size:2cqw!important}.book50 article b{font-size:1.8cqw}.book50 article span{font-size:1.4cqw}
.stage-caption50{font-size:1.7cqw;font-weight:750;text-align:center;color:#81905e}.stage-steps50{gap:.7cqw}.stage-steps50 span{flex:1}.stage-steps50 i{font-size:1.6cqw;width:2.6cqw;height:2.6cqw}.stage-steps50 .current i{background:#eaf0d7}.shelves50 button:not(.locked)>b{display:none}.nursery50 aside>button{font-size:2.1cqw}.nursery50 #supplies50{font-size:1.8cqw}.care-cycle50 .current{filter:drop-shadow(0 0 3px #f9d49a)}
