dialog.shade-dialog{width:min(485px,100vw - 24px);max-height:calc(100dvh - 24px);padding:clamp(17px,4vw,28px)}.shade-dialog h2{padding-inline-end:36px;line-height:1.1}.stone-intro{align-items:center;gap:12px;margin:12px 0 18px;display:flex}.stone-intro img{object-fit:contain;flex:none;width:66px;height:60px}.stone-intro p,.stone-sail p,.stone-outcome p{margin:4px 0;line-height:1.4}.stone-sail{margin:12px 0}.stone-sail h3{color:#eedab1;margin:0 0 7px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.3}.stone-beds,.stone-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.stone-beds button{min-width:0}.shade-dialog button{white-space:normal;min-height:44px}.shade-dialog [aria-pressed=true]{outline-offset:-2px;color:#fff2ce;background:#3e453c;outline:2px solid #cda674}.stone-outcome:not(:empty){border-left:2px solid #a5bc93;margin:14px 0;padding-left:12px}.shade-dialog button:focus-visible{outline-offset:1px;outline:2px solid #ffe1a5}.plan-tools:has([data-action=stone-open]){flex-wrap:wrap}@font-face{font-family:GardenSerif;src:local(Baskerville);font-display:swap}.title-art{background:#171d36 url(/assets/garden-title-v1.webp) 75%/cover no-repeat;display:none;position:absolute;inset:0}.welcome .title-art{display:block}.welcome .title-art:after{content:"";background:linear-gradient(90deg,#10172cea 0%,#10172ca6 28%,#10172c18 58%,#0000 78%);position:absolute;inset:0}.welcome #scene{visibility:hidden}.welcome .welcome-copy{max-width:44%;top:23%;left:6%}.welcome .welcome-copy h1{font-size:clamp(64px,6.8vw,108px)}.welcome .welcome-cta>span{line-height:1.5}.welcome .welcome-footer{bottom:20px}.welcome .welcome-caption{display:none}#hud{z-index:3}#hotspots{z-index:2}.vignette{z-index:1}#dialog{z-index:30}@media (width<=700px){.welcome .title-art{background-position:50% 51%;background-repeat:no-repeat;background-size:auto 70%}.welcome .title-art:after{background:linear-gradient(#10172c 0%,#10172cbb 23%,#0000 43% 65%,#10172c 86%)}.welcome .welcome-copy{max-width:90%;top:10%;left:8%}.welcome .welcome-copy h1{font-size:61px}.welcome .welcome-copy p{max-width:260px}.welcome .welcome-copy .eyebrow{font-size:7px}.welcome .welcome-footer{bottom:22px}.plant-panel,.move-panel{z-index:4}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2eee4;--cream:#f4eee1;--muted:#bbb9c7;--gold:#edc892;--line:#e5ded329;--panel:#171d2ed4;--serif:GardenSerif,"Iowan Old Style","Palatino Linotype",Georgia,serif;background:#11172b;font-family:Avenir Next,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #ffdda6}button{transition:background .18s,color .18s,transform .18s,opacity .18s}button:hover:not(:disabled){color:#fff4dd}button:active:not(:disabled){transform:translateY(1px)}svg{flex-shrink:0;width:20px;height:20px}a{color:inherit}h1,h2,h3,p{margin:0}h2{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.15}h3{margin:22px 0 12px;font-size:15px;font-weight:500}p{line-height:1.65}#scene{position:absolute;inset:0}canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(at 55% 43%,#0000 40%,#080d1b66 100%),linear-gradient(#0d13232e,#0000 30% 65%,#0a101ebf);position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}.eyebrow{letter-spacing:2.2px;color:#c6c6d6;font-size:10px;font-weight:600;line-height:1.6;display:block}em{font-weight:400}.primary,.soft-button{border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 23px;font-weight:500;line-height:1.3;display:inline-flex}.primary{background:var(--gold);color:#302a2c;box-shadow:0 5px 25px #10152630}.primary:hover:not(:disabled){color:#211f27;background:#f7d9aa}.primary svg{order:2}.primary.small{min-height:44px;padding:11px 17px;font-size:13px}.soft-button{border:1px solid var(--line);color:#e3dfd8;background:#ffffff08;min-height:44px;padding:10px 15px;font-size:13px}.soft-button:hover:not(:disabled){background:#ffffff12;border-color:#c8bca64f}.text-button{color:#dec9a8;align-items:center;gap:8px;min-height:44px;padding:7px 0;font-size:12px;display:inline-flex}.text-button svg{width:15px;height:15px}.icon-button{color:#c8cad5;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-button:hover{background:#ffffff0e}.icon-button>span{display:none}.icon-button svg{width:19px;height:19px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(130deg,#1b2234e3,#181d2ec4);border:1px solid #dcdade21;border-radius:10px;box-shadow:0 12px 42px #09112212}.welcome-header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:36px;left:5.7%;right:5.7%}.studio{letter-spacing:2.6px;align-items:center;gap:13px;font-size:10px;font-weight:500;display:flex}.studio svg{color:#d6b98e;width:19px}.quiet-caption{font-family:var(--serif);color:#cbc6d4;font-size:17px;font-style:italic}.welcome-copy{max-width:510px;position:absolute;top:25%;left:8.5%}.welcome-copy>.eyebrow{letter-spacing:2px;color:#c5bdcb;margin-bottom:21px;font-size:9px}.welcome-copy h1{font-family:var(--serif);letter-spacing:-3px;color:#f7efe0;text-shadow:0 5px 45px #10152780;font-size:clamp(72px,7.5vw,118px);font-weight:400;line-height:.94;position:relative}.welcome-copy h1 em{color:#e7c69c;white-space:nowrap}.title-star{color:#d9bd96;opacity:.8;font-size:40px;position:absolute;top:6px;left:280px}.welcome-copy p{color:#c6c5cf;margin-top:28px;font-size:15px;line-height:1.8}.welcome-cta{flex-direction:column;align-items:flex-start;gap:16px;margin-top:32px;display:flex}.welcome-cta .primary{min-width:207px;padding:17px 25px}.welcome-cta>span{color:#abaebd;letter-spacing:.1px;font-size:10px}.welcome-caption{font-family:var(--serif);color:#dad5da;font-size:17px;font-style:italic;line-height:1.5;position:absolute;bottom:16%;right:6%}.tiny-line{border-top:1px solid #c9ac7d;width:30px;margin-bottom:17px;display:block}.welcome-footer{color:#9095a9;letter-spacing:1.5px;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:28px;left:5.7%;right:5.7%}.game-header{justify-content:space-between;align-items:center;gap:25px;display:flex;position:absolute;top:25px;left:32px;right:28px}.wordmark{text-align:left;font-family:var(--serif);color:#f2ebdf;padding:0;font-size:25px;line-height:1.1}.wordmark em{color:#e5c9a1}.wordmark>span{letter-spacing:1.7px;color:#afb2c3;margin-top:10px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:7px;display:block}.chapter-title{text-align:center;white-space:nowrap;font-family:var(--serif);flex-direction:column;gap:6px;font-size:22px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chapter-title .eyebrow{color:#bcbacb;letter-spacing:2.5px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:8px}.header-actions{gap:8px;display:flex}.promise{width:242px;padding:20px 22px 9px;position:absolute;top:130px;left:32px}.promise>.eyebrow{color:#cdb38e;letter-spacing:1.9px;font-size:8px}.promise p{color:#dad7d9;margin-top:11px;font-size:12px;line-height:1.75}.promise .text-button{margin-top:3px}.promise-next{color:#ffe0a6}.place-label{text-align:center;white-space:nowrap;text-shadow:0 2px 12px #101524;position:absolute;bottom:173px;left:50%;transform:translate(-50%);pointer-events:none!important}.place-label>.eyebrow{color:#e0d2b8;letter-spacing:2.6px;font-size:9px}.place-label>span+span{font-family:var(--serif);color:#bdc0cf;margin-top:7px;font-size:15px;font-style:italic;display:block}.plant-panel{width:272px;padding:23px 23px 9px;position:absolute;top:130px;right:30px}.plant-panel>.eyebrow{letter-spacing:1.8px;color:#bfc5d5;margin-bottom:9px;font-size:7px}.plant-panel h2{max-width:215px;font-size:28px}.latin{font-family:var(--serif);color:#acaabb;margin-top:5px;font-size:14px;font-style:italic}.panel-close{width:35px;height:35px;position:absolute;top:4px;right:4px}.panel-close svg{width:15px}.needs{flex-direction:column;gap:10px;margin:19px 0;display:flex}.need{color:#cec5c0;align-items:center;gap:9px;font-size:11px;line-height:1.4;display:flex}.need>span{flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.need>span>i{border:1px solid #bd9a76;border-radius:50%;width:7px;height:7px}.need.met{color:#b1cfbd}.need svg{width:14px;height:14px}.plant-note{color:#b9bac5;margin-bottom:15px;font-size:10px}.plant-actions{gap:7px;display:flex}.plant-actions .soft-button{flex-direction:column;flex:1;gap:5px;padding:8px 6px;font-size:10px}.plant-actions .soft-button svg{width:16px;height:16px}.plant-secondary{justify-content:space-between;gap:8px;display:flex}.plant-secondary .text-button{font-size:9px}.move-panel{width:300px;padding:23px;position:absolute;top:130px;right:30px}.move-panel h2{margin:10px 0 14px;font-size:25px}.move-panel p{color:#cbc6c9;margin-bottom:18px;font-size:12px}.view-controls{gap:3px;display:flex;position:absolute;bottom:176px;right:32px}.view-controls>button:first-child svg{transform:scaleX(-1)}.wing-nav{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.wing{color:#9b9eae;white-space:nowrap;align-items:center;gap:7px;min-height:38px;padding:4px 6px;font-size:10px;display:flex}.wing-dot{color:#aeb6c7;border:1px solid #9299b245;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;display:flex}.wing-dot svg{width:9px;height:9px}.wing.active{color:#f0d8b2}.wing.active .wing-dot{color:#f2d8ad;background:#e5c68e15;border-color:#e3c28b}.wing:disabled{opacity:.48}.wing-line{background:#ffffff16;width:14px;height:1px}.tool-dock{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);white-space:nowrap;background:#1b2131eb;border:1px solid #a9a8bd28;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:6px 9px;display:flex;position:absolute;bottom:51px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #090e2250}.dock-button{color:#d4d1d5;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:51px;padding:7px 19px;font-size:12px;display:flex}.dock-button:hover:not(:disabled){background:#f3ece30a}.dock-button svg{color:#c2b49b;width:18px;height:18px}.dock-divider{background:var(--line);width:1px;height:26px;margin:0 5px}.evening-button{color:#edcd9e}.evening-button.active{background:#d8b88616}.game-footer{color:#9ca1b3;letter-spacing:.3px;pointer-events:auto;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:20px;left:32px;right:32px}.save-status{align-items:center;gap:7px;display:flex}.save-dot{background:#9fc5a7;border-radius:50%;width:4px;height:4px}.save-dot.warning{background:#dfb679}.legal{gap:8px;display:flex}.legal a{color:#9ca1b3;text-decoration:none}.legal a:hover{text-decoration:underline}.evening-note{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:280px;padding:23px;position:absolute;top:130px;left:32px}.evening-note p{font-family:var(--serif);margin:15px 0 20px;font-size:29px;font-style:italic;line-height:1.2}.evening-note .eyebrow{color:#d9c09d}#hotspots{pointer-events:none;position:absolute;inset:0}.hotspot{pointer-events:auto;color:#dbd5c6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:48px;display:flex;position:absolute;transform:translate(-50%,-50%)}.slot-mark{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19213280;border:1px solid #e1d5bf48;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;font-weight:300;transition:opacity .2s,transform .2s;display:flex}.slot-mark svg{width:12px;height:12px}.planted .slot-mark{opacity:.3;background:#19213230;border-color:#0000;font-size:23px}.hotspot:hover .slot-mark,.hotspot:focus-visible .slot-mark,.hotspot.selected .slot-mark{opacity:1;background:#1d263ba0;border-color:#ebd1a2}.hotspot.empty:hover .slot-mark{transform:scale(1.18)}.slot-label{white-space:nowrap;opacity:0;pointer-events:none;background:#1c233beb;border:1px solid #f2e5d222;border-radius:5px;padding:7px 11px;font-size:10px;transition:opacity .18s;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.hotspot:hover .slot-label,.hotspot:focus-visible .slot-label{opacity:1}.hotspot.move-target .slot-mark{color:#292734;background:#d8bd8a;border-color:#ffe7b5}.equipment{pointer-events:auto;color:#d9c39e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18223880;border:1px solid #e0d5be26;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:52px;min-height:44px;padding:12px;font-size:8px;display:flex;position:absolute;top:32%;left:31%}.equipment svg{width:17px;height:17px}.valve-button{top:36%;left:auto;right:28%}.equipment:hover{background:#26314aaa}dialog{color:var(--cream);overscroll-behavior:contain;background:linear-gradient(135deg,#262d40,#1d2335);border:1px solid #ccc2c52e;border-radius:14px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 56px);padding:38px;overflow-y:auto;box-shadow:0 30px 100px #05091380}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b1228a8}dialog .eyebrow{color:#c4b69f;margin-bottom:10px;font-size:9px}.modal-close{width:36px;height:36px;position:absolute;top:11px;right:11px}.modal-close svg{width:17px;height:17px}.dialog-intro{color:#bfc0cd;margin:16px 0 23px;font-size:12px}.wide-dialog{width:min(780px,100vw - 32px);padding:39px}.wide-dialog h2{font-size:38px}.seed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.seed-card{text-align:left;background:#31354670;border:1px solid #e2d7c924;border-radius:9px;flex-direction:column;padding:0 0 15px;display:flex;overflow:hidden}.seed-card:hover:not(:disabled){background:#3b40517a;border-color:#d6c49a80;transform:translateY(-2px)}.seed-card img{aspect-ratio:1.4;object-fit:cover;mix-blend-mode:screen;opacity:.9;width:100%}.seed-card>span{font-family:var(--serif);padding:8px 14px 0;font-size:19px;line-height:1.2}.seed-card small{color:#aeb4c1;padding:6px 14px 0;font-size:9px}.seed-card.locked img{filter:grayscale();opacity:.3}.nursery-list{flex-wrap:wrap;gap:9px;display:flex}.field-heading{align-items:center;gap:20px;margin-bottom:20px;display:flex}.field-heading img{object-fit:cover;mix-blend-mode:screen;border-radius:10px;width:110px;height:120px}.field-heading h2{font-size:29px}.field-heading .eyebrow{font-size:8px}.field-clue{border:1px solid var(--line);background:#ffffff04;border-radius:7px;margin:24px 0 10px;padding:21px}.field-clue>p{font-family:var(--serif);color:#dad2c4;font-size:20px;font-style:italic}.field-clue details p{font-family:inherit;font-size:12px}.field-clue .eyebrow{font-size:8px}details{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}summary{cursor:pointer;color:#dfc8a5;min-height:32px;font-size:12px;line-height:1.5}details p{color:#bac0cc;margin:7px 0 10px;font-size:12px;line-height:1.75}.message-dialog{text-align:center;padding:42px 40px}.message-dialog h2{margin:10px 0 22px;font-size:38px}.message-symbol{color:#ddc7a1;justify-content:center;margin-bottom:24px;display:flex}.message-symbol svg{width:30px;height:30px}.message-dialog blockquote{font-family:var(--serif);color:#eadfcf;margin:20px 0 24px;font-size:25px;font-style:italic;line-height:1.45}.muted{color:#b6bac7;font-size:12px;line-height:1.7}.message-dialog>.primary{margin-top:26px}.keepsake-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:20px 0;display:flex}.keepsake-item h3{font-family:var(--serif);margin:0 0 8px;font-size:21px}.keepsake-item p{color:#b3bac8;font-size:11px}.keepsake-item .soft-button{white-space:nowrap;padding:8px 12px;font-size:11px}.keepsake-item svg{width:14px;height:14px}.settings-list{margin:20px 0}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;font-size:13px;display:flex}.toggle-row input{accent-color:#dfbd85;width:19px;height:19px}.nickname-label{color:#c5c6d0;flex-direction:column;gap:10px;margin-top:22px;font-size:12px;display:flex}input:not([type=checkbox]),select{color:#eee7dd;background:#171f32;border:1px solid #e3d6c333;border-radius:7px;width:100%;min-height:44px;padding:11px;font-size:13px}.donor-pickers{flex-direction:column;gap:17px;margin:23px 0;display:flex}.donor-pickers label{color:#c7cad4;flex-direction:column;gap:8px;font-size:11px;display:flex}.trait-preview{color:#e4ccaa;background:#dac08f08;border:1px solid #e0c39140;border-radius:8px;margin:18px 0 24px;padding:16px;font-size:12px;line-height:1.7}.notice{color:#e3c798;background:#e7c4810b;border-radius:6px;padding:15px;font-size:12px}.save-row{margin-top:22px}.restart-details{margin-top:28px}.build-note{color:#9199ad;margin-top:26px;font-size:9px}.large-paragraph{margin:24px 0;font-size:15px;line-height:1.8}.large-paragraph+.muted{margin-bottom:22px}.postcard-dialog{width:min(700px,100vw - 32px)}.postcard-dialog h2{font-size:39px;font-style:italic}.postcard-preview{aspect-ratio:1.6;object-fit:cover;border-radius:8px;width:100%;margin:25px 0}.share-channels{margin-top:14px}.postcard-dialog>.muted{margin-top:18px}#toast{z-index:20;text-align:center;color:#ede3d4;opacity:0;pointer-events:none;background:#263149f5;border:1px solid #e2d6c038;border-radius:8px;width:max-content;max-width:min(520px,90vw);padding:13px 21px;font-size:12px;line-height:1.5;transition:opacity .2s,transform .2s;position:absolute;bottom:140px;left:50%;transform:translate(-50%,10px);box-shadow:0 7px 30px #090f2660}#toast.show{opacity:1;transform:translate(-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fallback{padding:15vh 12vw}.fallback h1{font-family:var(--serif);margin-bottom:20px;font-size:56px}.fallback button{color:#282536;background:#e4c392;border-radius:8px;margin-top:25px;padding:15px 25px}.large-text{font-size:16px}.large-text .promise p,.large-text .need,.large-text .dialog-intro,.large-text .muted{font-size:14px}.reduced-motion *{transition:none!important;animation-duration:0s!important}@media (width>=1600px){.welcome-copy{top:29%}.promise,.plant-panel{top:160px}.equipment{top:35%}}@media (width<=1100px) and (width>=701px){.promise{width:205px;padding:17px 18px 7px;left:22px}.plant-panel{width:235px;padding:19px 19px 8px;right:22px}.plant-panel h2{font-size:24px}.welcome-copy{max-width:400px;left:6%}.welcome-copy h1{font-size:85px}.welcome-copy p{font-size:13px}.title-star{left:230px}.equipment{left:25%}.wordmark{font-size:21px}.tool-dock .dock-button{padding:7px 15px;font-size:11px}.game-header{left:24px;right:22px}}@media (width<=700px){:root{font-size:13px}.welcome-header{top:max(24px,env(safe-area-inset-top));left:25px;right:25px}.studio{letter-spacing:1.8px;gap:8px;font-size:8px}.studio svg{width:16px}.quiet-caption{display:none}.welcome-copy{max-width:84%;top:14%;left:8%}.welcome-copy>.eyebrow{letter-spacing:1.35px;margin-bottom:16px;font-size:7px}.welcome-copy h1{letter-spacing:-1.8px;font-size:68px}.title-star{font-size:27px;top:4px;left:230px}.welcome-copy p{margin-top:17px;font-size:12px;line-height:1.8}.welcome-cta{align-items:center;gap:14px;margin:0;position:fixed;bottom:75px;left:8%;right:8%}.welcome-cta .primary{width:100%;max-width:330px;min-height:50px;padding:16px}.welcome-cta>span{font-size:9px}.welcome-caption{display:none}.welcome-footer{letter-spacing:.7px;font-size:7px;bottom:24px;left:25px;right:25px}.welcome-footer>span:first-child{max-width:160px;line-height:1.6}.game-header{top:max(18px,env(safe-area-inset-top));gap:7px;left:18px;right:15px}.wordmark{white-space:nowrap;font-size:21px}.wordmark>span{letter-spacing:1.1px;margin-top:7px;font-size:5px}.chapter-title{text-align:right;gap:3px;font-size:17px;top:65px;left:auto;right:18px;transform:none}.chapter-title .eyebrow{letter-spacing:1.4px;font-size:6px}.header-actions{gap:0}.header-actions .icon-button{width:37px;height:40px}.header-actions svg{width:17px}.promise{-webkit-backdrop-filter:none;backdrop-filter:none;width:calc(100% - 155px);max-width:250px;box-shadow:none;background:0 0;border:none;padding:0;top:88px;left:18px}.promise>.eyebrow{letter-spacing:1.1px;font-size:6px}.promise p{max-height:69px;margin-top:7px;font-size:10px;line-height:1.7;overflow-y:auto}.promise .text-button{min-height:32px;font-size:9px}.promise .text-button svg{width:12px;height:12px}.promise .primary.small{min-height:38px;margin-top:8px;padding:8px 13px;font-size:10px}.place-label{bottom:157px}.place-label>.eyebrow{letter-spacing:1.9px;font-size:7px}.place-label>span+span{display:none}.wing-nav{gap:2px;width:95%;bottom:115px}.wing{flex-direction:column;gap:4px;min-height:38px;padding:4px 3px;font-size:8px}.wing-dot{width:16px;height:16px;font-size:7px}.wing-line{width:15px}.tool-dock{bottom:max(45px,calc(env(safe-area-inset-bottom) + 25px));border-radius:10px;justify-content:space-evenly;gap:0;width:calc(100% - 30px);padding:4px 2px}.dock-button{flex-direction:column;gap:5px;min-width:49px;min-height:49px;padding:5px;font-size:8px}.dock-button svg{width:16px;height:16px}.dock-divider{height:26px;margin:0 2px}.game-footer{left:18px;right:18px;bottom:max(17px,env(safe-area-inset-bottom));font-size:7px}.view-controls{gap:0;bottom:168px;right:14px}.view-controls .icon-button{width:33px;height:35px}.view-controls svg{width:15px;height:15px}.plant-panel{grid-template-columns:1fr 1fr;gap:0 13px;width:auto;padding:13px 15px 10px;display:grid;inset:auto 15px 165px}.plant-panel>.eyebrow{grid-column:1;margin-bottom:5px;font-size:6px}.plant-panel h2{grid-column:1;max-width:none;padding-right:2px;font-size:23px}.plant-panel .latin{grid-column:1;margin-top:3px;font-size:11px}.plant-panel .needs{grid-column:1;gap:6px;margin:9px 0}.plant-panel .need{gap:5px;font-size:9px}.plant-panel .need>span{flex-basis:12px;width:12px;height:12px}.plant-panel .need svg{width:11px;height:11px}.plant-panel .plant-note{display:none}.plant-actions{grid-area:2/2/5;align-self:center;gap:5px}.plant-actions .soft-button{gap:6px;min-height:49px;padding:8px 3px;font-size:9px}.plant-secondary{grid-area:5/2;align-self:end;gap:7px}.plant-secondary .text-button{min-height:31px;font-size:8px}.plant-secondary svg{width:11px;height:11px}.panel-close{width:26px;height:26px;top:1px;right:2px}.panel-close svg{width:13px}.move-panel{width:auto;padding:18px;inset:auto 15px 165px}.move-panel .eyebrow{font-size:7px}.move-panel h2{margin:8px 0;font-size:24px}.move-panel p{margin-bottom:12px;font-size:11px}.move-panel .row{justify-content:flex-end}.move-panel .soft-button,.move-panel .primary{min-height:41px;font-size:11px}.equipment{min-width:44px;min-height:44px;padding:8px;font-size:7px;top:37%;left:12%}.equipment svg{width:15px;height:15px}.valve-button{top:39%;left:auto;right:9%}.hotspot{width:44px;height:44px}.slot-mark{width:18px;height:18px;font-size:13px}.slot-label{padding:5px 8px;font-size:9px;bottom:40px}.evening-note{background:0 0;border:0;max-width:200px;padding:0;top:88px;left:18px}.evening-note .eyebrow{font-size:7px}.evening-note p{margin:8px 0 12px;font-size:25px}.evening-note .soft-button{min-height:37px;padding:8px 11px;font-size:10px}.evening-note svg{width:14px}.place-label:has(~.plant-panel){display:none}dialog,.wide-dialog{border-radius:12px;width:calc(100vw - 26px);max-height:calc(100dvh - 35px);padding:32px 22px}h2,dialog h2,.wide-dialog h2{font-size:30px}.dialog-intro{margin:14px 0 20px;font-size:11px}.seed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seed-card>span{padding-left:12px;font-size:18px}.seed-card small{padding-left:12px;font-size:8px}.field-heading{gap:13px}.field-heading img{width:85px;height:100px}.field-heading h2{font-size:25px}.message-dialog{padding:36px 26px}.message-dialog h2{font-size:32px}.message-dialog blockquote{font-size:22px}.keepsake-item{gap:10px}.keepsake-item h3{font-size:19px}.keepsake-item .soft-button{padding:8px 10px;font-size:9px}.keepsake-item .soft-button svg{display:none}.postcard-dialog h2{font-size:30px}.postcard-preview{aspect-ratio:1.2}#toast{max-width:90vw;padding:11px 15px;font-size:11px;bottom:116px}.large-text .promise p{font-size:12px}.large-text .need{font-size:11px}.large-text .plant-panel{max-height:34vh;overflow:auto}}@media (height<=520px) and (width>=701px){.game-header{top:14px;left:20px;right:20px}.wordmark{font-size:19px}.wordmark>span{display:none}.chapter-title{font-size:18px}.promise{width:180px;padding:14px 16px 5px;top:80px;left:20px}.promise p{font-size:10px}.promise>.eyebrow{font-size:7px}.promise .text-button{min-height:32px;font-size:9px}.plant-panel{width:210px;padding:16px 17px 5px;top:75px;right:20px}.plant-panel h2{font-size:22px}.plant-panel .needs{gap:7px;margin:12px 0}.plant-panel .need{font-size:10px}.plant-note{display:none}.plant-actions .soft-button{min-height:42px}.plant-secondary .text-button{min-height:30px}.tool-dock{padding:2px 5px;bottom:29px}.tool-dock .dock-button{gap:6px;min-height:42px;padding:5px 12px;font-size:10px}.wing-nav{bottom:78px}.place-label{bottom:119px}.place-label>span+span{display:none}.game-footer{bottom:10px}.view-controls{bottom:95px}.equipment{padding:8px;top:40%;left:28%}.welcome-copy{top:19%;left:7%}.welcome-copy h1{font-size:66px}.welcome-copy>.eyebrow{margin-bottom:12px;font-size:7px}.welcome-copy p{margin-top:15px;font-size:11px}.welcome-cta{gap:9px;margin-top:15px}.welcome-cta .primary{min-height:42px;padding:11px 20px}.welcome-cta>span{font-size:8px}.welcome-header{top:19px}.welcome-footer{bottom:16px}.welcome-caption{display:none}.title-star{font-size:30px;left:190px}}@media (width<=700px){.chapter-title{white-space:normal;text-align:left;flex-direction:row;align-items:baseline;gap:8px;max-width:100%;top:55px;left:0;right:auto}.chapter-title .eyebrow{letter-spacing:.8px;font-size:8px}.promise{width:auto;max-width:none;top:108px;left:18px;right:18px}.promise>.eyebrow{display:none}.promise p{max-height:none;margin-top:0;font-size:11px;line-height:1.6}.promise .text-button{min-height:40px;font-size:10px}}.plant-panel,.move-panel{z-index:4}@media (width>=701px){.plant-panel~.view-controls,.move-panel~.view-controls{left:240px;right:auto}}.friend-hotspot{pointer-events:auto;visibility:hidden;background:0 0;border:1px solid #0000;border-radius:50%;width:48px;min-width:44px;height:48px;min-height:44px;position:absolute;transform:translate(-50%,-50%)}.friend-hotspot>span{color:#f0e3cb;white-space:nowrap;opacity:0;pointer-events:none;background:#1c233bef;border:1px solid #e5d4ae40;border-radius:7px;padding:6px 10px;font-size:12px;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.friend-hotspot:hover,.friend-hotspot:focus-visible{background:#e8cfa90c;border-color:#e9d4a45c}.friend-hotspot:hover>span,.friend-hotspot:focus-visible>span{opacity:1}.welcome-footer .legal{letter-spacing:0;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center}.welcome-footer .legal a{padding:3px 0}.game-footer .legal{flex-wrap:wrap;justify-content:flex-end;align-items:center}@media (width<=700px){.welcome-footer{gap:12px}.welcome-footer .legal{gap:5px;max-width:180px}.game-footer .legal{gap:5px;font-size:7px}}.promise{background:#141b2cd1;border-radius:12px;align-items:center;gap:18px;width:max-content;max-width:min(660px,100% - 44px);padding:8px 16px;display:flex;top:88px;left:50%;right:auto;transform:translate(-50%)}.promise p{max-width:470px;margin:0;font-size:12px;line-height:1.5}.promise .text-button{white-space:nowrap;flex-shrink:0;min-height:36px;font-size:11px}.promise .primary.small{flex-shrink:0;margin:0}.place-label{display:none}.plant-panel{overscroll-behavior:contain;width:248px;max-height:calc(100dvh - 296px);padding:18px 18px 9px;top:154px;overflow-y:auto}.plant-panel h2{font-size:27px}.plant-panel .needs{margin:16px 0}.plant-panel .panel-close{width:36px;height:36px}.plant-panel h2{padding-right:18px}.plant-purpose{color:#e1d3b9;margin-top:8px;font-size:12px;line-height:1.5}.plant-contribution{color:#c3dfc9;margin-top:12px;font-size:11px;line-height:1.5}.plant-contribution strong{font-weight:500;display:block}.plant-panel .plant-note{margin:10px 0 0;font-size:10px}.habitat-status{color:#d3dbcf;margin-top:10px;font-size:11px;line-height:1.5}.seed-card small.seed-purpose{letter-spacing:0;text-transform:none;color:#d6d2ca;white-space:normal;margin-top:6px;font-size:11px;line-height:1.45}.field-purpose{color:#e6d5b5;margin:18px 0 22px;font-size:15px}.field-contributions{color:#bedac5;margin:12px 0;font-size:13px}.chapter-purpose{border-top:1px solid var(--line);text-align:left;margin:24px 0;padding-top:18px}.chapter-purpose p:first-child,.chapter-reason{color:#ecd3ad;font-size:17px;line-height:1.5}.chapter-purpose p+p{margin-top:10px;font-size:14px}.chapter-reason{margin:18px 0 12px}.chapter-steps{margin:20px 0}.chapter-steps summary{color:#e5c798;cursor:pointer;min-height:44px;padding:10px 0}.plant-panel>.eyebrow{letter-spacing:1px;padding-right:16px;font-size:8px}.plant-actions .soft-button{min-height:46px}.move-panel{max-height:calc(100dvh - 296px);top:154px;overflow-y:auto}.welcome-story{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#172035e8,#20273ac9);border:1px solid #d7cae324;border-radius:14px;width:28%;max-width:350px;padding:24px 26px;position:absolute;top:30%;right:6%;box-shadow:0 12px 50px #070e2430}.welcome-story h2{color:#f1ddbe;margin-bottom:16px;font-size:27px;line-height:1.2}.welcome-story p{color:#d5d1dc;font-size:13px;line-height:1.65}.welcome-story p+p{margin-top:12px}.welcome-story blockquote{font-family:var(--serif);color:#edd3ac;border-top:1px solid #ddc5a733;margin:19px 0 0;padding-top:17px;font-size:21px;line-height:1.35}@media (width>=701px) and (width<=1100px){.welcome-story{width:32%;padding:20px;top:27%;right:5%}.welcome-story h2{font-size:25px}.welcome-story p{font-size:12px}.welcome-story blockquote{font-size:20px}.promise{width:max-content;padding:8px 14px;top:88px;left:50%}.plant-panel{width:220px;padding:16px 16px 8px;right:20px}.plant-panel h2{font-size:24px}}@media (width<=700px){.promise{width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171e32c9;border:1px solid #e5ddd11a;gap:8px;padding:9px 12px;top:100px;left:18px;right:18px;transform:none}.promise p{max-height:none;font-size:11px;line-height:1.5;overflow:visible}.promise .text-button{justify-content:center;width:32px;min-width:32px;min-height:40px;font-size:0}.promise .text-button svg{width:19px;height:19px}.promise .primary.small{max-width:110px;padding:8px;font-size:10px}.plant-panel{width:auto;max-height:calc(100dvh - 280px);padding:13px 15px 10px;inset:auto 15px 112px}.plant-panel h2{font-size:23px}.plant-panel .needs{margin:9px 0}.plant-panel>.eyebrow{font-size:6px}.move-panel{max-height:calc(100dvh - 280px);top:auto;bottom:112px}:is(#hud:has(.plant-panel) .wing-nav,#hud:has(.plant-panel) .view-controls){visibility:hidden}#hud:has(.move-panel) .view-controls{visibility:hidden}#hud:has(.move-panel) .wing-nav{z-index:5;background:#1a2135;border-radius:8px;bottom:77px}#hud:has(.move-panel) .tool-dock{visibility:hidden}.welcome #hud{overscroll-behavior:contain;pointer-events:auto;flex-direction:column;gap:0;padding:26px 26px 24px;display:flex;overflow-y:auto}.welcome .welcome-header{flex-shrink:0;position:static}.welcome .quiet-caption{display:none}.welcome .welcome-copy{flex-shrink:0;max-width:none;margin:40px 0 0;position:static}.welcome .welcome-copy h1{letter-spacing:-1.5px;font-size:56px}.welcome .welcome-copy>.eyebrow{letter-spacing:1.2px;margin-bottom:18px;font-size:8px}.welcome .welcome-copy p{max-width:100%;margin-top:20px;font-size:13px}.welcome .welcome-cta{align-items:flex-start;gap:11px;margin-top:24px;position:static}.welcome .welcome-cta .primary{min-height:48px;padding:14px 22px;font-size:14px}.welcome .welcome-cta>span{font-size:11px}.welcome .title-star{font-size:34px;top:6px;left:auto;right:15px}.welcome-story{background:#182137eb;flex-shrink:0;width:100%;max-width:none;margin-top:30px;padding:20px;position:static}.welcome-story h2{margin-bottom:13px;font-size:25px}.welcome-story p{font-size:13px}.welcome-story blockquote{font-size:21px}.welcome .welcome-footer{letter-spacing:.5px;flex-shrink:0;align-items:flex-start;margin-top:28px;font-size:8px;position:static}.welcome .welcome-footer .legal{max-width:165px}.welcome .title-art:after{background:linear-gradient(#10172cbf,#10172c66 35%,#10172ccc 80%)}}@media (height<=520px) and (width>=701px){.promise{gap:12px;max-width:62%;padding:4px 12px;top:58px}.promise p{font-size:10px}.promise .text-button{min-height:30px;font-size:9px}.plant-panel,.move-panel{width:200px;max-height:none;padding:12px;top:112px;bottom:110px}.plant-panel h2{font-size:22px}.plant-panel>.eyebrow,.plant-panel .latin{display:none}.plant-panel .needs{gap:4px;margin:8px 0}.welcome .welcome-copy{top:18%}.welcome .welcome-copy h1{font-size:55px}.welcome .welcome-copy>.eyebrow{margin-bottom:10px;font-size:7px}.welcome .welcome-copy p{margin-top:14px;font-size:11px}.welcome .welcome-cta{gap:8px;margin-top:18px}.welcome .welcome-cta>span{font-size:9px}.welcome-story{width:35%;padding:16px 18px;top:21%;right:5%}.welcome-story h2{margin-bottom:10px;font-size:22px}.welcome-story p{font-size:11px;line-height:1.5}.welcome-story p+p{margin-top:8px}.welcome-story blockquote{margin-top:12px;padding-top:10px;font-size:18px}}@media (width<=700px){.plant-panel h2{grid-area:1/1/auto/-1;padding-right:28px}.plant-panel .plant-purpose{grid-area:2/1/auto/-1;margin:6px 0 3px;font-size:11px;line-height:1.4}.plant-panel .needs{grid-area:3/1}.plant-panel .plant-actions{grid-area:3/2}.plant-panel .plant-contribution,.plant-panel .habitat-status{grid-area:4/1/auto/-1;margin:8px 0 0;font-size:10px}.plant-panel .plant-contribution strong{margin-right:6px;display:inline}.plant-panel [data-action=visit-nook]{grid-area:5/1;min-height:44px;font-size:10px;line-height:1.3}.plant-panel .plant-secondary{grid-area:5/2}.large-text .plant-panel{max-height:calc(100dvh - 280px)}.large-text .plant-purpose,.large-text .habitat-status{font-size:12px}}@media (height<=520px) and (width>=701px){.plant-panel{width:255px}.plant-panel .plant-purpose{margin:5px 0;font-size:10px;line-height:1.3}.plant-panel .needs{gap:2px;margin:5px 0}.plant-panel .need{font-size:10px}.plant-panel .plant-actions .soft-button{flex-direction:row;min-height:38px;padding:5px 3px;font-size:9px}.plant-panel .plant-note,.plant-panel .plant-contribution,.plant-panel .habitat-status{margin-top:8px;font-size:10px}}.settlement-entry{flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;bottom:170px;left:28px}.settlement-entry .soft-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e32d9;font-size:12px}.settlement-entry>span{color:#cfcbcb;padding-left:10px;font-size:10px}.wing-nav{gap:8px}.wing{min-height:44px}.settlement-header{justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;top:28px;left:32px;right:32px}.settlement-header h1{font-family:var(--serif);color:var(--cream);font-size:29px;font-weight:400}.settlement-header p{color:#c6c6d2;margin-top:7px;font-size:12px}.settlement-header .soft-button{background:#172036d9}.destination-card{width:300px;max-height:56%;padding:21px;position:absolute;bottom:28px;left:28px;overflow:auto}.destination-card h2{margin:8px 0 12px;font-size:27px}.destination-card p{color:#d1cdd1;font-size:12px;line-height:1.6}.destination-status{color:#d8bd94;font-size:11px}.destination-card .destination-reward{color:#d9d0bd;border-left:2px solid #ac9771;margin:16px 0;padding-left:12px}.destination-checks{gap:11px;margin:16px 0;padding:0;list-style:none;display:grid}.destination-checks li{color:#cbc7d1;gap:9px;font-size:12px;line-height:1.5;display:flex}.destination-checks svg{color:#b7a995;width:16px;height:18px;margin-top:1px}.destination-checks .done,.destination-checks .done svg{color:#a4cbb0}.destination-card .destination-note{color:#adafbd;margin:14px 0;font-size:10px}.destination-card button{margin-top:10px}.settlement-caption{text-align:right;color:#b7bfce;text-shadow:0 2px 4px #0c1229;font-size:11px;line-height:1.6;position:absolute;bottom:32px;right:32px}.site-marker{white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#182138e8;border:1px solid #a5adc440;border-radius:18px;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #080e2540}.site-marker svg{color:#b6a387;width:15px;height:15px}.site-marker.open{color:#e9dfc7;border-color:#d6b87e65}.site-marker.selected{color:#272938;background:#e9c997;border-color:#f4dfb7}.site-marker.selected svg{color:#554935}.site-marker.closed{color:#a8afc0}.site-marker:active{transform:translate(-50%,-100%)}.journey-note{text-align:center;width:420px;max-width:90%;padding:16px 22px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.journey-note p{font-size:13px}.journey-note button{margin:10px 0 7px}.journey-note>span{color:#aeb6c8;font-size:10px;display:block}.traveller-marker{color:#302d35;pointer-events:none;background:#eac693;border-radius:12px;padding:4px 10px;font-size:11px;position:absolute;transform:translate(-50%,-100%)}.traveller-marker:after{content:"";background:#eac693;width:7px;height:7px;display:block;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.habitat-note{width:330px;padding:22px;position:absolute;bottom:30px;left:28px}.habitat-note h2{margin-bottom:12px;font-size:27px}.habitat-note p{color:#cecbd1;font-size:12px}.habitat-actions{flex-direction:column;align-items:stretch;gap:9px;margin-top:16px;display:flex}.habitat-systems{color:#c8cfca;flex-direction:column;gap:12px;font-size:11px;display:flex;position:absolute;bottom:34px;right:30px}.habitat-systems span{align-items:center;gap:8px;display:flex}.habitat-systems svg{color:#b8cdad;width:16px;height:16px}.repair-list section{border-bottom:1px solid #ffffff16;margin:18px 0;padding-bottom:16px}.repair-list h3{align-items:center;gap:10px;margin:0 0 8px;display:flex}.repair-list h3 svg{color:#bbccac;width:18px}.repair-list p{color:#c8c4ce;font-size:13px}.repair-list small{color:#cfb58b;margin-top:8px;display:block}@media (width<=700px){.settlement-entry{bottom:148px;left:16px}.settlement-entry .soft-button{min-height:44px;padding:8px 11px;font-size:10px}.settlement-entry>span{display:none}.wing-nav{justify-content:space-between;gap:1px;width:calc(100% - 20px)}.wing{gap:4px;padding:2px 3px;font-size:9px}.wing-dot{flex:0 0 16px;width:16px;height:16px;font-size:7px}.settlement-header{align-items:flex-start;gap:6px;top:20px;left:18px;right:18px}.settlement-header h1{max-width:210px;font-size:24px}.settlement-header p{max-width:195px;font-size:10px}.settlement-header .row{justify-content:flex-end;gap:0;max-width:120px}.settlement-header .soft-button{gap:6px;padding:8px;font-size:10px}.settlement-header .soft-button svg{width:14px}.settlement-header .icon-button{width:36px;height:36px}.destination-card{width:auto;max-height:31%;padding:14px 16px;bottom:12px;left:12px;right:12px}.destination-card h2{margin:4px 0 8px;font-size:22px}.destination-card p,.destination-checks li{font-size:11px}.destination-status{font-size:10px}.destination-checks{gap:7px;margin:9px 0}.destination-card .destination-note{margin:9px 0}.destination-card .destination-reward{margin:10px 0}.destination-card button{margin-top:7px}.settlement-caption{display:none}.site-marker{gap:4px;min-height:44px;padding:5px 7px;font-size:10px}.site-marker svg{width:11px;height:11px}.habitat-note{width:auto;max-height:33%;padding:14px 16px;bottom:14px;left:12px;right:12px;overflow:auto}.habitat-note h2{font-size:22px}.habitat-note p{font-size:11px}.habitat-actions{flex-direction:row;gap:7px;margin-top:10px}.habitat-actions button{flex:1;gap:5px;padding:8px;font-size:10px}.habitat-systems{display:none}.journey-note{padding:13px;bottom:20px}}@media (height<=500px) and (width>=701px){.destination-card{width:255px;max-height:72%;padding:14px;bottom:15px;left:15px}.destination-card h2{font-size:23px}.settlement-header{top:14px;left:20px;right:20px}.settlement-header h1{font-size:22px}.habitat-note{width:280px;max-height:65%;padding:14px;bottom:15px;overflow:auto}.settlement-entry{bottom:130px}.settlement-caption{display:none}}.site-marker{pointer-events:auto}@media (width>=701px) and (height>=501px){.habitat-note{grid-template-columns:1.35fr 1fr;column-gap:25px;width:min(760px,86%);padding:18px 22px;display:grid;bottom:22px;left:50%;transform:translate(-50%)}.habitat-note h2{margin-bottom:8px;font-size:24px}.habitat-note .habitat-actions{grid-area:1/2/3;justify-content:center;margin:0}.habitat-systems{top:110px;bottom:auto;right:28px}}.site-marker.selected.closed,.site-marker.selected.closed svg{color:#302b31}.garden-header{top:max(18px,env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;left:26px;right:26px}.location-switch{text-align:left;align-items:center;gap:12px;min-height:48px;padding:4px 10px 4px 0;font-size:18px;display:flex}.location-switch>svg{color:var(--gold);width:24px;height:24px}.location-switch small{color:#d4c6ad;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.location-switch small svg{width:14px;height:14px}.chapter-link{min-height:48px;font:24px var(--serif);flex-direction:column;justify-content:center;align-items:center;display:flex}.chapter-link small{color:#c2bccb;margin-top:4px;font:12px Avenir Next,Segoe UI,sans-serif}.garden-settings{gap:4px;display:flex}.garden-settings .icon-button{width:44px;height:44px}.next-step{background:#171e32e8;border:1px solid #f0d0a322;border-radius:12px;align-items:center;gap:18px;width:max-content;max-width:min(690px,100% - 52px);padding:9px 16px;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 4px 22px #080d2120}.next-step p{max-width:510px;font-size:14px;line-height:1.5}.next-step button{flex-shrink:0;min-height:44px;font-size:13px}.next-step svg{width:18px;height:18px}.garden-dock{bottom:max(33px,calc(env(safe-area-inset-bottom) + 24px));background:#1b2235f2;border:1px solid #f0d0a32b;border-radius:18px;gap:7px;padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 28px #080e264d}.dock-tool{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 22px;font-size:14px;display:flex}.dock-tool:hover,.dock-tool.active{background:#ffffff0d}.dock-tool svg{width:22px;height:22px}.dock-tool.plant-tool{color:#27283a;background:#e9c896}.dock-tool:disabled{opacity:.45}.camera-tools{background:#192135ba;border:1px solid #f0d0a31f;border-radius:28px;gap:6px;padding:4px;display:flex;position:absolute;bottom:118px;left:24px}.camera-tools .icon-button{width:44px;height:44px}.camera-tools button:first-child svg{transform:scaleX(-1)}.garden-save{bottom:max(10px,env(safe-area-inset-bottom));color:#b9c4c6;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;left:28px;pointer-events:none!important}.care-sheet,.placement-sheet{overscroll-behavior:contain;background:linear-gradient(140deg,#252b40fa,#191f31fa);border:1px solid #e1c6a132;border-radius:18px;width:320px;max-height:calc(100dvh - 190px);padding:18px;position:absolute;top:160px;right:26px;overflow-y:auto;box-shadow:0 12px 38px #080c2340}.care-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.care-heading h2{font-size:28px;line-height:1.15}.care-heading p{color:#d9c8a9;margin-top:6px;font-size:13px;line-height:1.5}.care-heading .icon-button{flex-shrink:0;width:44px;height:44px;margin:-9px -9px 0 0}.care-needs{flex-wrap:wrap;gap:7px 12px;margin:16px 0;display:flex}.care-needs>span{align-items:center;gap:6px;font-size:13px;line-height:1.45;display:flex}.care-needs svg{width:16px;height:16px}.care-needs .met{color:#bbd5bd}.care-needs .unmet{color:#efd2a5}.care-actions{gap:8px;display:flex}.care-actions button{flex-direction:column;flex:1;gap:7px;min-height:66px;padding:10px 7px;font-size:14px}.care-actions .primary svg{order:0}.care-sharing{color:#bddbc2;margin-top:13px;font-size:13px;line-height:1.5}.care-more{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;display:flex}.care-more .text-button{min-height:44px;padding:8px 2px;font-size:12px}.care-more .text-button svg{display:none}.placement-sheet{width:340px}.placement-sheet h2{font-size:25px}.placement-feedback{color:#e4ceaa;margin:12px 0 16px;font-size:14px;line-height:1.5}.placement-feedback.good{color:#c0dfc4}.connection-warning{color:#e8c7a1;margin:-4px 0 14px;font-size:12px;line-height:1.45}.placement-actions{gap:10px;display:flex}.placement-actions button{flex:1;min-height:48px;padding:12px 9px;font-size:14px}.placement-secondary{justify-content:space-between;margin-top:4px;display:flex}.placement-secondary .text-button{min-height:44px}#scene,#hotspots .hotspot,#hotspots .friend-hotspot{touch-action:pan-y pinch-zoom}.hotspot:active:not(:disabled){transform:translate(-50%,-50%)}.hotspot{width:48px;height:48px}.hotspot .slot-mark{background:#252735cc;border-color:#eedab575;width:26px;height:26px;font-size:19px}.hotspot.selected .slot-mark,.hotspot.move-target .slot-mark{background:#5b5146;border-color:#ffe3af}.slot-label{font-size:12px}.lamp-button{min-width:60px;min-height:56px;padding:10px;font-size:12px}.lamp-button svg{width:21px;height:21px}.valve-button{min-height:48px;font-size:12px}.plan-dialog{width:min(590px,100vw - 24px);padding:30px}.plan-direction{color:#dfcfb5;margin:0 0 14px;font-size:13px}.pot-grid{grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:10px;display:grid}.plan-pot{text-align:center;background:#31394c;border:1px solid #c1c3cd4d;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-height:138px;padding:28px 6px 10px;display:flex;position:relative}.plan-pot.good{background:#2b4443;border-color:#b9d8b68c}.plan-pot:disabled{opacity:.36}.plan-pot strong{font-size:13px;font-weight:500;line-height:1.3}.plan-pot small{color:#d2d1d5;font-size:11px;line-height:1.35}.plan-pot.good small{color:#d2e9cf}.plan-pot img{object-fit:contain;width:55px;height:47px}.plan-pot>svg{color:#e7ceaa;width:35px;height:35px;margin:6px}.pot-code{color:#dfd7c6;font-size:12px;position:absolute;top:8px;left:10px}.hanging-grid .plan-pot{grid-row:auto!important}.plan-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.plan-footer button{font-size:13px}.journal-links{gap:10px;display:grid}.journal-links .soft-button{justify-content:flex-start;min-height:52px;font-size:15px}.journal-save{color:#b8ccc1;margin:24px 0 12px;font-size:13px}.journal-legal{color:#b9bdca;font-size:12px;line-height:2.5}.journal-legal a{min-height:44px;padding:0 5px;display:inline-block}#dialog .modal-close{width:44px;height:44px;top:5px;right:5px}#dialog .dialog-intro{margin:15px 0 22px;font-size:14px;line-height:1.6}#dialog .seed-card>span{font-size:20px}#dialog .seed-card small{letter-spacing:0;font-size:12px;line-height:1.45}#dialog .need{font-size:14px;line-height:1.5}#dialog .muted{font-size:13px}#dialog summary{min-height:44px;padding:12px 0;font-size:14px}#dialog .settings-list{font-size:15px}#dialog .build-note{font-size:11px}#dialog p{letter-spacing:0}#dialog .text-button{font-size:13px}#toast{pointer-events:none;max-width:min(530px,100vw - 28px);font-size:14px;line-height:1.5;top:auto;bottom:110px}:is(#hud:has(.care-sheet)~#toast,#hud:has(.placement-sheet)~#toast){bottom:30px}.evening-moment{text-align:center;max-width:calc(100% - 40px);position:absolute;top:170px;left:50%;transform:translate(-50%)}.evening-moment p{font:25px var(--serif);margin-bottom:12px}@media (width<=700px){.garden-header{top:max(10px,env(safe-area-inset-top));gap:4px;left:16px;right:12px}.location-switch{gap:9px;min-height:48px;font-size:16px}.location-switch>svg{width:21px;height:21px}.location-switch small{font-size:11px}.chapter-link{display:none}.garden-settings{gap:0}.garden-settings .icon-button{width:44px;height:44px}.next-step{top:max(72px,calc(env(safe-area-inset-top) + 62px));gap:8px;width:auto;max-width:none;padding:10px 12px;left:16px;right:16px;transform:none}.next-step p{font-size:13px;line-height:1.45}.next-step button{min-width:44px;padding:6px;font-size:12px}.next-step .text-button{flex-direction:column;gap:2px}.next-step .primary.small{max-width:100px;padding:10px}.garden-dock{bottom:max(29px,calc(env(safe-area-inset-bottom) + 18px));border-radius:16px;gap:4px;width:calc(100% - 24px);padding:6px}.dock-tool{border-radius:11px;flex-direction:column;flex:1;gap:6px;min-height:60px;padding:7px 3px;font-size:12px}.dock-tool svg{width:22px;height:22px}.camera-tools{gap:0;padding:2px;bottom:112px;left:14px}.camera-tools .icon-button{width:44px;height:44px}.garden-save{left:18px;bottom:max(8px,env(safe-area-inset-bottom));font-size:10px}.care-sheet,.placement-sheet{top:auto;left:12px;right:12px;bottom:max(26px,calc(env(safe-area-inset-bottom) + 16px));border-radius:16px;width:auto;max-height:47dvh;padding:14px}.care-heading h2{font-size:25px}.care-heading p{margin-top:4px;font-size:12px}.care-heading .icon-button{margin:-7px -7px 0 0}.care-needs{gap:6px 10px;margin:10px 0}.care-needs>span{font-size:12px}.care-actions button{flex-direction:row;gap:7px;min-height:48px;padding:9px 4px;font-size:13px}.care-actions svg{width:18px;height:18px}.care-more{gap:4px;margin-top:5px}.care-more .text-button{font-size:12px}.care-sharing{margin-top:8px;font-size:12px}:is(#hud:has(.care-sheet) .camera-tools,#hud:has(.placement-sheet) .camera-tools){display:none}.placement-feedback{margin:10px 0 12px;font-size:13px}.placement-actions button{min-height:46px;font-size:13px}.placement-secondary .text-button{font-size:12px}.placement-sheet h2{font-size:23px}.lamp-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;font-size:11px}.lamp-button>span{display:none}.lamp-button svg{width:20px;height:20px}.equipment.valve-button{padding:10px;font-size:12px;top:180px;right:15px}#dialog.plan-dialog{padding:28px 16px 16px}.plan-dialog h2{font-size:28px}.pot-grid{gap:8px}.plan-pot{min-height:132px;padding:28px 4px 10px}.plan-pot strong{font-size:12px}.plan-pot small{font-size:11px}.plan-pot>svg{width:29px;height:29px}.pot-grid[style*="4"]{gap:6px}.pot-grid[style*="4"] .plan-pot{padding-inline:3px}.plan-footer{gap:8px}.plan-footer .text-button{font-size:12px}#toast{font-size:13px;bottom:110px}:is(#hud:has(.care-sheet)~#toast,#hud:has(.placement-sheet)~#toast){top:155px;bottom:auto}.evening-moment{width:calc(100% - 50px);top:165px}.evening-moment p{font-size:21px}.large-text .next-step p,.large-text .care-needs>span,.large-text .placement-feedback{font-size:15px}.large-text .care-heading p,.large-text .care-sharing{font-size:14px}}@media (height<=520px) and (width>=701px){.garden-header{top:8px;left:18px;right:16px}.chapter-link{font-size:20px}.next-step{width:calc(100% - 36px);max-width:none;padding:5px 12px;top:66px;left:18px;transform:none}.next-step p{max-width:none;font-size:12px}.next-step button{margin-left:auto}.garden-dock{gap:3px;padding:5px;bottom:22px;left:18px;transform:none}.dock-tool{min-height:44px;padding:8px 14px;font-size:12px}.camera-tools{bottom:22px;left:auto;right:18px}.garden-save{font-size:10px;bottom:5px;left:20px}.care-sheet,.placement-sheet{width:305px;max-height:calc(100dvh - 148px);padding:13px;top:128px;right:18px}.care-heading h2{font-size:23px}.care-heading p{font-size:12px}.care-needs{margin:8px 0}.care-needs>span{font-size:12px}.care-actions button{flex-direction:row;min-height:45px;padding:9px 5px;font-size:12px}.care-more{margin-top:4px}.care-more .text-button{font-size:11px}.camera-tools:has(~.care-sheet){display:none}:is(#hud:has(.care-sheet) .camera-tools,#hud:has(.placement-sheet) .camera-tools){left:18px;right:auto}.placement-feedback{margin:8px 0;font-size:13px}.placement-actions button{min-height:44px;font-size:13px}.placement-secondary .text-button{min-height:44px}.evening-moment{top:140px;left:28%}}@media (prefers-reduced-motion:reduce){button{transition:none}}.target-guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.target-guides line{stroke:#eed6ac;stroke-width:1px;stroke-opacity:.45}.target-guides circle{fill:#eed6ac;fill-opacity:.7}.settlement-header .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.large-text #dialog .plan-pot strong{font-size:15px}.large-text #dialog .plan-pot small{font-size:13px}.large-text #dialog .plan-pot{min-height:156px}@media (width<=700px){.large-text .pot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.large-text .plan-pot{grid-area:auto!important}.settlement-header h1{font-size:25px}.settlement-header p{font-size:12px;line-height:1.5}.destination-card>p{font-size:13px;line-height:1.5}.destination-checks li{font-size:12px;line-height:1.5}.habitat-note p{font-size:13px;line-height:1.5}}.plan-dialog .dialog-intro{margin:12px 0 14px!important}.plan-dialog .plan-pot{min-height:118px}.plan-pot.chosen{background:#4c4942;border-color:#ffe1aa;box-shadow:inset 0 0 0 2px #f0cd95}.plan-pot.chosen .pot-code{color:#ffe1aa;font-weight:600}.plan-tools{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.plan-tools .text-button{min-height:44px}.plan-selection{z-index:2;background:#202739;border-top:1px solid #e6cca743;margin:16px -30px -30px;padding:16px 30px 20px;position:sticky;bottom:-30px;box-shadow:0 -10px 24px #11182950}.plan-preview{color:#edd7b4;flex-direction:column;gap:4px;min-height:43px;display:flex}.plan-preview strong{font-size:14px;font-weight:500;line-height:1.4}.plan-preview span{color:#c6c9d0;font-size:12px;line-height:1.4}.placement-connections{border-top:1px solid #e6cca72b;margin:6px 0 12px;padding:0}.placement-connections summary{align-items:center;gap:8px;min-height:44px;font-size:13px;line-height:1.4;list-style:none;display:flex}.placement-connections summary::-webkit-details-marker{display:none}.placement-connections summary:before{content:"›";flex:none;font-size:24px;transition:transform .15s}.placement-connections[open] summary:before{transform:rotate(90deg)}.placement-connections summary>span{flex:1}.placement-connections summary>small{white-space:nowrap;color:#c2c8d1;font-size:11px}.connection-changes{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(160px,22dvh);padding-right:6px;overflow-y:auto}.connection-changes ul{margin:0;padding:0;list-style:none}.connection-changes li{border-top:1px solid #e6cca71a;flex-direction:column;gap:3px;padding:9px 0;font-size:13px;line-height:1.45;display:flex}.connection-changes strong{color:#f3e5ce;font-size:13px;font-weight:500}.connection-loss{color:#edc6aa}.connection-gain{color:#bfe0c6}.connection-changes p{color:#c2c8d1;margin:4px 0 10px;font-size:12px;line-height:1.4}.placement-commit{background:#202538;padding:7px 0 0;position:sticky;bottom:-18px;box-shadow:0 -7px 12px #202538}.connection-links{gap:8px;margin:10px 0 22px;display:grid}.connection-link{text-align:left;background:#a2bba20a;border:1px solid #d8c5a23b;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 13px;display:flex}.connection-link:hover{background:#a2bba219;border-color:#d8c5a280}.connection-link>span{flex-direction:column;gap:4px;display:flex}.connection-link strong{color:#e7ddc9;font-size:14px;font-weight:500;line-height:1.4}.connection-link small{color:#bfe0c6;font-size:13px;line-height:1.4}.connection-link>svg{color:#dfc8a5;flex:none;width:20px;height:20px}.large-text .placement-connections summary,.large-text .connection-changes li,.large-text .connection-changes strong,.large-text .connection-link strong{font-size:15px}.large-text .connection-link small,.large-text .connection-changes p{font-size:14px}.large-text .connection-changes{max-height:min(180px,24dvh)}.plan-confirm-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.plan-confirm-actions button{min-width:64px;min-height:48px}.plan-confirm-actions .primary{min-width:160px}.plan-dialog h2:focus{outline:none}.seed-card .seed-readiness{color:#c7c9d1;align-items:flex-start;gap:6px;margin:8px 0 0;padding-right:12px;display:flex}.seed-card .seed-readiness.ready{color:#bddcc3}.seed-readiness svg{width:15px;height:15px;margin-top:2px}.care-actions [data-care-primary]{flex:1.4}.care-actions button{min-width:0}.hotspot.is-pressed .slot-mark{color:#262d3c;background:#e9c896;box-shadow:0 0 0 6px #edcf9833}#app.is-orbiting,#app.is-orbiting #scene{cursor:grabbing}.site-marker.is-pressed{border-color:#ffe0a9;box-shadow:0 0 0 4px #eed4a334}#hotspots .site-marker{touch-action:pan-y pinch-zoom}#hud button,#dialog button,#dialog summary{touch-action:manipulation}#toast{text-align:left;align-items:center;gap:14px;display:flex}#toast.show{pointer-events:none}#toast.show button{pointer-events:auto}#toast .text-button{color:#ffe0ad;flex-shrink:0;min-width:64px;min-height:44px}@media (width<=700px){.placement-commit{bottom:-14px}.plan-selection{padding:14px 16px max(16px,env(safe-area-inset-bottom));margin:14px -16px -16px;bottom:-16px}.plan-dialog .plan-pot{min-height:110px}.plan-preview strong{font-size:13px}.plan-confirm-actions .primary{min-width:148px}.plan-tools .soft-button,.plan-tools .text-button{font-size:12px}.care-actions button{line-height:1.25}#toast{gap:8px;padding:8px 12px}}@media (height<=520px) and (width>=701px){#dialog.plan-dialog{width:min(880px,100vw - 24px);max-height:calc(100dvh - 24px);padding:18px 24px}.plan-dialog h2{font-size:24px}#dialog.plan-dialog .dialog-intro{font-size:12px;line-height:1.4;margin:6px 0 10px!important}.plan-layout:has(.plan-selection){grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:20px;display:grid}.plan-direction{margin-bottom:8px;font-size:11px}.plan-dialog .pot-grid{gap:6px}.plan-dialog .plan-pot{gap:3px;min-height:88px;padding:21px 5px 7px}.plan-dialog .plan-pot>svg{width:24px;height:24px;margin:2px}.plan-dialog .plan-pot img{width:38px;height:28px}.plan-dialog .plan-pot strong{font-size:12px}.plan-dialog .plan-pot small{font-size:10px}.plan-dialog .pot-code{font-size:11px;top:5px}.plan-tools{margin-top:8px}.plan-tools .soft-button,.plan-tools .text-button{font-size:12px}.plan-selection{box-shadow:none;border:1px solid #e6cca743;border-radius:12px;margin:0;padding:14px;top:0;bottom:auto}.plan-confirm-actions{align-items:stretch;gap:6px}.plan-confirm-actions .primary{min-width:0;padding:12px 8px}.plan-selection .connection-changes{max-height:26dvh}.placement-commit{bottom:-13px}}.destination-card{flex-direction:column;gap:10px;width:270px;display:flex;overflow:hidden}.destination-heading{flex:none;min-width:0}.destination-heading h2{margin:5px 0 0}.destination-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding-right:4px;scroll-padding:8px;overflow-y:auto}.destination-content:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.destination-content p{margin:0;font-size:13px;line-height:1.5}.destination-content .destination-next{color:#eee0c6}.destination-next strong{color:var(--gold);font-weight:500}.destination-card .destination-actions{border-top:1px solid #e7cfab29;flex-direction:row;flex:none;align-items:stretch;gap:8px;margin:0;padding-top:10px;display:flex}.destination-card .destination-actions button{flex:1;justify-content:center;min-width:0;min-height:48px;margin:0;padding:10px 12px;font-size:13px;line-height:1.35}.destination-card .destination-actions [data-action=site-discoveries]{flex:none;padding-left:0;padding-right:4px;font-size:12px}.destination-dialog .destination-checks{margin:20px 0}.destination-dialog .destination-checks li{font-size:14px;line-height:1.55}.destination-card .destination-actions svg{flex:none;width:18px;height:18px}.settlement-header{top:max(18px,env(safe-area-inset-top));left:max(18px,calc(env(safe-area-inset-left) + 12px));right:max(18px,calc(env(safe-area-inset-right) + 12px))}#hud .settlement-header{pointer-events:none}.settlement-header button{pointer-events:auto}.destination-card{left:max(18px,calc(env(safe-area-inset-left) + 12px));bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px))}.large-text .destination-content p,.large-text .destination-checks li{font-size:15px}.large-text .destination-card .destination-actions button{font-size:14px}.large-text .destination-status{font-size:13px}.large-text .site-marker{font-size:14px}@media (width<=700px){.destination-card{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));gap:8px;width:auto;max-height:40dvh;padding:12px 14px}.destination-heading h2{margin:3px 0 0;font-size:22px}.destination-content p,.destination-checks li{font-size:13px}.destination-status{font-size:11px}.destination-card .destination-actions{gap:6px;padding-top:8px}.destination-card .destination-actions button{padding:9px 8px}.site-marker{min-height:48px;padding:7px 9px;font-size:12px}.site-marker svg{width:13px;height:13px}.large-text .destination-card{max-height:40dvh}.large-text .destination-heading h2{font-size:24px}}@media (height<=520px) and (width>=560px){.destination-card,.large-text .destination-card{max-height:calc(100dvh - 66px - max(12px,env(safe-area-inset-bottom)));bottom:max(12px,env(safe-area-inset-bottom));width:min(255px,33vw);padding:12px;right:auto}.destination-card .destination-actions button{padding:9px 8px}.destination-card .destination-actions [data-action=site-discoveries] svg,.destination-card .destination-actions [data-action=map-back] svg,.settlement-caption{display:none}.settlement-header .row{flex-wrap:nowrap;gap:8px;max-width:none}.settlement-header h1{font-size:22px}.settlement-header p{display:none}}@media (height<=540px) and (width<=559px){.settlement-header h1{max-width:140px;font-size:20px}.settlement-header p{display:none}.settlement-header .row{flex-wrap:nowrap;max-width:none}}#dialog.seed-dialog[open]{flex-direction:column;max-height:calc(100dvh - 32px);padding:30px;display:flex;overflow:hidden}.seed-heading{flex:none;padding-right:18px}.seed-heading h2{font-size:32px}#dialog.seed-dialog .dialog-intro{margin:12px 0 18px}.seed-list{overscroll-behavior:contain;min-height:0;padding:3px;scroll-padding:8px;overflow-y:auto}.seed-list:focus-visible{outline-offset:2px;outline:2px solid #e9ca95}.seed-list h3{margin:24px 0 8px;font-size:20px}.seed-list .nursery-list{margin-top:12px}#dialog .seed-card:disabled{opacity:.72;cursor:default}.seed-recovery{background:#e7c4810b;border:1px solid #e6cca743;border-radius:8px;margin:0 0 16px;padding:12px}.seed-recovery p{color:#e1d8cc;margin:0 0 10px;font-size:14px;line-height:1.5}.seed-recovery button{min-height:44px;font-size:13px}.plan-preview-row{align-items:center;gap:12px;display:flex}.plan-preview-row .plan-preview{flex:1;min-width:0}#dialog .plan-seed-change{white-space:normal;text-align:left;flex:0 0 100px;gap:6px;min-height:44px;padding:5px;font-size:12px;line-height:1.35}.plan-seed-change svg{flex:none;width:16px;height:16px}.seed-dialog h2:focus{outline:none}.large-text #dialog .seed-card small,.large-text #dialog .seed-recovery p{font-size:14px}@media (width<=700px){#dialog.seed-dialog[open]{max-height:calc(100dvh - 24px);padding:26px 16px 16px}.seed-heading h2{font-size:28px}.seed-grid{grid-template-columns:minmax(0,1fr);gap:10px}.seed-card{text-align:left;grid-template-columns:76px minmax(0,1fr);align-items:start;column-gap:12px;padding:13px 12px;display:grid}.seed-card img{aspect-ratio:auto;object-fit:contain;grid-area:1/1/4;align-self:center;width:76px;height:96px}#dialog .seed-card>span{grid-column:2;padding:0;font-size:21px;line-height:1.2}#dialog .seed-card small{grid-column:2;padding:0;font-size:13px;line-height:1.4}.seed-card small.seed-purpose{margin-top:6px}.seed-card .seed-readiness{margin-top:9px}.seed-readiness svg{flex:none}}@media (height<=500px) and (width>=600px){#dialog.seed-dialog[open]{max-height:calc(100dvh - 24px);padding:18px 24px}.seed-heading h2{font-size:25px}#dialog.seed-dialog .dialog-intro{margin:6px 0 12px;font-size:13px}.seed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seed-card{text-align:left;grid-template-columns:60px minmax(0,1fr);align-items:start;column-gap:10px;padding:10px;display:grid}.seed-card img{aspect-ratio:auto;object-fit:contain;grid-area:1/1/4;align-self:center;width:60px;height:76px}#dialog .seed-card>span{grid-column:2;padding:0;font-size:20px;line-height:1.2}#dialog .seed-card small{grid-column:2;padding:0;font-size:12px;line-height:1.35}.seed-card small.seed-purpose{margin-top:5px}.seed-card .seed-readiness{margin-top:7px}.seed-readiness svg{flex:none}.seed-recovery{align-items:center;gap:16px;margin-bottom:10px;padding:8px 12px;display:flex}.seed-recovery p{flex:1;margin:0;font-size:13px}.seed-recovery button{flex:none}}.care-rays{color:#e6ddcf;flex-wrap:wrap;gap:4px 16px;margin:8px 0;font-size:13px;line-height:1.45;display:flex}.care-rays strong{color:#f2dec0;font-weight:500}.chapter-example{margin:16px 0;padding-left:22px}.chapter-example li+li{margin-top:16px}.chapter-example li p{margin-top:4px}.large-text .care-rays{font-size:15px}.care-more .text-button{min-width:44px}.care-sheet{scroll-padding-block:10px}@media (height<=520px) and (width>=560px){#hud:has(.care-sheet) .next-step{display:none}.care-sheet{top:66px;bottom:auto;left:auto;right:max(18px,env(safe-area-inset-right));width:min(305px,44vw);max-height:calc(100dvh - 86px);padding:13px}}.aim-directions{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.aim-directions button{min-height:48px;font-size:13px}.aim-directions [aria-pressed=true]{color:#222b3c;background:#e7c38e;border-color:#f9ddb1}.garden-wishes{gap:22px;display:grid}.garden-wishes section{border-top:1px solid #d4c49d40;padding-top:18px}.garden-wishes h3{font-size:23px}.garden-wishes p{line-height:1.6}.wish-reward{color:#efd1a2}#root-preview{color:#d8dfc8;min-height:3em;line-height:1.5}.donor-pickers>select{width:100%;min-height:48px}.evening-moment{background:#151c2cd9;border-radius:14px;max-width:310px;padding:10px 18px;inset:auto 26px 132px auto;transform:none}.evening-moment p{margin:0 0 4px;font-size:19px}.evening-moment button{min-height:44px}:is(#hud:has(.care-sheet) .evening-moment,#hud:has(.placement-sheet) .evening-moment){display:none}@media (width<=700px){.plan-dialog .plan-pot{min-height:102px;padding:8px 3px}.plan-pot strong{overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto;font-size:12px}.plan-pot small{font-size:11px;line-height:1.25}.evening-moment{justify-content:space-between;align-items:center;gap:8px;max-width:none;padding:6px 12px;display:flex;bottom:100px;left:12px;right:12px}.evening-moment p{max-width:160px;font-size:14px}.evening-moment button{padding:8px;font-size:12px}}@media (height<=500px) and (width>=701px){.evening-moment{inset:auto 18px 82px auto}.evening-moment p{font-size:15px}}.care-sheet:has(.aim-directions) .row button{min-width:64px;min-height:48px}.care-sheet:has(.aim-directions) .row{flex-wrap:wrap;justify-content:space-between}.journey-header .row{flex:none;align-items:center;max-width:none}.journey-header [data-action=arrive]{white-space:nowrap;min-height:44px}@media (width<=699px){.journey-header h1{font-size:clamp(18px,5.5vw,24px)}.journey-header p{max-width:180px;line-height:1.35}}.journey-header .walk-camera-button{color:#f3dfb9;background:#1b2234dc;border:1px solid #c9b58b65;border-radius:12px;align-items:center;gap:8px;min-height:44px;margin-top:4px;padding:0 11px;font-size:13px;display:inline-flex}.journey-header .walk-camera-button svg{width:16px;height:16px}.journey-header h1{text-shadow:0 1px 4px #171525,0 2px 12px #171525b0}.porch-head{top:max(15px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.porch-head h1{font:400 clamp(23px,3vw,34px)/1.15 var(--serif);color:var(--cream);text-shadow:0 2px 7px #171526}.porch-head .row{align-items:center;gap:8px;display:flex}.porch-head button{pointer-events:auto;min-height:44px}.porch-head .icon-button{width:44px}.porch-head .soft-button{background:#202539f5}.porch-controls{bottom:max(14px,env(safe-area-inset-bottom));pointer-events:auto;flex-direction:column;align-items:stretch;gap:10px;width:min(390px,100% - 28px);max-height:46dvh;padding:15px 18px;display:flex;position:absolute;left:50%;overflow:auto;transform:translate(-50%)}.porch-controls h2{font:400 23px/1.15 var(--serif);color:var(--cream);margin:0}.porch-controls p,.porch-controls blockquote{color:#e1dde5;margin:0;font-size:14px;line-height:1.5}.porch-controls blockquote{font:400 19px/1.3 var(--serif);color:var(--cream)}.porch-controls .porch-signature{color:#d3bb92;font-size:12px}.porch-controls button,.porch-map-link{min-height:44px}.porch-dials{gap:7px;display:flex}.porch-dials button{flex:1;justify-content:center;gap:6px;padding:8px 10px;font-size:13px;line-height:1.25}.porch-map-link{color:#ead0a0;align-self:flex-start;gap:7px;padding:5px 0;font-size:13px}.porch-map-link svg{width:17px;height:17px}@media (width>=740px){.porch-controls{left:max(18px,env(safe-area-inset-left));width:clamp(230px,27vw,312px);bottom:max(18px,env(safe-area-inset-bottom));max-height:calc(100dvh - 96px);transform:none}}@media (width<=430px){.porch-head{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.porch-head .row{gap:3px}.porch-head .soft-button{padding:8px 10px;font-size:12px}}.porch-controls h2:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #e3bc79}dialog.memory-reel{text-align:left;color:#f1e9da;scrollbar-gutter:stable;background:linear-gradient(145deg,#28313e,#1b2230 80%);border:1px solid #8f8b7e;width:min(480px,100vw - 28px);max-height:calc(100dvh - 28px);padding:clamp(20px,4vw,32px)}dialog.memory-reel::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1223ae}#app:has(dialog.memory-reel[open]) :is(#hud,#hotspots){opacity:0;pointer-events:none}@media (width>=1000px){dialog.memory-reel{margin:auto max(3vw,24px) auto auto}dialog.memory-reel::backdrop{-webkit-backdrop-filter:blur(.8px);backdrop-filter:blur(.8px);background:#0b12264a}}.memory-reel h2{margin:0 0 14px;padding-right:38px;line-height:1.05}.memory-reel .modal-close{min-width:44px;min-height:44px;top:8px;right:8px}.memory-reel p,.memory-reel li,.memory-reel button{line-height:1.42}.memory-reel p{color:#e1dfd9;margin:12px 0 16px}.memory-reel p,.memory-reel .ring-listen,.memory-reel .restored-lines{font-size:max(14px,1em)}.large-text .memory-reel p,.large-text .memory-reel .ring-listen,.large-text .memory-reel .restored-lines{font-size:17px}.memory-reel button{min-height:44px}.memory-reel blockquote{color:#ffe2b4;border-left:2px solid #e8bd7a;margin:16px 0;padding:4px 0 4px 14px;font:1.35em/1.3 GardenSerif,Georgia,serif}.memory-reel cite{white-space:nowrap;font:.7em/1.4 system-ui}.memory-reel .music-box-photo{aspect-ratio:960/460;object-fit:cover;border-radius:9px;width:100%;height:auto;display:block}.memory-reel .reel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reel-rack{background:#131c25;border:1px solid #677870;border-radius:10px;margin:16px 0 0;padding:0;list-style:none;overflow:hidden}.ring-row{border-bottom:1px solid #43504d;justify-content:space-between;align-items:center;gap:4px;padding:4px 6px;display:flex}.ring-row:last-child{border-bottom:0}.ring-row.is-playing,.restored-lines li.is-playing{background:#334843}.ring-listen{text-align:left;color:#fff0d6;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:4px;display:flex}.ring-number{color:#dcc190;font:1.35em GardenSerif,Georgia,serif}.ring-name{min-width:0}.ring-name strong{font-size:1em;font-weight:600}.ring-marks{color:#c5d8d1;align-items:center;gap:5px;font-size:.85em;display:flex}.reel-mark{white-space:nowrap;color:#f0cc91;align-items:baseline;gap:2px;display:inline-flex}.reel-mark svg{align-self:center;width:.94em;height:.94em}.ring-play{color:#d4ba8e;margin-left:auto}.box-spindle{isolation:isolate;background:linear-gradient(#322f30,#1b252a 55%,#35363b);border:1px solid #746b55;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:0;padding:0 8px;display:grid;position:relative;box-shadow:inset 0 2px 6px #111318}.box-spindle:before{content:"";z-index:-1;background:linear-gradient(#cfbb80,#817453,#272c30);border-radius:5px;height:7px;position:absolute;top:42%;left:4px;right:4px}.memory-reel .brass-ring{color:#f8dfb5;isolation:isolate;background:0 0;border:none;border-radius:5px;min-height:clamp(68px,14vw,82px);padding:0;position:relative}.brass-ring:before{content:"";pointer-events:none;background:url(/assets/memory-rings-v27.webp) var(--strip) center/300% 100% no-repeat;position:absolute;inset:0 0 12px}.brass-ring[aria-pressed=true]{background:#ffdd9314;box-shadow:inset 0 0 0 2px #ffdc9e}.brass-ring[aria-pressed=true]:before{transform:translateY(-4px)}.cylinder-seals{pointer-events:none;color:#392819;justify-content:space-between;display:flex;position:absolute;top:36%;left:22%;right:21%}.cylinder-seals svg{stroke:currentColor;stroke-width:2px;fill:#e9c68a;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #edca87);width:clamp(12px,3.2vw,16px);height:auto}.brass-ring[aria-pressed=true] .cylinder-seals{transform:translateY(-4px)}.brass-ring.is-playing .spindle-number{color:#fff6de;text-shadow:0 0 4px #eac778}.brass-ring[data-joined]:after{content:"";background:#a9d7b9;outline:1px solid #293d38;width:6px;height:6px;position:absolute;top:43%;left:-3px;transform:rotate(45deg)}.spindle-number{text-align:center;color:#e1cfac;font-variant-numeric:tabular-nums;font-size:.85em;position:absolute;bottom:1px;left:0;right:0}.ring-shifts{gap:3px;display:flex}.ring-shift{color:#fff0d6;background:#283a3b;border:1px solid #667671;border-radius:7px;width:44px;padding:0;font:1.2rem system-ui}.ring-shift:disabled{opacity:.28}.memory-reel button:focus-visible{outline-offset:-3px;outline:2px solid #ffda8f}.memory-reel .reel-caption{color:#f1cd93;min-height:1.5em;margin:12px 0;font-size:.93em}.memory-reel .reel-caption:empty{min-height:0;margin:0}.restored-lines{margin:14px 0;padding:0;list-style:none}.restored-lines li{color:#ebe4d8;border-radius:5px;padding:5px 9px}.reel-socket{background:linear-gradient(120deg,#132729,#21363a);border-radius:8px;justify-content:center;align-items:center;gap:16px;height:62px;display:flex}.reel-cable{background:#7ca69a;width:58px;height:7px;position:relative}.reel-cable:after{content:"";background:linear-gradient(#f4cf8e,#b37d42);border-radius:3px;width:20px;height:17px;position:absolute;top:-5px;right:-2px}.reel-port{background:#122027;border:4px solid #dfb87a;border-radius:6px;width:28px;height:25px}dialog.memory-reel:has(.workshop-vista){width:min(570px,100vw - 28px)}.workshop-vista{isolation:isolate;position:relative}.reel-window{aspect-ratio:1376/768;background-color:#151a2e;background-image:url(/assets/workshop-window-v28.webp),url(/assets/lunar-panorama-v1.webp);background-position:50%;background-size:cover;border-radius:8px;position:relative;overflow:hidden}.window-copy>p:first-child{margin-top:14px}.memory-reel .sky-replay{z-index:1;color:#fff3da;text-shadow:0 1px 3px #10131b;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;min-height:44px;padding:4px 8px;font-size:12px;display:flex;position:absolute;bottom:2%;right:2%}.sky-replay:before{z-index:-1;content:"";background:#131b28db;border-radius:5px;position:absolute;inset:8px 0}.sky-replay span{font-size:1.3em}.meteor-track{--flight:.98s;--wait:.22s;pointer-events:none;transform-origin:0;width:17%;height:2px;position:absolute;top:17%;left:34%;transform:rotate(19deg)}.meteor-track.distant{--flight:.77s;--wait:1.83s;width:12%;height:1.5px;top:22%;left:54%}.meteor-trace{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#e1cced75 47%,#f9deba 86%,#fff5de);border-radius:60%;position:absolute;inset:0}.meteor-trace:after{content:"";background:#fff3d9;border-radius:50%;width:3px;height:2px;position:absolute;top:50%;right:-1px;transform:translateY(-50%);box-shadow:0 0 4px 1px #e9c3a48c}.passing .meteor-trace{animation:workshop-meteor var(--flight) ease-in-out var(--wait) both}@keyframes workshop-meteor{0%{opacity:0;transform:translate(-60%)scaleX(.18)}22%{opacity:.76}50%{opacity:.98;transform:translate(-4%)scaleX(.88)}77%{opacity:.74}to{opacity:0;transform:translate(84%)scaleX(.1)}}.reduced-motion [data-shower] .meteor-trace{opacity:.82;animation:none;transform:translate(8%)scaleX(.75)}.reduced-motion .sky-replay{display:none}@media (prefers-reduced-motion:reduce){[data-shower] .meteor-trace{opacity:.82;animation:none;transform:translate(8%)scaleX(.75)}.memory-reel .sky-replay{display:none}}@media (orientation:landscape) and (height<=500px) and (width>=640px){dialog.memory-reel:has(.workshop-vista){width:min(760px,100vw - 24px)}.window-chapter{grid-template-columns:1.1fr 1fr;align-items:start;gap:18px;display:grid}.window-copy>p:first-child{margin-top:0}.window-copy .reel-socket{height:38px}}@media (width<=365px){dialog.memory-reel{padding:18px 12px}.ring-listen{gap:5px}.ring-play{display:none}}.water-repair-dialog{width:min(540px,100vw - 24px)!important;padding:28px!important}.water-repair-dialog h2{padding-right:18px;font-size:32px;line-height:1.12}.water-repair-dialog>.primary{width:100%;min-height:48px;margin-top:16px;font-size:15px}.water-chain{background:#ffffff06;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;padding:18px 10px;display:flex}.water-chain>span{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:12px;display:flex}.water-chain img,.water-chain svg{object-fit:contain;color:#a0d8d1;width:58px;height:58px;margin-bottom:5px}.water-chain small{color:#bacbc9}.water-chain b{color:#dbc295;font-weight:400}.helper-portrait{align-items:center;gap:18px;margin:20px 0;display:flex}.helper-portrait img{object-fit:contain;width:42%;max-height:150px}.helper-portrait p{font-size:15px;line-height:1.6}.repair-seal{justify-content:center;align-items:center;gap:30px;margin:28px 0;display:flex}.repair-seal>span{border:13px solid #9bbdb4;border-radius:50%;width:72px;height:72px;box-shadow:inset 0 3px 4px #0006,0 5px 12px #0004}.repair-seal .seal-socket{border-color:#665e53;outline:8px solid #c5ac80}.repair-seal svg{color:#e9c58f;width:28px}.pipe-layout{grid-template-columns:1fr 1fr;gap:0 18px;max-width:300px;margin:0 auto;display:grid}.pipe-source,.pipe-outlet{color:#c4e5de;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:0 0 8px;font-size:12px;display:flex}.pipe-source svg,.pipe-outlet svg{width:18px;height:18px}.pipe-source b,.pipe-outlet b{text-align:center;width:100%;font-size:21px;font-weight:400;line-height:1}.pipe-board{background:#111b28;border:2px solid #637b7e;border-radius:18px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0;padding:12px 20px;display:grid;position:relative}.pipe-board:before,.pipe-board:after{content:"";background:#97d3cc;width:21px;height:10px;position:absolute;top:calc(25% + 6px);box-shadow:0 0 8px #97d3cc55}.pipe-board:before{left:0}.pipe-board:after{right:0}.pipe-joint{aspect-ratio:1;touch-action:manipulation;background:#1d2a39;border:1px solid #384657;border-radius:8px;width:100%;min-height:72px;padding:0;position:relative}.pipe-joint:hover,.pipe-joint:focus-visible{outline-offset:-3px;z-index:1;background:#2a3e4c;outline:2px solid #edcf99}.pipe-joint:active{background:#3c505b}.pipe-joint svg{width:100%;height:100%;display:block;overflow:visible}.pipe-shadow{fill:none;stroke:#606a71;stroke-width:22px}.pipe-water{fill:none;stroke:#353c48;stroke-width:12px}.pipe-edge{fill:none;stroke:#b8a281;stroke-width:4px}.pipe-joint.flowing .pipe-water{stroke:#a4dacf}.pipe-joint circle{fill:#d8bd90;stroke:#f2d9ad;stroke-width:1px}.pipe-turn{fill:none;stroke:#443c36;stroke-width:1.5px}.repair-flow{color:#c4e5de;text-align:center;min-height:22px;margin:16px 0!important;font-size:14px!important}.repair-actions{flex-direction:column;gap:5px;display:flex}.repair-actions .primary{min-height:48px;font-size:15px}.repair-actions .text-button{justify-content:center;min-height:44px}.repair-hint{border-left:2px solid #dac195;padding:8px 12px;margin:10px 0!important;font-size:14px!important}.repair-quiet{text-align:center;color:#b9bac7!important;margin:16px 0 0!important;font-size:12px!important;line-height:1.5!important}.repair-kept{color:#c4e5ca;align-items:center;gap:10px;font-size:14px;line-height:1.6;display:flex}.repair-kept svg{flex-shrink:0;width:22px}.repair-finished{margin-top:18px}.station-target{white-space:nowrap;pointer-events:auto;touch-action:pan-y pinch-zoom;background:#232a3bea;border:1px solid #d9c09b75;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:114px;height:46px;padding:6px 8px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 12px #10121d60}.station-target svg{color:#eed1a0;width:18px;height:18px}.station-target:hover,.station-target:focus-visible{background:#3a4050;border-color:#ffe1aa}.station-target.is-pressed{color:#242a39;background:#dfc49b}.station-target.is-pressed svg{color:inherit}.station-guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.station-guides line{stroke:#eed2aa;stroke-width:1px;stroke-opacity:.65}.station-guides circle{fill:#ffe3b6}.large-text .station-target{width:128px;height:48px;font-size:14px}.habitat-note.direct .habitat-actions{display:none}.habitat-note.direct{width:min(560px,86%);display:block}@media (width<=700px){.habitat-note.direct{width:auto}.habitat-note.direct h2{font-size:22px}.habitat-note.direct p{font-size:12px;line-height:1.5}}@media (height<=500px) and (width>=701px){.habitat-note.direct{width:240px;max-height:65%}}.journal-repair{border-left:2px solid #aacdc2;margin:0 0 24px;padding:0 0 0 16px}.journal-repair h3{align-items:center;gap:9px;font-size:19px;line-height:1.35;display:flex}.journal-repair h3 svg{color:#c1dccd;flex-shrink:0;width:20px;height:20px}.journal-repair p{color:#d1d2cf;margin:9px 0 12px;font-size:14px;line-height:1.6}.journal-repair button,.repair-list button{min-height:44px;font-size:14px}.repair-list button{margin-top:10px}.destination-actions{flex-direction:column;align-items:stretch;gap:4px;margin-top:12px;display:flex}.destination-actions button{min-height:44px;margin:0}.destination-actions .text-button{justify-content:center;font-size:12px}@media (width<=700px){.repair-destination{max-height:38%}.journal-repair{padding-left:12px}.journal-repair p{font-size:13px}#toast:has([data-action=visit-repair]){flex-direction:column;align-items:stretch;gap:2px}#toast [data-action=visit-repair]{justify-content:center}}.habitat-note .habitat-actions button{min-height:44px;font-size:13px}.habitat-note .habitat-actions .primary{font-size:14px}.habitat-note .habitat-actions{gap:8px}.workshop-moment{text-align:center;flex-direction:column!important;max-width:580px!important;display:flex!important}.workshop-moment button{align-self:center;min-height:44px;margin-top:12px}.habitat-status-line{color:#c4e5de;margin-top:9px;font-size:12px;display:block}.settlement-header .icon-button{min-width:44px;min-height:44px}.large-text .water-repair-dialog p{font-size:16px!important}.large-text .water-repair-dialog .repair-quiet{font-size:14px!important}@media (width<=700px){.water-repair-dialog{padding:28px 18px 18px!important}.water-repair-dialog h2{font-size:28px}.habitat-note{max-height:37%;padding:14px!important}.habitat-note p{font-size:12px}.habitat-note .habitat-actions{grid-template-columns:1fr 1fr;display:grid}.habitat-note .habitat-actions .primary{grid-column:1/-1}.habitat-note .habitat-actions button{padding:8px}.habitat-note h2{font-size:23px}.habitat-status-line{display:none}.workshop-moment{width:auto!important;left:12px!important;right:12px!important;transform:none!important}.water-chain{gap:5px}.water-chain img,.water-chain svg{width:48px;height:48px}}@media (width>=701px) and (height<=500px){.water-repair-dialog{display:block;width:min(740px,100vw - 28px)!important}.water-repair-dialog:has(.pipe-layout){min-height:342px;padding-right:340px!important}.water-repair-dialog .pipe-layout{width:265px;position:absolute;top:46px;right:28px}.water-repair-dialog h2{font-size:27px}.water-repair-dialog .dialog-intro{margin-bottom:12px!important}.habitat-note{width:290px;max-height:65%}.habitat-note .habitat-actions{gap:4px}.habitat-note p{font-size:12px}.workshop-moment{width:520px!important;left:50%!important;transform:translate(-50%)!important}}@media (width<=700px) and (height<=620px){.water-repair-dialog:has(.pipe-board){padding:24px 16px 14px!important}.water-repair-dialog:has(.pipe-board) h2{font-size:25px}#dialog.water-repair-dialog:has(.pipe-board) .dialog-intro{margin:10px 0 12px;font-size:13px;line-height:1.5}.water-repair-dialog .pipe-layout{gap:0 6px;max-width:212px}.water-repair-dialog .pipe-source,.water-repair-dialog .pipe-outlet{gap:4px;padding-bottom:5px;font-size:10px}.water-repair-dialog .pipe-source svg,.water-repair-dialog .pipe-outlet svg{width:15px;height:15px}.water-repair-dialog .pipe-source b,.water-repair-dialog .pipe-outlet b{font-size:17px}.water-repair-dialog .pipe-board{padding:8px 16px}.water-repair-dialog .pipe-board:before,.water-repair-dialog .pipe-board:after{width:17px;top:calc(25% + 4px)}.water-repair-dialog .repair-flow{margin:10px 0!important;font-size:12px!important}.water-repair-dialog:has(.pipe-board) .repair-quiet{display:none}}@media (width>=701px) and (height<=500px){.habitat-note:not(.workshop-moment) h2{margin-bottom:6px;font-size:22px}.habitat-note .habitat-status-line{display:none}.habitat-note .habitat-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.habitat-note .habitat-actions .primary{grid-column:1/-1}.habitat-note .habitat-actions button{padding:8px;font-size:12px}}@media (width<=700px) and (height<=620px){.habitat-note{max-height:45%}}#hud:has(.habitat-note)~#toast{max-width:calc(100vw - 32px);top:118px;bottom:auto}@media (height<=500px) and (width>=701px){#hud:has(.habitat-note)~#toast{top:88px}}dialog.spout-dialog{width:min(510px,100vw - 24px);max-height:calc(100dvh - 24px);padding:clamp(18px,4vw,30px)}.spout-dialog h2{padding-right:37px;line-height:1.08}.spout-intro{align-items:center;gap:10px;margin:8px 0 13px;display:flex}.spout-intro img{object-fit:contain;background:#172c2d;border-radius:12px;flex:none;width:68px;height:68px}.spout-intro .spout-source{color:#d5e1d6;margin:0;line-height:1.45}.spout-wing{color:#f2d6a5;margin:12px 0 8px;font-size:1rem;font-weight:600}.spout-map{grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:5px;display:grid}.spout-bed{color:#f6ecd8;background:#28362f;border:1px solid #737972;border-radius:8px;align-content:start;justify-items:center;gap:2px;min-height:66px;padding:5px 2px;display:grid}.spout-bed[aria-pressed=true]{background:#3f5347;border:2px solid #efca8d;padding:4px 1px}.spout-bed>span{color:#e8d5af;font-size:max(12px,.83em)}.spout-bed strong{overflow-wrap:anywhere;font-size:max(12px,.92em);font-weight:550;line-height:1.17}.spout-bed img,.spout-bed i{object-fit:contain;width:40px;height:31px}.spout-bed img{mix-blend-mode:screen}.spout-bed i:before{content:"";background:#4c382a;border:1px solid #a68c67;border-radius:50%;width:26px;height:10px;margin:8px auto 0;display:block}.spout-forecast{border-left:2px solid #a3c9b4;margin:12px 0;padding-left:10px}.spout-forecast p{margin:3px 0;line-height:1.4}.spout-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}:is(.plan-tools:has([data-action=spout-visit]),.repair-finished:has([data-action=spout-visit])){flex-wrap:wrap}.spout-dialog button{min-height:44px}.spout-dialog button:focus-visible{outline-offset:-3px;outline:2px solid #ffdf9e}.spout-moment{bottom:max(18px,env(safe-area-inset-bottom));pointer-events:auto;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:9px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.spout-moment p{margin:0;line-height:1.35}.spout-moment button{white-space:nowrap;min-height:44px}.large-text .spout-dialog :is(p,button){font-size:16px}.warmth-dialog{width:min(520px,100vw - 24px)!important;padding:26px!important}.warmth-dialog h2{padding-right:20px;font-size:30px;line-height:1.15}.warmth-dialog p{font-size:16px;line-height:1.6}.warmth-dialog>.primary{width:100%;min-height:48px;font-size:16px}.warmth-dialog>.text-button{justify-content:center;width:100%;min-height:44px}.heat-feeds,.warm-corners{gap:10px;margin:18px 0;display:grid}.heat-feeds button,.warm-corners button{white-space:normal;text-align:left;flex-direction:column;align-items:flex-start;gap:5px;min-height:70px;padding:16px;font-size:16px;display:flex}.heat-feeds span,.warm-corners span{color:#c5c6ce;font-size:14px;line-height:1.5}.heat-recipe{border-left:2px solid #c8b185;padding-left:13px;font-size:14px!important}.heat-target{color:#eed7b0;pointer-events:auto;z-index:2;background:#252b3de8;border:1px solid #d9bc8266;border-radius:13px;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:13px;display:flex;position:absolute;transform:translate(-50%,-100%)}.heat-target svg{width:20px;height:20px}.heat-moment{bottom:max(16px,env(safe-area-inset-bottom));pointer-events:auto;width:min(520px,100% - 24px);padding:18px 22px;position:absolute;left:50%;transform:translate(-50%)}.heat-moment h2{margin:0 0 6px;font-size:25px}.heat-moment p{margin:0 0 12px;font-size:15px;line-height:1.5}.heat-moment button{min-height:44px}.journal-warmth{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin:16px 0;padding:18px 0}.journal-warmth h3{margin:0 0 8px;font-size:21px}.journal-warmth p{font-size:15px}@media (height<=500px) and (width>=700px){.heat-moment{width:260px;padding:14px;left:auto;right:12px;transform:none}.heat-moment h2{font-size:21px}.heat-moment p{font-size:13px}}.habitat-note .warmth-invitation{min-height:44px;margin-top:10px;font-size:14px}.pollen-dialog{width:min(760px,100vw - 24px)}.flower-experiment{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.flower-experiment .donor-pickers{gap:16px;display:grid}.flower-experiment label{gap:7px;display:grid}.flower-experiment select{width:100%;min-width:0;min-height:44px}.flower-preview{text-align:center;min-width:0;margin:0}.flower-preview img{aspect-ratio:1;background:#282c3b;border-radius:20px;width:100%;display:block}.flower-preview figcaption{color:var(--muted,#cbc4d3);padding:12px 0;font-size:.9rem;line-height:1.55}.flower-preview .preview-empty{aspect-ratio:1;border:1px dashed #82788e;border-radius:20px;place-items:center;padding:24px;display:grid}.pollen-dialog .pollen-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.pollen-dialog .flower-recipe-status{min-height:1.5em;margin-top:12px}.pollen-dialog .recorded-gift{border-left:2px solid #cfae7b;padding-left:16px}.pollen-dialog .recorded-gift p{margin:6px 0;font-size:.9rem}.pollination-moment{left:50%;bottom:max(24px,env(safe-area-inset-bottom));text-align:center;pointer-events:auto;width:min(460px,100% - 32px);padding:20px;position:absolute;transform:translate(-50%)}.pollination-moment h2{margin:0 0 8px;font-size:1.65rem}.pollination-moment p{margin:0 0 14px;line-height:1.5}@media (width<=580px){.flower-experiment{grid-template-columns:1fr;gap:12px}.flower-preview{grid-template-columns:minmax(110px,42%) 1fr;align-items:center;gap:12px;display:grid}.flower-preview figcaption{text-align:left}.pollen-dialog .pollen-actions>button{flex:1}.pollination-moment{bottom:max(12px,env(safe-area-inset-bottom));padding:16px}}
