/* Mobile farm: one playable scene, with optional details in sheets. */
.scene-image{background-image:url('./assets/farm-apples.png')}
.mobile-only,.mobile-menu-button,.mobile-game-hint{display:none}
.game-menu-links{margin:18px 0 5px}.game-menu-links>button{width:100%;display:flex;gap:14px;align-items:center;padding:16px 3px;border-bottom:1px solid #e7dfc8;text-align:left;font-size:14px}.game-menu-links>button>.icon:first-child{color:#82905d;width:21px;height:21px}.game-menu-links>button>.icon:last-child{margin-left:auto;width:17px;height:17px;color:#a3a386}.game-menu-links small{font-size:12px;color:#8f926e;margin-left:auto}.game-menu-links small+.icon:last-child{margin-left:0}.game-menu-links button:hover{background:#eeeeda}.game-menu-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#868965;font-size:12px;margin:24px 0 4px}.game-menu-foot small{font-size:10px;color:#96977c}.game-menu-foot b{font-weight:500;color:#5b7446;margin-left:6px}.flock-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e5dfc9}.flock-row:last-child{border-bottom:0}.flock-portrait{width:74px;height:74px;flex-shrink:0}.flock-portrait .hen-art{width:74px;height:74px}.flock-row b{display:block;font-size:17px;font-family:var(--serif)}.flock-row small{display:block;font-size:11px;color:#88916e;margin-top:7px}.flock-row>button{margin-left:auto;display:grid;place-items:center;width:43px;height:43px;background:#e9edda;border:1px solid #d5dabc;border-radius:50%;color:#7d8d60}.flock-list{margin:9px 0 20px}
@media(max-width:700px){
 body[data-view="farm"]{overflow:hidden;background:#5e743f}
 body[data-view="farm"] .desktop-only{display:none}
 body[data-view="farm"] .mobile-only{display:inline}
 body[data-view="farm"] .sidebar{display:none}
 body[data-view="farm"] .app-shell{margin:0;padding:0;height:100dvh;min-height:560px;position:relative}
 body[data-view="farm"] .app-shell>footer{display:none}
 body[data-view="farm"] main{padding:0;margin:0;max-width:none;width:100%;height:100%;position:relative}
 body[data-view="farm"] .farm-heading,body[data-view="farm"] .farm-aside,body[data-view="farm"] .animal-section,body[data-view="farm"] .bottom-note{display:none}
 body[data-view="farm"] .topbar{position:absolute;inset:0 0 auto;height:63px;padding:12px 16px 3px;border:0;z-index:20;background:linear-gradient(#f4efd8c9,#f4efd800);align-items:center;pointer-events:none}
 body[data-view="farm"] .topbar button,body[data-view="farm"] .topbar a{pointer-events:auto}
 body[data-view="farm"] .wordmark{font-family:var(--serif);font-size:21px;color:#31462f;text-shadow:0 1px 0 #fff7dd;letter-spacing:.05em;gap:7px}
 body[data-view="farm"] .wordmark>.icon{display:none}
 body[data-view="farm"] .wordmark small{display:none}
 body[data-view="farm"] .top-actions{gap:9px}
 body[data-view="farm"] .demo-badge{font-size:8px;color:#526043;background:#fdf7e9b8;padding:3px 5px;border-radius:4px;gap:3px}
 body[data-view="farm"] .demo-badge i{display:none}
 body[data-view="farm"] .tools-button,body[data-view="farm"] .avatar{display:none}
 body[data-view="farm"] .sound-button,body[data-view="farm"] .mobile-menu-button{display:grid;place-items:center;width:35px;height:35px;border:1.5px solid #fdf6db;border-radius:50%;background:#fdf6e5e8;box-shadow:0 2px 0 #8f855169;color:#68724b}
 body[data-view="farm"] .sound-button .icon{width:18px;height:18px}
 body[data-view="farm"] .mobile-menu-button .icon{width:22px;height:22px;stroke-width:2.5}
 body[data-view="farm"] .stats{position:absolute;top:72px;left:14px;width:calc(100% - 115px);max-width:320px;z-index:15;display:grid;grid-template-columns:1.15fr 1fr;gap:8px;border:0;border-radius:0;margin:0;padding:0;background:transparent;box-shadow:none}
 body[data-view="farm"] .stat{min-height:35px;height:35px;padding:4px 9px;flex-direction:row;align-items:center;gap:5px;border:1px solid #fff4d6!important;border-radius:19px;background:#fbf2dbe8!important;box-shadow:0 3px 0 #7c6e3d50!important}
 body[data-view="farm"] .stat:before{display:none}
 body[data-view="farm"] .stat[data-stat="points"]{display:none}
 body[data-view="farm"] .stat-icon{position:static;width:18px;height:18px;flex-shrink:0;color:#9b7737}
 body[data-view="farm"] .stat-icon .icon{width:18px;height:18px;stroke-width:2}
 body[data-view="farm"] .stat strong{display:flex;align-items:baseline;font-size:17px;line-height:1;font-weight:600;color:#635638;letter-spacing:-.02em}
 body[data-view="farm"] .stat strong small{font-size:9px;font-weight:400;margin-left:3px;color:#8c805b}
 body[data-view="farm"] .stat-label,body[data-view="farm"] .stat-note,body[data-view="farm"] .stat-arrow{display:none}
 body[data-view="farm"] .farm-grid{height:100%;display:block;margin:0}
 body[data-view="farm"] .farm-card{position:relative;height:100%;min-height:560px;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#668544}
 body[data-view="farm"] .scene{height:100%;min-height:560px;border-radius:0;overflow:hidden}
 body[data-view="farm"] .scene-image{background-image:url('./assets/farm-mobile.png');background-size:auto 100%;background-position:36% center;filter:saturate(.91)}
 body[data-view="farm"] .scene-shade{background:linear-gradient(180deg,#fff3d510,transparent 25%,transparent 65%,#34492555 100%)}
 body[data-view="farm"] .is-dusk .scene-image{filter:saturate(.8) brightness(.64) sepia(.1)}
 body[data-view="farm"] .is-dusk .scene-shade{background:linear-gradient(#5e465f16,transparent 35%,#202c3859)}
 body[data-view="farm"] .scene-top{inset:0;z-index:14;pointer-events:none}
 body[data-view="farm"] .scene-top button{pointer-events:auto}
 body[data-view="farm"] .weather{position:absolute;top:72px;right:14px;height:35px;min-width:76px;justify-content:center;padding:7px 8px;border:1px solid #fff4d6;box-shadow:0 3px 0 #7c6e3d50;background:#fbf2dbe8;font-size:9px}
 body[data-view="farm"] .weather .icon{width:14px;height:14px}
 body[data-view="farm"] .weather .scene-toggle{display:none}
 body[data-view="farm"] .is-dusk .weather{background:#4d5160ed;color:#ffe6ad;border-color:#d7cd9a}
 body[data-view="farm"] .farm-chip{position:absolute;left:15px;top:122px;gap:6px;min-height:32px;min-width:64px;padding:6px 9px;border-radius:17px;border:1px solid #fff4d699;background:#fff6dfa8;box-shadow:0 2px 0 #7d71383b;rotate:0;color:#59633d}
 body[data-view="farm"] .farm-chip-title{display:none}
 body[data-view="farm"] .farm-chip b{border:0;margin:0;padding:0;font-size:10px;color:#59633d}
 body[data-view="farm"] .farm-chip .icon{width:15px;height:15px}
 body[data-view="farm"] .scene-note{display:none}
 body[data-view="farm"] .scene-sign{top:35%;bottom:auto;right:17px;min-height:37px;padding:8px 10px;font-size:11px;gap:5px;z-index:7}
 body[data-view="farm"] .scene-sign .icon:first-child{width:16px;height:16px}
 body[data-view="farm"] .scene-sign .icon:last-child{display:none}
 body[data-view="farm"] .scene-sign:after{height:29px}
 body[data-view="farm"] .scene-hen{top:auto;width:146px;height:172px}
 body[data-view="farm"] .scene-hen .hen-art{width:146px;height:146px}
 body[data-view="farm"] .hen-position-0{left:calc(50% - 73px);bottom:clamp(250px,34dvh,335px);z-index:4}
 body[data-view="farm"] .hen-position-1{left:2%;bottom:clamp(190px,26dvh,250px);transform:scale(.89);transform-origin:bottom center;z-index:5}
 body[data-view="farm"] .hen-position-2{left:auto;right:1%;bottom:clamp(215px,29dvh,280px);transform:scale(.91);transform-origin:bottom center;z-index:5}
 body[data-view="farm"] .hen-bubble{font-size:10px;padding:7px 10px;top:-4px;box-shadow:0 3px 0 #7e744a3d,0 5px 10px #26341218}
 body[data-view="farm"] .hen-bubble .icon{width:13px;height:13px}
 body[data-view="farm"] .hen-name{font-size:11px;padding:4px 10px;background:#fff6dedb;color:#5b633c;bottom:0}
 body[data-view="farm"] .scene-hen.selected:after{bottom:24px;left:23px;right:23px;height:19px}
 body[data-view="farm"] .egg-nest{width:51px;height:21px;bottom:13%;left:44%}
 body[data-view="farm"] .egg-nest i{width:15px;height:20px;left:10px;bottom:7px}
 body[data-view="farm"] .egg-nest i+i{left:27px;bottom:5px}
 body[data-view="farm"] .butterfly{left:64%;top:29%;width:38px;height:38px}
 body[data-view="farm"] .mobile-game-hint{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;bottom:calc(138px + env(safe-area-inset-bottom));left:50%;translate:-50% 0;padding:7px 12px;border-radius:20px;background:#fff8e0d9;box-shadow:0 2px 0 #5a663740;color:#6c744b;font-size:11px;white-space:nowrap;z-index:9;max-width:calc(100% - 30px)}
 body[data-view="farm"] .mobile-game-hint .icon{width:14px;height:14px;color:#957f3c}
 body[data-view="farm"] .action-bar{position:absolute;bottom:0;left:0;right:0;z-index:12;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 22px calc(22px + env(safe-area-inset-bottom));border:0;background:linear-gradient(transparent,#3a4d2b4d);pointer-events:none}
 body[data-view="farm"] .farm-action{pointer-events:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:0;min-height:90px;min-width:0;border:0;background:none;box-shadow:none;border-radius:20px;color:#fff7d8;translate:none;transform:none!important}
 body[data-view="farm"] .farm-action .action-icon{width:66px;height:66px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#68834c;border:3px solid #fff0c8;box-shadow:0 4px 0 #344e2d,0 6px 12px #253f2440;transition:translate .16s,filter .16s}
 body[data-view="farm"] .farm-action .action-icon .icon{width:30px;height:30px;stroke-width:1.7;color:#fff5d9}
 body[data-view="farm"] .farm-action b{font-size:14px;letter-spacing:.12em;text-shadow:0 2px 2px #304423a6;font-weight:500}
 body[data-view="farm"] .farm-action small,body[data-view="farm"] .farm-action kbd{display:none}
 body[data-view="farm"] .harvest-action .action-icon{background:#e1b654;box-shadow:0 4px 0 #9c7533,0 6px 12px #253f2440}
 body[data-view="farm"] .harvest-action .action-icon .icon{color:#78521f}
 body[data-view="farm"] .sell-action .action-icon{background:#d5935e;box-shadow:0 4px 0 #95623c,0 6px 12px #253f2440}
 body[data-view="farm"] .sell-action .action-icon .icon{color:#fff1d3}
 body[data-view="farm"] .farm-action:not(:disabled):hover{background:none;box-shadow:none;translate:none}
 body[data-view="farm"] .farm-action:not(:disabled):active .action-icon{translate:0 3px;filter:brightness(.95)}
 body[data-view="farm"] .farm-action:disabled{background:none;border:0;box-shadow:none;opacity:1;color:#e2e5c4}
 body[data-view="farm"] .farm-action:disabled .action-icon{background:#a6ae88;border-color:#e7e5c9;box-shadow:0 3px 0 #758061;filter:saturate(.5);opacity:.85}
 body[data-view="farm"] .farm-action:disabled .action-icon .icon{color:#f1efdc}
 body[data-view="farm"] .farm-action:disabled b{opacity:.7}
 body[data-view="farm"] .ready-action .action-icon{animation:collect-nudge 3.3s ease-in-out infinite}
 body[data-view="farm"] #toast{bottom:calc(176px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);font-size:11px;z-index:100;box-shadow:0 3px 0 #5d5f3825,0 8px 22px #243a1d2b}
 body[data-view="farm"] dialog{margin:auto 0 0;width:100%;max-width:none;max-height:84dvh;border-radius:24px 24px 0 0;border:0;border-top:1px solid #fff8dd;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 40px #1b321f26}
 body[data-view="farm"] dialog[open]{animation:sheet-in .24s cubic-bezier(.2,.7,.3,1)}
 body[data-view="farm"] dialog:before{content:'';display:block;width:32px;height:4px;margin:10px auto 0;border-radius:4px;background:#d7ceb2}
 body[data-view="farm"] .dialog-content{padding:19px 24px 25px}
 body[data-view="farm"] .dialog-content h2{font-size:24px;margin-top:1px}
 body[data-view="farm"] .dialog-close{top:17px;right:16px;background:#eeead8;border-radius:50%;width:31px;height:31px}
 body[data-view="farm"] .dialog-animal{height:90px}.game-sheet .disclosure{margin-bottom:0}
}
@media(max-width:370px){
 body[data-view="farm"] .topbar{padding-left:14px;padding-right:14px}
 body[data-view="farm"] .wordmark{font-size:20px}
 body[data-view="farm"] .demo-badge{display:none}
 body[data-view="farm"] .sound-button{display:grid}
 body[data-view="farm"] .stats{width:calc(100% - 108px);gap:6px;left:12px}
 body[data-view="farm"] .stat{padding-left:6px;padding-right:6px;gap:4px}
 body[data-view="farm"] .stat strong{font-size:15px}
 body[data-view="farm"] .stat-icon,body[data-view="farm"] .stat-icon .icon{width:15px;height:15px}
 body[data-view="farm"] .weather{right:12px;min-width:72px}
 body[data-view="farm"] .scene-hen{width:132px;height:157px}
 body[data-view="farm"] .scene-hen .hen-art{width:132px;height:132px}
 body[data-view="farm"] .hen-position-0{left:calc(50% - 66px)}
 body[data-view="farm"] .hen-position-1{left:0}
 body[data-view="farm"] .hen-position-2{right:0}
 body[data-view="farm"] .farm-action .action-icon{width:60px;height:60px}
 body[data-view="farm"] .farm-action b{font-size:13px}
}
@media(max-width:700px) and (max-height:690px){
 body[data-view="farm"] .hen-position-0{bottom:230px}
 body[data-view="farm"] .hen-position-1{bottom:176px}
 body[data-view="farm"] .hen-position-2{bottom:191px}
 body[data-view="farm"] .mobile-game-hint{bottom:calc(120px + env(safe-area-inset-bottom));font-size:10px}
 body[data-view="farm"] .action-bar{padding-top:12px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
 body[data-view="farm"] .farm-action{min-height:86px;gap:7px}
 body[data-view="farm"] .farm-action .action-icon{width:59px;height:59px}
 body[data-view="farm"] .farm-chip{top:116px}
 body[data-view="farm"] .scene-sign{top:30%}
}
@media(max-width:700px) and (max-height:559px){
 body[data-view="farm"]{overflow-y:auto}
 body[data-view="farm"] .app-shell,body[data-view="farm"] .farm-card,body[data-view="farm"] .scene{height:560px;min-height:560px}
}
@keyframes collect-nudge{0%,78%,100%{rotate:0deg}83%{rotate:-7deg}89%{rotate:5deg}95%{rotate:-2deg}}
@keyframes sheet-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.basket-preview{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0 5px}.basket-preview .egg-art{width:110px;height:120px}.basket-preview strong{font-size:40px;font-weight:500;font-variant-numeric:tabular-nums}.basket-preview strong small{font-size:13px;margin-left:8px;color:#909576}.quick-note{font-size:12px;line-height:1.8;color:#808766;margin:7px 0 22px}.quick-footnote{text-align:center;font-size:10px;color:#92987a;margin:17px 0 0}.quick-hen{height:145px;display:flex;justify-content:center;align-items:center}.quick-hen .hen-art{width:163px;height:163px}.quick-product{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.quick-product h3{font-family:var(--serif);font-size:23px;margin:0}.quick-product strong{font-size:29px;font-weight:500;color:#a0843b}.quick-product strong small{font-size:11px}.quick-shop-status{display:flex;justify-content:space-between;color:#8b9073;font-size:11px;border-top:1px dashed #dad6bc;margin:0 0 19px;padding-top:15px}