.shop-expanded{width:820px;padding:27px;max-height:calc(100dvh - 30px)}.shop-tabs{display:flex;gap:6px;background:#eef0e1;border-radius:9px;padding:5px;margin:16px 0 12px}.shop-tabs button{flex:1;white-space:nowrap;border:0;background:none;padding:10px 9px;border-radius:6px;color:#8a9774;font-size:11px}.shop-tabs button[aria-pressed=true]{background:#fffdf1;color:#45673e;box-shadow:0 2px 5px #364a2220}.shop-wallet{margin:13px 0}.quantity-controls{display:flex;align-items:center;gap:7px;justify-content:flex-end;font-size:10px;color:#98a37c;margin:8px 0 16px}.quantity-controls[hidden]{display:none}.quantity-controls button{border:1px solid #dae1c5;background:#fafbef;color:#8a9b6a;border-radius:5px;padding:6px 12px;font-size:10px}.quantity-controls button[aria-pressed=true]{background:#e0eacb;color:#49663b;border-color:#a8bc8a}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-card{border:1px solid #e2e6d1;border-radius:11px;padding:12px;background:linear-gradient(#fffdf3,#f6f7e8);display:flex;flex-direction:column;min-width:0;position:relative}.product-art{height:85px;background:radial-gradient(ellipse,#e9eecf,transparent 70%);display:flex;align-items:center;justify-content:center;font-size:43px;margin-bottom:8px}.product-card h3{font-size:12px;margin:0 0 8px;font-weight:600;line-height:1.5}.product-card p{font-size:8px;color:#8f9d79;line-height:1.8;margin:0 0 10px;flex:1}.product-card small{display:block;font-size:8px;color:#9ba784;margin:4px 0 10px}.product-card>button{width:100%;padding:9px 4px;border:1px solid #b7c99a;border-radius:6px;background:#e7efd6;color:#5b7545;font-size:9px;line-height:1.5}.product-card>button:not(:disabled):hover{background:#dbe9c3}.locked-product .product-art{filter:grayscale(.7);opacity:.6}.locked-product>button{background:#eceee2;color:#919a80;border-color:#dce1d0}.animal-sprite{display:inline-block;background-image:url('assets/animals.png');background-size:200% 200%;background-repeat:no-repeat;width:100px;height:100px;image-rendering:auto;flex-shrink:0}.animal-0{background-position:0 0}.animal-1{background-position:100% 0}.animal-2{background-position:0 100%}.animal-3{background-position:100% 100%}.seed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.seed-choice{border:1px solid #dce4ca;border-radius:9px;padding:13px 7px;background:#f4f7e8;color:#5a7346;text-align:center}.seed-choice>span{display:block;font-size:30px;margin-bottom:8px}.seed-choice strong{display:block;font-size:10px;font-weight:500}.seed-choice small{display:block;font-size:8px;color:#9aa67f;margin-top:6px}.seed-choice:disabled{opacity:.5}.panel-note{font-size:10px;line-height:1.9;color:#939e80}.region-switch{display:flex;justify-content:center;gap:5px;margin:0 auto 8px;pointer-events:auto}.region-switch button{border:1px solid #b8bd97;border-radius:20px;background:#fff7e9e8;color:#778861;font-size:10px;padding:7px 14px;box-shadow:0 3px 10px #30432520}.region-switch button[aria-pressed=true]{background:#e0ecc6;border-color:#9bb175;color:#4e713c}.toolbar .seed-picker small{font-size:7px}.ranch-mode .tool{opacity:.65}.ranch-mode .seed-picker{opacity:1}.animal-pen{position:absolute;width:20%;height:15%;transform:translate(-50%,-50%);border:3px solid #ad854b;border-radius:9px;background:repeating-linear-gradient(35deg,#becc8233 0 7px,#a8be6c44 8px 10px);box-shadow:inset 0 0 0 3px #e5c887aa,0 4px 0 #6d714455;z-index:10}.animal-pen.unbuilt{background:#96ad6633;border:2px dashed #f2e8b2;box-shadow:none}.pen-sign{position:absolute;top:-20px;left:50%;transform:translateX(-50%);padding:5px 9px;background:#fff7dd;border:1px solid #bda36a;border-radius:6px;font-size:clamp(8px,.8vw,12px);color:#776842;white-space:nowrap;z-index:15;box-shadow:0 2px 1px #715a3940}.pen-capacity{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:clamp(7px,.65vw,10px);white-space:nowrap;border-radius:9px;background:#f8f3d7d9;padding:2px 7px;color:#667848;pointer-events:none}.pen-animals{position:absolute;inset:4px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.animal-world-button{border:0;background:none;position:relative;padding:0;width:30%;height:50%;animation:grazing 5s ease-in-out infinite alternate;animation-delay:var(--delay)}.animal-world-button .animal-sprite{position:absolute;width:155%;height:auto;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.animal-bubble{position:absolute;font-size:clamp(9px,1.2vw,16px);top:-8px;right:0;z-index:2;text-shadow:0 1px 3px #596d3255}.animal-row{display:flex;gap:8px;align-items:center;border:1px solid #e0e6d0;border-radius:10px;padding:8px;margin:10px 0;background:#fafbee}.animal-row>.animal-sprite{width:80px;height:80px;flex-shrink:0}.animal-row>div{flex:1;min-width:0}.animal-row h3{font-size:12px;margin:4px 0 6px}.animal-status{font-size:9px;color:#8b9c73;line-height:1.7;margin:0 0 8px}.animal-row-actions{display:flex;gap:5px;flex-wrap:wrap}.animal-row-actions button{font-size:8px;padding:7px 9px}.empty-animals{text-align:center;padding:25px 10px;color:#9ca982;font-size:11px;line-height:1.9}.ranch-quest{border-top:1px solid #e4e8d8;margin-top:22px;padding-top:20px}.ranch-quest h3{font-family:Lora,serif;font-weight:500;font-size:21px;margin:11px 0}.ranch-quest p{font-size:11px;color:#95a181;line-height:1.8}.ranch-quest>div:last-child{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:11px;color:#8a9d70}.ranch-quest button{font-size:10px;padding:10px}.expansion-panel{width:520px}#bag-dialog{width:510px}.bag-tabs{margin:15px 0}.bag-tabs button{font-size:10px}#bag-dialog .inventory{padding:0}.toast{bottom:164px}#ranch-world[hidden],#plots[hidden]{display:none}.animal-pen .animal-sprite{filter:drop-shadow(0 3px 1px #354f2333)}@keyframes grazing{0%,20%{translate:-3px 1px}60%{translate:4px -3px}100%{translate:0 2px}}@media(max-width:700px){.shop-expanded{padding:20px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-tabs{gap:3px;padding:4px}.shop-tabs button{font-size:9px;padding:9px 5px}.product-art{height:72px;font-size:36px}.product-card{padding:10px}.product-card h3{font-size:11px}.product-card p{font-size:8px}.product-card>button{font-size:9px;padding:9px 5px}.product-card small{font-size:8px}.quantity-controls{font-size:9px}.shop-expanded .dialog-head h2{font-size:23px}.region-switch button{font-size:9px;padding:6px 12px}.region-switch{margin-bottom:6px}.toast{bottom:163px}.toolbar .tool{min-width:0;flex:1}.animal-row>.animal-sprite{width:66px;height:66px}.animal-row-actions button{font-size:8px}.pen-sign{font-size:10px;padding:5px 9px}.pen-capacity{font-size:8px}.animal-bubble{font-size:12px}}@media(max-height:550px) and (min-width:601px){.region-switch{margin-bottom:4px}.region-switch button{padding:4px 10px;font-size:8px}.toast{bottom:145px}.shop-expanded{max-height:calc(100dvh - 18px)}}

.pen-capacity{bottom:5px}.ranch-tool{display:none}.ranch-mode .tool:not(.ranch-tool),.ranch-mode .tool-divider{display:none}.ranch-mode .ranch-tool{display:flex;opacity:1}.ranch-mode .ranch-tool small{font-size:7px}.toolbar .tool[data-tool="water"] kbd,.toolbar .tool[data-tool="harvest"] kbd{display:none}.product-art .animal-sprite{max-width:100%}
