/* Shared visual vocabulary, piloted on Signe's existing activities. */
:root,.farm-ui{--farm-ink:#382b1b;--farm-gold:#c7a36b;--farm-paper:radial-gradient(ellipse at 50% 20%,#fff5d9,transparent 75%),repeating-linear-gradient(8deg,#704d2405 0 1px,transparent 1px 4px),linear-gradient(110deg,#d4b481,#f3e4be 20%,#eddbb2 80%,#cba672);--farm-wood:repeating-linear-gradient(2deg,#ffffff04 0 1px,transparent 1px 5px),linear-gradient(#395447,#18382f);font-family:Manrope,'DM Sans',sans-serif}
:is(#orchard-offer,#orchard-game,#feeding-game,#garden-game) .farm-button{min-height:44px;padding:10px 18px;border:1px solid #b99a61;border-radius:7px;background:var(--farm-wood);box-shadow:inset 0 0 0 3px #0d251e, inset 0 0 0 4px #baa16a55,0 3px 0 #10261f,0 5px 12px #0003;color:#fff0cb;font:600 14px/1.25 Manrope,'DM Sans',sans-serif;letter-spacing:.01em;cursor:pointer;transition:filter .15s,translate .15s}
:is(#orchard-offer,#orchard-game,#feeding-game,#garden-game) .farm-button.primary{background:linear-gradient(#f6dfa5,#d2ae69);border-color:#ffe6ac;box-shadow:inset 0 0 0 3px #83633255,inset 0 0 0 4px #fff3cc77,0 3px 0 #715021,0 5px 12px #0003;color:#322719}
:is(#orchard-offer,#orchard-game,#feeding-game,#garden-game) .farm-button:hover:not(:disabled){filter:brightness(1.12)}
:is(#orchard-offer,#orchard-game,#feeding-game,#garden-game) .farm-button:active:not(:disabled){translate:0 2px;box-shadow:inset 0 0 0 3px #0003}
:is(#orchard-offer,#orchard-game,#feeding-game,#garden-game) button:focus-visible{outline:3px solid #fff2a9;outline-offset:4px}
:is(#orchard-offer,#orchard-game,#feeding-game,#garden-game) button:disabled{opacity:.48;cursor:default}
#orchard-offer.farm-ui{top:calc(var(--view-top,0px) + var(--view-height,100dvh)/2);bottom:auto;transform:translateY(-50%);margin:0 auto;width:min(850px,calc(100% - 32px));max-width:850px;max-height:calc(var(--view-height,100dvh) - 24px);overflow:auto;padding:28px 32px 24px;color:var(--farm-ink);background:var(--farm-paper);border:7px solid #4d3925;border-radius:14px;box-shadow:0 0 0 1px #d6b777,inset 0 0 0 2px #b78d4d,inset 0 0 0 5px #fff0c277,inset 0 0 45px #87602e44,0 24px 80px #0009;text-align:left}
#orchard-offer .farm-welcome{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:24px;padding:0 30px 20px 0;border-bottom:1px solid #98703c66;margin-bottom:24px}
#orchard-offer .signe-portrait{float:none;width:110px;height:168px;margin:0;object-fit:contain;filter:drop-shadow(0 6px 4px #75502344)}
#orchard-offer .eyebrow{font:600 11px/1.4 Manrope,sans-serif;letter-spacing:.2em;color:#6c522d}
#orchard-offer h2{font:500 clamp(26px,3vw,38px)/1.1 Georgia,serif;color:#372818;margin:8px 0 12px}
#orchard-offer p{font:400 15px/1.6 Manrope,sans-serif;color:#534329;margin:0;max-width:36em}
#orchard-offer .farm-reward{margin:20px 0 0;text-align:center;font-size:13px;color:#6b512c}
#orchard-offer .farm-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;clear:both}
#orchard-offer .farm-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:178px;padding:16px 12px;border:1px solid #a78349;border-radius:9px;background:linear-gradient(#fffae3b3,#dec49288);color:#342b1d;box-shadow:inset 0 0 0 4px #fff3d044,inset 0 0 0 5px #a37d3e55,0 4px 0 #99733e55;font:600 16px/1.35 Manrope,sans-serif;transition:background .15s,translate .15s}
#orchard-offer .farm-choices button::before{content:'';display:block;width:72px;height:65px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 4px 3px #71532633)}
#orchard-start::before{background-image:url('assets/steder/gullakergarden/farm-produce-v1.webp');background-size:300% 200%!important;background-position:0 0!important}
#feeding-start::before{background-image:url('assets/steder/gullakergarden/rabbit-v1.webp')}
#garden-start::before{background-image:url('assets/steder/gullakergarden/farm-produce-v1.webp');background-size:300% 200%!important;background-position:0 100%!important}
#orchard-offer .farm-choices small{display:block;margin:0;color:#655237;font:400 12px/1.45 Manrope,sans-serif}
#orchard-offer .farm-choices button:hover{background:#fff1cd;translate:0 -2px}
#orchard-offer>.close{position:absolute;right:9px;top:9px;min-width:44px;width:44px;padding:0;font-size:24px}
:is(#orchard-game,#feeding-game,#garden-game) .farm-plaque{position:relative;background:var(--farm-paper);border:4px solid #4d3925;border-radius:8px;box-shadow:0 0 0 1px #d6b777,inset 0 0 0 1px #b48c4e,inset 0 0 20px #885c2a33,0 7px 20px #0005;padding:10px 22px;color:var(--farm-ink);text-align:center}
:is(#orchard-game,#feeding-game,#garden-game) .farm-plaque h2{font:500 clamp(22px,2.5vw,31px)/1.1 Georgia,serif;margin:3px 0 6px;color:var(--farm-ink)}
:is(#orchard-game,#feeding-game,#garden-game) .farm-plaque p{font:400 clamp(14px,1.4vw,18px)/1.4 Manrope,sans-serif;color:#43351f;margin:0}
:is(#orchard-game,#feeding-game,#garden-game) .farm-plaque :is(.eyebrow,small){font:600 10px/1.3 Manrope,sans-serif;letter-spacing:.12em;color:#6e532e}
#orchard-game .orchard-footer{width:fit-content;max-width:calc(100% - 96px);margin:0 auto;padding:12px 20px;background:var(--farm-wood);border:1px solid #bca06a;border-radius:9px;box-shadow:inset 0 0 0 3px #132d24,0 5px 20px #0005}
#garden-game .garden-actions{width:fit-content;max-width:calc(100% - 96px);margin:0 auto;padding:10px 14px;background:var(--farm-wood);border:1px solid #bca06a;border-radius:9px;box-shadow:inset 0 0 0 3px #132d24,0 5px 20px #0005;gap:10px}
@media(max-height:550px){
 #orchard-offer.farm-ui{padding:16px 20px 14px;border-width:5px}
 #orchard-offer .farm-welcome{grid-template-columns:68px 1fr;gap:14px;padding:0 36px 10px 0;margin-bottom:12px}
 #orchard-offer .signe-portrait{width:68px;height:84px}#orchard-offer h2{font-size:26px;margin:4px 0 7px}#orchard-offer p{font-size:13px;line-height:1.4}
 #orchard-offer .farm-choices{gap:10px}#orchard-offer .farm-choices button{min-height:110px;padding:9px;font-size:14px;gap:4px}#orchard-offer .farm-choices button::before{width:42px;height:38px}#orchard-offer .farm-choices small{font-size:11px}#orchard-offer .farm-reward{margin:12px 0 0;font-size:11px}
 :is(#orchard-game,#feeding-game,#garden-game) .farm-button{min-height:44px;padding:7px 10px;font-size:12px}
 :is(#orchard-game,#feeding-game,#garden-game) .farm-plaque{padding:5px 10px;border-width:3px}
 :is(#orchard-game,#feeding-game,#garden-game) .farm-plaque h2{font-size:20px;margin:1px 0 3px}
 :is(#orchard-game,#feeding-game,#garden-game) .farm-plaque p{font-size:13px;line-height:1.3}
 :is(#orchard-game,#feeding-game,#garden-game) .farm-plaque :is(.eyebrow,small){font-size:9px}
 #orchard-game .orchard-footer,#garden-game .garden-actions{padding:5px 9px;gap:6px}
}
@media(max-width:500px){#orchard-offer .farm-choices{grid-template-columns:1fr}#orchard-offer .farm-choices button{min-height:90px}#orchard-offer .farm-welcome{grid-template-columns:58px 1fr;gap:10px}#orchard-offer .signe-portrait{width:58px;height:100px}#orchard-offer.farm-ui{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.farm-ui button{transition:none!important}}
@media(max-height:330px){#garden-game .garden-layout{min-height:0}#garden-game .farm-plaque small{display:none}#garden-game .farm-plaque h2{font-size:18px}#garden-game .farm-plaque p{font-size:12px}}
@media(max-height:330px){
 #orchard-game .farm-plaque .eyebrow{display:none}
 #orchard-game .farm-plaque h2{font-size:18px}
 #orchard-game .farm-plaque p{font-size:12px}
 #orchard-game .orchard-footer{display:flex;align-items:center;gap:12px;padding:5px 10px}
 #orchard-game #orchard-feedback{max-width:220px;margin:0;font-size:11px;min-height:0}
 #orchard-game .orchard-footer>div{flex-wrap:nowrap}
 #orchard-game .orchard-layout{gap:4px;padding:6px 10px}
 #orchard-game .basket-fruits{min-height:18px}
 #feeding-game .feeding-rabbits img{width:28px;max-width:25%}
}