/* Coordinates follow the supplied 790 × 1164 tap-screen artwork.
   Only presentation lives here; balances, prices and actions come from clicker.js. */
.app .bottom-nav{--nav-width:min(100vw,520px);height:calc(var(--nav-width)*.1905);padding:calc(var(--nav-width)*.009) calc(var(--nav-width)*.014) max(calc(var(--nav-width)*.013),env(safe-area-inset-bottom));gap:calc(var(--nav-width)*.012);border-radius:calc(var(--nav-width)*.038) calc(var(--nav-width)*.038) 0 0;background:linear-gradient(115deg,#fff6e4,#f3e4cc);border:1px solid #d8c1a1;box-shadow:0 -1px 6px #6c54271a}
body[data-screen=farm] .app .bottom-nav{--nav-width:var(--farm-width)}
body[data-screen=clicker] .app .bottom-nav{--nav-width:var(--tap-width)}
.app .bottom-nav .nav-item{min-height:0;padding:calc(var(--nav-width)*.009) calc(var(--nav-width)*.002);gap:calc(var(--nav-width)*.009);border-radius:calc(var(--nav-width)*.03);font-size:calc(var(--nav-width)*.028);font-weight:800;color:#735337;letter-spacing:-.02em}
.app .bottom-nav .nav-art{width:calc(var(--nav-width)*.082);height:calc(var(--nav-width)*.082);flex:none;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px #70482133)}
.app .bottom-nav .nav-item.active{background:linear-gradient(120deg,#ffe6a6,#ffd374);color:#36250d;border-color:#edbf62;box-shadow:inset 0 1px #fff2ce}
body[data-screen=clicker]{--tap-width:min(100vw,520px);background:#f2eee7}
body[data-screen=clicker] .app{container-type:inline-size;width:var(--tap-width);max-width:var(--tap-width);min-height:0;background:#f6ebd7;margin:0 auto;border:0;border-radius:0;box-shadow:0 3px 18px #5d43232e}
body[data-screen=clicker] .app::after{display:none}
body[data-screen=clicker] #screen{min-height:0}
body[data-screen=clicker] .language-picker{height:13.67cqw;min-height:0;padding:1.6cqw 13cqw 1.6cqw 3.4cqw;gap:1.4cqw;border-radius:0;background:linear-gradient(115deg,#fff5e4,#f4e6d0);box-shadow:inset 0 1px #fff9ed,0 2px 4px #745a2c40}
body[data-screen=clicker] .language-brand{gap:1.7cqw}
body[data-screen=clicker] .language-brand>img{width:8.1cqw;height:9.2cqw}
body[data-screen=clicker] .language-brand strong{font-size:6.05cqw;letter-spacing:-.23cqw;font-weight:1000}
body[data-screen=clicker] .language-picker summary{height:7.9cqw;min-height:0;padding:.8cqw 1.5cqw;gap:1.5cqw;font-size:2.8cqw;border-radius:2.8cqw;border-color:#cbb295;box-shadow:inset 0 1px #fffaf0}
body[data-screen=clicker] .language-picker summary img{width:5.2cqw;height:4.1cqw}
body[data-screen=clicker] .language-picker summary>span:first-of-type{max-width:17cqw}
body[data-screen=clicker] .language-options{top:12cqw}
body[data-screen=clicker] .language-picker+#screen .guide-entry{top:2.85cqw;right:3.4cqw}
body[data-screen=clicker] .guide-entry button{width:8.7cqw;height:8.7cqw;min-height:0;border-radius:3cqw;box-shadow:inset 0 1px #fff9ed}
body[data-screen=clicker] .guide-entry span{width:5.2cqw;height:5.2cqw;font-size:4.1cqw}
body[data-screen=clicker] .app .clicker-page{padding:0;animation:none}
#clicker-root{container-type:inline-size;color:#41240f;position:relative}
#clicker-root[data-section=tap]{aspect-ratio:790/1164;background:#80a14a url('/assets/living-farm/tap-reference/garden-no-sign.webp') center/100% 100% no-repeat}
#clicker-root .world-tap-head{height:19.4cqw;margin:0;position:relative}
#clicker-root .world-tap-head .world-sign{position:absolute;left:-.1%;top:0;width:48%;height:21.4cqw;margin:0}
#clicker-root .world-tap-head .world-sign span{left:31%;right:9%;top:43%;height:37%;font-size:7.2cqw;font-weight:1000;letter-spacing:-.12cqw;white-space:nowrap;text-shadow:0 1px #f5d3a1}
#clicker-root .world-tap-head .tap-balance{position:absolute;left:57.8%;top:2.85cqw;width:39.9%;height:15.4cqw;margin:0;padding:2cqw 2.1cqw 1.9cqw 3.1cqw;grid-template-columns:7.8cqw minmax(0,1fr);grid-template-rows:1fr auto;column-gap:1.2cqw;border-radius:3.4cqw;border:1px solid #d5ba90;background:linear-gradient(115deg,#fff5e1ed,#f4e5cddd),var(--world-wood) center/cover;box-shadow:inset 0 1px #fffdf1,0 3px 4px #7f603b55}
#clicker-root .tap-balance>img{width:10cqw;height:12cqw;max-width:none;margin-left:-1.1cqw;align-self:center;filter:drop-shadow(0 1px 1px #8b592b55)}
#clicker-root .world-tap-head .tap-balance strong{align-self:center;font-size:7.35cqw;font-weight:1000;line-height:1;letter-spacing:-.18cqw}
#clicker-root .world-tap-head .tap-balance small{font-size:3.1cqw;line-height:1.15;font-weight:800;color:#65472d;white-space:nowrap}
#clicker-root[data-section=tap] .world-tap-head{position:absolute;inset:0 0 auto;z-index:3}
#clicker-root .tap-arena{position:absolute;left:19.87%;top:13.45%;width:59.5%;height:40.4%;aspect-ratio:auto;margin:0;display:block;isolation:isolate;z-index:4}
#clicker-root .tap-chicken,#clicker-root .tap-chicken.baby,#clicker-root .tap-chicken.young{position:absolute;inset:0;width:100%;height:100%;max-width:none;padding:0;margin:0;background:none;display:block;cursor:pointer;border-radius:50%;touch-action:manipulation}
#clicker-root .tap-chicken .living-tap-pet{position:absolute;left:4%;top:6.5%;width:91%;height:91%;margin:0;filter:drop-shadow(0 2px 1px #6348292b)}
#clicker-root .tap-chicken.young .living-tap-pet{left:5%;top:6%;width:90%;height:91%}
#clicker-root .tap-chicken.adult .living-tap-pet{left:1%;top:6%;width:98%;height:91%}
#clicker-root .tap-chicken .chick-source{width:100%;height:100%;max-height:none;filter:none}
#clicker-root .tap-chicken:focus-visible{outline:3px solid #ffe099;outline-offset:-3px}
#clicker-root .tap-yield{position:absolute;right:-10%;top:25%;display:flex;align-items:center;gap:1cqw;transform:rotate(-13deg);pointer-events:none;z-index:4}
#clicker-root .tap-yield b,#clicker-root .living-tap-reward b{font-size:8.3cqw;line-height:1;font-weight:1000;color:#fff3d5;-webkit-text-stroke:.65cqw #442309;paint-order:stroke fill;letter-spacing:-.45cqw;text-shadow:0 .3cqw #4b2c14}
#clicker-root .tap-yield>img,#clicker-root .living-tap-reward>img{width:5.8cqw;height:8.2cqw;filter:drop-shadow(0 1px 1px #41250c)}
#clicker-root .tap-flight-active .tap-yield{visibility:hidden}
#clicker-root .living-tap-reward{position:absolute;display:flex;align-items:center;gap:1cqw;white-space:nowrap;pointer-events:none;will-change:transform,opacity}
#clicker-root .tap-particles{position:absolute;inset:0;pointer-events:none;z-index:5}
#clicker-root .world-energy{position:absolute;left:23.2%;top:51.9%;width:53.4%;height:8.4%;margin:0;padding:1.5cqw 4.4cqw 1.1cqw 3.1cqw;gap:2.2cqw;border:1px solid #d8c2a0;border-radius:3.3cqw;background:linear-gradient(115deg,#fff6e5,#f4e7ce);box-shadow:inset 0 1px #fffcef,0 3px 4px #62481a4d;z-index:4}
#clicker-root .world-energy>svg{width:5.9cqw;height:8.6cqw;flex:none;filter:drop-shadow(0 1px 1px #d3a64f44)}
#clicker-root .world-energy>div{display:flex;flex-direction:column;justify-content:center;height:100%}
#clicker-root .world-energy .tap-progress.energy{height:3.3cqw;width:100%;margin:0;border:1px solid #cc9023;border-radius:2cqw;overflow:hidden}
#clicker-root .world-energy .tap-progress.energy::-webkit-progress-bar{background:#c7b391}
#clicker-root .world-energy .tap-progress.energy::-webkit-progress-value{background:linear-gradient(#fff19d,#ffbf36);border-radius:2cqw;box-shadow:inset 0 1px #fff7cc}
#clicker-root .world-energy .tap-progress.energy::-moz-progress-bar{background:linear-gradient(#fff19d,#ffbf36);border-radius:2cqw}
#clicker-root .world-energy b{font-size:3.35cqw;line-height:1.1;margin-top:1.3cqw;font-weight:1000;white-space:nowrap}
#clicker-root .world-tap-actions{position:absolute;left:2.4%;top:62.1%;width:95.2%;height:13.15%;display:grid;grid-template-columns:1.68fr 1fr;gap:1.1cqw;margin:0}
#clicker-root .world-boost,#clicker-root .world-gift{height:100%;min-height:0;gap:0;border-radius:3.5cqw;padding:1cqw 1.3cqw;box-shadow:inset 0 1px #fff1c9,0 .45cqw .3cqw #66442055;overflow:hidden}
#clicker-root .world-boost{border:1px solid #ab763c;background:linear-gradient(#f4c48a24,#e6a85744),var(--world-wood) center/cover}
#clicker-root .world-boost>img{width:34%;height:96%;flex:none;filter:drop-shadow(0 2px 2px #5f3f2566)}
#clicker-root .world-boost>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5cqw;padding:0 .6cqw 0 0}
#clicker-root .world-boost b{font-size:4.05cqw;line-height:1.12;font-weight:1000;letter-spacing:-.11cqw;white-space:nowrap}
#clicker-root .world-boost strong{height:7.3cqw;width:87%;max-width:none;margin:0;padding:.5cqw 1.8cqw;gap:1.3cqw;font-size:4.35cqw;font-weight:1000;border:1px solid #d8bd91;border-radius:2.5cqw;background:linear-gradient(120deg,#fff6e2,#f4e4c7);box-shadow:inset 0 1px #fff9eb,0 2px 2px #714b2577}
#clicker-root .world-boost strong img{width:5cqw;height:5.5cqw}
#clicker-root .world-gift{border:1px solid #d4bd98;background:linear-gradient(110deg,#fff5e2ee,#f2e5ccdf),var(--world-wood) center/cover}
#clicker-root .world-gift>img{width:41%;height:96%;flex:none}
#clicker-root .world-gift b{font-size:3cqw;line-height:1.16;letter-spacing:-.05cqw;color:#3d2515;overflow-wrap:normal}
#clicker-root .world-gift>span{font-size:5cqw;margin-left:.1cqw}
#clicker-root .gift-ready{display:none}
#clicker-root .world-growth{position:absolute;left:2.4%;top:76.55%;width:95.2%;height:20.8%;border:1px solid #d7c2a2;border-radius:3.5cqw;padding:1.2cqw 3.3cqw 1.6cqw;background:linear-gradient(115deg,#fff5e2f5,#f2e5cced),var(--world-wood) center/cover;box-shadow:inset 0 1px #fffaf0,0 .4cqw .8cqw #5740203d}
#clicker-root .world-growth header{height:4.7cqw;margin:0 0 1cqw}
#clicker-root .world-growth h2{font-size:3.4cqw;line-height:1.1;font-weight:900;letter-spacing:-.06cqw}
#clicker-root .world-growth header>button{display:none}
#clicker-root .world-growth-body{height:calc(100% - 5.7cqw);display:flex;gap:3cqw;align-items:center}
#clicker-root .world-growth ol{gap:4.7cqw;align-items:center}
#clicker-root .world-growth li+li::before{content:'➜';left:-3.9cqw;top:34%;font-size:3.5cqw;line-height:1;color:#8c6945}
#clicker-root .world-growth li>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;border:1px solid #d4bf99;background:linear-gradient(#f7ead2,#e6ceaa);padding:.25cqw}
#clicker-root .world-growth li.current>img{border:2px solid #ffd23a;background:#fff1ba;box-shadow:0 0 0 1px #e6b435,inset 0 0 0 2px #fff9db}
#clicker-root .world-growth li b{font-size:2.55cqw;line-height:1.1;min-height:4.7cqw;padding:.6cqw .2cqw;display:flex;align-items:center;justify-content:center;background:#ebd5b4;border-radius:3cqw;border:1px solid #e7cfa8;color:#66482d;font-weight:800;white-space:nowrap;overflow-wrap:normal;margin-top:.15cqw}
#clicker-root .world-growth li.current b{background:#ffe2a0;border-color:#f2c26b;color:#3c2912}
#clicker-root .world-growth .quick-grow{width:25.7%;min-height:0;height:17.5cqw;flex:none;gap:.7cqw;padding:1cqw 1.3cqw;border-radius:2.8cqw;border:1px solid #be874d;background:linear-gradient(#efb76644,#de9b4744),var(--world-wood) center/cover;box-shadow:inset 0 1px #ffdcab,0 .5cqw .7cqw #7d562459;opacity:1;filter:none;color:#3c220c;cursor:pointer}
#clicker-root .quick-grow>span{font-size:3.35cqw;line-height:1.1;font-weight:1000;padding:.5cqw 0;white-space:nowrap}
#clicker-root .world-growth .quick-grow:disabled{cursor:default}
#clicker-root .quick-grow strong{height:7cqw;border-radius:2cqw;border:1px solid #d5b687;font-size:4.1cqw;font-weight:1000;padding:.5cqw;gap:1cqw;background:linear-gradient(110deg,#fff6e3,#f5e4c4);box-shadow:inset 0 1px #fff,0 2px 2px #794a2566}
#clicker-root .quick-grow strong img{width:4.6cqw;height:5cqw}
#clicker-root[data-section=tap]>.tap-feed-reward,#clicker-root[data-section=tap]>.tap-tabs,#clicker-root[data-section=tap]>.tap-project-plan,#clicker-root[data-section=tap]>.tap-footnote,#clicker-root .world-growth-progress{display:none}
#clicker-root[data-section=tap]>#tap-message:not(:empty){position:absolute;left:6%;right:6%;top:59.9%;z-index:6;margin:0;padding:.5cqw 1cqw;border-radius:1cqw;font-size:2.7cqw;line-height:1.2;background:#fff4de;color:#873c23;box-shadow:0 1px 4px #51311244}
#clicker-root[data-section=tap]>[data-clicker=retry]{position:absolute;z-index:7;left:30%;top:44%;width:40%}
#clicker-root:not([data-section=tap]){padding:0 2.4cqw 3cqw;background:linear-gradient(#f5efd5c9,#f7ebd3),url('/assets/living-farm/tap-reference/garden-no-sign.webp') center top/100% auto}
#clicker-root:not([data-section=tap]) .world-tap-head{margin-inline:-2.4cqw}
#clicker-root:not([data-section=tap]) .tap-tabs{margin-top:2.4cqw}
body[data-screen=clicker] .app .bottom-nav{position:sticky;left:auto;bottom:0;transform:none;width:100%;height:19.05cqw;min-height:0;padding:.9cqw 1.4cqw 1.3cqw;gap:1.2cqw;border-radius:3.8cqw 3.8cqw 0 0;border:1px solid #d8c1a1;background:linear-gradient(115deg,#fff6e4,#f3e4cc);box-shadow:0 -1px 6px #6c54271a}
body[data-screen=clicker] .app .bottom-nav .nav-item{min-height:0;min-width:0;font-size:2.8cqw;font-weight:800;padding:.9cqw .2cqw;gap:1cqw;border-radius:3cqw;letter-spacing:-.03cqw}
body[data-screen=clicker] .app .bottom-nav .nav-item svg{width:9cqw;height:9cqw;flex:none;stroke-width:1.35}
body[data-screen=clicker] .app .bottom-nav .nav-item.active{background:linear-gradient(120deg,#ffe6a6,#ffd374);color:#36250d;border-color:#edbf62;box-shadow:inset 0 1px #fff2ce}
@media(min-width:480px){body[data-screen=clicker]{--tap-width:min(520px,calc((100svh - 16px)*.5553))}body[data-screen=clicker] .app{margin:8px auto;border-radius:4cqw;overflow:clip}body[data-screen=clicker] .app .bottom-nav{border-radius:3.8cqw}}
@media(prefers-reduced-motion:reduce){#clicker-root .tap-particles{display:none}#clicker-root .tap-yield{visibility:visible}}