:root{color-scheme:light;--ink:#293c2e;--muted:#697061;--green:#31583c;--green-dark:#203d2b;--paper:#f7f4e9;--line:#dcdccc;--gold:#d5ad5d;--white:#fffef8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--green);text-underline-offset:4px}button,.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green);background:var(--green);color:white;padding:.78rem 1.05rem;border-radius:6px;font-weight:650;cursor:pointer;text-decoration:none;min-height:46px;line-height:1.3}button:hover,.button:hover{background:var(--green-dark)}button:disabled{opacity:.48;cursor:not-allowed}button.secondary{color:var(--green);background:transparent;border-color:#a7b09c}button.secondary:hover{background:#e7ebde}button.quiet{border:0;background:transparent;color:var(--ink);font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b27b20;outline-offset:3px}input,select{width:100%;min-width:0;border:1px solid #bfc5b6;border-radius:5px;background:white;padding:.75rem;color:var(--ink);min-height:46px}label{display:grid;gap:.4rem;font-size:.9rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:normal}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.14;margin-bottom:.65rem}h2{font-size:1.7rem;margin-bottom:.85rem}h3{font-size:1.3rem;margin-bottom:.6rem}p{line-height:1.65;color:var(--muted);margin-bottom:1rem}hr{border:0;border-top:1px solid var(--line);margin:1.4rem 0}[hidden]{display:none!important}.top{max-width:1344px;margin:auto;padding:1.2rem 2.5rem;display:flex;align-items:center;gap:2rem;min-height:100px}.brand{font-family:Georgia,serif;font-size:2.1rem;font-weight:bold;text-decoration:none;letter-spacing:-1px;line-height:1.1}.brand span{display:block;font-family:system-ui,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.12em;margin-top:.35rem;color:var(--muted)}.edition{margin-left:auto;color:var(--muted);font-size:.88rem}.balance{margin-left:auto;display:flex;gap:2rem}.balance strong{font-size:1.12rem}.balance span{font-size:.88rem;font-weight:400;color:var(--muted)}.nav{display:flex;gap:2rem;padding:0 max(2.5rem,calc((100vw - 1264px)/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0efe3}.nav a{padding:1rem .2rem;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;font-size:.95rem}.nav a[aria-current]{color:var(--green);border-bottom-color:var(--green);font-weight:700}main{max-width:1344px;margin:auto;padding:2rem 2.5rem 3rem;min-height:70vh}.notice{border:1px solid #bdd0ad;background:#e9f1df;padding:1rem 1.2rem;border-radius:6px;margin-bottom:1.5rem;line-height:1.5}.notice.error{background:#fae9df;border-color:#d7ab99;color:#7e382b}.welcome{display:grid;grid-template-columns:1.18fr 1fr;min-height:720px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white)}.welcome-art{background:url('elzenrode.webp') center center/cover;position:relative;min-height:320px}.art-caption{position:absolute;inset:auto 0 0;padding:6rem 2.5rem 2.5rem;color:white;font-family:Georgia,serif;font-size:2.6rem;line-height:1.2;background:linear-gradient(transparent,#152c23d9)}.welcome-content{padding:3rem 2.7rem}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;color:#6e795c;margin-bottom:.8rem}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:1.7rem 0 1.3rem;gap:1rem}.auth-tabs button{background:none;color:var(--muted);border:0;border-bottom:3px solid transparent;border-radius:0;padding:.6rem 0;font-size:.9rem}.auth-tabs button[aria-pressed=true]{color:var(--green);border-color:var(--green)}.stack{display:grid;gap:1rem}.stack button{margin-top:.2rem}.fine{font-size:.875rem;line-height:1.6}.welcome .fine{margin:1.2rem 0 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.heading p:last-child{margin-bottom:0}.tag{padding:.5rem .8rem;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:.875rem;white-space:nowrap}.farm-banner{height:250px;position:relative;overflow:hidden;border-radius:9px;margin-bottom:2rem}.farm-banner img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.farm-banner>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:1.8rem 2rem;background:linear-gradient(90deg,#12271ccd,transparent 78%)}.farm-banner h2{color:#fff7e8;font-size:2rem;margin-bottom:.4rem}.farm-banner p{color:#f6eddb;margin-bottom:0}.farm-banner .eyebrow{color:#ebd1a0;margin-bottom:.6rem}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.8rem}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-title h2{margin:0}.section-title span{color:var(--muted);font-size:.875rem}.plots{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.plot{background:var(--white);border:1px solid var(--line);border-top:4px solid #c5b58a;border-radius:7px;padding:1.3rem;display:flex;flex-direction:column;min-height:245px}.plot.growing{border-top-color:#64894f}.plot.dry{border-top-color:#c6984a}.plot.empty{border-top-color:#92714d}.plot-top{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.75rem;margin-bottom:1.25rem}.plot h3{font-size:1.45rem}.plot p{font-size:.93rem}.plot>.action-form,.plot>.stack{margin-top:auto}.plot button{width:100%;font-size:.9rem}.compact{gap:.65rem}.panel{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:1.5rem}.sidebar{display:grid;gap:1.2rem;align-content:start}.panel h2{font-size:1.55rem}.panel>.action-form button{width:100%}.statline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.statline:last-of-type{margin-bottom:1.3rem}.statline span{color:var(--muted)}.note{padding:1.4rem;border-left:3px solid var(--gold);background:#efebd9}.note p:last-child{margin-bottom:0}.expansion{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;border:1px dashed #a9b197;border-radius:7px;padding:1.3rem}.expansion p{margin:0;font-size:.9rem}.expansion h3{font-size:1.2rem}.expansion button{white-space:nowrap}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.market-row{display:grid;grid-template-columns:1fr 66px auto;gap:.7rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--line)}.market-row:last-child{border:0;padding-bottom:0}.market-row span{display:block;font-size:.875rem;color:var(--muted);margin-top:.35rem}.market-row button{padding:.7rem}.job{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:1rem 0}.job h3{margin-top:.5rem}.job p{margin-bottom:0}.job-pay{text-align:right;flex-shrink:0}.job-pay strong{display:block;margin-bottom:.6rem}.empty{padding:2rem}.journal{list-style:none;padding:0;margin:0;max-height:650px;overflow:auto}.journal li{border-bottom:1px solid var(--line);padding:1rem 0}.journal time{font-size:.75rem;color:var(--muted)}.journal p{margin:.35rem 0 0;font-size:.93rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:1rem;top:-100px;z-index:10;padding:1rem;background:white}.skip:focus{top:1rem}footer{max-width:1344px;margin:auto;border-top:1px solid var(--line);padding:1.5rem 2.5rem;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem}footer small{margin-left:auto;font-size:.75rem}
@media(min-width:1400px){.welcome{min-height:760px}}
@media(max-width:1000px){.game-grid{grid-template-columns:minmax(0,1fr) 280px;gap:1rem}.plots{grid-template-columns:1fr}.welcome-content{padding:2rem}.market-grid{grid-template-columns:1fr}.section-title span{display:none}.balance{gap:1rem}}
@media(max-width:700px){.top{padding:1rem;gap:.7rem;flex-wrap:wrap}.brand{font-size:1.8rem}.brand span{font-size:.65rem}.balance{gap:.6rem}.balance strong{font-size:.95rem}.balance span{display:block;font-size:.75rem}.top .action-form{margin-left:auto}.top button{font-size:.85rem;padding:.4rem}.nav{padding:0 1rem;gap:1.1rem;overflow-x:auto}.nav a{font-size:.875rem}main{padding:1.25rem 1rem 2rem}.welcome{grid-template-columns:1fr}.welcome-art{min-height:260px}.art-caption{font-size:2rem;padding:4rem 1.5rem 1.5rem}.welcome-content{padding:1.6rem}.game-grid{grid-template-columns:1fr}.farm-banner{height:210px}.farm-banner>div{padding:1.25rem}.farm-banner h2{font-size:1.6rem}.heading{align-items:start;flex-direction:column}.heading h1{font-size:2.1rem}.heading .tag{font-size:.8rem}.section-title h2{font-size:1.6rem}.expansion,.job{align-items:start;flex-direction:column}.job-pay{text-align:left}.panel{padding:1.25rem}.market-row{grid-template-columns:1fr 60px auto}.market-row button{font-size:.85rem}.market-row span{font-size:.8rem}.market-row input{padding:.5rem}.plot{min-height:215px}footer{padding:1rem}footer small{margin-left:0;width:100%}}
h1,h2,h3,.brand,.job .eyebrow{overflow-wrap:anywhere}.game-grid>*,.market-grid>*{min-width:0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Live meters and village orders */
progress{display:block;width:100%;height:10px;border:0;border-radius:20px;overflow:hidden;background:#dfe3d4;accent-color:var(--green)}progress::-webkit-progress-bar{background:#dfe3d4;border-radius:20px}progress::-webkit-progress-value{background:var(--green);border-radius:20px}progress::-moz-progress-bar{background:var(--green);border-radius:20px}.energy-meter{min-width:200px}.energy-meter>div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.energy-meter>div>span{font-size:.875rem;color:var(--muted)}.energy-meter strong [data-energy-value]{font-size:inherit;font-weight:inherit;color:inherit;display:inline}.energy-meter progress{margin:.45rem 0}.energy-meter small{font-size:.75rem;color:var(--muted)}[data-growth-bar]{margin:.4rem 0 1rem;height:9px}.expansion>div{flex:1}.expansion progress{max-width:300px;margin:.65rem 0 .4rem}.expansion small{font-size:.8rem;color:var(--muted)}.orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.order{display:flex;flex-direction:column}.order h2{min-height:2.4em}.order-items{margin-top:auto}.order .statline:last-of-type{margin-bottom:1rem}.enough{color:#397034}.order-reward{display:grid;gap:.3rem;padding:.5rem 0 1.25rem}.order-reward strong{font-family:Georgia,serif;font-size:1.7rem;font-weight:400}.order-reward span{font-size:.85rem;color:var(--muted)}.order>.action-form{margin-top:auto}.order .fine{margin-top:.6rem}.orders-note{margin-top:1.4rem;max-width:850px}.nav{overflow-x:auto}main[aria-busy="true"]{cursor:progress}#connection-notice p{color:inherit;margin-bottom:.75rem}main:focus{outline:none}
@media(max-width:1000px){.orders{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.energy-meter{min-width:150px}.balance{align-items:center}.energy-meter>div>span{display:inline}.energy-meter strong [data-energy-value]{display:inline}.energy-meter small{font-size:.75rem}.orders{grid-template-columns:1fr}.order h2{min-height:0}}
.world-speed{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 1rem;margin-bottom:1.5rem;border:1px solid #d7c78f;border-radius:6px;background:#f3ebca;color:#685622;font-size:.875rem;font-weight:650}.world-speed span{font-weight:400}.feed-stock{margin-bottom:1.2rem}.feed-stock .notice{padding:.7rem;font-size:.875rem}.feed-shop{margin-top:1.5rem}.feed-shop .market-row{max-width:700px}
.coop-panel{overflow:hidden;padding:0}.coop-art{position:relative;line-height:0}.coop-art img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.coop-art>span{position:absolute;left:1rem;bottom:1rem;background:#233b2eeb;color:#fff7e3;padding:.55rem .7rem;font-size:.75rem;letter-spacing:.12em;border-radius:4px;line-height:1.2}.coop-content{padding:1.4rem}.coop-content h2{font-size:1.5rem}.coop-content>.action-form button{width:100%}.coop-content>progress{margin-bottom:1rem}.coop-more{margin:1.1rem 0 0;font-size:.875rem}.coop-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.6rem;align-items:start}.coop-detail .coop-content{padding:1.8rem}.coop-detail .coop-content h2{font-size:2rem}.stage-preview{border-top:1px solid var(--line);padding:1rem 0}.stage-preview summary{cursor:pointer;line-height:1.5}.stage-preview summary>span{font-size:.95rem}.stage-preview summary>strong{display:block;margin-left:1rem;font-size:.85rem;color:var(--muted);font-weight:500}.stage-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:5px;margin:1rem 0}.stage-preview p:last-child{margin:0}.coop-content .statline{gap:.5rem}.coop-content .fine{font-size:.875rem}.coop-content [data-build-refresh]{margin-top:1rem}
@media(max-width:800px){.coop-layout{grid-template-columns:1fr}.coop-detail .coop-content{padding:1.25rem}}

.plot-art{position:relative;margin:1rem 0;overflow:hidden;border-radius:5px;background:#ddd7c6}.plot-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.plot-art figcaption{position:absolute;left:.65rem;bottom:.65rem;max-width:calc(100% - 1.3rem);padding:.35rem .6rem;border-radius:3px;color:#fff8e8;background:#233b2eeb;font-size:.75rem;line-height:1.4}.plot [data-rewild-at]{font-size:.8rem}

/* The farm landscape is the shared header, with live resources over the image. */
.top.farm-top{position:relative;isolation:isolate;max-width:none;min-height:270px;padding:2rem max(2.5rem,calc((100% - 1264px)/2));align-items:flex-end;overflow:hidden;background:#263b2c;gap:2rem}
.header-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-2}
.farm-top::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(16,32,23,.88),rgba(16,32,23,.12) 85%)}
.farm-top .brand{color:#fff7e8;font-size:2.6rem;text-shadow:0 2px 8px #18291d}
.farm-top .brand span{color:#f6eddb}
.farm-top .balance{align-items:center;padding:1rem 1.2rem;border:1px solid #ffffff45;border-radius:8px;background:#142b22e6;color:#fff7e8;gap:1.6rem}
.farm-top .balance span,.farm-top .energy-meter small{color:#eee7d7}
.farm-top .balance>strong{white-space:nowrap;font-size:1.3rem}
.farm-top .energy-meter{min-width:190px}
.footer-logout{display:flex;justify-content:flex-end;flex-basis:100%;border-top:1px solid var(--line);padding-top:.65rem}
.footer-logout .quiet{font-size:.875rem}
@media(max-width:700px){.top.farm-top{min-height:280px;padding:1.25rem 1rem;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:1.1rem}.farm-top .brand{font-size:2.1rem}.farm-top .balance{margin-left:0;width:100%;justify-content:space-between;gap:1rem;padding:.8rem 1rem}.farm-top .balance>strong{font-size:1.1rem}.farm-top .balance>strong>span{display:block}.farm-top .energy-meter{min-width:0;width:180px;max-width:65%}}

.plot-water{margin:.3rem 0 1rem;padding:.8rem;border:1px solid #c4d0cc;border-radius:5px;background:#edf2ee}.water-label{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.4rem}.plot-water .fine{font-size:.8rem;margin:.5rem 0}.plot-water .water-warning{color:#834519}.plot-water progress{accent-color:#527f8b}.plot.withered{border-top-color:#8a6544}.plot.withered .plot-art figcaption{background:#654734ed}

.header-identity{min-width:0;flex:1}.brand .game-logo{display:block;width:280px;max-width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;object-position:left center}.top:not(.farm-top) .game-logo{width:230px}.header-farm{margin-top:.7rem}.header-farm .eyebrow{color:#eee0be;margin:0 0 .4rem;font-size:.7rem}.header-farm h1,.header-farm .farm-name{color:#fff7e8;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.9rem);font-weight:400;line-height:1.15;margin:0;overflow-wrap:anywhere;max-width:760px;text-shadow:0 2px 8px #18291d}.header-resources{margin-left:auto;flex-shrink:0}.farm-top .balance{margin-left:0}.coin-meter{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:55px}.farm-top .coin-meter>strong{font-size:1.6rem;line-height:1.1}.farm-top .coin-meter>span{font-size:1.4rem;line-height:1.1}.header-task{color:#fff7e8;font-size:.85rem;text-align:right;margin:.7rem 0 0}.well-panel{scroll-margin-top:1rem}.well-panel>progress{margin:.6rem 0}.well-panel .action-form button{width:100%}.install-help{flex-basis:100%;font-size:.85rem}.install-help summary{cursor:pointer}.install-help p{max-width:650px;margin:.7rem 0 0}.farm-top .energy-meter .sr-only{display:inline}
@media(max-width:700px){.header-identity{width:100%;flex:none}.brand .game-logo{width:220px}.top.farm-top{min-height:340px}.header-resources{margin-left:0;width:100%}.header-farm h1,.header-farm .farm-name{font-size:1.85rem}.header-task{text-align:left}.farm-top .balance{width:100%}.farm-top .coin-meter>span{display:block;font-size:1.3rem}}

.toast-stack{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));width:min(360px,calc(100vw - 2rem));z-index:100;display:grid;gap:.65rem;pointer-events:none}.toast{position:relative;pointer-events:auto;padding:1rem 2.7rem 1rem 1rem;border:1px solid #b4c8a2;border-left:4px solid #5d8050;border-radius:8px;background:#f4f8ec;box-shadow:0 5px 24px #172b2433;color:#293d2b;font-size:.9rem;animation:toast-in .18s ease-out}.toast p{margin:0;color:inherit;line-height:1.5}.toast.error{background:#fff2e9;color:#783e2b;border-color:#d7ad96;border-left-color:#a75838}.toast .toast-close{position:absolute;right:.25rem;top:.25rem;background:transparent;border:0;color:inherit;min-height:36px;width:36px;padding:0;font-size:1.35rem}.toast>button[data-sync]{margin-top:.8rem;font-size:.85rem}.place-art{display:block;width:100%;height:200px;object-fit:cover;border-radius:5px;margin:0 0 1.3rem}.market-product img{float:left;object-fit:cover;width:60px;height:48px;border-radius:4px;margin:0 .65rem .25rem 0}.market-product span{clear:both;padding-top:.25rem}.order-art{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px;margin-bottom:1.3rem}.noticeboard{padding:2rem;border:12px solid #63492e;border-radius:6px;background:#796042 url('village/board.webp') center/cover;box-shadow:inset 0 0 18px #261c13a3,0 5px 12px #261c1326;align-self:start;min-width:0;min-height:400px}.noticeboard>h2{display:table;margin:0 auto 1.6rem;padding:.5rem 1rem;color:#fff3d2;background:#342618de;border-radius:3px;font-size:1.6rem;text-align:center}.noticeboard .pinned-note{position:relative;background:#fff9e7;border:1px solid #e1d3ad;border-radius:2px;padding:1.8rem 1.25rem 1.25rem;margin:1.2rem 0;box-shadow:2px 5px 8px #20191066}.pinned-note::before{content:"";position:absolute;top:.5rem;left:50%;width:12px;height:12px;border-radius:50%;background:#997343;box-shadow:inset 2px 2px 2px #ebce8f,1px 2px 3px #34251688}.noticeboard .job{flex-wrap:wrap;gap:1rem}.noticeboard .job>div:first-child{min-width:0;overflow-wrap:anywhere}.noticeboard .job-pay{margin-left:auto}.noticeboard .job:last-child{margin-bottom:0}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.noticeboard{padding:1rem;border-width:8px}.noticeboard .job-pay{margin-left:0}.place-art{height:170px}.toast-stack{bottom:max(.75rem,env(safe-area-inset-bottom));right:1rem}}
@media(prefers-reduced-motion:reduce){.toast{animation:none}}

.stock-item{display:flex;align-items:center;gap:.7rem}.stock-item img{width:56px;height:42px;object-fit:cover;border-radius:4px;flex-shrink:0}

button .cost-icon{display:inline-block;margin-inline:.45em;flex-shrink:0}.order-reward .reward-amount{display:flex;align-items:center;gap:.4em;color:var(--green)}.order-reward .reward-amount>span{font-size:inherit;color:inherit}.order-reward .reward-amount>.reward-coin{font-size:1.2rem}

button .button-label{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0;max-width:100%;white-space:normal}button .button-title{display:block;overflow-wrap:anywhere}button .button-costs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .85rem;font-size:.9em}button .button-cost{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}button .button-cost .cost-icon{margin:0;line-height:1.2}button .cost-amount{font-variant-numeric:tabular-nums}

.order-pause{padding:.85rem 1rem;border:1px solid var(--line);border-radius:6px;background:#eee8d5;font-size:.9rem}.order .order-wait{color:#72552b;margin:.2rem 0 .75rem}

.orchard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.tree-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:5px;margin-bottom:1rem}.tree-card{display:flex;flex-direction:column;gap:.35rem}.tree-card .action-form button{width:100%}.tree-card [data-tree-controls]{margin-top:.5rem}.tree-card h2{font-size:1.55rem}.orchard-summary{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;color:var(--muted)}.orchard-locked{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.orchard-locked img{width:100%;height:auto;border-radius:5px}.orchard-expansion{margin-top:1.5rem}@media(max-width:700px){.orchard-grid,.orchard-locked{grid-template-columns:1fr}.orchard-locked{gap:1rem}}
/* Expansion: familiar farm cards, roomy controls and permanent resource heights. */
.level-meter{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;align-items:center;background:#203d2ee8;padding:.8rem 1.1rem;border-radius:12px;color:#fff4dc;text-decoration:none;margin-top:.65rem;border:1px solid #e0c98566;min-width:0}.level-meter progress{margin:0;height:.55rem}.level-meter small{grid-column:1/-1;font-size:.875rem}.level-meter progress::-webkit-progress-value{background:#d5b967}.production-grid,.unlock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}.production-grid>.panel{min-width:0}.device-card .place-art{aspect-ratio:3/2;object-fit:cover}.recipe{border-top:1px solid #d6d7c9;margin-top:1rem;padding-top:.8rem}.recipe summary{display:flex;align-items:center;gap:.8rem;cursor:pointer;font-weight:600}.recipe summary img{border-radius:6px;object-fit:cover;flex-shrink:0}.recipe summary small{display:block;font-weight:400;color:#69755e;font-size:.875rem;margin-top:.2rem}.ingredients{padding-left:1.15rem;font-size:.95rem}.ingredients span{color:#69755e}.task-progress{margin:1rem 0}.kitchen-intro,.jars-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0;align-items:start}.kitchen-intro .place-art{margin:0;border-radius:10px}.jars-panel{margin-top:2rem}.jars-panel .compact{margin:1rem 0}.jar-art{width:130px;height:130px;object-fit:cover;border-radius:12px;float:left;margin:0 1rem 1rem 0}.fruit-choice{border-top:1px solid #d6d7c9;padding:.8rem 0}.fruit-choice summary{cursor:pointer;font-weight:600}.fruit-preview{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;margin-top:.75rem}.unlock-step{border-top:4px solid #b7b9ac}.unlock-step.unlocked{border-top-color:#b49343}.unlock-note{padding:.6rem .8rem;background:#f3ebd7;border-radius:6px;font-size:.95rem}.production-grid .action-form{margin-top:.75rem}.production-grid .action-form button{width:100%}.market-product span{overflow-wrap:anywhere}
@media(max-width:1100px){.production-grid,.unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.production-grid,.unlock-grid,.kitchen-intro,.jars-panel{grid-template-columns:1fr}.level-meter{padding:.65rem .9rem}.recipe summary{align-items:flex-start}.jar-art{width:96px;height:96px}}
/* Roelof's letter: a quiet opening, separate from the working farm. */
body.roelof-open{overflow:hidden}body.roelof-open>header,body.roelof-open>nav,body.roelof-open>main,body.roelof-open>footer{filter:blur(6px);pointer-events:none}.roelof-dialog{padding:0;border:1px solid #a78955;border-radius:12px;width:min(1080px,94vw);max-height:92dvh;background:#efe2c5;color:#342c20;box-shadow:0 30px 100px #0009;overflow:auto}.roelof-dialog[open]{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);animation:roelof-arrive 1s ease both}.roelof-dialog::backdrop{background:#14160fe0;backdrop-filter:blur(5px)}.roelof-scene{position:relative;overflow:hidden;min-height:100%;background:#263322}.roelof-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.22) brightness(.62);animation:roelof-drift 35s ease-out both}.roelof-scene>div{position:sticky;top:2rem;z-index:1;padding:3rem 2rem;color:#fff4dd;text-shadow:0 2px 5px #000c;background:linear-gradient(180deg,#122016b3 0%,#12201699 75%,#12201600 100%)}.roelof-scene span{font-size:.8rem;letter-spacing:.22em}.roelof-scene p{font-family:Georgia,serif;font-size:2rem;line-height:1.4;color:#fff4dd;font-weight:600;text-shadow:0 2px 5px #000c}.roelof-paper{min-width:0;padding:1.6rem 2.5rem;background:radial-gradient(ellipse at center,#fff9e6 0%,#efe0be 100%)}.roelof-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#75623e;font-size:.7rem;letter-spacing:.12em}.roelof-meta button{background:transparent;color:#534126;border:0;font-size:1.8rem;padding:.1rem .6rem;min-width:44px;min-height:44px}.roelof-paper h2{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.2rem);margin:.6rem 0;color:#3e3524}.roelof-subtitle{font-size:.9rem;font-style:italic;color:#786849;margin:.5rem 0 1rem}.roelof-pages{height:clamp(220px,40dvh,440px);overflow-y:auto;padding:.4rem .8rem .4rem 0;scrollbar-color:#ac986d transparent;overscroll-behavior:contain}.roelof-page h3{font-family:Georgia,serif;font-size:1.2rem;font-weight:normal;font-style:italic;color:#76603c;margin:1rem 0}.roelof-page p{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.85;color:#3f3423;margin:0 0 1.15rem}.roelof-page:not([hidden]){animation:roelof-page .6s ease both}.roelof-navigation{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.8rem}.roelof-navigation button{padding:.65rem 1rem;font-size:.9rem}.roelof-navigation span{font-size:.8rem;color:#75623e}.roelof-progress{height:4px;margin:.8rem 0}.roelof-finish button{width:100%;font-size:.95rem}.roelof-return{font-size:.78rem;text-align:center;color:#76694f;margin:.6rem 0 0}.roelof-open .roelof-dialog{position:fixed;inset:0;margin:auto;z-index:10000}.roelof-dialog button:focus-visible,.roelof-pages:focus-visible{outline:3px solid #947539;outline-offset:3px}@keyframes roelof-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes roelof-drift{from{transform:scale(1)}to{transform:scale(1.1)}}@keyframes roelof-page{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:700px){.roelof-dialog[open]{grid-template-columns:1fr;width:96vw;max-height:95dvh}.roelof-scene{display:none}.roelof-paper{padding:1rem 1.2rem}.roelof-pages{height:42dvh}.roelof-page p{font-size:1rem;line-height:1.75}.roelof-meta{font-size:.65rem}.roelof-navigation button{padding:.6rem .7rem}}@media(prefers-reduced-motion:reduce){.roelof-dialog[open],.roelof-scene>img,.roelof-page:not([hidden]){animation:none}}
/* Public game description, also available before sign-in. */
.game-description{max-width:1100px;margin:0 auto}.description-heading{max-width:780px;padding:1.2rem 0 2.5rem}.description-heading h1{font-size:clamp(2.35rem,5vw,4rem);line-height:1.12;margin:.6rem 0 1.3rem}.description-lead{font-size:1.15rem;line-height:1.8;max-width:700px}.description-heading .button{display:inline-block;margin-top:.6rem}.description-landscape{position:relative;margin:0 0 3.5rem;overflow:hidden;border-radius:10px}.description-landscape img{display:block;width:100%;height:clamp(230px,32vw,400px);object-fit:cover;object-position:center 55%}.description-landscape figcaption{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.4rem 1rem;background:linear-gradient(transparent,#203327cc);color:#fff7e8;font-size:.95rem}.description-body{max-width:900px;margin:auto}.description-body>section{margin:0 0 3rem}.description-body p{font-size:1.025rem;line-height:1.85;max-width:75ch}.description-body h2{font-size:clamp(1.65rem,3vw,2.1rem);line-height:1.3;margin-bottom:1rem}.description-body h3{font-size:1.4rem;margin:2rem 0 .8rem}.description-feature{display:grid;grid-template-columns:1fr 1.2fr;align-items:start;gap:2rem}.description-feature>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px}.description-feature-reverse>img{order:2}.description-future{padding:2rem;background:#eee9d8;border-left:4px solid #aa8b46;border-radius:0 8px 8px 0}.description-levels{margin:1.8rem 0 2rem}.description-levels>div{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #d0c9ad}.description-levels dt{font-weight:700;color:#3f563b}.description-levels dd{margin:0;font-size:1rem;line-height:1.75}.description-ending{text-align:center;padding:1.5rem 1rem 3rem}.description-ending p{font-family:Georgia,serif;font-size:1.7rem;line-height:1.6;margin:0 auto 1.5rem;color:#2c4934}.description-ending .button{display:inline-block}footer>a[aria-current="page"]{font-weight:700;text-decoration:underline}@media(max-width:700px){.description-heading{padding:.5rem 0 1.8rem}.description-feature{grid-template-columns:1fr;gap:1.2rem}.description-feature>img{aspect-ratio:3/2;max-height:280px}.description-feature-reverse>img{order:0}.description-future{padding:1.2rem}.description-levels>div{grid-template-columns:1fr;gap:.3rem}.description-body>section{margin-bottom:2.2rem}.description-landscape{margin-bottom:2rem}.description-lead{font-size:1.05rem}}

/* Reader controls for supplied recordings. */
.roelof-audio{display:flex;align-items:center;gap:.8rem;padding:.75rem 0;border-block:1px solid #9d875044}.roelof-audio button{font-size:.9rem;padding:.65rem .9rem;flex-shrink:0}.roelof-audio span{font-size:.8rem;line-height:1.45;color:#68583d}
@media(max-width:700px){.roelof-audio{align-items:flex-start;flex-direction:column;gap:.4rem}}
/* Staff workspace */
.admin-nav{display:flex;gap:1.3rem;flex-wrap:wrap;margin:1.5rem 0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.admin-stats strong{display:block;font-size:2rem;color:#31583e}.admin-stats span{font-size:.95rem}.admin-unlock{margin:1.5rem 0}.admin-unlock .admin-form{max-width:460px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th,.admin-table td{padding:.9rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.admin-table small{display:block;color:var(--muted);margin-top:.3rem;font-size:.8rem}.admin-search{display:flex;gap:1rem;align-items:end;margin:1rem 0}.admin-search label{flex:1}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.admin-grid>section{min-width:0}.admin-grid h3{margin-top:1.5rem}.admin-form textarea{width:100%;font:inherit;line-height:1.5;padding:.7rem;border:1px solid var(--line);border-radius:5px;resize:vertical}.admin-form{margin:1rem 0 1.5rem}.admin-target,#spelers,#klussen,#instellingen,#logboek{margin:1.5rem 0;scroll-margin-top:1rem}.admin-job,.audit-entry{padding:1rem 0;border-bottom:1px solid var(--line)}.admin-job summary,.audit-entry summary{cursor:pointer;line-height:1.6}.audit-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;background:#f2f1e9;padding:1rem;font-size:.85rem}.admin-inventory{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.admin-pagination{display:flex;gap:1rem;margin-top:1rem}.village-announcement{background:#f5eed9;border:1px solid #bcaa73;border-left:4px solid #9b7b32;padding:1rem 1.3rem;margin-bottom:1.5rem;border-radius:5px}.village-announcement p{margin:.5rem 0 0;overflow-wrap:anywhere}@media(max-width:700px){.admin-stats,.admin-grid,.admin-inventory{grid-template-columns:1fr}.admin-search{align-items:stretch;flex-direction:column}.admin-table{font-size:.9rem}.admin-grid{gap:1rem}}

[data-correction-product][hidden]{display:none}

.push-settings{max-width:800px}.push-settings .panel{margin:1.5rem 0}.push-choices{border:0;padding:0;margin:1.5rem 0}.push-choices legend{font-weight:700;margin-bottom:1rem}.push-choices label{display:flex;align-items:center;gap:.7rem;margin:.8rem 0;font-weight:400}.push-choices input{width:1.2rem;height:1.2rem;flex:none}.push-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.push-buttons [hidden],#push-worker-warning[hidden]{display:none}

/* Four destinations, with only the current area's pages underneath. */
.nav.grouped-navigation{display:block;padding:0;background:#f0efe3;overflow:visible}
.primary-navigation,.secondary-navigation{max-width:1344px;margin:auto;padding:0 2.5rem;display:flex;gap:.6rem;flex-wrap:wrap}
.grouped-navigation .primary-navigation a{padding:.95rem 1.15rem;min-height:48px;color:var(--ink);white-space:normal;text-align:center}
.grouped-navigation .primary-navigation a[aria-current]{color:var(--green);border-bottom-color:var(--green);background:#e5e9da}
.secondary-navigation{padding-top:.65rem;padding-bottom:.65rem;gap:.45rem}
.grouped-navigation .secondary-navigation a{border:1px solid transparent;border-radius:6px;padding:.6rem .95rem;min-height:44px;font-size:.88rem;white-space:normal}
.grouped-navigation .secondary-navigation a[aria-current]{background:var(--green);color:#fff;border-color:var(--green)}
.grouped-navigation a:hover{background:#e0e5d7}
.top.farm-top{overflow:visible;z-index:2;padding-top:5rem}
.header-utilities{position:absolute;top:1rem;left:max(2.5rem,calc((100% - 1264px)/2));right:max(2.5rem,calc((100% - 1264px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:5}
.world-badge{display:inline-block;padding:.35rem .65rem;border:1px solid #ddd0a666;border-radius:20px;background:#21392de8;color:#f5e6bb;font-size:.75rem;white-space:nowrap}
.player-menu{position:relative;max-width:60%}
.player-menu summary{display:flex;align-items:center;gap:.35rem;list-style:none;cursor:pointer;min-height:44px;padding:.55rem .9rem;border:1px solid #ffffff65;border-radius:7px;background:#183529f2;color:#fff7e8;font-size:.9rem;font-weight:600}
.player-menu summary::-webkit-details-marker{display:none}
.player-menu summary:focus-visible{outline:3px solid #e8c775;outline-offset:3px}
.player-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.player-menu-panel{position:absolute;top:calc(100% + .45rem);right:0;width:min(240px,calc(100vw - 2rem));padding:.5rem;border:1px solid var(--line);border-radius:9px;background:#fffdf7;box-shadow:0 12px 32px #15291e40}
.player-menu-panel>a,.player-menu-panel .quiet{display:flex;align-items:center;width:100%;min-height:46px;padding:.65rem .8rem;border-radius:5px;font-size:.95rem;color:var(--ink);text-decoration:none;justify-content:flex-start}
.player-menu-panel>a:hover,.player-menu-panel .quiet:hover{background:#edf0e5}
.player-menu-panel>a[aria-current]{background:#edf0e5;font-weight:700}
.player-menu-panel .action-form{margin: .35rem 0 0!important;border-top:1px solid var(--line);padding-top:.35rem}
@media(max-width:700px){
 .primary-navigation,.secondary-navigation{padding-left:1rem;padding-right:1rem}
 .primary-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .grouped-navigation .primary-navigation a{padding:.8rem .4rem;font-size:.9rem}
 .secondary-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .grouped-navigation .secondary-navigation a{padding:.6rem .5rem;text-align:center;font-size:.85rem}
 .header-utilities{left:1rem;right:1rem;gap:.5rem}
 .top.farm-top{padding-top:5rem}
 .player-menu-name{max-width:130px}
}

/* Space every top-level admin card, including newly added sections. */
.admin-main > .panel{margin:1.5rem 0;scroll-margin-top:1rem}

/* Mobile polish, still release 1.0.0. */
textarea{font:inherit;max-width:100%}
progress{min-width:0}
button,.button{max-width:100%;touch-action:manipulation}
a,summary,input,select,textarea{touch-action:manipulation}
textarea:focus-visible,summary:focus-visible{outline:3px solid #b27b20;outline-offset:3px}
.market-product,.header-resources,.statline>*,.recipe summary>span{min-width:0}
.statline>span,.stock-item,.audit-entry,code{overflow-wrap:anywhere}
.admin-table-wrap{max-width:100%;overscroll-behavior-x:contain}
@media(max-width:700px){
 input:not([type=hidden]),select,textarea{font-size:16px;min-height:48px}
 input[type=checkbox],input[type=radio]{width:1.25rem;min-height:1.25rem;height:1.25rem;flex-shrink:0}
 button,.button{min-height:48px}
 main{padding:1.1rem max(1rem,env(safe-area-inset-right)) 2rem max(1rem,env(safe-area-inset-left))}
 footer{padding-bottom:max(1rem,env(safe-area-inset-bottom));align-items:center}
 footer>a,footer summary{display:inline-flex;align-items:center;min-height:44px}
 .welcome{min-height:0}
 .welcome-art{min-height:190px}
 .art-caption{font-size:1.65rem;padding:3rem 1.25rem 1.25rem}
 .welcome-content{padding:1.25rem}
 .auth-tabs{gap:.8rem;align-items:stretch}
 .auth-tabs button{flex:1;padding:.65rem .25rem}
 .top.farm-top{min-height:0;padding:4.65rem max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));gap:.85rem}
 .header-identity .game-logo{width:180px}
 .header-farm{margin-top:.3rem}
 .header-farm h1,.header-farm .farm-name{font-size:clamp(1.5rem,6vw,1.85rem)}
 .farm-top .balance{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.75rem .85rem}
 .farm-top .coin-meter{min-width:0}
 .farm-top .coin-meter>strong{font-size:clamp(1rem,4.4vw,1.35rem);white-space:nowrap;font-variant-numeric:tabular-nums}
 .farm-top .energy-meter{width:100%;max-width:none;min-width:0}
 .farm-top .energy-meter small{display:block;font-size:.75rem;line-height:1.45;min-height:2.9em}
 .level-meter{grid-template-columns:auto minmax(0,1fr);padding:.6rem .85rem;min-height:48px}
 .header-utilities{top:.65rem;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right))}
 .player-menu{min-width:0;max-width:55%}
 .player-menu-name{min-width:0;max-width:100%}
 .player-menu-panel{max-height:60dvh;overflow-y:auto;overscroll-behavior:contain}
 .primary-navigation,.secondary-navigation{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
 .grouped-navigation a{display:flex;align-items:center;justify-content:center}
 .market-row{grid-template-columns:minmax(72px,.65fr) minmax(0,1.35fr);gap:.65rem;padding:1rem 0}
 .market-row .market-product{grid-column:1/-1}
 .market-row input:not([type=hidden]){grid-column:1;width:100%;padding:.65rem}
 .market-row button{grid-column:2;width:100%;font-size:.95rem}
 .market-product strong{font-size:1rem}
 .market-product span{font-size:.875rem;line-height:1.5}
 .expansion{align-items:stretch}
 .expansion button{white-space:normal;width:100%}
 .noticeboard{padding:.75rem;border-width:6px}
 .noticeboard .pinned-note{padding:1.5rem 1rem 1rem}
 .job-pay,.job-pay .action-form,.job-pay button{width:100%}
 .recipe summary,.fruit-choice summary,.stage-preview summary,.admin-job summary,.audit-entry summary{min-height:44px;padding-top:.45rem;padding-bottom:.45rem}
 .toast-stack{width:calc(100% - 2rem);right:1rem;bottom:max(.75rem,env(safe-area-inset-bottom));max-height:40dvh;overflow-y:auto;overscroll-behavior:contain}
 .toast{padding-right:3.25rem}
 .toast .toast-close{min-height:44px;width:44px}
 .admin-nav{gap:.5rem}
 .admin-nav a{display:flex;align-items:center;min-height:44px;padding:.5rem .7rem;border:1px solid var(--line);border-radius:5px}
 .admin-pagination{flex-wrap:wrap}
 .admin-pagination a{display:inline-flex;align-items:center;min-height:44px}
 .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
 .admin-stats .panel{padding:.7rem .5rem}
 .admin-stats strong{font-size:1.6rem}
 .admin-stats span{font-size:.8rem;overflow-wrap:anywhere}
 .roelof-dialog[open]{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}
 .roelof-paper{padding:.8rem 1rem;display:flex;flex-direction:column;max-height:calc(100dvh - 1rem)}
 .roelof-paper>*{flex-shrink:0}
 .roelof-pages{height:auto;min-height:100px;flex:1 1 auto;overflow-y:auto}
 .roelof-subtitle{margin:.25rem 0 .6rem}
 .roelof-paper h2{font-size:1.45rem}
 .roelof-audio{gap:.3rem;margin:.35rem 0}
 .roelof-navigation{gap:.4rem}
 .roelof-navigation button{padding:.55rem .65rem}
 .roelof-navigation span{font-size:.75rem;text-align:center}
 .roelof-return{margin:.35rem 0 0;font-size:.75rem}
}
@media(max-height:600px) and (max-width:1000px){
 .roelof-dialog[open]{grid-template-columns:1fr;width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}
 .roelof-scene{display:none}
 .roelof-paper{display:block;max-height:none;padding:.75rem 1rem}
 .roelof-pages{height:auto;max-height:none;overflow:visible}
 .roelof-meta{position:sticky;top:0;background:#f5e9cd;z-index:1}
 .roelof-subtitle,.roelof-return{display:none}
}

/* Schuur, compost, bijen en kelder — 1.0.0. */
.barn-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1.5rem}
.barn-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:7px;text-decoration:none;background:var(--white)}
.barn-tabs a[aria-current]{background:var(--green);color:white;border-color:var(--green)}
.barn-overview{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:1.5rem;margin-bottom:1.5rem}
.barn-overview img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:8px}
.barn-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;gap:1rem;align-items:end;margin:1.5rem 0}
.barn-checkbox{display:flex;align-items:center;gap:.6rem;min-height:48px;font-weight:400}
.barn-checkbox input{width:20px;height:20px;min-height:20px}
.stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}
.stock-card{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--white)}
.stock-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.stock-card>div{padding:1rem}.stock-card h3{font-size:1.2rem;line-height:1.25}.stock-card strong{display:block;font-size:1.5rem;color:var(--green);font-variant-numeric:tabular-nums}.stock-card div>span{display:block;font-size:.8rem;color:var(--muted);margin-top:.3rem}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-grid>.panel{min-width:0}.tool-grid button{width:100%}
.homestead-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px;margin-bottom:1.25rem}
.transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.transfer-grid>*{min-width:0}.cellar-transfer{margin-top:1.5rem}.cellar-transfer h3{margin-top:1rem}
.diary-panel{max-width:900px}.diary-panel .journal{max-height:none}
@media(max-width:1000px){.stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.barn-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.barn-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.barn-tabs a{padding:.6rem .5rem;text-align:center;font-size:.9rem}.barn-overview{grid-template-columns:1fr;gap:1rem}.barn-overview img{max-height:160px}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stock-card>div{padding:.8rem}.stock-card h3{font-size:1rem}.stock-card strong{font-size:1.35rem}.tool-grid,.transfer-grid{grid-template-columns:1fr}.barn-filters{gap:.75rem}.barn-filters>label:first-of-type{grid-column:1/-1}.barn-filters button{grid-column:1/-1}.barn-checkbox input{width:20px;height:20px;min-height:20px}.barn-checkbox{font-size:.85rem}.jars-panel{margin-top:0}}