/* Panda Arcade 3.9: visible care feedback, readable speech, five useful actions. */
#screenHome .quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
#screenHome .quick-actions .action-btn{min-width:0!important;min-height:75px!important;border-radius:16px!important;padding:6px 2px!important}
#screenHome .quick-actions .action-btn .icon{font-size:25px;line-height:1.1}
#screenHome .quick-actions .action-btn .label{font-size:11px;line-height:1.2;letter-spacing:-.15px;overflow-wrap:anywhere}
#screenHome .quick-actions .action-btn[data-action="play"]{background:linear-gradient(145deg,#f7f0d6,#e3f6db)!important;color:#285444!important;border-color:#9cceab!important}
#petCard .speech{font-weight:650!important;letter-spacing:.015em;line-height:1.48!important;font-size:clamp(12px,3.35vw,14px)!important;padding:13px 15px!important;max-width:95%!important;background:#173e32!important;color:#fafff8!important;box-shadow:0 11px 28px #143e3240!important}
#p39-care-footer{display:flex;flex-direction:column;gap:7px;align-items:center;margin:12px auto 4px;max-width:500px}
#p39-chat{border:1px solid #b5d7bc;border-radius:999px;color:#24533b;background:#eff9eb;padding:9px 14px;min-height:39px;font-size:12px;font-weight:800;cursor:pointer}
#p39-chat:active{transform:scale(.98)}
#p39-care-result{display:block;text-align:center;font-size:11px;font-weight:700;line-height:1.35;color:#517465;max-width:100%;padding:1px 6px;overflow-wrap:anywhere}
#p39-care-result.p39-pulse{animation:p39-blink .55s ease-out}
@keyframes p39-blink{from{color:#227b57;transform:scale(1.04)}to{color:#517465;transform:scale(1)}}
body.sleep-mode #p39-care-result{color:#d7e6d7}
body.sleep-mode #p39-chat{background:#233947;color:#e6f7eb;border-color:#3b6a60}
@media(max-width:360px){
 #screenHome .quick-actions{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}
 #screenHome .quick-actions .action-btn{grid-column:span 2;min-height:67px!important}
 #screenHome .quick-actions .action-btn:nth-child(4){grid-column:2/span 2}
 #screenHome .quick-actions .action-btn:nth-child(5){grid-column:4/span 2}
}
@media(prefers-reduced-motion:reduce){#p39-care-result.p39-pulse{animation:none}}

/* Override the obsolete 1.26 horizontal action rail without touching other tabs. */
#screenHome .p126-care-rail{overflow:visible!important;padding:13px 12px!important}
#screenHome .p126-care-rail .quick-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;position:relative!important;width:100%!important;max-width:100%!important;margin:8px 0 0!important;min-height:auto!important;padding:0!important}
#screenHome .p126-care-rail .quick-actions .action-btn{display:grid!important;grid-column:span 1;flex:none!important;min-width:0!important;max-width:none!important;width:100%!important;min-height:79px!important;padding:6px 2px!important;border-radius:14px!important;white-space:normal!important;scroll-snap-align:none!important}
#screenHome .p126-care-rail .quick-actions .action-btn .icon img{width:30px;height:30px;object-fit:contain}
#screenHome .p126-care-rail .quick-actions .action-btn .label{font-size:10px!important;line-height:1.3!important}
#screenHome .p126-care-rail .p124-care-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;max-width:100%!important}
#screenHome .p126-care-rail .p124-care-actions>button{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:86px!important;white-space:normal!important;padding:8px 4px!important;border-radius:15px!important}
#screenHome .p126-care-rail .p124-care-actions>button img{width:40px;height:40px;object-fit:contain}
#screenHome .p126-care-rail .p126-hint{display:none!important}
#screenHome .p126-care-rail .p124-care-top [data-left]{white-space:normal!important;font-size:10px!important;text-align:right}
#screenHome .p39-quality-label{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #c7dfcf;padding:12px 2px 9px;margin-top:7px}
#screenHome .p39-quality-label b{font-size:12px;color:#1e4e3b}
#screenHome .p39-quality-label span{max-width:60%;font-size:10px;line-height:1.3;color:#567968;text-align:right}
@media(max-width:360px){
 #screenHome .p126-care-rail .quick-actions{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 #screenHome .p126-care-rail .quick-actions .action-btn{grid-column:span 2}
 #screenHome .p126-care-rail .quick-actions .action-btn:nth-child(4){grid-column:2/span 2}
 #screenHome .p126-care-rail .quick-actions .action-btn:nth-child(5){grid-column:4/span 2}
 #screenHome .p126-care-rail .p124-care-actions>button{min-height:77px!important;font-size:10px!important}
}

#p39-chat{display:inline-flex;align-items:center;justify-content:center;gap:7px}
#p39-chat img{width:21px;height:21px;object-fit:contain}
/* Compact top navigation on 320px phones; back control keeps its accessible label. */
@media(max-width:360px){
 .topbar{gap:6px!important}
 .topbar .back-btn{font-size:0!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important}
 .topbar .back-btn::before{content:"←";font-size:22px!important;line-height:42px}
 .topbar .title-area{min-width:0!important;flex:1 1 auto!important}
 .topbar .title-area .eyebrow{font-size:9px!important;line-height:1.1}
 .topbar .title-area h1{font-size:18px!important;line-height:1.1!important;letter-spacing:-.4px!important}
 .topbar .top-actions{flex:0 0 auto!important;gap:4px!important}
 .topbar .coins{padding:6px 8px!important;min-width:auto!important;font-size:12px!important}
 .topbar .audio-dock{width:35px!important;min-width:35px!important}
}