.family-modal .dialog{max-width:870px;padding:24px 30px;max-height:94svh}.family-stage{display:block;width:100%;height:auto;border:3px solid #9e7c63;border-radius:20px;max-height:43svh;object-fit:contain;background:#e7d5bf}.family-controls{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:14px}.family-controls .activity-button{flex:1 1 95px;max-width:180px;min-height:46px;background:#fff0d9;border:2px solid #af8b6a;border-radius:13px;font:800 14px Nunito;color:#745242;padding:7px}.family-controls canvas{display:block;width:90px;height:79px;margin:auto}.family-controls .activity-button:hover{background:#e6eacb;transform:translateY(-2px)}.family-controls .activity-button:focus-visible{outline:4px solid #d99eb4;outline-offset:2px}.family-status{font-weight:900;min-height:25px;text-align:center;background:#f1e5cb;border-radius:10px;padding:10px;margin:12px 0 0!important}.family-invite{background:#e5d6df;color:#896174;text-align:center;border:2px dashed #bc9ba8;border-radius:18px;padding:20px;font-weight:900;margin:18px 0}@media(max-width:650px){.family-modal .dialog{padding:16px}.family-controls{gap:6px}.family-controls canvas{width:65px;height:57px}.family-controls .activity-button{font-size:12px;flex-basis:85px}.family-modal h1{font-size:23px}.family-stage{max-height:34svh}}
