#activity-log{position:absolute;z-index:15;left:8px;bottom:4px;width:min(280px,28vw);height:154px;background:#17211ded;border:1px solid #a58d60;border-radius:4px;color:#f4ebd6;font:12px/1.4 "Fiend UI",sans-serif;display:flex;flex-direction:column;box-shadow:0 3px 12px #0005}
#activity-log[hidden]{display:none!important}#activity-log header{display:flex;padding:3px;min-height:0;gap:3px;background:transparent}#activity-log button{font:inherit;min-height:24px;padding:2px 9px;border:1px solid #ad945e;background:#dcc999;color:#292218;cursor:pointer}#activity-log header button:last-child{margin-left:auto}#activity-rows{overflow-y:auto;flex:1;padding:4px 7px;overflow-wrap:anywhere;user-select:text}#activity-rows>div{margin-bottom:3px}.log-items{color:#ecd295}.log-chat{color:#c2e2f3}.log-system{color:#f1bfae}#activity-log form{display:flex;gap:4px;padding:4px}#chat-input{flex:1;min-width:0;background:#eee6d4;color:#1a241e;border:1px solid #a18e63;font:inherit;padding:4px}#activity-log.collapsed{height:32px}#activity-log.collapsed #activity-rows,#activity-log.collapsed form{display:none}.mobile #activity-log{bottom:4px;width:min(253.75px,calc(87.5% - 14px));height:131.25px;font-size:12px}.mobile #activity-log.collapsed{height:36px;width:253.75px}.mobile #activity-log button{min-height:30px}.mobile #chat-input{font-size:16px}

.loot-icon{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:5px;background-repeat:no-repeat;flex-shrink:0}

/* Leave the left thumb's lower edge and the combat cluster clear. */
.mobile #activity-log{font-size:14px;width:min(300px,calc(100% - 16px));height:150px}
.mobile #activity-log.collapsed{width:160px;height:38px}

/* Keep the chat toggle aligned inside its own header, independent of page header styles. */
.mobile #activity-log header{box-sizing:border-box;width:100%;max-width:none;margin:0;min-height:0;flex:0 0 auto;align-items:center;justify-content:flex-start;padding:3px;gap:3px}
.mobile #activity-log.collapsed header{height:36px;min-height:0}
.mobile #activity-log.collapsed header::before{flex:1;min-width:0;white-space:nowrap;padding:0 5px;line-height:30px}
.mobile #activity-log header button:last-child{box-sizing:border-box;flex:0 0 30px;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;margin:0 0 0 auto;line-height:28px;text-align:center;align-self:center}
.mobile #activity-log:not(.collapsed){width:min(225px,calc(75% - 12px));height:112.5px}
.mobile #activity-log:not(.collapsed) header button[data-filter]{padding:2px 5px;min-height:30px}
.mobile #activity-log #activity-rows{min-height:0}
.mobile #activity-log form{flex:0 0 auto}