/* New game pages extend the existing warm farm theme; title and scene art are untouched. */
.facility-ui[data-panel="life"], .facility-ui[data-panel="honors"] { width: min(760px, calc(100vw - 32px)); }
.life-page { color: #335b49; font-size: 14px; line-height: 1.65; }
.life-intro { padding: 5px 0 18px; }
.life-kicker { font-size: 11px; letter-spacing: .13em; color: #92733e; font-weight: 800; }
.life-intro h3 { font-size: clamp(22px,4vw,29px); line-height: 1.4; margin: 8px 0; color: #2c604b; }
.life-intro p { margin: 0; color: #6c7965; }
.life-section-title { margin: 26px 0 12px; font-size: 17px; display: flex; justify-content: space-between; gap: 8px; }
.life-section-title small { font-size: 12px; color: #7f866b; font-weight: 500; }
.life-footnote { color: #747b63; font-size: 12px; margin: 14px 0; }
.life-page button, .life-link { font: inherit; cursor: pointer; }
.life-link { display: block; border: 1px solid #d2c59c; background: #fffcf0; color: #3c7256; padding: 10px 13px; width: 100%; text-align: left; margin: 10px 0; line-height: 1.5; overflow-wrap: anywhere; }
.honor-trophies { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.honor-trophy { border: 1px solid #d6c8a1; background: linear-gradient(145deg,#fffef1,#f1ebcf); padding: 18px; border-radius: 20px; text-align: center; box-shadow: 0 3px 0 #c3bc9666; min-width: 0; }
.honor-trophy--gold { grid-column: 1/-1; background: radial-gradient(ellipse at 50% 0,#fffde9,transparent 75%),linear-gradient(135deg,#f4e6b7,#e8cf86); border-color: #c6a45b; }
.honor-symbol { display: block; font-size: 32px; color: #a57832; line-height: 1.2; }
.honor-trophy small { display: block; color: #777451; font-weight: 700; margin: 9px 0; }
.honor-trophy strong { font-size: clamp(22px,4vw,32px); line-height: 1.4; display: block; color: #62502d; overflow-wrap: anywhere; }
.honor-trophy--gold strong { font-size: 40px; }
.honor-trophy em { font-style: normal; font-size: 13px; margin-left: 7px; display: inline-block; }
.honor-trophy p { font-size: 11px; margin: 8px 0 0; color: #7d785b; }
.honor-badges { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.honor-badge { border: 1px dashed #d4cbaa; border-radius: 15px; padding: 14px 8px; text-align: center; color: #888774; background: #f3f0df; display: flex; flex-direction: column; align-items: center; }
.honor-badge span { font-size: 28px; line-height: 1.4; }
.honor-badge b { font-size: 12px; }.honor-badge small { font-size: 10px; margin-top: 5px; }
.honor-badge em { margin-top: auto; padding-top: 8px; font-size: 10px; font-style: normal; }
.honor-badge.is-earned { background: #e8efcf; color: #436649; border-style: solid; border-color: #c0c897; }
.honor-badge.is-earned span { color: #c08a38; }
.honor-history article { display: flex; flex-wrap: wrap; gap: 3px 12px; border-bottom: 1px dashed #d4ccab; padding: 14px 0; }
.honor-history article div { flex: 1 1 55%; }.honor-history small { display: block; font-size: 10px; color: #84836b; }
.honor-history strong { font-size: 18px; }.honor-history article > span { width: 100%; color: #6f785e; font-size: 12px; }
.life-empty { padding: 30px 15px; border: 1px dashed #cbbf96; border-radius: 18px; text-align: center; }
.life-empty > span { display: block; font-size: 40px; color: #b4b77a; }.life-empty p { color: #7a816b; }
@media(max-width:600px) {
 .facility-ui[data-panel="life"], .facility-ui[data-panel="honors"] { width: calc(100vw - 20px); }
 .life-page { font-size: 13px; }.honor-badges { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .honor-trophy { padding: 14px 10px; }
}
/* Six clear destinations, with work actions inside the farm page. */
#game-root .toolbar { display:flex; align-items:center; justify-content:center; gap:12px; height:auto; min-height:84px; padding:10px 18px; }
#game-root .toolbar-actions { display:flex; align-items:stretch; justify-content:center; gap:8px; }
#game-root .toolbar-actions > button { width:76px; min-width:0; padding:7px 5px; }
#game-root .toolbar .next-day { margin-left:12px; min-height:55px; min-width:170px; }
#game-root .toolbar-toggle { display:none; }
.facility-ui[data-panel="farm"],.facility-ui[data-panel="shop"],.facility-ui[data-panel="warehouse"],.facility-ui[data-panel="records"],.facility-ui[data-panel="restaurant"] { width:min(860px,calc(100vw - 32px)); }
.player-tile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.player-tile { border:1px solid #dbd0ad; border-radius:18px; background:linear-gradient(145deg,#fffef6,#f0edd6); padding:17px; text-align:left; color:#3a6550; box-shadow:0 3px 0 #c8c2a04d; cursor:pointer; min-width:0; }
.player-tile b { font-size:15px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.player-tile b span { color:#a6a778; }.player-tile small { display:block; font-size:11px; color:#7d8268; margin-top:6px; }
.player-tile:hover { background:#eaf0d8; border-color:#afbf8d; }
.player-tabs { display:flex; gap:8px; margin:14px 0; flex-wrap:wrap; }.player-tabs > * { flex:1 1 120px; }
.player-button { padding:9px 14px; color:#fffcec; border:1px solid #326848; background:linear-gradient(#5a946d,#3d7657); border-radius:12px; min-height:44px; font:inherit; font-weight:700; cursor:pointer; box-shadow:0 2px 0 #2c5b3d40; }
.player-button:disabled { cursor:default; background:#e9e6d5; color:#7c826b; border-color:#d5cfb4; box-shadow:none; }
.player-balance { display:flex; align-items:center; gap:12px; background:#ecebce; border:1px solid #d4c79b; border-radius:15px; padding:10px 15px; margin-bottom:20px; }
.player-balance span { font-size:12px; }.player-balance b { font-size:24px; color:#806135; }.player-balance button { margin-left:auto; background:transparent; color:#4a7551; border:0; font-weight:700; }
.store-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.store-card { background:#fffdf4; border:1px solid #d8ccaa; border-radius:19px; overflow:hidden; box-shadow:0 3px 0 #d1c59a44; }
.store-picture { position:relative; height:160px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 50% 75%,#dce6bc,#f8f5de 75%); overflow:hidden; }
.store-picture img { height:150px; width:90%; object-fit:contain; filter:drop-shadow(0 7px 3px #5e774628); }
.store-picture > span:not(.mini-table) { position:absolute; left:10px; top:10px; border-radius:20px; font-size:10px; background:#fffdf0bf; padding:3px 9px; color:#788260; }
.store-copy { padding:15px; }.store-copy h4 { font-size:16px; margin:0 0 4px; }.store-copy p { font-size:12px; color:#7d806a; margin:0 0 9px; min-height:38px; }.store-copy > small { font-size:10px; color:#939077; }
.store-copy > div { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:9px; }.store-copy strong { font-size:21px; color:#9a7535; }.store-copy strong small { font-size:10px; font-weight:400; }.store-copy button { font-size:12px; padding:8px 11px; }
.warehouse-list { display:grid; gap:10px; }.warehouse-list article { display:flex; align-items:center; gap:14px; border:1px solid #d6cdac; background:#fffdf3; border-radius:17px; padding:8px 13px; }
.warehouse-picture { width:75px; height:76px; flex:0 0 75px; display:flex; align-items:center; justify-content:center; background:#edf0d7; border-radius:12px; }.warehouse-picture img { width:100%;height:100%;object-fit:contain; }.warehouse-list article>div:nth-child(2) { flex:1; }.warehouse-list small { display:block; font-size:11px;color:#8b8d72; }.warehouse-list button { font-size:12px; }
.mini-table { display:flex; align-items:center; justify-content:center; gap:4px; width:100%; height:80%; }.mini-table b { width:46%; height:55%; max-width:80px; border:3px solid #9b7249; background:linear-gradient(135deg,#edc896,#c99968); border-radius:16px; box-shadow:0 7px 0 #926647,0 11px 8px #3c533b22; }.mini-table i { width:13%;height:35%;max-width:22px; border:2px solid #8c734b;background:#a5b67c;border-radius:8px;box-shadow:0 5px 0 #7a6c49; }
.growth-card { padding:19px; border:1px solid #a5ba86; border-radius:20px; background:linear-gradient(145deg,#e9efcb,#c8dda7); display:flex; flex-wrap:wrap; gap:14px; align-items:center; }.growth-card > div:first-child {flex:1;}.growth-card span {font-size:11px;font-weight:800;color:#668053;}.growth-card b {display:block;font-size:23px;color:#395f42;}.growth-card small {display:block;font-size:11px;color:#6b7c57;}.growth-card strong {font-size:29px;text-align:right;}.growth-card .life-progress {width:100%;height:8px;background:#9fb87d66;border-radius:10px;overflow:hidden;}.life-progress i {height:100%;display:block;background:linear-gradient(90deg,#81a45d,#4d8157);border-radius:10px;}.growth-secondary {padding:12px 4px;font-size:12px;color:#6e785f;}.growth-secondary small{display:block;font-size:10px;margin-top:3px;}
.care-list {background:#fffdf3;border:1px solid #ddd2af;border-radius:17px;padding:3px 13px;}.care-row {display:flex;align-items:center;gap:11px;padding:12px 0;}.care-row+ .care-row {border-top:1px dashed #ddd5b8;}.care-row > div {flex:1;}.care-row b {font-size:13px;}.care-row small {display:block;font-size:11px;color:#8a8d75;}.care-check {color:#a8b298;font-size:22px;}.care-check.is-done {color:#688e50;}.care-row button {background:transparent;color:#507a54;border:1px solid #c7d2aa;box-shadow:none;font-size:12px;}
.garden-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.garden-plot {display:flex;flex-direction:column;align-items:center;text-align:center;padding:17px 10px;background:linear-gradient(#ecf0d5,#faf1d9);border:1px solid #d9cda6;border-radius:18px;min-width:0;}.garden-plot>b{font-size:13px;}.garden-plot>small{font-size:10px;color:#8b8868;}.garden-plot button{font-size:11px;padding:7px 9px;margin-top:8px;min-height:44px;}.garden-plot>div{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;}.garden-flower{font-size:50px;line-height:1.5;color:#6f9a56;text-shadow:0 3px #b7bd9140;}.garden-plot.is-locked {background:#edead9;color:#a7a385;border-style:dashed;justify-content:center;}.garden-plot.is-locked>span{font-size:30px;margin-bottom:10px;}
.discovery-card{display:flex;gap:14px;border:1px solid #d9cfb0;border-radius:18px;background:#fffdf3;padding:18px;margin-bottom:12px;}.discovery-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:15px;background:#e9ecd0;color:#859953;font-size:29px;}.discovery-card>div:last-child{min-width:0;flex:1;}.discovery-card h4{font-size:15px;margin:2px 0 6px;}.discovery-card small{font-size:10px;color:#a18955;}.discovery-card p{font-size:12px;color:#6f7b60;margin:3px 0 12px;}.discovery-options{display:grid;gap:6px;}.discovery-options button{text-align:left;background:#f7f5e6;color:#5b7355;border-color:#d6d1b1;box-shadow:none;font-size:12px;font-weight:500;}.discovery-complete{color:#4c8054!important;}.life-roadmap{list-style:none;padding:0;}.life-roadmap li{display:flex;gap:12px;align-items:center;padding:10px 0;color:#969985;}.life-roadmap li>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9e6d6;font-size:13px;font-weight:800;}.life-roadmap small{display:block;font-size:11px;}.life-roadmap .is-open{color:#52714b;}.life-roadmap .is-open>span{background:#d4e2bc;color:#456b43;}
@media(max-width:620px) {
 #game-root .toolbar{display:grid;grid-template-columns:1fr;gap:6px;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));min-height:0;grid-template-rows:auto auto;}
 #game-root .toolbar-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:5px;grid-column:1/-1;}
 #game-root .toolbar-actions>button{width:auto;height:51px;min-height:44px;padding:4px 2px;border-radius:12px;}
 #game-root .toolbar-actions b{font-size:10px;}#game-root .tool-symbol{height:23px;}#game-root .tool-symbol svg{width:24px;height:24px;}
 #game-root .toolbar .next-day{grid-column:1/-1;width:100%;height:38px;min-height:38px;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;}
 .facility-ui:is([data-panel="farm"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="restaurant"]){width:calc(100vw - 16px);}
 .store-grid{gap:9px;}.store-picture{height:125px;}.store-picture img{height:115px;}.store-copy{padding:11px;}.store-copy h4{font-size:13px;}.store-copy p{font-size:10px;min-height:36px;}.store-copy>div{align-items:stretch;flex-direction:column;}.store-copy strong{font-size:20px;}.store-copy button{width:100%;}
 .warehouse-picture{width:55px;height:65px;flex-basis:55px;}.warehouse-list article{gap:8px;padding:8px;}.warehouse-list b{font-size:12px;}.warehouse-list button{padding:8px;font-size:11px;}
 .player-tile-grid{gap:9px;}.player-tile{padding:13px;}.player-tile b{font-size:13px;}.player-tile small{font-size:10px;}
 .garden-grid{grid-template-columns:1fr;}.garden-plot{min-height:140px;}.garden-flower{font-size:45px;}.discovery-card{padding:14px;gap:10px;}
}
@media(max-height:500px) and (orientation:landscape){
 #game-root .toolbar{min-height:57px;padding:5px 12px;gap:10px;}#game-root .toolbar-actions>button{height:44px;padding:2px 6px;min-width:56px;width:62px;}#game-root .toolbar-actions b{font-size:9px;}#game-root .toolbar .next-day{min-height:44px;height:44px;min-width:150px;margin-left:0;}#game-root .toolbar-toggle{display:none;}
}
/* Feature destinations behave as in-game pages and keep a reliable close control. */
.facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) {
 position:fixed; inset:14px 14px 14px auto; width:min(960px,calc(100vw - 28px)); max-width:none; height:calc(100dvh - 28px); max-height:none; margin:0;
}
.facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__shell {height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:18px;}
.facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__header {flex:0 0 auto;padding-bottom:13px;margin-bottom:13px;}
.facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__content {flex:1 1 auto;min-height:0;overflow:auto;padding-right:7px;}
.facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .play-notes {flex:0 0 auto;margin:8px 0 0;max-height:25vh;overflow:auto;}
@media(max-width:620px){
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]){inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:20px;}
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__shell{padding:14px 12px;}
}
.facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__shell { max-height:none; }
.facility-ui__status {flex:0 0 auto;margin:0 0 10px;padding:9px 12px;border:1px solid #b8cba5;border-radius:12px;background:#edf4df;color:#4f7550;font-size:12px;line-height:1.5;max-height:80px;overflow:auto;}
.facility-ui__status[hidden]{display:none;}.facility-ui__status[data-state="error"]{background:#fff0dc;border-color:#e0b685;color:#a66534;}
@media(max-height:500px) and (orientation:landscape){
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__shell{padding:8px 12px;}
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__header{padding-bottom:6px;margin-bottom:6px;}
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__eyebrow{display:none;}
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__header h2{font-size:18px;}
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) .facility-ui__icon{width:34px;height:34px;border-radius:11px;}
 .facility-ui:is([data-panel="farm"],[data-panel="life"],[data-panel="shop"],[data-panel="warehouse"],[data-panel="records"],[data-panel="honors"],[data-panel="restaurant"]) :is(.play-notes,.life-intro){display:none;}
 .store-picture{height:108px;}.store-picture img{height:104px;}.store-copy{padding:10px 13px;}.store-copy p{min-height:0;}.store-copy>div{margin-top:6px;}
}
@media(max-height:500px) and (orientation:landscape){
 .store-picture{height:80px;}.store-picture img{height:76px;}.store-copy p{display:none;}.store-copy h4{font-size:14px;margin-bottom:0;}.store-copy>small{line-height:1.2;}.player-balance{padding:5px 12px;margin-bottom:12px;}
 .honor-trophies{grid-template-columns:repeat(3,minmax(0,1fr));}.honor-trophy--gold{grid-column:auto;}.honor-trophy{padding:12px;}.honor-symbol{font-size:23px;}.honor-trophy strong{font-size:26px;}.honor-trophy--gold strong{font-size:32px;}
}
/* Player feedback 2026-10-29: compact preparation and separate corner tools. */
.facility-ui .prep-steps{justify-content:center;gap:8px;margin:12px 0;max-width:340px;margin-inline:auto;}
.facility-ui .prep-steps>span{flex:0 1 48px;min-width:36px;}
.stocking-shrimp{width:42px;height:42px;object-fit:contain;image-rendering:auto;}
.prep-steps .stocking-shrimp{width:32px;height:32px;}
@media(max-width:620px) and (orientation:portrait){
 #game-settings{top:calc(74px + env(safe-area-inset-top));bottom:auto;right:12px;}
 #game-version{top:calc(123px + env(safe-area-inset-top));bottom:auto;right:12px;min-height:44px;}
 .iso-controls{bottom:12px;right:12px;}
}
.living-garden{border:1px solid #b4bb88;border-radius:23px;overflow:hidden;box-shadow:0 8px 20px #3e604219;margin-top:12px;background:#f5edd7;}
.garden-scene{position:relative;aspect-ratio:1.5;background:url('/src/assets/life-scenes/garden-beds.png') center/100% 100%;}
.garden-scene-title{position:absolute;left:5%;top:6%;padding:10px 15px;background:#fff9e5e6;border:1px solid #c7bd92;border-radius:12px;box-shadow:0 3px 10px #354d3822;}.garden-scene-title span{font-weight:800;font-size:18px;display:block;color:#496342;}.garden-scene-title small{font-size:10px;color:#8d8462;}
.garden-soil-plots{position:absolute;left:6%;right:6%;bottom:10%;height:51%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;align-items:end;}
.visual-plot{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;}.visual-plot>small{font-size:11px;background:#fff8e8e8;border-radius:8px;padding:3px 6px;white-space:nowrap;color:#596644;}.visual-plot.empty{justify-content:end;padding-bottom:20%;}.garden-stakes{font-size:30px;color:#e4ca82;}.visual-plot.locked{justify-content:center;filter:saturate(.5);background:#40543833;border-radius:18px;}.visual-plot.locked>span{font-size:25px;}
.facility-ui .visual-plot>button{position:relative;display:grid;justify-items:center;align-content:end;width:100%;height:100%;min-height:80px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:12px;color:#fff9e8;opacity:1;}.visual-plot>button:disabled{opacity:1;cursor:default;}.living-flower{width:100%;height:100%;max-height:190px;overflow:visible;filter:drop-shadow(1px 3px 2px #35412444);transform-origin:50% 95%;animation:flower-sway 4s ease-in-out infinite alternate;}.plant-action{position:absolute;bottom:5px;border-radius:20px;padding:5px 8px;background:#456d4ce8;font-size:11px;white-space:nowrap;}.visual-plot.is-watered .plant-action{background:#69805de8;}.water-sparkle{display:none;pointer-events:none;}.visual-plot:has(button:active) .water-sparkle{display:block;position:absolute;top:10%;font-size:30px;color:#abdef2;animation:garden-water .8s ease-out;}
.garden-seed-shelf{padding:12px 16px;}.garden-seed-shelf>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}.garden-seed-shelf b{font-size:11px;}.garden-seed-shelf .player-button{font-size:11px;display:flex;align-items:center;gap:5px;padding:6px 10px;min-height:44px;}.seed-packet{color:var(--seed-color);font-size:24px;background:#f5e6bf;border:1px solid #c6b683;border-radius:4px;padding:1px 4px;}.garden-seed-shelf p{margin:0;color:#8a8164;font-size:11px;}
@keyframes flower-sway{to{transform:rotate(3deg);}}@keyframes garden-water{from{transform:translateY(-20px);opacity:1;}to{transform:translateY(30px);opacity:0;}}
@media(max-width:620px){.garden-scene{aspect-ratio:1.15;}.garden-scene-title{padding:6px 10px;}.garden-scene-title span{font-size:14px;}.garden-scene-title small{font-size:8px;}.visual-plot>small{font-size:9px;padding:3px;}.plant-action{font-size:9px;padding:5px 6px;}.garden-soil-plots{left:4%;right:4%;gap:3%;}}
@media(prefers-reduced-motion:reduce){.living-flower{animation:none;}}
.nature-visitor{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:15px;margin:14px 0;padding:14px;border:1px solid #c8cfa8;border-radius:18px;background:#f5f1de;}.nature-picture{position:relative;min-height:150px;background:radial-gradient(ellipse at 50% 80%,#d7c697 0 12%,transparent 13%),linear-gradient(150deg,#bed8ba,#a5c7b3 55%,#73a9a0);border-radius:12px;display:grid;place-items:center;overflow:hidden;}.nature-picture svg{width:120px;max-width:90%;height:120px;animation:flower-sway 3s ease-in-out infinite alternate;}.nature-picture>span{position:absolute;bottom:5px;background:#fff9e4da;font-size:9px;padding:3px 6px;border-radius:5px;}.nature-visitor h3{font-size:15px;margin:7px 0;color:#476449;}.nature-visitor p{font-size:12px;line-height:1.8;color:#7a8066;margin:7px 0;}.nature-visitor small{font-size:10px;color:#8d8d6e;}.nature-visitor button{font-size:11px;min-height:44px;}.water-ecology-card .nature-visitor{grid-template-columns:1fr;margin-bottom:0;}.water-ecology-card .nature-picture{min-height:125px;}.water-ecology-card .nature-picture svg{height:110px;}
@media(max-width:620px){.nature-visitor{grid-template-columns:1fr;}.nature-picture{min-height:145px;}}
.facility-ui .nature-preview{display:flex;align-items:center;gap:12px;width:100%;padding:7px 12px;border:1px solid #c3cba2;border-radius:13px;background:linear-gradient(120deg,#e7eed5,#faf6e5);text-align:left;color:#49654a;min-height:72px;}.nature-preview>span:first-child{width:64px;height:64px;flex:0 0 64px;background:#c4d7b4;border-radius:50%;}.nature-preview svg{width:64px;height:64px;}.nature-preview b{font-size:12px;}.nature-preview small{display:block;font-size:10px;margin-top:5px;color:#88886b;}
.facility-ui[data-panel="life"] .life-intro{display:none;}
.living-garden{max-width:620px;margin-inline:auto;}
@media(max-height:500px) and (orientation:landscape){.living-garden{max-width:370px;}.garden-scene{aspect-ratio:1.7;}.garden-scene-title{padding:4px 8px;}.garden-scene-title span{font-size:12px;}.garden-scene-title small{display:none;}.garden-seed-shelf{padding:8px 12px;}.visual-plot>small{font-size:9px;}}
.painted-flower{display:block;aspect-ratio:1;background-image:url('/src/assets/life-scenes/garden-flowers.png');background-size:300% 100%;background-position:0 100%;background-repeat:no-repeat;filter:drop-shadow(0 3px 2px #34522644);}.flower-cosmos{background-position:50% 100%;}.flower-sunflower{background-position:100% 100%;}