/* Keep the authored reaction viewport independent of its label. The previous
   44px column no longer matched the 54px character image beside it. */
.reaction-picker {--reaction-icon-size:54px;}
.reaction-picker .reaction-options {grid-template-columns:repeat(2,minmax(0,1fr));}
.reaction-picker .reaction-option {grid-template-columns:var(--reaction-icon-size) minmax(0,1fr);min-width:0;}
.reaction-picker .reaction-option-mini {width:var(--reaction-icon-size);height:var(--reaction-icon-size);flex:0 0 var(--reaction-icon-size);justify-self:center;}
/* Nine equally framed portraits fit in one desktop row. On phones, retain
   readable character sizes and wrap into two rows instead of eight tiny slots. */
#modal-profile .profile-avatar-picker {grid-template-columns:repeat(9,minmax(0,1fr));}
@media(max-width:760px){.reaction-picker {--reaction-icon-size:47px;}}
@media(max-width:690px){#modal-profile .profile-avatar-picker {grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important;}}