@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,system-ui,sans-serif;color:#63472b;background:#d8bc72;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #fff4a4;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}.game{position:relative;height:100svh;min-height:650px;overflow:hidden;background:#d8bc72}.world{position:absolute;width:max(100%,1050px);aspect-ratio:1.5;left:50%;top:46%;transform:translate(-50%,-50%);isolation:isolate}.scenery{width:100%;height:100%;object-fit:fill;position:absolute;inset:0;pointer-events:none}header{position:absolute;left:28px;right:28px;top:22px;display:flex;align-items:flex-start;gap:16px;z-index:5;pointer-events:none}header>*{pointer-events:auto}.level-medal{background:linear-gradient(#a8c84c,#659638);border:4px solid #f6d770;outline:2px solid #9b6734;box-shadow:0 5px 0 #70472550,inset 0 0 0 3px #d4e782;border-radius:50% 50% 43% 43%;width:91px;height:100px;color:#fffbe4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px #467332}.level-medal b{font-size:35px;line-height:1.05;-webkit-text-stroke:1px #315d25}.level-medal small{font-size:10px;font-weight:900}progress{width:60px;height:5px;accent-color:#fae58a;margin:4px 0}.top-info{display:flex;gap:20px;align-items:center;padding-top:8px}.brand{font-size:29px;font-weight:900;color:#fff4c9;text-shadow:0 2px #70512c,2px 0 #70512c,-2px 0 #70512c,0 -2px #70512c}.brand span{display:block;font-size:12px;color:#fff8de;text-shadow:0 1px 3px #5a492f}.coins{height:49px;min-width:175px;display:flex;align-items:center;gap:10px;background:#624b2bd9;border:2px solid #bda063;border-radius:15px;color:#fff7db;padding:4px 7px 4px 13px;box-shadow:0 3px #60472944}.coins b{font-size:25px;text-shadow:0 2px #53392b}.coins small{font-size:12px}.coin-icon{color:#f3d24f;border:2px solid #ffeb8f;background:#d6a33d;border-radius:50%;width:28px;height:28px;text-align:center;line-height:24px;font-size:18px}.coins button{margin-left:auto;width:31px;height:31px;font-size:26px;line-height:24px;background:#7da647;border:2px solid #b6d674;color:#f6ffd2;border-radius:9px;font-weight:900}.top-actions{margin-left:auto;display:flex;gap:10px;padding-top:8px}.round{border:2px solid #aa7b43;background:linear-gradient(#fff1cc,#e8c68a);border-radius:13px;width:43px;height:43px;font-weight:900;font-size:21px;box-shadow:0 3px #76572d50}.quest-panel{position:absolute;top:143px;left:30px;width:230px;background:#ffedc9f0;border:2px solid #b68a52;border-radius:17px;box-shadow:0 5px #765a2630;padding:13px 15px;z-index:4}.quest-panel>button{background:none;border:0;border-bottom:1px solid #bd9b6755;width:100%;display:flex;justify-content:space-between;font-weight:900;font-size:15px;padding:0 0 9px}.task{font-size:13px;display:flex;gap:10px;align-items:center;padding:8px 0;line-height:1.4}.task>span{color:#799945;font-size:20px}.task small{display:block;font-size:11px;color:#9a815b}.task.done{color:#77904d}.local-note{font-size:9px;border-top:1px solid #bd9b6744;padding-top:8px;color:#927c59}.quest-panel.collapsed #tasks,.quest-panel.collapsed .local-note{display:none}.quest-panel.collapsed>button{padding:0;border:0}.chicken-panel{position:absolute;right:28px;top:135px;display:flex;align-items:center;gap:9px;padding:12px 16px 12px 6px;background:#ffedc9ed;border:2px solid #b68a52;border-radius:19px;z-index:4;width:230px;box-shadow:0 5px #765a2630}.chicken-panel>img{width:76px;height:82px;object-fit:contain}.chicken-panel strong{font-size:16px}.chicken-panel p{font-size:11px;line-height:1.5;margin:4px 0 7px;max-width:125px}.primary{background:linear-gradient(#99b84d,#73983d);border:2px solid #547a2c;color:#fffbd5;border-radius:10px;padding:8px 11px;font-weight:900;box-shadow:0 2px #516d2b55}.chicken-panel .primary{font-size:11px;padding:6px}.place{position:absolute;z-index:3;background:#ffeac2;border:2px solid #ad7842;border-radius:9px;box-shadow:0 3px #74512440;padding:6px 15px;font-size:14px;font-weight:900}.shop-sign{left:20%;top:31%}.coop-sign{right:15%;top:30%}.plots{position:absolute;left:36%;top:39%;width:38%;height:35%;transform:rotate(-30deg) skewX(30deg) scaleY(.86);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:7px}.plot{position:relative;overflow:visible;border:2px solid #956b3a;border-bottom:6px solid #83582e;border-radius:7px;background:repeating-linear-gradient(90deg,#b28551 0,#b28551 13px,#a47846 14px,#a47846 17px);box-shadow:4px 5px #6f612726;display:flex;align-items:center;justify-content:center;padding:0;transition:filter .15s}.plot:hover{filter:brightness(1.12)}.plot.watered{background:repeating-linear-gradient(90deg,#967046 0,#967046 13px,#87623d 14px,#87623d 17px)}.plot.ready{border-color:#ebd17c;box-shadow:0 0 0 2px #fff2a365,4px 5px #6f612726}.plant-wrap{position:absolute;left:50%;bottom:13%;width:90%;height:135%;transform-origin:50% 100%;transform:scaleY(1.163) skewX(-30deg) rotate(30deg);pointer-events:none;display:flex;align-items:flex-end;justify-content:center;margin-left:-45%}.crop-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 1px #58491d20);transform-origin:center bottom}.crop-img.small{transform:scale(.58)}.crop-img.growing{transform:scale(.82)}.plot.ready .crop-img{animation:sway 3s ease-in-out infinite}.plot:nth-child(2n) .crop-img{animation-delay:-1s}.plot.empty::after{content:'+';font-size:27px;color:#f1d39e70}.plot small{position:absolute;bottom:-8px;left:50%;transform:scaleY(1.163) skewX(-30deg) rotate(30deg) translateX(-50%);font-size:10px;white-space:nowrap;font-weight:900;background:#ffebbd;border:1px solid #ae8655;border-radius:6px;padding:1px 5px;line-height:1.4;z-index:3}.plot .status{position:absolute;right:8%;top:-13%;transform:scaleY(1.163) skewX(-30deg) rotate(30deg);font-size:16px;z-index:4}.avatar{position:absolute;width:9%;height:21%;left:44%;top:73%;z-index:4;pointer-events:none;transition:left .45s linear,top .45s linear;filter:drop-shadow(0 7px 2px #534a222b)}.avatar img{width:100%;height:100%;object-fit:contain}.avatar.walking img{animation:walk .18s alternate infinite}.avatar span{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#fff2cddd;border:1px solid #a98450;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:900}.play-bottom{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:6;width:min(640px,calc(100% - 24px));display:flex;flex-direction:column;align-items:center;pointer-events:none}.play-bottom>*{pointer-events:auto}.seed-tray{background:#fff0d2f2;border:2px solid #b0864d;box-shadow:0 4px #6c512931;border-radius:16px;padding:8px 14px;max-width:100%;margin-bottom:8px}.seed-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:0 1px 4px;color:#9a7848}.seed-heading button{font-size:11px;background:none;border:0;color:#759043;font-weight:900}#seedList{display:flex;gap:8px}.seed-item{display:flex;align-items:center;gap:5px;background:#efd8a84d;border:1px solid transparent;border-radius:10px;padding:4px 9px;text-align:left;min-width:112px}.seed-item.active{background:#d6dfab;border-color:#7e9a48;box-shadow:inset 0 0 0 1px #edf3c8}.seed-item img{width:35px;height:40px;object-fit:contain}.seed-item strong{font-size:12px;display:block}.seed-item small{font-size:10px;color:#95815d}.seed-item b{font-size:11px;margin-left:3px}.tool-caption{font-size:12px;font-weight:800;color:#fffbe7;background:#615536ba;border-radius:10px;padding:5px 13px;margin-bottom:8px;text-align:center}.toolbar{display:flex;gap:4px;justify-content:center;padding:7px 11px;background:linear-gradient(#fff0cf,#edcd94);border:3px solid #ac7a3d;outline:2px solid #efd7a1;border-radius:23px;box-shadow:0 6px #74562d50,inset 0 0 0 2px #fff6dc;width:100%}.toolbar button{display:flex;flex-direction:column;align-items:center;gap:0;border:2px solid transparent;background:none;border-radius:13px;padding:4px 8px;font-size:12px;font-weight:900;min-width:72px;flex:1;color:#7c572e}.toolbar button img{width:42px;height:42px;object-fit:contain}.toolbar button.selected{background:linear-gradient(#bad277,#8fab50);border-color:#6e8b37;color:#fffad7;text-shadow:0 1px #658a31}.tool-symbol{font-size:37px;font-weight:900;color:#a28143;line-height:42px}.toolbar i{width:1px;background:#c9a974;margin:7px}.bottom-note{color:#775f3d;font-weight:700;font-size:10px;margin-top:9px;text-shadow:0 1px #fff5c6}#toast{position:fixed;top:115px;left:50%;transform:translate(-50%,-15px);background:#fff0ccf5;color:#71502d;border:2px solid #b28a4e;padding:13px 22px;border-radius:16px;box-shadow:0 5px 20px #52482020;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:14px;font-weight:800;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:3px solid #b68a52;border-radius:24px;width:min(480px,92vw);padding:25px;color:#6c4f2d;background:#fff0d2;box-shadow:0 30px 90px #342b1540}dialog::backdrop{background:#342f1c80;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h2{margin:0;font-size:23px}.store-row{display:flex;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid #d9bc8055}.store-row img{width:51px;height:57px;object-fit:contain}.store-row .emoji{font-size:35px}.store-row strong{font-size:16px;display:block}.store-row small{font-size:12px;color:#9b835c}.store-row button{margin-left:auto;border:1px solid #99ae58;background:#d8e4ad;border-radius:10px;padding:10px;font-weight:900}.modal-note{font-size:13px;margin-bottom:12px;color:#9a825c;line-height:1.65}.help-list{padding-left:22px;font-size:15px;line-height:1.9}.full{width:100%;margin-top:20px}@keyframes sway{0%,100%{rotate:-2deg}50%{rotate:2deg}}@keyframes walk{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}@media(min-width:1700px){.world{width:1700px}.game{background:#d5bc77}}@media(max-width:1000px){.quest-panel{width:190px;left:16px;top:131px}.chicken-panel{right:16px;width:195px;padding:9px 10px 9px 3px}.chicken-panel>img{width:58px}.brand{font-size:25px}.top-info{gap:13px}}@media(max-width:650px){.game{min-height:730px}.world{width:1000px;top:46%;left:44%}.scenery{object-fit:contain}header{left:13px;right:13px;top:15px;gap:11px}.level-medal{width:66px;height:77px;border-width:3px}.level-medal b{font-size:26px}.level-medal small{font-size:8px}progress{width:43px}.top-info{padding-top:0;flex-direction:column;align-items:flex-start;gap:5px}.brand{font-size:22px;line-height:1.2}.brand span{display:none}.coins{height:36px;min-width:151px;gap:8px;padding:3px 5px 3px 9px;border-radius:11px}.coins b{font-size:20px}.coins button{height:25px;width:25px;font-size:22px;line-height:20px;border-radius:7px}.coin-icon{width:23px;height:23px;line-height:18px;font-size:15px}.top-actions{gap:7px;padding-top:0}.round{width:33px;height:33px;font-size:18px;border-radius:10px}#fullscreen{display:none}.quest-panel{top:111px;left:13px;width:174px;padding:10px 11px;border-radius:12px}.quest-panel>button{font-size:12px}.task{font-size:11px;padding:5px 0;gap:7px}.task small{font-size:9px}.local-note{font-size:8px}.chicken-panel{top:111px;right:12px;width:154px;padding:8px 7px 8px 1px;gap:3px;border-radius:12px}.chicken-panel>img{width:48px;height:57px}.chicken-panel strong{font-size:13px}.chicken-panel p{font-size:9px;margin:2px 0 5px}.chicken-panel .primary{font-size:9px;padding:4px}.plots{left:36%;top:43%;width:30%;height:24%;gap:6px}.plant-wrap{height:135%}.plot small{font-size:9px}.avatar{width:7%;height:17%}.place{font-size:11px;padding:5px 9px}.shop-sign{left:29%;top:30%}.coop-sign{right:27%;top:29%}.play-bottom{bottom:12px;width:calc(100% - 18px)}.seed-tray{width:100%;padding:7px 8px;margin-bottom:7px;border-radius:12px}#seedList{gap:4px}.seed-item{min-width:0;flex:1;padding:3px 2px;gap:2px;position:relative;justify-content:center}.seed-item img{width:28px;height:36px}.seed-item strong{font-size:10px}.seed-item small{font-size:8px}.seed-item b{position:absolute;top:-4px;right:1px;font-size:9px;background:#fff0c7;border-radius:5px;padding:0 2px}.seed-heading{font-size:10px}.seed-heading button{font-size:10px}.toolbar{padding:5px 4px;gap:1px;border-radius:17px}.toolbar button{min-width:0;font-size:10px;padding:3px 1px;white-space:nowrap}.toolbar button img{width:34px;height:35px}.tool-symbol{font-size:30px;line-height:35px}.toolbar i{margin:6px 2px}.tool-caption{font-size:10px;padding:4px 9px;max-width:100%;margin-bottom:7px}.bottom-note{font-size:9px;margin-top:8px}#toast{top:93px;font-size:12px;padding:9px 15px;width:max-content;max-width:90%}.modal-header h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Expanded village */
[hidden]{display:none!important}.brand-button{border:0;background:none;text-align:left;padding:0;line-height:1.2}.level-medal{padding:0;cursor:pointer}.top-actions .round{position:relative}.notification{position:absolute;right:-5px;top:-6px;min-width:17px;line-height:17px;border-radius:50%;background:#ad5431;color:#fff4d3;font-size:10px}.zone-nav{position:absolute;left:50%;top:109px;transform:translateX(-50%);display:flex;gap:5px;background:#5f4d2cc4;padding:5px;border:1px solid #e8d59c60;border-radius:15px;z-index:6;max-width:calc(100% - 30px);overflow-x:auto;scrollbar-width:none}.zone-nav button{display:flex;align-items:center;gap:5px;white-space:nowrap;position:relative;background:#fff0cd;border:2px solid #b18b50;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:900;min-height:43px}.zone-nav button>span{font-size:19px}.zone-nav button.active{background:#94b45a;border-color:#d5e593;color:#fff9d9}.zone-nav button.zone-locked{background:#d7c494;color:#7b6845;padding-bottom:17px}.zone-nav button small{position:absolute;bottom:0;right:8px;font-size:9px}.quest-panel{top:186px}.chicken-panel{top:186px}.all-quests,.text-link{background:none;border:0;color:#708942;font-size:13px;font-weight:900;padding:10px 0;text-decoration:underline;text-underline-offset:3px}.all-quests{width:100%;font-size:12px;padding:7px 0 0}.task>button{margin-left:auto;font-size:11px;padding:5px;border:1px solid #859b41;border-radius:7px;background:#cddf92;font-weight:900}.task>div{flex:1}.zone-label{position:absolute;bottom:22px;left:25px;color:#6f643d;font-size:14px;font-weight:900;letter-spacing:.5px;text-shadow:0 1px #f8e2a8}.zone-tip{padding:1px 7px}.zone-tip p{max-width:190px!important;font-size:12px!important}.zone-tip .text-link{font-size:11px;padding:5px 0}.avatar{border:0;background:none;padding:0;pointer-events:none}.avatar img{pointer-events:none}.avatar span{white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis}.bottom-note button{border:0;background:none;font-size:inherit;color:inherit;text-decoration:underline}.item-art{width:46px;height:48px;object-fit:contain}.product-icon{display:inline-flex;align-items:center;justify-content:center;font-size:32px}.seed-tray{max-width:100%;width:fit-content}.seed-heading{font-size:12px}.seed-heading button{font-size:12px}#seedList{max-width:560px;overflow-x:auto;padding-top:4px;scrollbar-width:thin}.seed-item{flex-shrink:0}.seed-item .item-art{width:32px;height:39px}.toolbar .item-art{width:42px;height:42px}.expand-sign{position:absolute;left:68%;top:72%;z-index:4;border:2px solid #a57a3b;background:#f9e5b9;border-radius:11px;padding:8px 12px;font-size:12px;font-weight:900;box-shadow:0 3px #74512440}.plots-16{grid-template-rows:repeat(4,1fr);height:39%;top:37%;width:35%}.plots-20{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);width:43%;height:39%;left:32%;top:37%}.plots-24{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);width:48%;height:39%;left:29%;top:37%}.plots-20 .plant-wrap,.plots-24 .plant-wrap{height:145%}.animal-yard{position:absolute;left:29%;top:40%;width:49%;display:flex;gap:15px;align-items:flex-end}.animal-card{flex:1;text-align:center;border-bottom:3px solid #ad874b;background:linear-gradient(transparent 30%,#f8e8bf 31%);border-radius:24px;padding:0 10px 14px;box-shadow:0 7px #67682922;min-width:0}.animal-art{width:100%;height:145px;object-fit:contain;filter:drop-shadow(0 6px #75662620)}.animal-card h3{margin:3px 0;font-size:19px}.animal-card p{font-size:12px;margin:5px 0 10px}.animal-card small{display:block;font-size:10px;margin-top:8px;color:#9e855a}.animal-card .primary{font-size:12px}.locked-animal .animal-art{filter:grayscale(.9);opacity:.65}.fishing-spots{position:absolute;left:31%;top:44%;width:42%;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.fishing-spot{background:#fff1ccee;border:2px solid #a07b46;border-radius:19px;padding:12px;min-width:128px;display:flex;align-items:center;flex-direction:column;gap:4px;box-shadow:0 7px #254d4740}.fishing-spot strong{font-size:14px}.fishing-spot>span:last-child{font-size:11px}.fishing-icon{font-size:34px}.fish-ready{border-color:#9fc152;background:#e2eebf;animation:sway 2s ease-in-out infinite}.zone-pond .expand-sign{left:64%;top:68%}.workshop-scene{position:absolute;left:29%;top:37%;width:49%;display:flex;gap:20px;align-items:center}.workshop-art{width:43%;height:270px;object-fit:contain}.workshop-board{flex:1;background:#fff0cced;border:2px solid #b0874b;border-radius:17px;padding:20px;min-width:0}.workshop-board h3{font-size:18px;margin:0 0 8px}.workshop-board p{font-size:12px;margin:0 0 14px;line-height:1.7}.job-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.job-list button{display:flex;align-items:center;gap:4px;border:1px solid #c5a668;background:#f3deb4;border-radius:10px;padding:5px;text-align:left;font-size:11px}.job-list .item-art{width:30px;height:30px}.job-list small{display:block;font-size:10px}.market-scene{position:absolute;left:28%;top:37%;width:49%;text-align:center}.market-banner{display:inline-block;padding:12px 30px;border:2px solid #a27743;background:#ffebbd;border-radius:16px;font-size:24px;font-weight:900;box-shadow:0 5px #78602535;margin-bottom:24px}.market-banner small{font-size:12px;display:block;font-weight:700;margin-top:4px}.market-options{display:flex;gap:13px}.market-options button{flex:1;border:2px solid #b69354;background:#fff0ccf5;border-radius:18px;padding:12px;display:flex;align-items:center;flex-direction:column;gap:8px}.market-art{width:100%;height:105px;object-fit:contain}.market-options strong{font-size:16px}.market-options span{font-size:11px;line-height:1.6}.modal-note{line-height:1.7}dialog{max-height:88svh;overflow-y:auto;width:min(570px,94vw)}.modal-header{position:sticky;top:-25px;background:#fff0d2;padding:6px 0 10px;z-index:2}.modal-header .round{flex-shrink:0}.buy-buttons{display:flex;flex-direction:column;gap:5px;margin-left:auto}.buy-buttons button{font-size:12px;padding:7px 9px;white-space:nowrap}.store-row>div:not(.buy-buttons){flex:1}.store-row small{display:block;line-height:1.6}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inventory-grid article{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 8px;border:1px solid #d5b77f;background:#fff6dd;border-radius:13px;text-align:center}.inventory-grid .item-art{height:65px;width:65px}.inventory-grid strong{font-size:13px}.inventory-grid small{font-size:11px;color:#967e57}.inventory-grid button{border:1px solid #9fae62;background:#dfe8b9;border-radius:8px;font-size:11px;padding:6px}.empty-state{padding:35px 12px;text-align:center;color:#9c8157;font-size:14px;line-height:1.8}.modal-tabs{display:flex;gap:8px;margin-bottom:16px}.modal-tabs button{flex:1;border:1px solid #c4a66a;background:#efdbb0;border-radius:10px;padding:10px;font-weight:900}.modal-tabs button.active{background:#9fb962;border-color:#74913b;color:#fffbe0}.mission-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #d9bd8555}.mission-row>div{flex:1}.mission-row strong{font-size:14px}.mission-row small{display:block;font-size:12px;color:#9b8156;margin-top:4px}.mission-row progress{width:100%;height:7px;margin-top:8px}.mission-row button{border:1px solid #91a650;background:#d4e3a1;border-radius:9px;padding:8px;font-size:12px;font-weight:800}.daily-gift{display:flex;justify-content:space-between;align-items:center;padding:13px;background:#f3dda7;border:1px solid #d0ac65;border-radius:13px;margin-bottom:12px}.daily-gift small{font-size:12px}.recipe-card{border:1px solid #d4b87f;background:#fff5db;border-radius:15px;padding:15px;margin-bottom:12px}.recipe-card h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px}.recipe-card h3 .item-art{height:42px;width:42px}.recipe-card h3 small{margin-left:auto;font-size:11px;font-weight:700;color:#9c835b}.ingredients{display:flex;gap:10px;flex-wrap:wrap}.ingredient{display:flex;align-items:center;gap:5px;background:#f2dfbd;border-radius:9px;padding:7px;font-size:12px;color:#ac7046}.ingredient.enough{background:#e7eccd;color:#758447}.ingredient small{display:block;font-size:11px}.ingredient .item-art{width:30px;height:35px;font-size:24px}.recipe-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;font-size:12px;color:#998052}.recipe-footer .primary{font-size:12px}.level-row{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #d8bd8450}.level-row>b{border:2px solid #c5ad78;background:#e5d3ae;border-radius:50%;width:37px;height:37px;line-height:32px;text-align:center;flex-shrink:0}.level-row.achieved>b{background:#a9bf68;border-color:#809b45;color:#fffbe4}.level-row strong{font-size:13px;line-height:1.5}.level-row small{display:block;font-size:11px;color:#9a815a;margin-top:5px}.character-picker{display:flex;gap:18px;margin:15px 0 24px}.character-picker button{flex:1;border:2px solid #d1b783;background:#f4e2bd;border-radius:20px;padding:13px;display:flex;flex-direction:column;align-items:center}.character-picker button.chosen{border-color:#789842;background:#e0e8ba;box-shadow:0 0 0 2px #a9c66c}.character-picker img{height:195px;max-width:100%;object-fit:contain}.character-picker strong{margin-top:7px;font-size:16px}.name-label{display:block;font-size:14px;font-weight:900;margin-bottom:8px}#characterName{width:100%;font:inherit;font-size:17px;padding:12px;border:2px solid #c6a469;background:#fff9e9;border-radius:11px;color:#694b2a}.input-hint{font-size:12px;display:block;color:#9c8358;margin-top:8px;line-height:1.6}.settings-actions{display:grid;gap:10px;margin:20px 0}.settings-actions button{background:#f4dfb4;border:1px solid #c9a569;border-radius:12px;padding:13px;font-weight:900;font-size:14px;text-align:left}.unlock-card{text-align:center;line-height:1.9;font-size:14px}.unlock-card>span{font-size:52px;display:block}.error-box{border:1px solid #b27844;background:#f0d4b7;padding:14px;border-radius:10px;font-size:13px;line-height:1.7}.error-box button{display:block;padding:9px;border-radius:8px;border:1px solid #aa8550;background:#ffedce;margin-top:9px}
@media(max-width:1000px){.zone-nav{top:112px}.quest-panel,.chicken-panel{top:177px}.animal-yard{left:29%;width:46%}.animal-card{padding:0 7px 10px}.animal-art{height:125px}.workshop-scene{left:28%;width:49%}.market-scene{left:28%;width:48%}}
@media(max-width:650px){.game{min-height:800px}.world{top:46%}.zone-nav{top:99px;left:10px;right:10px;max-width:none;transform:none;gap:4px;padding:4px;border-radius:12px}.zone-nav button{font-size:11px;padding:7px 9px;min-height:39px;flex-shrink:0}.zone-nav button>span{font-size:16px}.zone-nav button.zone-locked{padding-bottom:14px}.zone-nav button small{font-size:8px}.quest-panel{top:156px;width:176px}.chicken-panel{top:156px;width:151px}.top-actions{gap:5px}.top-actions .round{width:30px;height:30px}.brand-button{font-size:21px}.brand span{display:block;font-size:9px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-info{gap:5px}.level-medal{height:80px}.coins{height:32px;min-width:144px}.coins b{font-size:18px}.coins button{height:23px;width:23px}.quest-panel .task{font-size:10px}.all-quests{font-size:10px}.task>button{font-size:9px;padding:4px}.zone-label{display:none}.quick-panel .item-art,.chicken-panel>.item-art{width:43px;height:56px}.zone-tip p{font-size:10px!important}.zone-tip strong{font-size:12px}.zone-tip .text-link{font-size:9px}.play-bottom{bottom:10px}.seed-tray{width:100%}#seedList{max-width:100%;padding:3px 0 1px;scrollbar-width:none}.seed-item{min-width:84px;flex:0 0 84px;justify-content:flex-start;padding:3px 4px}.seed-item .item-art{width:28px;height:36px}.seed-item strong{font-size:10px}.seed-item small{font-size:9px}.seed-heading,.seed-heading button{font-size:11px}.toolbar .item-art{width:34px;height:35px}.plots{top:43%;left:35%;width:30%;height:24%}.plots-16{top:42%;height:27%;width:28%;left:36%}.plots-20{top:41%;height:27%;width:32%;left:34%}.plots-24{top:41%;height:27%;width:36%;left:32%}.plot small{font-size:8px}.plots-20 .plant-wrap,.plots-24 .plant-wrap{height:132%}.expand-sign{left:49%;top:73%;font-size:10px;padding:6px 9px}.avatar{width:7%;height:17%}.animal-yard{left:33%;top:43%;width:35%;gap:7px}.animal-card{padding:0 5px 10px;border-radius:14px}.animal-art{height:100px}.animal-card h3{font-size:13px}.animal-card p{font-size:9px;min-height:28px}.animal-card .primary{font-size:9px;padding:5px 4px}.animal-card small{font-size:8px}.fishing-spots{left:36%;top:42%;width:29%;gap:9px}.fishing-spot{min-width:116px;padding:8px;border-radius:14px}.fishing-spot strong{font-size:12px}.fishing-spot>span:last-child{font-size:10px}.fishing-icon{font-size:26px}.zone-pond .expand-sign{left:44%;top:73%}.workshop-scene{left:33%;top:40%;width:34%;gap:8px;align-items:flex-start}.workshop-art{width:34%;height:150px}.workshop-board{padding:12px;border-radius:12px}.workshop-board h3{font-size:13px}.workshop-board p{font-size:10px}.workshop-board .primary{font-size:11px;padding:7px}.job-list button{font-size:9px}.job-list .item-art{width:23px;height:23px}.job-list small{font-size:8px}.market-scene{left:34%;top:39%;width:32%}.market-banner{font-size:20px;padding:10px 20px;margin-bottom:12px;border-radius:12px}.market-banner small{font-size:10px}.market-options{gap:7px}.market-options button{padding:8px 5px;border-radius:13px}.market-art{height:65px}.market-options strong{font-size:11px}.market-options span{font-size:9px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.character-picker img{height:155px}.character-picker{gap:12px}.character-picker button{padding:9px}.modal-header h2{font-size:21px}.store-row strong{font-size:14px}.store-row .item-art{width:43px;height:49px}.store-row small{font-size:11px}.buy-buttons button{font-size:11px}.mission-row strong{font-size:13px}.mission-row small{font-size:11px}.mission-row button{font-size:11px}.recipe-card{padding:12px}.recipe-card h3{font-size:15px}.recipe-footer{font-size:11px}.recipe-footer .primary{font-size:11px}.help-list{font-size:14px}.modal-note{font-size:13px}.top-actions{margin-left:auto}#toast{top:147px}}

/* Keep farming controls inside the visible viewport, including mobile browser bars. */
.game{height:100vh;height:100dvh;min-height:0}
.play-bottom{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));z-index:10;width:min(640px,calc(100% - 24px));max-width:100%;gap:0}
.seed-tray{width:100%;min-width:0;flex-shrink:0;background:#fff0d2}
#seedList{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:6px 0;scrollbar-width:thin;scrollbar-color:#a98450 #edddb9;overscroll-behavior-x:contain}
.seed-item{flex:0 0 auto;min-width:112px;min-height:48px}
.seed-heading{font-size:14px;color:#71502d}.seed-heading button{font-size:14px;min-height:32px}
.toolbar{flex-shrink:0}.toolbar button{min-width:0}
.bottom-note{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff0d2;border:1px solid #b0864d;border-radius:10px;padding:4px 8px;font-size:12px;margin-top:7px}
.bottom-note .sell-shortcut{background:#77973c;border:1px solid #567a2c;border-radius:8px;color:#fffbe4;text-decoration:none;font-size:14px;font-weight:900;padding:8px 12px;min-height:38px}
.bottom-note>span{flex:1;text-align:center}.bottom-note>button{flex-shrink:0}
@media(max-width:650px){.play-bottom{width:calc(100% - 16px)}.seed-item{min-width:108px;flex:0 0 108px;padding:5px 6px}.seed-item strong{font-size:12px}.seed-item small{font-size:11px}.seed-item b{top:0;right:3px;font-size:11px}.bottom-note{gap:8px;font-size:11px}.bottom-note>span{display:none}.bottom-note>button:last-child{margin-left:auto}.toolbar button{font-size:10px}.seed-heading{font-size:13px}.seed-heading button{font-size:13px}}
@media(max-height:600px){.play-bottom{max-height:52dvh;overflow-y:auto;overscroll-behavior:contain;padding:3px 3px 7px;border-radius:16px;scrollbar-width:thin}.seed-tray{padding:4px 8px;margin-bottom:4px}.seed-heading{margin:0}.seed-heading button{min-height:26px}.seed-item{min-height:40px}.tool-caption{margin-bottom:4px}.toolbar{padding:3px 5px}.toolbar .item-art,.toolbar button img{height:28px;width:28px}.tool-symbol{font-size:27px;line-height:28px}.bottom-note{margin-top:4px}}

/* Seed selection is a separate dialog, never covered by the farm controls. */
.seed-tray{width:100%;padding:0;background:#fff0d2;margin-bottom:8px;overflow:hidden}
.seed-open{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:10px 14px;background:#fff0d2;border:0;text-align:left}
.seed-open>span{font-size:14px;font-weight:900}.seed-open>strong{font-size:14px;color:#526f29}.seed-open>small{font-size:12px}
.seed-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seed-picker-grid .seed-item{width:100%;min-width:0;min-height:86px;padding:12px;position:relative;border:2px solid #c7b079;background:#fff7df;gap:8px}
.seed-picker-grid .seed-item.active{border-color:#789843;background:#e0e8ba}
.seed-picker-grid .seed-item strong{font-size:14px}.seed-picker-grid .seed-item small{font-size:12px}.seed-picker-grid .seed-item b{position:static;font-size:13px;margin-left:auto}.seed-picker-grid .item-art{width:40px;height:48px}
@media(min-width:1100px){.seed-tray{position:fixed;left:calc((640px - 100vw)/2 + 24px);bottom:0;width:205px;margin:0}.seed-open{flex-direction:column;align-items:flex-start;gap:6px;padding:14px}}
@media(max-width:650px){.seed-open{padding:8px 10px;min-height:48px;gap:6px}.seed-open>small{display:none}.seed-open>span,.seed-open>strong{font-size:13px}.seed-picker-grid .seed-item{padding:8px;gap:5px}.seed-picker-grid .item-art{width:32px;height:40px}}

/* Separate animal management and the village work board. */
.pen-card{background:#fff0d2f5;border:2px solid #ad874b;border-radius:18px;padding:14px 10px;box-shadow:0 5px #76572d30}
.pen-card h3{font-size:18px;margin:0 0 5px}.pen-level{font-size:12px;color:#846a43}.pen-card .animal-art{height:125px;display:block;margin:6px auto}.pen-card>strong{font-size:14px}.pen-card .primary{min-height:38px;font-size:13px}.pen-card p{min-height:32px}
.pen-detail{display:flex;align-items:center;gap:20px;font-size:14px;line-height:1.7}.pen-portrait{width:140px;height:160px;object-fit:contain}.pen-upgrade{background:#eadcb5;border:1px solid #c7ae77;padding:16px;border-radius:14px;margin-top:16px;font-size:14px;line-height:1.6}.pen-upgrade h3{margin:0}.pen-upgrade small{display:block;margin-top:10px;font-size:12px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-card{padding:15px;background:#fff8e3;border:1px solid #c8b17c;border-radius:14px;display:flex;flex-direction:column;gap:10px}.work-card h3{margin:0;font-size:16px}.work-card p{margin:0;font-size:14px;line-height:1.5;flex:1}.work-card strong{font-size:14px;color:#597e32}.work-card small,.work-total{font-size:12px;color:#876e46}.work-card .primary{font-size:14px;min-height:40px}.active-work{padding:16px;background:#e2e9bd;border:1px solid #8da357;border-radius:14px;font-size:15px}
.bottom-note .work-shortcut{background:#e6c774;border:1px solid #a9853e;border-radius:8px;text-decoration:none;font-size:14px;font-weight:900;padding:8px 12px;min-height:38px;margin-left:auto}
@media(max-width:650px){.pen-card{padding:8px 5px}.pen-card h3{font-size:13px}.pen-card .animal-art{height:80px}.pen-card .primary{font-size:11px;padding:5px;min-height:34px}.pen-card>strong,.pen-level{font-size:10px}.pen-card p{font-size:10px}.pen-detail{gap:10px}.pen-portrait{width:95px;height:130px}.work-grid{grid-template-columns:1fr}.bottom-note .work-shortcut,.bottom-note .sell-shortcut{font-size:12px;padding:7px 8px}.bottom-note{gap:5px}.bottom-note>button:last-child{font-size:10px}}

.farm-pages{position:absolute;right:24px;top:330px;z-index:7;width:215px;padding:12px;background:#fff0d2;border:2px solid #a88048;border-radius:14px}.farm-pages>strong{display:block;margin-bottom:8px;font-size:15px}.farm-pages>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.farm-pages button{padding:8px 5px;border:1px solid #b49660;border-radius:9px;background:#f3dfb5;font-size:14px;font-weight:900}.farm-pages button.active{background:#789d43;color:#fffbe4;border-color:#526f2f}.farm-pages small{display:block;font-size:10px;font-weight:600;margin-top:4px}
.real-pens{left:24%;top:36%;width:58%;gap:12px;align-items:center}.pen-building{position:relative;flex:1;min-width:0;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 3px #60482225)}.pen-building-art{width:100%;height:210px;object-fit:contain;transition:transform .2s}.pen-building:hover .pen-building-art{transform:translateY(-5px)}.pen-sign,.pen-caption{background:#fff0d2;border:2px solid #a88048;border-radius:10px;padding:7px 10px;font-weight:900;font-size:16px}.pen-caption{font-size:12px;padding:6px 8px;line-height:1.4}.pen-unowned .pen-building-art{opacity:.65}.pen-portrait{width:190px;height:190px}
@media(max-width:1100px){.farm-pages{right:16px;width:185px;top:310px}.real-pens{left:24%;width:56%}.pen-building-art{height:180px}}
@media(max-width:650px){.farm-pages{left:12px;right:12px;top:247px;width:auto;padding:6px 8px;display:flex;align-items:center;gap:6px}.farm-pages>strong{font-size:11px;margin:0;max-width:35px}.farm-pages>div{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:4px}.farm-pages button{font-size:12px;padding:5px 3px}.farm-pages small{font-size:8px}.real-pens{left:31%;top:45%;width:37%;gap:5px}.pen-building-art{height:115px}.pen-sign{font-size:12px;padding:5px}.pen-caption{font-size:9px;padding:4px}.pen-portrait{width:125px;height:145px}}
@media(max-height:600px) and (min-width:651px){.farm-pages{top:175px;right:12px;width:185px}.chicken-panel{display:none}.real-pens{top:32%}.pen-building-art{height:150px}}

/* Forty-eight compact plots on the same field. */
.plots-progressive{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));left:31%;top:31%;width:43%;height:34%;gap:5px}
.plots-progressive .plot{border-bottom-width:4px;border-radius:5px}.plots-progressive .plant-wrap{height:120%;width:85%;margin-left:-42.5%}.plots-progressive .plot small{font-size:8px;padding:0 3px}.plots-progressive .plot .status{font-size:12px}.atlas-crop{display:inline-block;background-image:url('crops-new.png');background-size:300% 200%;background-repeat:no-repeat;flex-shrink:0}.crop-img.atlas-crop{width:100%;height:100%}
@media(max-width:650px){.plots-progressive{transform:none;left:calc(56% - min(46vw,190px));top:39%;width:min(92vw,380px);height:35%;gap:4px}.plots-progressive .plant-wrap{transform:none;height:110%;bottom:9%}.plots-progressive .plot small{transform:translateX(-50%);bottom:-4px;font-size:7px;padding:0 1px;max-width:48px;overflow:hidden}.plots-progressive .plot .status{transform:none;right:0;top:-6px}.plots-progressive .plot.empty::after{font-size:18px}}
/* Keep all 48 hit targets between the village HUD and the bottom toolbar. */
.plots-progressive{left:50%;top:50%;width:min(50vw,680px);height:min(34dvh,300px);transform:translate(-50%,-50%);gap:5px}
.plots-progressive .plant-wrap{transform:none;height:125%;bottom:10%}.plots-progressive .plot small{transform:translateX(-50%);bottom:-4px}.plots-progressive .plot .status{transform:none;top:-6px}
@media(max-width:650px){.plots-progressive{left:56%;top:56%;width:min(92vw,380px);height:min(26dvh,230px);gap:4px}.plots-progressive .plant-wrap{height:115%}.plots-progressive .plot small{font-size:7px}.plots-progressive .plot .status{font-size:10px}}

.pond-station{position:absolute;left:30%;top:32%;width:46%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff0d2ed;border:2px solid #a88048;border-radius:14px}.pond-station strong{font-size:15px}.pond-station button{font-size:13px;border:1px solid #a88048;border-radius:9px;padding:8px;background:#ecddb5}.pond-station button.primary{background:#759c43;color:#fffbe4}.net-card{border:1px solid #c7ad74;border-radius:14px;background:#fff7df;padding:15px;margin:12px 0}.net-card h3{font-size:16px;margin:0 0 12px}.net-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.net-options button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #afab68;background:#e9edc9;border-radius:12px;padding:10px 5px}.net-options strong{font-size:14px}.net-options small{font-size:12px;line-height:1.5}.net-catch{display:flex;align-items:center;gap:15px;font-size:14px}.net-catch .item-art{width:65px;height:65px}.net-catch p{margin:7px 0}.pond-links{display:flex;gap:12px}.pond-links button{flex:1;border:1px solid #b6965f;border-radius:10px;background:#eddbb4;padding:12px;font-size:14px}.pond-tier{display:flex;align-items:center;gap:12px;border:1px solid #bca679;padding:12px;border-radius:12px;margin:10px 0}.pond-tier.available{background:#e2e9be}.pond-tier strong{font-size:14px}.pond-tier small{display:block;font-size:12px;margin-top:6px}.pond-tier>span{margin-left:auto;font-size:12px;white-space:nowrap}
@media(max-width:650px){.pond-station{left:34%;top:37%;width:32%;padding:8px;flex-wrap:wrap;gap:5px}.pond-station strong{width:100%;text-align:center;font-size:13px}.pond-station button{font-size:11px;padding:7px}.zone-pond .fishing-spots{top:55%}.zone-pond .expand-sign{top:80%}.net-options{gap:5px}.net-options strong{font-size:12px}.net-options small{font-size:10px}.net-card{padding:10px}.pond-tier{gap:8px;padding:9px}.pond-tier .item-art{width:35px;height:40px}}

.plots-progressive{grid-template-columns:repeat(var(--plot-cols),minmax(0,1fr));grid-template-rows:repeat(var(--plot-rows),minmax(0,1fr));width:min(calc(var(--plot-cols)*7vw),680px);height:min(calc(var(--plot-rows)*5.7dvh),300px)}
.land-control{align-self:flex-end;margin-bottom:6px;padding:7px 12px;background:#fff0d2;border:2px solid #a88048;border-radius:10px;font-size:13px;font-weight:900}
@media(max-width:650px){.plots-progressive{width:min(calc(var(--plot-cols)*11.5vw),380px);height:min(calc(var(--plot-rows)*4.3dvh),230px)}.land-control{font-size:12px;padding:5px 10px}}

/* Shopping, wearable outfits and additional fields */
.outfit-preview{width:104px;height:150px;object-fit:contain;display:block;margin:auto}.outfit-sprite{background-image:url(outfit-atlas.png);background-size:400% 200%;background-repeat:no-repeat}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.wardrobe-grid article{padding:12px;text-align:center;border:1px solid #d9cdb1;border-radius:16px;background:#fcf8ed}.wardrobe-grid strong,.wardrobe-grid small{display:block;margin:6px}.fertilizer-targets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.field-pages{position:absolute;top:27%;left:40%;display:flex;gap:8px;z-index:4}.field-pages button{padding:8px 14px;border-radius:14px;background:#f4eccf}.field-pages .active{background:#687a3c;color:white}.settings-actions a{padding:13px;border:1px solid #d8cfb8;border-radius:12px;text-decoration:none;color:inherit}.zone-nav{overflow-x:auto;max-width:calc(100vw - 24px)}@media(max-width:650px){.zone-nav{justify-content:flex-start}.zone-nav button{flex-shrink:0}.field-pages{top:24%;left:30%}.shopping-scene .outfit-preview{height:110px;width:76px}}

#playerArt{background-repeat:no-repeat}
/* Expanded village and full-size play tables. */
.food-sprite{display:inline-block;background-image:url(vietnam-food-atlas.png);background-size:400% 300%;background-repeat:no-repeat;aspect-ratio:1}.extra-pen{display:block;background-image:url(extra-pens-atlas.png);background-size:300% 100%;background-repeat:no-repeat;aspect-ratio:1}.real-pens{flex-wrap:wrap;width:48%;left:28%;top:31%;gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.real-pens .pen-building{width:100%;min-width:0}.real-pens .pen-building-art{height:auto;width:100%;aspect-ratio:1}.real-pens .pen-caption{font-size:12px}.pen-portrait.extra-pen{min-width:180px;height:180px}.pen-detail small{display:block}.zone-nav{max-width:calc(100vw - 32px);justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.zone-nav button{flex-shrink:0}.auto-control{display:block;margin:0 auto 6px;border:1px solid #71813c;border-radius:12px;background:#fff2bd;padding:7px 15px;font-weight:800}.auto-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.auto-options button{border:1px solid #baa97c;border-radius:14px;padding:18px;background:#f4efdf}.auto-options button.active{background:#5f7c38;color:white}.auto-options span{display:block;margin-top:6px}.auto-seed{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.auto-seed select{padding:12px;font:inherit;border-radius:10px;border:1px solid #baa97c}.dish-art{display:block;width:130px;height:130px;margin:0 auto 12px}.dish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dish-grid .recipe-card{margin:0}.dish-grid .ingredients{display:flex;flex-wrap:wrap}.dish-grid .ingredient{min-width:90px}.zone-kitchen,.zone-leisure{width:100vw;height:100svh;aspect-ratio:auto;left:0;top:0;transform:none}.zone-kitchen .scenery,.zone-leisure .scenery{object-fit:cover;filter:brightness(.65) blur(2px)}.game:has(.zone-leisure) .quest-panel,.game:has(.zone-leisure) .chicken-panel,.game:has(.zone-kitchen) .quest-panel,.game:has(.zone-kitchen) .chicken-panel,.game:has(.zone-leisure) .play-bottom,.game:has(.zone-kitchen) .play-bottom,.game:has(.zone-leisure) .place,.game:has(.zone-kitchen) .place{display:none}.leisure-scene,.kitchen-scene{position:absolute;inset:170px max(24px,calc((100vw - 1080px)/2)) 24px;overflow:auto;background:#fff5d9f5;border:3px solid #ba9157;border-radius:22px;padding:22px;box-shadow:0 10px 30px #2c391e55;font-size:16px;z-index:3}.leisure-heading,.kitchen-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.leisure-heading h2,.kitchen-heading h2{margin:4px 0 10px;font-size:28px}.leisure-heading small,.kitchen-heading small{letter-spacing:.1em;font-size:12px}.leisure-heading button,.kitchen-heading button,.kitchen-actions button,.card-controls button,.game-choice button{padding:10px 14px;border-radius:12px;border:1px solid #bba577;background:#fff9e9;font:inherit}.game-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.game-choice button strong,.game-choice button small{display:block}.game-choice button small{font-size:13px;margin-top:5px}.game-choice button.active{background:#596e37;color:white}.card-meta{font-size:13px;color:#715d3d}.card-welcome{text-align:center;padding:55px 20px;color:#415531}.card-welcome>span{font-size:64px}.card-table{padding:18px;background:#1c664b;color:#fff9e9;border:6px solid #98714a;border-radius:20px}.opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.opponents>div{padding:12px;border:1px solid #85b494;border-radius:12px;background:#134732}.opponents small,.opponents span{display:block;font-size:13px;margin-top:4px}.card-turn{text-align:center;font-size:19px;margin:16px 0}.table-center{text-align:center;min-height:145px;border-radius:15px;background:#1b593f;padding:18px}.card-row,.card-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:12px 0}.playing-card{width:52px;min-width:52px;height:76px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d7d5c2;border-radius:8px;background:#fffef5;color:#1f2927;box-shadow:0 3px 5px #0003;font:inherit;position:relative}.playing-card b{font-size:19px}.playing-card>span{font-size:24px}.playing-card small{font-size:10px;position:absolute;right:3px;bottom:2px}.playing-card.red{color:#b83c36}.playing-card.chosen{border:3px solid #ffd05c;transform:translateY(-9px);box-shadow:0 0 0 2px #ffdb66}.card-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.card-controls button:disabled{opacity:.5}.your-hand{margin-top:20px;text-align:center}.card-log{font-size:13px;margin:14px 0}.card-log p{margin:6px 0;color:#d2e6d0}.phom-draw{display:flex;justify-content:center;gap:40px}.phom-draw>div{display:flex;flex-direction:column;align-items:center;gap:8px}.card-back{height:76px;width:52px;border-radius:8px;border:3px solid #e8dab4;color:white;background:repeating-linear-gradient(45deg,#8b3546,#8b3546 5px,#b35265 5px,#b35265 10px);font-weight:800}.phom-hint{font-size:13px}.phom-results,.three-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.phom-results article,.three-results article{border:1px solid #70a387;background:#164e39;border-radius:12px;padding:12px}.phom-results small{display:block;font-size:13px}.kitchen-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.kitchen-jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.kitchen-jobs article{display:flex;flex-direction:column;align-items:center;padding:18px;background:#fff9ee;border:1px solid #dec38c;border-radius:16px;gap:8px}.kitchen-jobs .dish-art{width:170px;height:170px}.kitchen-empty{grid-column:1/-1}.kitchen-empty p{margin:0}.game:has(.zone-leisure) .zone-label,.game:has(.zone-kitchen) .zone-label{display:none}.pond-station{max-width:250px}.net-options{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
@media(max-width:650px){.leisure-scene,.kitchen-scene{inset:155px 8px 12px;padding:12px;border-radius:16px}.leisure-heading h2,.kitchen-heading h2{font-size:23px}.game-choice{gap:6px}.game-choice button{padding:9px 5px;font-size:14px}.game-choice button small{font-size:12px}.card-table{padding:10px;border-width:3px}.playing-card{width:44px;min-width:44px;height:66px}.playing-card b{font-size:17px}.playing-card>span{font-size:20px}.opponents{gap:6px}.opponents>div{padding:8px 3px}.card-controls button{font-size:14px;padding:10px}.table-center{padding:10px}.phom-results,.three-results{grid-template-columns:1fr}.dish-grid{grid-template-columns:1fr}.real-pens{width:38%;left:32%;top:35%;gap:5px}.real-pens .pen-sign{font-size:10px}.real-pens .pen-caption{font-size:9px}.pen-portrait.extra-pen{min-width:130px;height:130px}.auto-control{padding:5px 12px;font-size:12px}.leisure-heading button,.kitchen-heading button{font-size:13px}.card-hand{gap:5px}.kitchen-jobs .dish-art{width:140px;height:140px}}
/* Six separate pens remain reachable on small screens. */
.zone-barn{width:100vw;height:100svh;aspect-ratio:auto;left:0;top:0;transform:none}.zone-barn .scenery{object-fit:cover;filter:brightness(.75)}.game:has(.zone-barn) .quest-panel,.game:has(.zone-barn) .chicken-panel,.game:has(.zone-barn) .play-bottom,.game:has(.zone-barn) .place,.game:has(.zone-barn) .zone-label{display:none}.zone-barn .real-pens{inset:170px max(24px,calc((100vw - 1080px)/2)) 24px;width:auto;overflow:auto;padding:18px;background:#fcf1d5e8;border:2px solid #b68a52;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:18px}.real-pens .pen-building{padding:12px;border-radius:16px;background:#fff8e9;border:1px solid #c7ae81;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 6px #77551f20}.real-pens .pen-building-art{width:min(100%,230px);height:auto;aspect-ratio:1;object-fit:contain}.real-pens .pen-sign{font-size:16px;position:static;transform:none;display:block}.real-pens .pen-caption{font-size:13px;position:static;transform:none;display:block;white-space:normal;margin-top:8px}.zone-leisure .card-table .primary{background:#d8b54d;border-color:#b89634;color:#25351e}.zone-leisure .card-table .primary:disabled{opacity:.5}
@media(max-width:650px){.zone-barn .real-pens{inset:155px 8px 12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}.real-pens .pen-sign{font-size:14px}.real-pens .pen-caption{font-size:12px}.real-pens .pen-building{padding:8px}.real-pens .pen-building-art{width:100%}}
.zone-pond{width:100vw;height:100svh;aspect-ratio:auto;left:0;top:0;transform:none}.zone-pond .scenery{object-fit:cover}.game:has(.zone-pond) .quest-panel,.game:has(.zone-pond) .chicken-panel,.game:has(.zone-pond) .play-bottom,.game:has(.zone-pond) .place,.game:has(.zone-pond) .zone-label{display:none}.pond-hub{position:absolute;inset:170px max(24px,calc((100vw - 1080px)/2)) 24px;overflow:auto;padding:22px;background:#e8f4e4ee;border:3px solid #709269;border-radius:22px;z-index:3}.zone-pond .pond-station{position:static;max-width:none;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px;transform:none}.zone-pond .fishing-spots{position:static;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.zone-pond .fishing-spot{min-width:0;padding:20px 10px}.zone-pond .expand-sign{position:static;display:block;margin:20px auto 0;transform:none}.zone-pond .pond-station strong{font-size:20px}.zone-pond .fishing-spot strong{font-size:16px}.zone-pond .fishing-spot>span:last-child{font-size:14px}@media(max-width:650px){.pond-hub{inset:155px 8px 12px;padding:12px}.zone-pond .fishing-spots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zone-pond .fishing-spot{padding:12px 5px}.zone-pond .fishing-spot>span:last-child{font-size:12px}.zone-pond .pond-station strong{font-size:18px}}

.leisure-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.player-picker{display:grid;gap:16px;margin:20px 0}.player-picker label{display:flex;flex-direction:column;gap:8px;font-weight:700}.player-picker select{padding:12px;font:inherit;border:1px solid #bba577;border-radius:12px;background:#fff9e9;color:#63472b}@media(max-width:650px){.leisure-tools{max-width:180px}.leisure-tools button{font-size:12px;padding:8px}}

.bet-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}.bet-options button.active{background:#246e49;color:white}.barn-auto{position:absolute;top:80px;left:20px;z-index:10}.sync-gate{position:fixed;inset:0;background:#122b36e8;z-index:10000;display:grid;place-items:center;padding:24px}.sync-gate section{background:#fff;color:#18392d;border-radius:20px;max-width:500px;padding:28px;display:grid;gap:12px}.sync-gate p{font-size:16px;line-height:1.6}.sync-link{width:100%;box-sizing:border-box;padding:12px;font-size:16px;margin:12px 0}.bet-options button{font-size:14px}

.room-code{letter-spacing:.12em}.room-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.room-roster article{display:grid;gap:6px;border:2px solid #c5d4c6;border-radius:14px;padding:16px;background:#fff}.room-roster article.self{border-color:#267c55}.room-roster small{font-size:14px}.room-roster .empty-seat{border-style:dashed;opacity:.65}.room-form{display:grid;gap:12px;margin:20px 0;padding:16px;border:1px solid #b9c8b9;border-radius:14px}.room-form input,.room-form select,.room-options select{padding:12px;font-size:16px;border:1px solid #adbeaf;border-radius:8px;min-width:0;max-width:100%;background:#fff;color:#173c2b}.room-form input{text-transform:uppercase;letter-spacing:.1em}.room-options{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.room-options label{display:grid;gap:8px}.room-connection{font-size:14px;color:#355948}.room-card{padding:0;background:none;border:none;flex:none}.room-card .playing-card{pointer-events:none}.room-card:disabled{opacity:1;cursor:default}.room-card.chosen .playing-card{transform:translateY(-12px);box-shadow:0 0 0 3px #d8ae3c}.room-lobby{padding:16px;background:#e9f2e8;border-radius:16px}.room-scene .card-turn{margin-top:16px}@media(max-width:650px){.room-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.room-roster article{padding:12px}.room-code{letter-spacing:.06em;font-size:1.25rem}.room-options{display:grid;grid-template-columns:1fr 1fr}.room-options button{grid-column:1/-1}}

.shoe-preview{width:110px;height:100px;object-fit:contain;display:block;margin:auto}.shoe-bare{display:grid;place-items:center;height:100px;font-size:28px}.avatar img.equipped-shoes{position:absolute;width:68%;height:20%;left:16%;bottom:0;object-fit:contain;display:none;pointer-events:none}.room-ready{font-size:18px;min-height:52px;padding:14px 24px}.shopping-scene .market-options{flex-wrap:wrap}
.zone-home{width:100vw;height:100svh;aspect-ratio:auto;left:0;top:0;transform:none}.zone-home .scenery{object-fit:cover;filter:brightness(.7)}.game:has(.zone-home) .quest-panel,.game:has(.zone-home) .chicken-panel,.game:has(.zone-home) .play-bottom,.game:has(.zone-home) .place,.game:has(.zone-home) .zone-label{display:none}.home-scene{position:absolute;inset:170px max(24px,calc((100vw - 1080px)/2)) 24px;z-index:3;padding:24px;overflow:auto;background:#eef3fbf5;border:3px solid #8ca1bd;border-radius:22px;box-shadow:0 10px 30px #23385440;font-size:16px}.home-heading h2{margin:0 0 6px;color:#233854}.home-heading span{font-size:14px}.home-preview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);align-items:center;gap:20px}.home-preview img{width:100%;border-radius:22px}.home-preview strong{font-size:24px}.home-preview button{display:block;margin:10px 0;width:100%}.home-empty{padding:40px 20px;text-align:center}.house-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.house-catalog article,.furniture-catalog article{background:#edf2fa;padding:12px;border-radius:16px;display:flex;flex-direction:column;gap:10px}.house-catalog img{width:100%;border-radius:12px}.house-catalog h3{margin:0}.furniture-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.furniture-symbol{font-size:48px;text-align:center}.interior-room{position:relative;max-width:560px;margin:auto}.interior-room>img{width:100%;border-radius:18px}.interior-grid{position:absolute;inset:35% 12% 8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.interior-grid button{padding:3px;background:#ffffffbb;border:1px dashed #50698c;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.interior-grid span{font-size:clamp(20px,5vw,42px)}.interior-grid small{font-size:12px;line-height:1.1}.furniture-picker{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.furniture-picker .active{background:#294b7a;color:white}@media(max-width:650px){.home-scene{inset:155px 8px 12px;padding:14px}.home-preview{grid-template-columns:1fr}.home-preview img{max-height:220px;object-fit:contain}.house-catalog{grid-template-columns:1fr}.house-catalog img{max-height:220px;object-fit:contain}.furniture-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
.home-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.house-cutaway{position:relative;max-width:620px;width:100%;margin:auto;isolation:isolate}.room-shell{width:100%;display:block}.floor-slot{position:absolute;transform:translate(-50%,-100%);width:16%;height:18%;padding:0;border:0;background:transparent}.floor-slot:not(.furnished){width:6%;height:6%;border:1px dashed #4d7561;background:#effff3b3;border-radius:50%;transform:translate(-50%,-50%);font-size:18px}.floor-slot img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 2px #24352640)}.floor-slot:focus-visible{outline:3px solid #ca8b28}.furniture-picker button{display:flex;align-items:center;max-width:220px;font-size:14px}.furniture-picker img{width:48px;height:48px;object-fit:contain}.furniture-product{width:100%;height:130px;object-fit:contain}.venue-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.venue-overview>img{width:100%;max-height:380px;object-fit:contain}.service-menu,.service-jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.service-menu article,.service-jobs article{display:flex;flex-direction:column;gap:10px;padding:18px;background:white;border:1px solid #c4d1df;border-radius:16px}.service-menu h4,.service-menu p{margin:0}.service-jobs button,.service-menu button{margin-top:auto}.game:has(.venue-scene) .quest-panel,.game:has(.venue-scene) .chicken-panel,.game:has(.venue-scene) .play-bottom,.game:has(.venue-scene) .place,.game:has(.venue-scene) .zone-label{display:none}.zone-cafe,.zone-beauty,.zone-karaoke{width:100vw;height:100svh;aspect-ratio:auto;left:0;top:0;transform:none}.zone-cafe .scenery,.zone-beauty .scenery,.zone-karaoke .scenery{object-fit:cover;filter:brightness(.7)}@media(max-width:650px){.venue-overview{grid-template-columns:1fr}.venue-overview>img{max-height:230px}.home-toolbar button{flex:1}.furniture-picker button{max-width:100%;font-size:13px}.service-menu,.service-jobs{grid-template-columns:1fr}.house-cutaway{min-width:0}}
