/* The Dungeons & Mini-games tab (UI/ActivityLog.js): its two pages, their lists and a record's own page.
   It shares the Quest Log's heading, empty state and journal layout (UI/character-panels.css, UI/quest-log.css). */
#activities-panel { flex:1;min-height:0;overflow:auto;padding:16px;color:var(--ink); }
#hud .activity-heading h3 { font-size:19px;white-space:nowrap; }
.activity-switch { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0;border:1px solid #9a82564d;border-radius:3px;overflow:hidden; }
#hud .activity-switch button { display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:42px;padding:6px;border:0;background:#e9deca2e;color:var(--muted);font:14px Georgia,serif;white-space:nowrap;cursor:pointer; }
#hud .activity-switch button + button { border-left:3px double #8e70454d; }
#hud .activity-switch button:hover { background:#e9deca80;color:var(--ink); }
#hud .activity-switch button[aria-selected='true'] { background:#e9deca99;color:var(--rubric);box-shadow:inset 0 -2px #92683c; }
#hud .activity-switch button:focus-visible { outline:2px solid #916335;outline-offset:-3px; }
#hud .activity-switch .icon { width:22px;height:22px;flex:none; }
#hud .activity-switch small { min-width:18px;padding:1px 5px;border-radius:9px;background:#9a82562e;font:11px ui-sans-serif,sans-serif;color:var(--muted); }
.activity-list { list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px; }
#hud .activity-row { width:100%;display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:10px;padding:8px 10px;text-align:left;border:1px solid #9a82564d;border-radius:3px;background:#e9deca4d;color:var(--ink);cursor:pointer; }
#hud .activity-row:hover, #hud .activity-row:focus-visible { background:#e9deca99;border-color:#8e7045; }
#hud .activity-row > .icon:first-child { width:34px;height:34px; }
#hud .activity-row > .icon:last-child { width:12px;height:12px;opacity:.55; }
.activity-row strong { display:block;font:15px Georgia,serif; }
.activity-row small { display:block;margin-top:2px;font-size:11px;line-height:1.35;color:var(--muted); }
#hud .activity-empty { padding:34px 10px; }
#hud .activity-empty > .icon { opacity:.6; }
/* A record's own page: the journal's two columns, bosses as entries, and the way in. */
.activity-detail h4 { margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #9a82564d;font:13px Georgia,serif;letter-spacing:.06em;text-transform:uppercase;color:var(--rubric); }
.activity-bosses { max-height:min(46vh,420px);margin-bottom:16px; }
#hud .activity-go { display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid #8e7045;border-radius:3px;background:#e9deca99;color:var(--rubric);font:15px Georgia,serif;cursor:pointer; }
#hud .activity-go:hover, #hud .activity-go:focus-visible { background:#efe4cf;box-shadow:inset 0 -2px #92683c; }
#hud .activity-go .icon { width:26px;height:26px; }
@media (max-width:700px) { .activity-journal { grid-template-columns:1fr; } }
/* Phones: the side panel is about 230 px wide. */
@media (max-width:600px) {
  #activities-panel { padding:12px; }
  #hud .activity-heading h3 { font-size:16px; }
  #hud .activity-switch button { font-size:13px;gap:4px;padding:5px 4px; }
  #hud .activity-switch .icon { display:none; }
}