/* A paper field journal below the arcade. No external assets or fonts. */
.growth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:32px;align-items:start}.growth-panel{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--white);overflow-wrap:anywhere}.growth-panel>summary{padding:22px;cursor:pointer;font:700 25px Georgia,serif;list-style-position:inside}.growth-panel>summary>span{display:block;font:11px/1.6 "Trebuchet MS",sans-serif;color:var(--muted);margin:7px 0 0 23px}.growth-panel[open]>summary{border-bottom:1px solid var(--line)}.panel-body{padding:22px}.panel-body h2{font:700 27px/1.2 Georgia,serif;margin:12px 0}.panel-body h3{font:700 16px/1.3 Georgia,serif;margin:24px 0 12px}.panel-body p{font-size:13px;line-height:1.65}.growth-panel .growth-note,.privacy-note{font-size:11px;line-height:1.65;color:var(--muted)}.growth-panel label{display:block;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.4px;margin:13px 0 6px}.growth-panel input,.growth-panel select{display:block;width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:14px "Trebuchet MS",sans-serif;padding:12px}.growth-panel button{background:var(--banana);border:1px solid var(--ink);border-radius:5px;font-size:12px;font-weight:700;padding:12px 14px;margin-top:12px;max-width:100%;white-space:normal}.growth-panel button:disabled{cursor:not-allowed}.growth-panel summary:focus-visible,.feedback-settings summary:focus-visible,.growth-panel select:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.growth-panel form+form{border-top:1px dashed var(--line);margin-top:22px;padding-top:8px}.growth-panel progress{width:100%;height:14px;accent-color:var(--ink)}.growth-panel progress::-webkit-progress-bar{background:#e4e8cd;border-radius:20px}.growth-panel progress::-webkit-progress-value{background:var(--ink);border-radius:20px}.friends-panel{grid-column:1/-1}.friends-panel .panel-body{max-width:760px}.badges{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.badge{font:10px/1.5 ui-monospace,monospace;border:1px solid var(--line);padding:9px 11px;border-radius:5px}.badge.earned{background:#eaf0ce;border-color:#7b965f}.badge.locked{color:var(--muted);border-style:dashed}.grove-history,.league-board{padding-left:22px;font-size:12px;line-height:1.6}.grove-history li,.league-board li{padding:9px 2px;border-bottom:1px dashed var(--line)}.league-period{display:flex;gap:8px}.league-period button{flex:1}.league-period button[aria-pressed="true"]{background:var(--ink);color:var(--white)}.invite-banner{background:var(--lime);padding:14px;border:1px solid var(--ink);border-radius:8px}.invite-banner p{margin:0}.catch-strip{display:flex;gap:12px;align-items:baseline;justify-content:space-between;font:11px/1.6 ui-monospace,monospace;flex-wrap:wrap;padding:12px 0;border-top:1px dashed var(--line)}.catch-strip strong{color:var(--ink)}.catch-strip span{color:var(--muted)}.feedback-settings{font-size:11px;border-bottom:1px solid var(--line);padding:10px 0 15px}.feedback-settings summary{cursor:pointer;padding:4px 0}.feedback-settings label{display:flex;gap:9px;align-items:center;margin:14px 0}.feedback-settings input{accent-color:var(--ink);width:18px;height:18px}.feedback-settings p{font-size:11px;color:var(--muted);line-height:1.6}.round-result{background:#eaf0d3;border:1px solid #91a575;border-radius:9px;padding:18px;margin:14px 0}.round-result p{font-size:12px;line-height:1.7}.round-result .eyebrow{font-size:10px}.privacy-note{padding-block:18px 0}
/* A tiny printmaking palm: crown, curved trunk, sun and softly striped soil. */
.grove-art{height:185px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:repeating-linear-gradient(0deg,#e8edce,#e8edce 3px,#e4eacb 4px);isolation:isolate}.grove-art::before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:var(--banana);right:17%;top:24px}.grove-ground{position:absolute;bottom:-40px;left:-10%;width:120%;height:95px;border-radius:50%;background:#b7cd91;border-top:2px solid #719253}.little-tree{position:absolute;left:calc(50% - 36px);bottom:42px;line-height:1;color:#3c7042;font:bold 72px/1 Georgia,serif;transform-origin:bottom;transform:scale(.3);text-shadow:2px 2px #9eb965}.little-tree::before{content:"";z-index:-1;position:absolute;top:50%;left:calc(50% - 6px);height:76px;width:13px;background:#b69c58;border:2px solid #5b7641;border-radius:0 70% 30% 0;transform:rotate(-9deg)}.little-tree.t2,.little-tree.t3{display:none}.grove-art[data-stage="seedling"] .little-tree{bottom:16px;transform:scale(.25)}.grove-art[data-stage="sprout"] .little-tree{bottom:22px;transform:scale(.43)}.grove-art[data-stage="sapling"] .little-tree{bottom:44px;transform:scale(.7)}.grove-art[data-stage="palm"] .little-tree{bottom:80px;transform:scale(1)}.grove-art[data-stage="grove"] .little-tree{bottom:80px;transform:scale(1)}.grove-art[data-stage="grove"] .t2{display:block;left:20%;bottom:65px;transform:scale(.75) rotate(-8deg)}.grove-art[data-stage="grove"] .t3{display:block;left:65%;bottom:66px;transform:scale(.8) rotate(10deg)}.milestone-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 8px}.milestone{min-width:0;text-align:center;border:1px solid #91a575;border-radius:7px;background:#e5edc4;overflow:hidden;padding:12px 4px}.milestone strong,.milestone small{display:block;font-size:12px;line-height:1.5;position:relative}.milestone small{font-size:9px;padding-top:5px}.milestone-trees{display:block;height:85px;line-height:70px;font-size:34px;letter-spacing:-12px;padding-right:10px;color:#3c7042;position:relative;text-shadow:1px 1px #a9c077}.milestone-trees::after{content:"";position:absolute;top:41px;left:49%;width:5px;height:26px;background:#a0874d;border:1px solid #5b7641;border-radius:50%}.milestone.unlocked{box-shadow:inset 0 -7px #cbdc97}.milestone.locked{background:repeating-linear-gradient(135deg,#f0f0df,#f0f0df 6px,#e8e9d7 7px);border-style:dashed;color:var(--muted)}.milestone.locked .milestone-trees{filter:grayscale(1);opacity:.5}
@media(max-width:820px){.growth-layout{gap:16px}.panel-body{padding:18px}.growth-panel>summary{padding:18px;font-size:23px}}
@media(max-width:480px){.growth-layout{grid-template-columns:minmax(0,1fr);margin-top:22px}.growth-panel>summary{font-size:25px}.panel-body{padding:17px}.growth-panel input,.growth-panel select{font-size:16px}.growth-panel>summary>span{font-size:10px}.milestone-art{gap:6px}.milestone small{font-size:9px}.catch-strip{gap:4px;display:block}.catch-strip strong,.catch-strip span{display:block}.round-result{padding:13px}.growth-panel button{min-height:44px}.feedback-settings summary{padding:12px 0}.privacy-note{font-size:10px}.grove-art{height:175px}}
/* Invitation consent remains touch-sized on short landscape screens too. */
#accept-invite{min-height:44px}
/* Post-round progress leads to existing looks without starting another run. */
#round-grove{display:flex;align-items:center;width:fit-content;min-height:44px;max-width:100%;font-size:13px;line-height:1.6}
/* Empty harvest navigation stays on its own line with a touch-sized target. */
.grove-history a{display:flex;align-items:center;width:fit-content;min-height:44px;max-width:100%}
@media(prefers-reduced-motion:reduce){.grove-art *,.milestone *{animation:none!important;transition:none!important}}