.childRewardSection{margin-top:22px}
.childRewardSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}
.childRewardSectionHead>div{min-width:0}
.childRewardSectionHead small{display:block;color:var(--rose);font-size:9px;font-weight:850;letter-spacing:.15em}
.childRewardSectionHead h2{margin:4px 0 2px;font:600 24px/1.08 Georgia,'Times New Roman',serif}
.childRewardSectionHead p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}
.childRewardSectionHead>button{flex:none;padding:7px 0;border:0;background:transparent;color:var(--rose);font-size:11px;font-weight:800}
.childRewardRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(238px,82%);gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none}
.childRewardRail::-webkit-scrollbar{display:none}
.childRewardRail .rewardCard{display:flex;flex-direction:column;min-height:100%;margin:0;scroll-snap-align:start}
.childRewardRail .rewardCardTop{align-items:flex-start}
.childRewardRail .rewardChildren{margin-top:10px}
.childRewardRail .rewardProgress{margin-top:auto;padding-top:14px}
.childRewardRail .rewardClaimButton,.childRewardRail .rewardClaimStatus{margin-top:12px}
.rewardClaimStatus{display:grid;min-height:46px;place-items:center;border-radius:15px;font-size:12px;font-weight:850;text-align:center}
.rewardClaimStatus.earning{background:#eee5df;color:#85776f}
.rewardClaimStatus.pending{border:1px solid #efd39a;background:#fff4d7;color:#a66b12}
.rewardClaimStatus.earned{background:#dfede4;color:#557762}
.rewardClaimButton{background:linear-gradient(135deg,#d67d68,#bc7165)}
.rewardClaimButton:not(:disabled){box-shadow:0 7px 15px rgba(188,113,101,.2)}
.childRewardSection--earned .childRewardRail{grid-auto-columns:minmax(210px,72%)}
.childRewardSection--earned .rewardCard{background:radial-gradient(circle at 92% 8%,rgba(239,187,89,.18),transparent 30%),linear-gradient(145deg,#fffdf5,#f3faf5)}
.childRewardSection--earned .rewardProgress{opacity:.78}
.childRewardSectionEmpty{display:grid;gap:4px;padding:19px;border:1px dashed #e6d4c8;border-radius:18px;background:rgba(255,255,255,.5)}
.childRewardSectionEmpty b{font:600 16px/1.2 Georgia,'Times New Roman',serif}
.childRewardSectionEmpty span{color:var(--muted);font-size:11px}
.childStarsCard{position:relative;overflow:hidden;grid-template-columns:112px minmax(0,1fr);gap:13px;min-height:108px;padding:12px 18px;background:radial-gradient(circle at 93% 16%,rgba(239,187,89,.3),transparent 24%),linear-gradient(120deg,#fff9e9,#fff0c9)}
.childStarsCard:before,.childStarsCard:after{content:'✦';position:absolute;color:rgba(225,161,60,.35);pointer-events:none}.childStarsCard:before{right:43px;bottom:15px;font-size:13px;transform:rotate(-11deg)}.childStarsCard:after{right:18px;top:13px;font-size:28px;transform:rotate(12deg)}
.childStarsVisual{position:relative;z-index:1;display:block!important;width:112px!important;height:84px!important}.childStarsVisual img{width:118px;height:118px;display:block;max-width:none;object-fit:contain;transform:translate(-5px,-17px);filter:drop-shadow(0 8px 10px rgba(194,129,23,.18))}
.childStarsCard>div{position:relative;z-index:1}.childStarsCard b{font-size:27px}.childStarsCard p{max-width:410px;line-height:1.35}
#childTasksStars:not([hidden]){display:block;margin:0 0 14px}
@media(min-width:620px){.childRewardRail{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(292px,46%);overflow-x:auto}.childRewardSection--earned .childRewardRail{grid-template-columns:none;grid-auto-columns:minmax(270px,42%)}}
@media(max-width:390px){.childRewardRail{grid-auto-columns:minmax(226px,86%)}.childRewardSectionHead p{font-size:10px}.childStarsCard{grid-template-columns:98px minmax(0,1fr);padding-inline:13px}.childStarsVisual{width:98px!important}.childStarsVisual img{width:106px;height:106px;transform:translate(-6px,-11px)}.childStarsCard b{font-size:25px}}

.rewardCard .rewardProgress+.rewardClaimStatus,.rewardCard .rewardProgress+.rewardClaimButton{margin-top:16px}