:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#292724;background:#f5f5f7;font-synthesis:none;--safe-top:0px;--text-scale:1}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:48px}button:focus-visible{outline:3px solid #c45120;outline-offset:3px}main{max-width:680px;margin:auto}.yard{position:relative;aspect-ratio:4/5;background:#d8e5b9 url('/assets/chicken-yard.png') center/cover;overflow:hidden}.yard iframe{border:0;position:absolute;inset:0;width:100%;height:100%}header{position:absolute;left:0;right:0;top:0;padding:calc(22px + max(env(safe-area-inset-top),var(--safe-top))) 20px 0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}header h1{margin:0 0 8px;font-size:calc(25px * var(--text-scale));color:#294328}header p{margin:0;font-size:calc(15px * var(--text-scale));color:#405b34;line-height:1.5}header button{pointer-events:auto;width:42px;height:42px;min-height:42px;border-radius:50%;border:1px solid #58724b;color:#405b34;background:#ffffffe6;font-size:24px}#scene-status{position:absolute;bottom:16px;left:20px;right:20px;background:#ffffffde;border-radius:12px;padding:10px 14px;text-align:center;color:#405b34;font-size:14px}#scene-status:empty{display:none}.content{padding:20px 16px 28px}.summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:24px;padding:22px 8px;gap:8px;margin:8px 0 26px}.summary div{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:0}.summary div+div{border-left:1px solid #eee9e4}.summary span{font-size:calc(13px * var(--text-scale));color:#6b6965}.summary strong{font-size:calc(23px * var(--text-scale));font-weight:600;font-variant-numeric:tabular-nums;color:#292724}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px 15px}h2{font-size:calc(20px * var(--text-scale));margin:0}.section-title span{color:#77716b;font-size:13px}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-grid button{border:1px solid #efdfce;background:#fff4e8;border-radius:20px;padding:20px 16px;text-align:left;color:#292724;display:flex;flex-direction:column;gap:9px}.task-grid button:nth-child(2n){background:#eff5ee;border-color:#dde9db}.task-grid b{font-size:calc(18px * var(--text-scale));font-weight:600}.task-grid small{font-size:calc(13px * var(--text-scale));color:#6b6965;line-height:1.5}.task-grid em{font-style:normal;font-size:calc(13px * var(--text-scale));color:#95613d}.task-grid button.done em{color:#35714b}.task-grid button:disabled{opacity:.65;cursor:default}.links{margin-top:24px;border-radius:24px;background:#fff;overflow:hidden;padding:0 18px}.links button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:none;border:0;text-align:left;padding:19px 0;color:#292724}.links button+button{border-top:1px solid #eee9e4}.links b{font-size:calc(16px * var(--text-scale));font-weight:600}.links small{display:block;margin-top:7px;color:#6b6965;font-size:calc(13px * var(--text-scale));line-height:1.4}.links button>span:last-child{font-size:27px;color:#99938b}#connection{color:#6b6965;font-size:14px;line-height:1.6;margin:0 6px 15px}#connection:empty{display:none}#retry{border:0;border-radius:12px;background:#ffe5cf;color:#9c461f;padding:10px 20px;margin-bottom:12px}#action-status{font-size:14px;color:#6b6965;line-height:1.5}dialog{max-width:360px;width:calc(100% - 32px);border:0;border-radius:24px;padding:24px;color:#292724}dialog::backdrop{background:#0006}dialog p{font-size:16px;color:#6b6965;line-height:1.7}dialog button{background:#ffb574;border:0;border-radius:14px;padding:12px;width:100%}@media(max-width:340px){header{padding-left:16px;padding-right:16px}.content{padding:16px 12px}.task-grid button{padding:18px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.farm-dialog{max-width:580px;max-height:88vh;width:calc(100% - 24px);padding:20px}.farm-dialog .section-title button{width:auto;min-width:56px;background:#f5f5f7;color:#6b6965}.dialog-body>h3{margin:24px 0 12px}.dialog-body p{font-size:15px}.dialog-actions{display:flex;gap:10px;margin:12px 0}.dialog-actions button{flex:1;width:auto}.farm-item{background:#f7f7f9;border:1px solid #eeece8;border-radius:18px;padding:16px;margin:14px 0}.farm-item h3{margin:0;font-size:18px}.farm-item p{margin:10px 0}.farm-item progress{width:100%;height:8px;accent-color:#e87532}.farm-item button+button{margin-top:8px;background:#f0ebe5;color:#6b6965}.farm-item button:disabled{opacity:.5;cursor:default}.dialog-body form{margin:20px 0}.dialog-body label{display:block;font-size:16px}.dialog-body input{display:block;box-sizing:border-box;border:1px solid #ddd5ca;border-radius:12px;padding:14px;font:inherit;margin:12px 0;width:100%;background:#f5f5f7}.friend-code{display:block;text-align:center;font-size:32px;letter-spacing:5px;padding:16px}.consent{display:flex;gap:10px;align-items:flex-start;line-height:1.6;margin:16px 0;color:#6b6965}.consent input{min-width:22px;width:22px;height:22px;accent-color:#e87532}.confirm-dialog .dialog-actions button:last-child:disabled{opacity:.5}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.header-buttons{display:flex;gap:8px}.header-buttons button{pointer-events:auto}.header-buttons #rename-pet{font-size:22px}#help-dialog button+button{margin-top:10px;background:#f5f5f7;color:#6b6965}
header{background:linear-gradient(180deg,#f5ffe1d9 0%,#f5ffe18c 58%,#f5ffe100 100%);padding-bottom:28px}