.ayam{max-width:980px;margin:0 auto;padding:24px 16px;color:#30412d}.ayam h1{font-size:clamp(28px,5vw,42px);margin:.3em 0}.ayam p{line-height:1.6}.a-stats,.a-controls{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.a-yard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 16px;background:linear-gradient(#bde3ec 0 28%,#d7df9b 28% 40%,#bace78 40%);border:5px solid #966c42;border-radius:24px}.a-nest{text-align:center;min-width:0}.a-nest h2{font-size:18px}.a-art{position:relative;height:clamp(90px,18vw,180px)}.a-sprite{display:block;background-image:url(/assets/ayam/ayam_atlas.webp);background-size:300% 100%;background-repeat:no-repeat;aspect-ratio:1}.a-chicken{position:absolute;width:80%;max-width:160px;bottom:12%;left:10%;background-position:0 0;filter:drop-shadow(0 3px 2px #745a2830)}.a-straw{position:absolute;width:80%;bottom:0;left:10%;background-position:50% 0}.a-egg-art{width:100%;background-position:100% 0}.a-egg{position:absolute;bottom:0;right:9%;width:25%}.a-nest[data-phase=growing] .a-chicken{transform:translateY(5px)}.a-state{min-height:3.2em;font-size:14px}.ayam button{min-height:48px;padding:10px 18px;border:2px solid #426337;border-radius:12px;background:#fff8de;color:#30412d;font:inherit;font-weight:700;cursor:pointer}.ayam button:hover:enabled{background:#ffe5a0}.ayam button:focus-visible{outline:3px solid #146acc;outline-offset:4px}.ayam button:disabled{opacity:.55;cursor:default}.a-nest[data-phase=egg] button{background:#fff08c}.a-nest button{width:100%}#a-message{min-height:3em}@media(max-width:540px){.a-yard{gap:8px;padding:12px 8px;border-width:3px}.a-nest h2{font-size:14px}.a-state{font-size:12px;min-height:4.8em}.ayam button{padding:8px;font-size:14px}.ayam{padding:16px 10px}}@media(prefers-reduced-motion:reduce){.a-chicken{transform:none!important}}.a-progress-wrap{height:16px;margin:10px auto 0;max-width:180px}.a-progress{display:block;width:100%;height:10px;appearance:none;border:0;border-radius:99px;background:#ddd9bb;overflow:hidden;accent-color:#568344}.a-progress[hidden]{display:none}.a-progress::-webkit-progress-bar{background:#ddd9bb;border-radius:99px}.a-progress::-webkit-progress-value{background:#568344;border-radius:99px;transition:width .18s linear}.a-progress::-moz-progress-bar{background:#568344;border-radius:99px}.a-nest[data-phase=egg] .a-progress{accent-color:#d59024}.a-nest[data-phase=egg] .a-progress::-webkit-progress-value,.a-nest[data-phase=egg] .a-progress::-moz-progress-bar{background:#d59024}.a-state{min-height:1.8em;margin:8px 0 12px;font-weight:600}@media(prefers-reduced-motion:reduce){.a-progress::-webkit-progress-value{transition:none}}
