/* The child view fills the screen; only the selected sheet or secondary panel scrolls. */
.kid-top,.kid-bar,.guide-banner{display:none}
.child-mode #game{display:flex;flex-direction:column;height:100vh;height:100dvh;min-width:0;overflow:hidden;background:#f6f6eb}
.child-mode #game>header,.child-mode #game>footer,.child-mode .heading,.child-mode aside,.child-mode .world-tip,.child-mode .world-top,.child-mode .toolbar,.child-mode #herd{display:none!important}
.child-mode main{order:3;display:flex;flex:1;flex-direction:column;width:100%;max-width:1480px;min-width:0;min-height:0;margin:0 auto;padding:0 9px;overflow:hidden}
.child-mode #farmview{display:flex;flex:1;min-height:0;min-width:0}.child-mode .world-card{flex:1;min-width:0;min-height:0;width:100%;max-width:none;border:2px solid #cdd9b9;border-radius:22px;box-shadow:0 3px 10px #7893611a}
.child-mode .world-card .canvas-wrap{position:relative;flex:1;min-height:0;height:auto;width:100%;overflow:hidden}
.child-mode #world{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;touch-action:none}
.child-mode #panel{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0}.child-mode #panel .grid{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.child-mode #toast{bottom:calc(90px + env(safe-area-inset-bottom));pointer-events:none}

.picture-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:62px;padding:5px 8px;border:1.5px solid #d9decb;border-radius:18px;background:#fffdf4;box-shadow:0 3px 0 #ced7bd88;touch-action:manipulation;line-height:1.05;color:#4c604a}
.picture-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #d3dec3}.picture-button:focus-visible,.animal-choice:focus-visible,.color-choice:focus-visible,.kid-switch button:focus-visible{outline:3px solid #66854f;outline-offset:2px}
.button-art,.button-art svg,.picture-button svg,.hud-count svg,.reward-line svg{display:block}.button-art{line-height:0}.picture-button svg{width:38px;height:38px;flex-shrink:0}.picture-label{font-size:11px;font-weight:700;line-height:1.12;color:#53654c}
.child-mode .kid-top{order:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:'home missions wallet';align-items:center;gap:10px;width:100%;max-width:1480px;margin:0 auto;padding:calc(6px + env(safe-area-inset-top)) 12px 6px}
#kidhome{grid-area:home;justify-self:start;flex-direction:row;gap:6px;min-height:44px;padding:3px 11px;background:#fff9ee;box-shadow:none}#kidhome svg{width:34px;height:34px}.kid-wallet{grid-area:wallet;justify-self:end;display:flex;align-items:center;gap:6px;min-width:0}.hud-count{display:inline-flex;align-items:center;gap:3px;min-height:35px;border:1px solid #dde2cf;border-radius:16px;padding:3px 7px 3px 4px;background:#fdfbf0;color:#5d704f}.hud-count svg{width:25px;height:25px}.hud-count b{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kid-missions{grid-area:missions;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.mission-chip,.mission-chest{position:relative;display:inline-flex;flex-direction:row;gap:4px;min-width:57px;min-height:44px;padding:3px 7px;border-radius:16px;box-shadow:none}.mission-chip svg{width:30px;height:30px}.mission-chip .picture-label{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.mission-chest{min-width:44px;padding:3px}.mission-chest svg{width:31px;height:31px}.mission-chest .picture-label{display:none}.mission-chip.ready,.mission-chest.ready,.mission-card.ready{border-color:#ceaf72;background:#fff3cb}.mission-chest.ready:after,.mission-chip.ready:after{content:'';position:absolute;width:7px;height:7px;top:3px;right:4px;border:1px solid #fff9ed;border-radius:50%;background:#d69e64}.mission-chip.claimed{background:#e9efdd}
.child-mode .kid-bar{order:4;align-self:center;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:0 0 auto;width:min(100%,442px);margin:0 auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:5;background:#f6f6eb}
.kid-bar .picture-button{min-width:0;min-height:64px;padding:4px 1px;border-radius:18px}.kid-bar .picture-button:nth-child(1){background:#edf3e3}.kid-bar .picture-button:nth-child(2){background:#f1eaf7}.kid-bar .picture-button:nth-child(3){background:#f8e9e8}.kid-bar .picture-button:nth-child(4){background:#f4ebde}.kid-bar .picture-button:nth-child(5){background:#efedf3}.kid-bar .picture-button svg{width:37px;height:37px}
.child-mode .guide-banner{order:2;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 5px;padding:2px 5px 2px 9px;max-width:96vw;background:#fff3cb;border:1px solid #e8d5a5;border-radius:20px;font-size:12px;line-height:1.15}.guide-picture svg{display:block;width:24px;height:24px}.guide-banner small{font-size:11px;color:#7e845d}.guide-banner .picture-button{min-width:34px;min-height:32px;padding:1px;border:0;box-shadow:none;background:transparent}.guide-banner .picture-button svg{width:26px;height:26px}.guide-banner .picture-label{display:none}.guide-target{outline:3px solid #dbbc75!important;outline-offset:-3px}

.simple-detail,.child-dialog{color:#405440;background:#fffdf4}.simple-detail{width:min(94vw,490px);max-height:90dvh;padding:0;border:1px solid #e1dfcc;border-radius:24px;overflow:hidden}.simple-detail #detailbody{max-height:89dvh;min-height:130px;overflow-y:auto;overscroll-behavior:contain;padding:18px 17px 20px;text-align:center}.simple-detail>.close{position:absolute;top:9px;right:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:15px;background:#f0ecdf;color:#6b745d;font-size:28px;line-height:1;z-index:2}.simple-detail .sheet-title{min-height:33px;margin:3px 40px 14px;font-size:25px;overflow-wrap:anywhere;line-height:1.1}.simple-detail .sheet-hint,.confirm-copy{margin:10px 0;font-size:13px;color:#62715b}.sheet-notice{padding:7px;margin:7px 0 0;color:#865c50;font-size:13px}.kid-animal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0}.kid-animal-actions .picture-button{flex:1 1 70px;min-width:0;max-width:138px}.simple-detail #detailbody>canvas{display:block;max-width:100%;object-fit:contain;margin:auto}.simple-detail #detailbody>.picture-button{margin:7px auto}
.child-dialog{width:min(92vw,415px);text-align:center;padding:22px 18px}.child-dialog h2{font-size:25px;margin:6px 0 13px}.child-dialog canvas{max-width:100%;object-fit:contain}.child-dialog label{text-align:left}.child-dialog .kid-animal-actions .picture-button{max-width:155px}.child-dialog .kid-animal-actions{margin-bottom:0}
.companion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin:10px 0}.animal-choice,.color-choice{min-width:0;min-height:56px;border:1.5px solid #dde2cd;background:#f6f5e9;border-radius:16px}.animal-choice{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 4px}.animal-choice canvas,.color-choice canvas,.stack-result canvas,.stack-pair canvas,.animal-hero canvas{max-width:100%;object-fit:contain;pointer-events:none}.animal-choice strong,.animal-choice small{max-width:100%;overflow-wrap:anywhere}.animal-choice strong{font-size:12px}.animal-choice small{font-size:10px}.selected.animal-choice,.selected.color-choice,.kid-switch .on{border-color:#749463;background:#e7efd9;box-shadow:inset 0 0 0 1px #a0ba88}.kid-switch{display:flex;justify-content:center;gap:6px;margin:10px 0}.kid-switch button{min-height:44px;min-width:75px;padding:7px 14px;font-size:13px}
.animal-hero{display:flex;flex-direction:column;align-items:center;gap:0}.animal-color{font-size:12px;color:#67745c}.picture-needs{display:flex;justify-content:center;gap:13px;align-items:center;flex-wrap:wrap;margin:8px auto 11px}.need-row{display:flex;gap:1px}.need-row svg{display:block;width:23px;height:23px}.need-row .empty{opacity:.25;filter:grayscale(1)}
.animal-edit{margin:10px 0;border:1px solid #e0e3d1;border-radius:16px;padding:0 8px}.animal-edit summary{display:block;min-height:44px;cursor:pointer;padding:12px;color:#65755c;font-size:13px;font-weight:650}.animal-edit summary:after{content:'⌄';margin-left:8px}.animal-edit[open] summary:after{content:'⌃'}.animal-edit .animal-name{text-align:left;margin:4px 2px}.animal-edit .picture-button{min-height:50px}.animal-edit .picture-button svg{width:27px;height:27px}.animal-edit>.picture-button{margin-bottom:8px}
.stack-pair{display:flex;justify-content:center;gap:28px;align-items:center;margin:8px 0}.stack-pair>div,.stack-result{display:flex;flex-direction:column;align-items:center;min-width:0}.stack-pair>div+div{position:relative}.stack-pair>div+div:before{content:'+';position:absolute;left:-22px;top:31px;color:#8ba073;font-size:23px}.stack-pair strong{max-width:120px;overflow-wrap:anywhere;font-size:13px}.stack-pair small,.stack-result small{font-size:11px}.color-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:12px 0}.color-choice{padding:4px 1px}.color-choice small{display:block;font-size:10px;overflow-wrap:anywhere}.stack-result{padding:7px;border-radius:15px;background:#eaf0df}.stack-result strong{font-size:14px}.confirm-copy{padding:4px;color:#6e605a}
.mission-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.mission-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:9px 5px;border:1.5px solid #dfe2cc;border-radius:17px;background:#f3f4e8;gap:4px}.mission-card.claimed{background:#e9efdf}.mission-art svg{display:block;width:42px;height:42px}.mission-card>strong{font-size:12px;color:#52634a;line-height:1.2}.mission-progress{font-size:15px;color:#607359}.mission-card progress{width:86%;height:5px}.reward-line{display:flex;align-items:center;justify-content:center;gap:2px;font-size:11px;color:#6e755b}.reward-line svg{width:18px;height:18px}.mission-card .picture-button{min-height:44px;min-width:0;width:100%;flex-direction:row;gap:1px;padding:2px}.mission-card .picture-button svg{width:22px;height:22px}.mission-card .picture-label{font-size:10px}.mission-ribbons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mission-ribbons .picture-button{flex:1;min-width:125px;max-width:220px;min-height:56px;flex-direction:row;gap:4px;flex-wrap:wrap;box-shadow:none}.mission-ribbons .picture-button>.button-art svg{width:26px;height:26px}.mission-ribbons .reward-line{flex-basis:100%}.mission-ribbons .reward-line svg{width:17px;height:17px}
.help-rows>div{display:grid;grid-template-columns:33px minmax(75px,auto) 1fr;align-items:center;text-align:left;gap:6px;border-bottom:1px solid #e2e5d2;padding:8px 0}.help-rows svg{width:31px;height:31px;display:block}.help-rows strong{font-size:12px}.help-rows small{font-size:11px}.panel-back{min-height:44px;margin-bottom:16px}
.child-effects{position:fixed;bottom:calc(85px + env(safe-area-inset-bottom));right:max(14px,calc((100vw - 1450px)/2));pointer-events:none;z-index:8}.reward-pop{width:52px;height:52px;animation:kid-reward .85s ease-out both;filter:drop-shadow(0 2px 3px #6b785e33)}.reward-pop svg{width:100%;height:100%}.incubating #childeffects,.incubating #guidebanner{display:none!important}#childreturn{margin:10px 16px;min-height:50px;flex-direction:row;width:max-content}#childreturn svg{width:31px;height:31px}#cancelincubation svg,#closereveal svg{width:39px;height:39px;vertical-align:middle;margin-right:8px}#cancelincubation,#closereveal{min-height:56px!important}#closereveal span{vertical-align:middle}
@keyframes kid-reward{0%{opacity:0;transform:translateY(12px) scale(.8)}25%,65%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-18px) scale(.95)}}
@media(max-width:660px){.child-mode .kid-top{grid-template-columns:1fr auto;grid-template-areas:'home wallet' 'missions missions';gap:3px 8px;padding:calc(4px + env(safe-area-inset-top)) 8px 5px}.kid-missions{gap:6px}.mission-chip{flex:1;max-width:105px}.mission-chest{flex:0 0 44px}.child-mode main{padding:0 4px}.child-mode .world-card{border-radius:16px}.child-mode .kid-bar{gap:5px;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.kid-bar .picture-button{min-height:61px}.kid-bar .picture-button svg{width:34px;height:34px}.simple-detail{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:90dvh;margin:0;border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -5px 30px #62755e2b}.simple-detail:before{content:'';display:block;width:38px;height:4px;border-radius:5px;background:#d4dac6;margin:7px auto 0}.simple-detail #detailbody{max-height:calc(90dvh - 12px);padding:8px 13px calc(16px + env(safe-area-inset-bottom))}.simple-detail>.close{top:7px;right:9px}.simple-detail .sheet-title{margin:5px 40px 11px;font-size:23px}.simple-detail .companion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.child-mode #panel{padding:14px}.help-rows>div{grid-template-columns:29px auto 1fr}.child-mode .guide-banner{margin-bottom:3px}}
@media(max-height:480px) and (min-width:530px){.child-mode .kid-top{grid-template-columns:auto 1fr auto;grid-template-areas:'home missions wallet';padding-block:2px}.child-mode .kid-bar{padding-block:3px}.kid-bar .picture-button{min-height:56px}.kid-bar .picture-button svg{width:28px;height:28px}.child-mode .guide-banner{min-height:24px;font-size:11px}.guide-banner .picture-button{min-height:24px}.simple-detail #detailbody{max-height:87dvh}}
@media(prefers-reduced-motion:reduce){.reward-pop,.picture-button{animation:none!important;transition:none!important}}

.herd-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 0}.herd-pages button{min-height:44px;min-width:65px;padding:4px 8px}.herd-pages b{font-size:12px;color:#677659}
.need-row .need-value{align-self:center;white-space:nowrap;min-width:29px;margin-left:2px;color:#536850;font:700 11px/1 system-ui;font-variant-numeric:tabular-nums}

.kid-status{grid-area:wallet;justify-self:end;display:flex;align-items:center;gap:6px;min-width:0}
.farm-sound{display:grid;place-items:center;flex:none;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:1.5px solid #d9d8ca;border-radius:16px;background:#faf8f1;color:#746c77;touch-action:manipulation}
.farm-sound svg{display:block;width:27px;height:27px;pointer-events:none}
.farm-sound[aria-pressed="true"]{background:#eee8f5;border-color:#c7b9d6;color:#6d5f83}
.farm-sound[aria-pressed="false"] .sound-waves,.farm-sound[aria-pressed="true"] .sound-cross{display:none}
.farm-sound:focus-visible{outline:3px solid #78648b;outline-offset:2px}
@media(min-width:661px) and (max-width:900px){.child-mode .kid-top{grid-template-columns:auto minmax(0,1fr) auto}}
@media(max-height:480px) and (min-width:530px) and (max-width:650px){.kid-status,.kid-wallet,.kid-missions{gap:4px}.hud-count{padding-inline:3px 5px}.hud-count svg{width:21px}.hud-count b{font-size:12px}.mission-chip{min-width:52px;padding-inline:3px}}
@media(max-width:370px),(max-height:480px) and (max-width:650px){#kidhome{width:48px;min-width:48px;padding:0}#kidhome .picture-label{display:none}}
#kidfeed{position:relative}
#kidfeed[data-hungry]:not([data-hungry="0"])::after{content:attr(data-hungry);position:absolute;top:2px;right:3px;padding:1px 4px;min-width:14px;border:1px solid #d4a174;border-radius:12px;background:#ffdfae;color:#694c36;font:700 11px/14px system-ui;pointer-events:none}
.nest-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nest-choices .picture-button{min-width:0;padding:12px 6px}
.nest-choices .button-art svg{width:56px;height:56px}
.nest-choices .nest-note{font-weight:750;color:#655c6e;font-variant-numeric:tabular-nums}
#kidinstant{background:#fbefd8}
.nest-instant{display:block;width:100%;margin-top:9px;background:#fbefd8}
.kid-wallet .food-link{position:relative;box-shadow:none;cursor:pointer;font:inherit}
.kid-wallet .food-link::before{content:"";position:absolute;inset:-6px 0}
.animal-mood,.animal-mood-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:16px;background:#e5edf4;color:#445a70;font-weight:700}
.animal-mood{margin:5px 0 0;padding:2px 10px 2px 5px;font-size:14px;line-height:1.15}
.animal-mood svg{display:block;width:30px;height:30px}
.animal-mood[data-mood="relieved"]{background:#f8e6eb;color:#7c4559}
.animal-mood-badge{padding:1px 7px 1px 3px;font-size:11px}
.animal-mood-badge svg{display:block;width:20px;height:20px}
.animal-choice[data-sad="true"]{border-color:#9eafc1;background:#f1f3f2}
.animal-mood[hidden],.animal-mood-badge[hidden]{display:none}
.animal-wish{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0;padding:6px 12px;color:#3e6659;background:#eef3e3;border:1.5px solid #a6bdab;border-radius:14px;font:inherit}
.animal-wish[hidden]{display:none}
.child-mode #guidebanner{width:min(96%,680px);padding:5px 8px;gap:6px;text-align:left}
#guidebanner .guide-copy{flex:1;min-width:0;display:grid;gap:2px}
#guidebanner .guide-copy>span{font-size:12px;line-height:1.25}
#guidebanner .guide-copy>strong{font-size:14px}
#guidebanner .picture-button{min-width:50px;min-height:44px;flex:none;background:#fffaf0}
#guidebanner .picture-label{display:block;font-size:10px}
#guidebanner .button-art svg{width:21px;height:21px}
.guide-stations{display:grid;gap:7px;margin:10px 0}
.guide-station{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;gap:9px;align-items:center;width:100%;min-height:52px;padding:8px 10px;text-align:left}
.guide-station strong,.guide-station small{display:block;line-height:1.3}
.guide-station small{margin-top:3px;color:#536552}
@media(max-height:460px) and (orientation:landscape){
 .child-mode #guidebanner{margin-block:0;padding-block:2px}
 #guidebanner .guide-copy{grid-template-columns:auto 1fr;column-gap:7px;align-items:baseline}
 #guidebanner .guide-copy>span{grid-column:1 / -1}
}
.visit-companion{margin:8px 0 14px}
.visit-companion h2{margin:0 0 7px;color:#42583e;font-size:1.05rem}
.visit-companion .pet-picker{margin:0}
.visit-list{display:grid;gap:7px;max-width:650px}
.visit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#fffdf4;border:1px solid #dbe2cf;border-radius:14px}
.visit-row small{display:block;color:#617259}
.visit-row .visit-lobby{color:#3e6b47;font-weight:700}
.farm-lobby{position:absolute;top:9px;right:9px;z-index:3;max-width:min(65%,400px);min-height:44px;padding:6px 12px;border:1px solid #99ae90;border-radius:16px;background:#fff9e8;color:#3c6046;font-weight:750}
.farm-lobby[hidden],.visit-lobby[hidden]{display:none!important}
.visit-row button{min-height:44px}
.child-mode .kid-bar.guest-bar,.toolbar .visit-control{display:none}
.visiting-farm.child-mode .guest-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:350px}
.visiting-farm .toolbar .visit-control{display:block}
.visiting-farm #kidbar,.visiting-farm #guidebanner,.visiting-farm #kidmissions,.visiting-farm #expand,.visiting-farm #mow,.visiting-farm #farmview aside,.visiting-farm #herd{display:none!important}
.visiting-farm #farmview{grid-template-columns:minmax(0,1fr)}

.stack-control{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;margin:12px 0;padding:6px 12px;border:1px solid #b7c6a5;border-radius:18px;background:#f1f5e8;text-align:left;color:#365541;cursor:pointer}
.stack-control:disabled{cursor:default;opacity:1;color:#687460;background:#f5f4eb;border-color:#dcded1}
.stack-ring{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%}
.stack-ring>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fffaf0}
.stack-ring svg{width:27px;height:27px}.stack-info{display:grid;gap:3px}.stack-info small{font-size:.8rem}
.runaway-notice{width:min(92vw,450px);max-height:85dvh;overflow:auto;text-align:left}
.runaway-notice ul{padding-inline-start:1.4em;overflow-wrap:anywhere}
.runaway-notice button{min-height:44px}
.runaway-notice .sheet-notice:empty{display:none}
