:root{--green:#315f27;--green2:#6ca642;--gold:#f6bf35;--cream:#fff6d8;--brown:#7a451d;--ink:#3d2a16}*{box-sizing:border-box}html{background:#71b94b}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(#36a9e9 0 26%,#7dcc58 58%,#4e9e36);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.fatal{margin:40px;padding:24px;background:#fff;border-radius:20px}#app{max-width:760px;margin:auto;min-height:100vh;padding-bottom:112px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,247,194,.24));box-shadow:0 0 50px #163b2255}
header{position:sticky;top:0;z-index:50;padding:10px 12px;background:linear-gradient(180deg,#1387bd,#0b6f9e);border-bottom:3px solid #0d5578;box-shadow:0 5px 16px #184a6666}.topbar{display:flex;gap:9px;align-items:center}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:35px;background:linear-gradient(#ffe66f,#f0a523);border:4px solid #fff4b3;box-shadow:0 0 0 3px #416b35,0 4px 7px #0005}.player{min-width:0;flex:1}.player small{display:block;color:#fff6c9;font-weight:800;font-size:10px}.player h1{margin:0;color:white;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px #183c4d}.level-row{display:flex;align-items:center;gap:6px;margin-top:5px}.level-badge{background:#145a70;color:white;border-radius:9px;padding:3px 7px;font-size:11px;font-weight:900;border:2px solid #d1f2ae}.xpbar{height:13px;background:#214d45;border-radius:999px;overflow:hidden;border:2px solid #183b35;position:relative;flex:1}.xpbar i,.progress i,.mission-progress i{display:block;height:100%;background:linear-gradient(#d8f768,#65b635);border-radius:999px}.xpbar span{position:absolute;inset:-2px 0 0;text-align:center;color:#fff;font-size:9px;font-weight:900;text-shadow:0 1px #000}.resources{display:flex;gap:6px}.resource-pill{display:flex;align-items:center;gap:4px;min-width:83px;padding:6px 8px;border-radius:18px;background:#075c7d;color:#fff;border:2px solid #0b4257;box-shadow:inset 0 1px #71d9ff,0 3px 5px #0003;font-weight:900}.resource-pill span:first-child{font-size:21px}.resource-pill small{display:block;color:#c9f3ff;font-size:8px}.gear{width:38px;height:38px;border-radius:50%;border:2px solid #214f30;background:#5f9c4a;color:#fff;font-size:20px}
main{padding:0 10px 20px}.tab{display:none}.tab.active{display:block}.farm-stage{position:relative;min-height:770px;margin:0 -10px;padding:12px 10px 18px;overflow:hidden;background:radial-gradient(circle at 50% 12%,#fff 0 4%,transparent 5%),linear-gradient(180deg,#55c5f1 0 32%,#b9df7a 32% 52%,#70b644 52%);border-bottom:5px solid #406f2d}.farm-stage:before{content:"";position:absolute;left:-5%;right:-5%;top:165px;height:180px;background:radial-gradient(ellipse at 20% 100%,#6aa85b 0 27%,transparent 28%),radial-gradient(ellipse at 52% 100%,#518f4b 0 30%,transparent 31%),radial-gradient(ellipse at 82% 100%,#77b858 0 28%,transparent 29%);opacity:.9}.cloud{position:absolute;color:white;font-size:62px;filter:drop-shadow(0 4px 2px #7bb6cc66);animation:drift 18s linear infinite}.cloud.one{top:70px;left:-55px}.cloud.two{top:105px;right:-40px;animation-duration:24s}.scenery{position:relative;height:245px;z-index:2}.house,.barn,.mill,.tree,.river{position:absolute;filter:drop-shadow(0 6px 4px #24471f55)}.house{font-size:112px;left:20%;top:68px}.barn{font-size:95px;right:8%;top:100px}.mill{font-size:76px;right:35%;top:60px;animation:float 3s ease-in-out infinite}.tree{font-size:60px;left:3%;top:120px}.river{font-size:64px;left:-25px;top:168px;transform:rotate(-14deg)}.side-actions{position:absolute;z-index:5;top:195px;display:grid;gap:8px}.side-actions.left{left:8px}.side-actions.right{right:8px}.side-actions button{width:64px;min-height:64px;border-radius:16px;border:3px solid #fff0b4;background:linear-gradient(#fffbe8,#f1d792);box-shadow:0 4px 0 #9b6b2e,0 7px 9px #0003;color:#553317;font-weight:900;font-size:10px}.side-actions button span{display:block;font-size:26px}.badge{position:absolute;margin:-8px 0 0 42px;background:#e92f2f;color:white;border-radius:999px;padding:2px 6px;border:2px solid white}.garden-wrap{position:relative;z-index:6;margin:4px auto 0;max-width:640px}.garden-sign{width:max-content;margin:0 auto -4px;padding:6px 18px;border-radius:8px 8px 0 0;background:#7b451f;color:#ffe49a;border:3px solid #4c2b16;font-weight:1000;text-shadow:0 2px #3b2110}.plots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:18px 14px 24px;background:linear-gradient(#6bae3e,#4e8c31);border:5px solid #3b6a25;border-radius:28px;box-shadow:inset 0 0 0 5px #8ccc57,0 12px 0 #2f5c24,0 17px 20px #0005;transform:perspective(900px) rotateX(6deg)}.plot{position:relative;min-height:91px;padding:7px 5px 5px;text-align:center;border-radius:14px;background:radial-gradient(circle at 30% 25%,#8a552b 0 6%,transparent 7%),repeating-linear-gradient(145deg,#693c20 0 8px,#744522 8px 16px);border:3px solid #a86b32;box-shadow:inset 0 3px #bd7a3f,0 4px 0 #4b2b17;color:#fff7cb;text-shadow:0 1px #2e190d}.plot.empty span{font-size:28px}.plot small{display:block;font-size:10px}.plot button{border:0;border-radius:12px;padding:5px 7px;background:linear-gradient(#ffe35d,#e9a720);color:#5d360b;font-weight:900;box-shadow:0 3px #9a6416}.cropSprite{font-size:34px;animation:sway 2s ease-in-out infinite}.plot.ready{outline:3px solid #ffe45e;animation:pulse 1.2s infinite}.progress{height:8px;border-radius:99px;overflow:hidden;background:#3f2c1e;margin:5px}.quick-actions{position:relative;z-index:7;display:flex;justify-content:center;gap:8px;margin-top:18px}.quick-actions button,#buyLandBtn,#dailyBtn{border:2px solid #fff0aa;border-radius:14px;background:linear-gradient(#aada4e,#5da72c);color:white;font-weight:900;padding:10px 12px;box-shadow:0 4px #376f20;text-shadow:0 1px #315b22}.farm-info{position:relative;z-index:7;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.info-card{background:linear-gradient(#fffbed,#f3dca1);border:3px solid #e4bd65;border-radius:16px;padding:10px;text-align:center;box-shadow:0 4px 0 #a97931}.info-card small{display:block;font-weight:700}.info-card b{display:block;margin-top:5px}.shop-panel{position:relative;z-index:8;background:#fff7d9;border:4px solid #cf9b45;border-radius:22px;padding:14px;margin-top:15px}
.panel,.wallet-card,.mission-head,.kingdom-hero,.leaderboard-panel{background:linear-gradient(#fffdf2,#f5e4b3);border:3px solid #d2a24e;border-radius:20px;padding:15px;margin:12px 0;box-shadow:0 5px 0 #a87831,0 8px 18px #0002}.warning{background:#fff0c7}.success{background:#dcf5c0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title h2{font-size:18px}.section-title input{max-width:170px}.land-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.land-toolbar small{display:block}.crops{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crop{padding:10px;border:2px solid #d5aa54;border-radius:15px;background:#fff9de;color:#5d3a17}.crop span{display:block;font-size:30px}.crop small,.list-item small,.admin-card small{display:block}.crop.selected{outline:4px solid #69a936;background:#efffc9}.list{display:grid;gap:8px}.list-item,.admin-card,.leader-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff8df;border:2px solid #e5c276;border-radius:14px;padding:11px}.mini{border:0;border-radius:9px;background:#5b9c39;color:white;padding:7px 10px}.metrics,.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.metrics>div,.profile-grid>div{background:#fff7dc;border-radius:12px;padding:10px}.mission-list{display:grid;gap:10px}.mission-card{display:flex;gap:10px;background:#fff8df;padding:12px;border-radius:15px;border:2px solid #d9b05e}.mission-icon{font-size:28px}.mission-body{flex:1}.mission-title{display:flex;justify-content:space-between}.mission-progress{height:9px;background:#5a4229;border-radius:99px;overflow:hidden;margin:8px 0}.resource-row,.village-scene{display:flex;gap:10px;flex-wrap:wrap}.village-building,.achievement-card{flex:1;min-width:140px;background:#fff8df;border:2px solid #dcb45f;border-radius:15px;padding:12px;text-align:center}.village-building span,.aicon{display:block;font-size:36px}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}label{display:grid;gap:5px;margin:10px 0}input,select,textarea{width:100%;border:2px solid #cfad65;border-radius:12px;background:#fffdf3;padding:11px;color:#3e2a16}textarea{min-height:100px}
nav{position:fixed;z-index:80;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);display:flex;overflow-x:auto;gap:5px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(#f2d78d,#c7983f);border-top:4px solid #fff0b2;box-shadow:0 -5px 14px #0004}nav button{min-width:76px;flex:1;border:2px solid #a8792c;border-radius:14px;background:linear-gradient(#fff3bc,#d9b35f);color:#56351a;padding:6px 5px;font-weight:900}nav button.active{transform:translateY(-7px);background:linear-gradient(#d8f665,#82bd36)}nav svg{display:block;width:27px;height:27px;margin:auto;fill:none;stroke:currentColor;stroke-width:2}nav span{font-size:10px}.icon-sprite{display:none}#toast{position:fixed;z-index:100;left:50%;bottom:105px;transform:translate(-50%,20px);opacity:0;background:#263b21;color:white;padding:11px 16px;border-radius:14px;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.loading-overlay{position:fixed;inset:0;z-index:999;display:grid;place-content:center;text-align:center;background:linear-gradient(#4ab7e7,#65b442);color:#fff;transition:.5s}.loading-overlay.hide{opacity:0}.tractor{font-size:60px;animation:float 1s infinite}
@keyframes drift{to{transform:translateX(850px)}}@keyframes sway{50%{transform:rotate(5deg) translateY(-2px)}}@keyframes pulse{50%{filter:brightness(1.25)}}@keyframes float{50%{transform:translateY(-6px)}}
@media(max-width:560px){header{padding:8px}.avatar{width:48px;height:48px;font-size:29px}.player h1{font-size:14px}.resource-pill{min-width:58px;padding:4px 5px;font-size:10px}.resource-pill small{display:none}.gear{display:none}.farm-stage{min-height:700px}.scenery{height:220px}.house{font-size:87px;left:19%}.barn{font-size:75px}.mill{font-size:58px}.plots{gap:4px;padding:13px 8px 19px}.plot{min-height:76px;padding:4px 2px}.cropSprite{font-size:28px}.plot b{font-size:10px}.farm-info{grid-template-columns:repeat(2,1fr)}.crops{grid-template-columns:repeat(2,1fr)}.side-actions button{width:53px;min-height:56px}.side-actions button span{font-size:21px}.side-actions{top:175px}.achievement-grid{grid-template-columns:1fr}}


/* ===== V13: modal game, crop icons & anti-overlap ===== */
body{overflow-x:hidden}main{padding-bottom:118px}.topbar{min-width:0}.player,.resources{min-width:0}.resources{flex-wrap:wrap;justify-content:flex-end}.resource-pill{max-width:118px}.resource-pill b{display:block;max-width:72px;overflow:hidden;text-overflow:ellipsis}.item-product{display:flex;align-items:center;gap:10px;min-width:0}.item-product>span:last-child{min-width:0}.item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.crop-art{width:48px;height:48px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50% 50% 46% 54%;background:radial-gradient(circle at 35% 28%,#fffbd2 0 8%,transparent 9%),linear-gradient(145deg,#dbf57d,#66ad35);border:3px solid #fff2a6;box-shadow:inset 0 -5px #4d8c2d55,0 4px 0 #416d25,0 6px 9px #0003;position:relative}.crop-art:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid #ffffff66}.crop-art i{font-style:normal;font-size:29px;line-height:1;filter:drop-shadow(0 3px 1px #4f381955);transform:translateY(-1px)}.crop-art.large{width:64px;height:64px}.crop-art.large i{font-size:40px}.crop-tomato,.crop-strawberry,.crop-cherry,.crop-pepper{background:linear-gradient(145deg,#ffd49c,#e7613d)}.crop-grape,.crop-avocado{background:linear-gradient(145deg,#e7c6ff,#8458bc)}.crop-watermelon,.crop-melon,.crop-kiwi{background:linear-gradient(145deg,#d9f59c,#55a94d)}.crop-orange,.crop-carrot,.crop-pumpkin,.crop-mango,.crop-peach{background:linear-gradient(145deg,#ffe39a,#e9902e)}.crop-potato,.crop-mushroom,.crop-coconut{background:linear-gradient(145deg,#f4ddb3,#9b6a3e)}.crop-banana,.crop-lemon,.crop-corn,.crop-wheat,.crop-rice,.crop-pineapple{background:linear-gradient(145deg,#fff49a,#d7aa28)}.cropSprite .crop-art{width:43px;height:43px}.cropSprite .crop-art i{font-size:28px}.crop>.crop-art{margin:0 auto 7px}.crop>.crop-art i{font-size:29px}
.game-modal[hidden]{display:none}.game-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px calc(14px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.modal-backdrop{position:absolute;inset:0;background:#102515b8;backdrop-filter:blur(5px);opacity:0;transition:opacity .18s}.modal-card{position:relative;width:min(430px,100%);max-height:min(82vh,700px);overflow:auto;border:4px solid #d7a548;border-radius:25px;background:linear-gradient(#fffdf1,#f5df9d);box-shadow:0 8px 0 #86591f,0 24px 70px #0009;transform:translateY(20px) scale(.94);opacity:0;transition:.18s;color:#4b3014}.game-modal.open .modal-backdrop{opacity:1}.game-modal.open .modal-card{transform:none;opacity:1}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 12px;background:linear-gradient(#fffdf1 80%,#fffdf100)}.modal-head small{display:block;color:#9b6a25;font-weight:900;font-size:10px;letter-spacing:1px}.modal-head h2{font-size:21px;margin:2px 0 0}.modal-x{width:38px;height:38px;border:0;border-radius:50%;background:#ead39c;color:#674216;font-size:27px;line-height:1}.modal-body{padding:8px 18px 18px}.modal-product{display:flex;align-items:center;gap:13px;padding:12px;border:2px solid #e0ba68;border-radius:18px;background:#fff9df}.modal-product b{display:block;font-size:18px}.modal-product small{display:block;margin-top:4px;color:#80613a}.qty-label{margin:18px 0 7px;font-weight:900}.qty-control{display:grid;grid-template-columns:48px minmax(70px,1fr) 48px 68px;gap:7px}.qty-control button,.quick-number button{border:2px solid #a87d31;border-radius:13px;background:linear-gradient(#fff5be,#e3b953);font-weight:1000;color:#573716}.qty-control input{text-align:center;font-size:20px;font-weight:1000;padding:9px}.qty-control .max{background:linear-gradient(#d9f46d,#75b83a);color:#315016}.quick-number{display:flex;gap:7px;margin:-3px 0 10px}.quick-number button{padding:7px 14px}.modal-total{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;margin-top:16px;padding:13px;border-radius:16px;background:#e9f7c9;border:2px solid #a6c95d}.modal-total strong{font-size:20px;color:#3f7f20}.modal-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:12px 18px 18px;background:linear-gradient(#f5df9d00,#f5df9d 22%)}.modal-actions button{min-height:48px;border-radius:15px;font-weight:1000;font-size:16px}.modal-cancel{border:2px solid #b18b50;background:#f4e4bd;color:#614822}.modal-confirm{border:2px solid #3d7c25;background:linear-gradient(#9bdd4d,#54a12d);color:white;box-shadow:0 4px 0 #367422}.modal-confirm:disabled{opacity:.45;box-shadow:none}
@media(max-width:700px){header{position:relative}.topbar{align-items:flex-start;flex-wrap:wrap}.player{min-width:180px}.resources{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.resource-pill{max-width:none;min-width:0}.farm-stage{padding-top:6px}.scenery{height:190px}.garden-wrap{margin-top:4px}.side-actions{position:relative!important;top:auto!important;left:auto!important;right:auto!important;display:flex;overflow-x:auto;gap:7px;margin:0 0 12px;padding:4px 2px 8px;z-index:8}.side-actions.right{display:none}.side-actions button{flex:0 0 76px;width:76px}.plots{grid-template-columns:repeat(3,minmax(0,1fr));transform:none}.plot{min-height:88px}.quick-actions{flex-wrap:wrap}.quick-actions button{flex:1 1 140px}.section-title,.land-toolbar{align-items:stretch;flex-direction:column}.section-title input{max-width:none}.list-item{align-items:flex-start;flex-wrap:wrap}.item-actions{width:100%}.item-actions .mini{flex:1}.crops{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{min-width:68px}}
@media(max-width:380px){.avatar{width:42px;height:42px}.player{min-width:150px}.plots{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card{border-radius:20px}.qty-control{grid-template-columns:44px minmax(60px,1fr) 44px}.qty-control .max{grid-column:1/-1;min-height:38px}.modal-actions{grid-template-columns:1fr 1fr}}


/* =========================================================
   V14 FARM GAME UI — mobile-first, no overlap, full button skin
   ========================================================= */
:root{
  --v14-cream:#fff4c8;--v14-gold:#c9902f;--v14-brown:#68401d;
  --v14-green:#69b83e;--v14-green-dark:#347c29;--v14-line:#d5a34f;
}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background:#213f24}
button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.58}
button:active:not(:disabled){transform:translateY(2px)!important;box-shadow:none!important}

/* Every functional button receives a proper game skin */
main button:not(.modal-x),.panel button,.farm-stage button,.shop-panel button{
  border:2px solid #9b6b26;border-radius:13px;
  background:linear-gradient(180deg,#fff6bd 0%,#e7bd60 100%);
  color:#5a3518;font-weight:900;min-height:42px;padding:9px 13px;
  box-shadow:inset 0 2px #fff9d9,0 3px 0 #80551e,0 5px 9px #0002;
  text-shadow:0 1px #fff7c9;transition:transform .12s,filter .12s,box-shadow .12s;
}
main button:hover:not(:disabled){filter:brightness(1.04)}
main button.mini{min-height:36px;padding:7px 11px;color:#fff;text-shadow:0 1px #244c18;background:linear-gradient(#91d84e,#4d9a2e);border-color:#367522;box-shadow:inset 0 2px #c8f48b,0 3px 0 #2f6a22}

/* Main farm becomes a clean vertical scene; action buttons never float over plots */
.farm-stage{display:flex;flex-direction:column;min-height:0!important;padding:0 10px 16px;background:linear-gradient(#4dc0ed 0 25%,#9bd459 25% 100%);overflow:hidden}
.scenery{order:1;position:relative;width:100%;height:230px;flex:0 0 230px;margin:0;border-radius:0 0 24px 24px;overflow:hidden}
.side-actions{position:static!important;inset:auto!important;transform:none!important;z-index:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:10px 0 0;padding:0;overflow:visible}
.side-actions.left{order:2}.side-actions.right{order:3;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}
.side-actions button{position:relative!important;width:100%!important;min-width:0!important;min-height:58px!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:7px;padding:8px!important;font-size:12px!important;white-space:normal}
.side-actions button>span{font-size:24px!important;line-height:1}.side-actions .badge{top:-7px!important;right:-4px!important;left:auto!important}
.garden-wrap{order:4;position:relative!important;inset:auto!important;width:100%;margin:28px 0 0!important;padding:13px 10px 16px!important;border:5px solid #6da94a!important;border-radius:28px!important;background:linear-gradient(#75bd43,#43972f)!important;box-shadow:inset 0 0 0 3px #b3e477,0 9px 0 #2d6d28,0 14px 20px #183b2445!important;z-index:2}
.garden-sign{top:-27px!important;left:50%!important;transform:translateX(-50%)!important;width:max-content;max-width:88%;padding:8px 20px!important;font-size:16px!important;white-space:nowrap}
.quick-actions{order:5;position:static!important;display:grid!important;grid-template-columns:1.2fr 1.2fr 1fr;gap:8px;width:100%;margin:20px 0 0!important;padding:0!important;transform:none!important}
.quick-actions button{min-width:0!important;min-height:48px!important;padding:8px 7px!important;font-size:13px!important;white-space:normal}
.farm-info{order:6;position:static!important;width:100%;margin:14px 0 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding:0!important;transform:none!important}
.info-card{min-width:0;padding:12px 7px!important;border:3px solid #dfb763!important;border-radius:16px!important;background:linear-gradient(#fffaf0,#f4dda0)!important;box-shadow:0 4px 0 #9b6b2b!important;text-align:center}
.info-card small,.info-card b{display:block;overflow:hidden;text-overflow:ellipsis}.info-card small{font-size:11px}.info-card b{font-size:13px;margin-top:5px}

/* Plot cards: fixed internal layout so labels/buttons never cover neighboring plots */
.plots{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;width:100%;padding:0!important;transform:none!important;overflow:visible!important}
.plot{position:relative;isolation:isolate;min-width:0!important;min-height:128px!important;height:auto!important;padding:8px 5px 7px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;border:3px solid #9a642d!important;border-radius:17px!important;background:linear-gradient(145deg,#9a5f2e,#5f351f)!important;box-shadow:inset 0 0 0 3px #b8793e,inset 0 -12px #4e2a1b55,0 4px 0 #5c3b23!important;overflow:hidden!important}
.plot .soil{position:absolute!important;inset:5px!important;border-radius:12px!important;background:repeating-linear-gradient(155deg,#815027 0 7px,#70401f 8px 14px)!important;z-index:-1}
.plot>span{font-size:30px!important;line-height:1;margin:3px 0 2px}.plot .cropSprite{height:48px;display:grid;place-items:center;margin:0 0 2px!important}
.plot b{width:100%;font-size:11px!important;line-height:1.15;text-align:center;color:#fff9dc!important;text-shadow:0 2px #43210f;white-space:normal;overflow-wrap:anywhere;margin:1px 0 3px}
.plot small{font-size:9px!important;line-height:1.1;color:#fff8d5!important;text-shadow:0 1px #43210f;margin-top:3px}
.plot .progress{width:82%!important;height:8px!important;flex:none;margin:2px auto!important;border:1px solid #3d2818;background:#3f3025!important}
.plot button{width:calc(100% - 6px)!important;min-height:30px!important;margin-top:auto!important;padding:4px 3px!important;border-radius:9px!important;font-size:9px!important;line-height:1.1;white-space:normal;box-shadow:inset 0 1px #ebffad,0 2px 0 #2d6821!important;background:linear-gradient(#9ddd52,#56a735)!important;color:#fff!important;text-shadow:0 1px #315d24!important;border-color:#397925!important}
.plot.empty>small{margin-bottom:4px}.plot.ready{animation:plotReady 1.3s ease-in-out infinite}.plot.ready button{animation:none}
@keyframes plotReady{50%{filter:brightness(1.13)}}

/* Shop and content sections feel like game panels instead of raw HTML */
.shop-panel,.panel{border:3px solid #c49039!important;border-radius:20px!important;background:linear-gradient(#fff9dd,#f1d789)!important;box-shadow:inset 0 2px #fffdea,0 5px 0 #7f5928,0 10px 18px #0002!important}
.section-title,.land-toolbar{gap:10px}.section-title h2,.panel h2{color:#654019;text-shadow:0 1px #fff3bd}
.crops{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.crop{min-width:0;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.crop b,.crop small{width:100%;overflow:hidden;text-overflow:ellipsis}.crop.selected{transform:translateY(-2px);outline:3px solid #d8ff7f!important}
.list-item{overflow:hidden}.list-item>a,.list-item span{min-width:0}.item-actions button{white-space:nowrap}
input,select,textarea{font-family:inherit;outline:none;box-shadow:inset 0 2px 4px #76501d22}input:focus,select:focus,textarea:focus{border-color:#70a936;box-shadow:0 0 0 3px #aee36e55}

/* Bottom menu stays below content and cannot cover farm actions */
nav{height:auto;max-height:104px;align-items:stretch;padding-top:8px}nav button{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}main{padding-bottom:132px!important}

@media(max-width:620px){
  .scenery{height:190px;flex-basis:190px}.plots{grid-template-columns:repeat(3,minmax(0,1fr))!important}.plot{min-height:120px!important}
  .farm-info{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions button:last-child{grid-column:1/-1}
  .crops{grid-template-columns:repeat(2,minmax(0,1fr))!important}.side-actions.right{display:grid!important}
}
@media(max-width:390px){
  .farm-stage{padding-inline:7px}.side-actions{gap:6px}.side-actions button{font-size:10px!important;gap:4px}.side-actions button>span{font-size:20px!important}
  .plots{gap:5px!important}.plot{min-height:116px!important;padding-inline:3px!important}.plot b{font-size:10px!important}.plot button{font-size:8px!important}
  .quick-actions button{font-size:11px!important}.garden-sign{font-size:13px!important}.resource-pill{padding-inline:4px!important}
}
@media(max-width:330px){.plots{grid-template-columns:repeat(2,minmax(0,1fr))!important}.side-actions{grid-template-columns:1fr}.side-actions.right{grid-template-columns:1fr 1fr}}

/* ===== V15 hotfix: village layout + clean crop artwork ===== */
#kingdomTab{padding:8px 0 24px;overflow:hidden}
#kingdomTab .kingdom-hero{display:block!important;padding:16px!important}
#kingdomTab .kingdom-hero h2{font-size:22px!important;line-height:1.2;margin:5px 0!important}
#kingdomTab .kingdom-hero p{font-size:13px!important;margin:6px 0!important}
#kingdomTab .resource-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
#kingdomTab .resource-row>span{display:flex;justify-content:center;gap:5px;padding:9px 5px;border-radius:12px;background:#fff4c4;border:2px solid #d0a14a;font-size:13px!important}
#kingdomTab .village-scene{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:12px 0!important;align-items:stretch}
#kingdomTab .village-building{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;width:auto!important;min-height:190px!important;padding:13px 9px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;font-size:14px!important;filter:none!important}
#kingdomTab .village-building>span{display:grid!important;place-items:center;width:76px!important;height:76px!important;margin:2px auto 8px!important;font-size:50px!important;line-height:1!important;border-radius:22px;background:linear-gradient(#dff6ff,#8ed2f0);border:3px solid #fff4b5;box-shadow:0 4px 0 #9c6d2b,0 7px 10px #0002}
#kingdomTab .village-building>b{display:block!important;width:100%;font-size:16px!important;line-height:1.2!important;margin:2px 0!important;white-space:normal!important}
#kingdomTab .village-building>small{display:block!important;font-size:12px!important;margin:2px 0 10px!important}
#kingdomTab .village-building>button{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:150px!important;min-height:40px!important;margin-top:auto!important;padding:7px 8px!important;font-size:12px!important;white-space:normal!important}
#kingdomTab .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Remove the coin-medal look. Crop art is now clean, large and readable. */
.crop-art{width:54px!important;height:54px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.crop-art:after{display:none!important}.crop-art i{font-size:43px!important;filter:drop-shadow(0 3px 1px #4d2e18aa)!important;transform:none!important}
.crop-art.large{width:68px!important;height:68px!important}.crop-art.large i{font-size:55px!important}
.cropSprite .crop-art{width:50px!important;height:50px!important}.cropSprite .crop-art i{font-size:41px!important}
.crop>.crop-art{margin:0 auto 5px!important}

@media(max-width:520px){
 #kingdomTab .village-scene{grid-template-columns:1fr!important}
 #kingdomTab .village-building{min-height:142px!important;display:grid!important;grid-template-columns:82px 1fr!important;grid-template-rows:auto auto 1fr!important;text-align:left!important;column-gap:10px!important}
 #kingdomTab .village-building>span{grid-row:1/4!important;margin:0!important}
 #kingdomTab .village-building>b,#kingdomTab .village-building>small{width:100%!important;text-align:left!important}
 #kingdomTab .village-building>button{grid-column:2!important;width:100%!important;max-width:none!important;margin-top:4px!important}
 #kingdomTab .achievement-grid{grid-template-columns:1fr!important}
}