/* Message bundles reserve a reply column and only their actual media columns. */
.realtime-duel-chat-message .chat-photo-album-body{grid-template-columns:minmax(0,1fr) 32px;column-gap:5px;width:min(82%,calc(var(--album-columns,3)*116px + 49px));max-width:calc(100% - 16px)}
.chat-photo-album-body>.chat-photo-album-title{grid-row:1;grid-column:1;color:#334155;font-weight:600}
.chat-photo-album-body>.chat-photo-album{grid-row:2;grid-column:1;grid-template-columns:repeat(var(--album-columns,3),minmax(0,1fr));gap:4px;padding:5px}
.chat-photo-album-body>.xixi-chat-reply-action{grid-row:2;grid-column:2;align-self:center;justify-self:center;width:30px;min-width:30px}
.realtime-duel-chat-message.mine .chat-photo-album-body>.xixi-chat-reply-action{justify-self:center;order:0}
.chat-photo-album-item :is(.chat-media-frame,.chat-media-preview){height:72px}
.chat-photo-album-item .chat-media-preview :is(img,video){width:100%!important;height:72px!important;max-height:none!important;object-fit:cover}
body.theme-dark .chat-photo-album-title{color:#e2e8f0}
#familyChatPanel .chat-photo-album-title{color:#725032}
body.theme-dark #familyChatPanel .chat-photo-album-title{color:#f2ddbc}
#dmChatPanel .chat-photo-album-title{color:#286052}
body.theme-dark #dmChatPanel .chat-photo-album-title{color:#b2ead9}
#realtimeDuelChatPanel .chat-photo-album-title{color:#65509b}
body.theme-dark #realtimeDuelChatPanel .chat-photo-album-title{color:#d8cbfa}
/* The list/keyboard moves the button; no delayed top/height transition. */
.xixi-chat-jump-latest{transition:background-color .15s,color .15s,opacity .15s}