/* Reading adventure HUD: compact title, explicit controls, aligned stats. */
html body.bookclub-app .pixel-header {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px;
  padding:14px 18px; border:1px solid #bca67d; border-radius:20px;
  background:linear-gradient(110deg,#fff9e9,#f8edce); box-shadow:0 4px 0 #d7c7a2,0 8px 18px #49352112;
  align-items:center;
}
html body.bookclub-app .header-left {display:grid;gap:10px;min-width:0;}
html body.bookclub-app .brand-lockup {display:flex;align-items:center;gap:10px;min-width:0;}
html body.bookclub-app .brand-lockup>div {min-width:0;}
html body.bookclub-app .brand {font-size:clamp(18px,2.2vw,28px);line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip;color:#294c3d;}
html body.bookclub-app .brand-kicker {display:block;font-size:9px;letter-spacing:.1em;color:#806745;margin-top:4px;}
.brand-main {display:block;white-space:nowrap;}
.brand-sub {display:block;font-size:11px;color:#8b6a3f;margin-top:3px;}
html body.bookclub-app .header-right {display:flex;align-items:center;gap:10px;}
html body.bookclub-app .audio-toggle {width:44px;height:44px;min-width:44px;border-radius:14px;}
html body.bookclub-app .header-profile-stack {min-width:80px;width:80px;}
html body.bookclub-app .header-profile-stack .user-pill {width:64px;height:64px;min-width:64px;margin:auto;}
html body.bookclub-app .header-avatar-growth {width:80px;max-width:80px;}
html body.bookclub-app .user-stats-row {display:flex;gap:8px;flex-wrap:wrap;}
.quick-profile-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;}
.quick-profile-actions>button,.quick-profile-actions>label {margin:0;min-height:44px;font:inherit;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;}
@media(max-width:600px){
 html body.bookclub-app .pixel-header {grid-template-columns:minmax(0,1fr) 108px;padding:12px;gap:8px;}
 html body.bookclub-app .header-left {display:contents;}
 html body.bookclub-app .brand-lockup {grid-column:1;grid-row:1;gap:7px;}
 html body.bookclub-app .brand-mark {width:36px;height:36px;min-width:36px;}
 html body.bookclub-app .brand {font-size:18px;}
 html body.bookclub-app .brand-kicker {font-size:8px;letter-spacing:.04em;}
 html body.bookclub-app .header-right {grid-column:2;grid-row:1;gap:6px;align-self:center;}
 html body.bookclub-app .header-profile-stack {width:64px;min-width:64px;}
 html body.bookclub-app .header-profile-stack .user-pill {width:54px;height:54px;min-width:54px;}
 html body.bookclub-app .header-profile-stack .avatar-pixel-sm {width:44px;height:44px;flex-basis:44px;}
 html body.bookclub-app .header-avatar-growth {width:64px;max-width:64px;}
 html body.bookclub-app .audio-toggle {width:36px;min-width:36px;height:40px;}
 html body.bookclub-app .user-stats-row {grid-column:1 / -1;grid-row:2;gap:7px;}
 html body.bookclub-app .coin-badge {padding:6px 8px;font-size:10px;}
 html body.bookclub-app .streak-badge {padding:6px 8px;font-size:10px;}
}