.family-given{margin:16px auto;padding:12px 18px;border:2px solid #bce0f0;background:#edf8ff;border-radius:20px;width:fit-content;max-width:100%;text-align:center;color:#236c92;font-size:25px;font-weight:800}.family-scene{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:580px;margin:20px auto}.family-scene section{padding:12px;border:2px solid #bee5f3;background:#eefaff;border-radius:20px;min-width:0;text-align:center}.family-scene .family-away{background:#fff4df;border-color:#ffda9b}.family-away .count-object{opacity:.48}.family-away .count-object:after{content:'';position:absolute;inset:40% 0;border-top:3px solid #bb712e;transform:rotate(-20deg);pointer-events:none}.family-scene .compact{height:140px}.family-scene .compact .count-object{width:clamp(36px,7vw,60px);height:auto;aspect-ratio:1}.family-scene .compact.many .count-object{width:min(17%,46px)}.family-scene strong{font-size:18px;color:#3f7f98}.family-empty{display:grid;place-items:center;min-height:140px;font-size:42px;color:#6791a5}.family-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:580px;margin:20px auto}.family-facts>div{padding:13px;border:2px solid #c1e4f0;border-radius:17px;background:#edf9ff;text-align:center;font-size:25px;font-weight:800;color:#246d93}.family-facts .family-minus{background:#fff3da;border-color:#ffdc9d;color:#99581c}.family-equation-answers .answer-option{font-size:clamp(18px,4.4vw,27px)}.family-play{padding:15px;background:#f2faff;border:2px solid #c8e6f2;border-radius:22px;text-align:center}.family-play .split-total-picker{max-width:470px}@media(max-width:600px){.family-given{font-size:23px}.family-facts>div{font-size:21px;padding:12px 6px}.family-scene{gap:8px}.family-scene section{padding:9px}.family-scene .compact{height:135px}.family-scene strong{font-size:16px}.family-scene .compact.many .count-object{width:min(17%,35px)}}@media(max-width:360px){.family-facts{gap:7px}.family-facts>div{font-size:19px}}

.family-stay .count-object img{animation:family-return .3s ease-out 1}@keyframes family-return{from{transform:scale(.85);opacity:.7}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.family-stay .count-object img{animation:none!important}}