/* Each header row can be compact independently; full rows keep their original layout. */
.header-view-controls { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; min-width:0; margin:10px 0 5px; }
.header-view-label { margin-right:2px; color:#b8a88d; font:500 11px/1.4 var(--sans); }
.header-density-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:31px; min-width:0; padding:5px 11px; border:1px solid #a0844d; border-radius:4px; background:linear-gradient(#344b37,#22332a); color:#f0dca9; font:600 12px/1.4 var(--sans); cursor:pointer; }
.header-density-toggle:hover { border-color:#e0bd73; background:linear-gradient(#425d40,#2b4430); color:#fff0c7; }
.header-density-toggle svg { width:15px; height:15px; flex:none; }
.header-row-toggle { display:inline-grid; place-items:center; flex:none; width:29px; height:29px; min-height:29px; margin:0; padding:6px; border:1px solid #a6874d66; border-radius:4px; background:linear-gradient(#33382c,#20271f); color:#e6ce98; cursor:pointer; }
.header-row-toggle:hover { border-color:#d6b16b; color:#fff0c3; background:linear-gradient(#4a5035,#303b2a); }
.header-row-toggle svg, .header-fold-button svg { display:block; flex:none; width:14px; height:14px; transform:rotate(90deg); transition:transform 160ms ease; }
.header-row-toggle[aria-expanded="false"] svg, .header-fold-button[aria-expanded="false"] svg { transform:rotate(0); }
.header-density-toggle:focus-visible, .header-row-toggle:focus-visible, .header-fold-button:focus-visible { outline:2px solid #f0d394; outline-offset:3px; }
.header-fold-line { display:flex; align-items:center; gap:12px; min-width:0; margin:9px 0 0; }
.header-fold-line::after { display:block; flex:1 1 auto; min-width:0; height:1px; background:linear-gradient(90deg,#ae8d506b,#7e67421a); content:''; }
.header-fold-button { display:inline-flex; align-items:center; justify-content:space-between; gap:13px; min-height:33px; max-width:100%; margin:0; padding:7px 17px; border:1px solid #997c4766; border-radius:4px; background:linear-gradient(115deg,#314c35,#24342b); color:#efdbae; font:600 12px/1.4 var(--sans); text-align:left; cursor:pointer; }
.header-fold-button:hover { border-color:#d3af65; background:linear-gradient(115deg,#416142,#304533); color:#fff0c6; }
.header-fold-line + .profile-panel .account-switch-label { display:none; }

/* Compact navigation keeps every destination and the language selector in reach. */
.site-shell > .clan-main-menu.is-header-compact { grid-template-columns:112px minmax(0,1fr) 110px; grid-template-areas:"brand navigation language"; min-height:63px; margin:4px 0; padding:8px 12px; gap:10px; }
.clan-main-menu.is-header-compact .brand { gap:8px; }
.clan-main-menu.is-header-compact .brand-copy { display:block; padding:0; }
.clan-main-menu.is-header-compact .brand-name { font-size:20px; letter-spacing:.08em; }
.clan-main-menu.is-header-compact .brand-subtitle { display:none; }
.clan-main-menu.is-header-compact .clan-crest { width:38px; height:38px; box-shadow:inset 0 0 0 2px #2c2019,0 2px 3px #0007; }
.clan-main-menu.is-header-compact .clan-crest-face { width:31px; height:31px; }
.clan-main-menu.is-header-compact .clan-crest-face img { width:32px; height:32px; }
.clan-main-menu.is-header-compact > .section-navigation { gap:5px; grid-template-columns:1fr 1.15fr 1.2fr .95fr .8fr .95fr; }
.clan-main-menu.is-header-compact .section-navigation > a,
.clan-main-menu.is-header-compact .section-navigation > a[data-page="advanced"] { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:6px; min-height:40px; min-width:0; padding:6px 7px; font-size:11px; line-height:1.25; }
.clan-main-menu.is-header-compact .section-navigation .menu-icon,
.clan-main-menu.is-header-compact .section-navigation > a[data-page="sk6"] .menu-icon { width:23px; height:23px; margin:0; }
.clan-main-menu.is-header-compact .section-navigation .nav-full { display:none; }
.clan-main-menu.is-header-compact .section-navigation .nav-short { display:block; min-width:0; overflow-wrap:anywhere; }
.clan-main-menu.is-header-compact .menu-seasonal-copy { min-width:0; align-items:center; }
.clan-main-menu.is-header-compact .menu-seasonal-title { max-width:none; font-size:11px; line-height:1.25; }
.clan-main-menu.is-header-compact .menu-seasonal-caption,
.clan-main-menu.is-header-compact .menu-seasonal-seal { display:none; }
.clan-main-menu.is-header-compact > .menu-language { min-width:0; gap:0; padding:0 0 0 9px; }
.clan-main-menu.is-header-compact .menu-language-heading { display:none; }
.clan-main-menu.is-header-compact #language-select { min-height:34px; height:34px; padding:5px 18px 5px 7px; font-size:11px; }

/* The compact account row uses the existing controls, with no copied selectors. */
.site-shell > .profile-panel.is-header-compact { grid-template-columns:minmax(195px,245px) 34px minmax(220px,1fr) minmax(295px,370px); grid-template-areas:"account edit setup timers" "identity identity identity identity"; align-items:end; gap:6px 11px; padding:8px 0 9px; }
.profile-panel.is-header-compact #account-quick-switch { min-width:0; grid-template-columns:minmax(0,1fr); grid-template-areas:"name" "buttons"; gap:4px; }
.profile-panel.is-header-compact .account-switch-label { display:none; }
.profile-panel.is-header-compact .account-current-name { text-align:left; color:#e5d1ac; font-size:11px; line-height:1.3; }
.profile-panel.is-header-compact .account-switch-buttons { gap:4px; }
.profile-panel.is-header-compact .account-mode-button,
.profile-panel.is-header-compact .account-alt-select { height:34px; min-height:34px; min-width:0; padding:5px 7px; font-size:12px; }
.profile-panel.is-header-compact .account-alt-select { max-width:74px; padding-right:14px; font-size:11px; }
.site-shell > .profile-panel.is-header-compact > #edit-current-profile { width:34px; height:34px; padding:7px; align-self:end; }
.profile-panel.is-header-compact .profile-quick-formation { position:relative; min-width:0; gap:4px; }
.profile-panel.is-header-compact .profile-quick-formation > label { margin:0; font-size:11px; line-height:1.3; }
.profile-panel.is-header-compact .quick-formation-controls { min-width:0; grid-template-columns:minmax(0,1fr) 32px 32px; gap:5px; }
.profile-panel.is-header-compact #quick-formation-select { min-width:0; height:34px; min-height:34px; padding:5px 23px 5px 8px; font-size:12px; }
.profile-panel.is-header-compact .profile-quick-formation .icon-button { width:32px; height:34px; padding:7px; }
.site-shell > .profile-panel.is-header-compact > .profile-identity-summary,
.site-shell > .profile-panel.is-header-compact > .profile-identity-summary.has-player-data { min-width:0; padding:0; gap:0; }
.profile-panel.is-header-compact .profile-identity-summary:empty { display:none; }
.profile-panel.is-header-compact .profile-identity-summary:not(.has-player-data) { display:none; }
.profile-panel.is-header-compact .profile-identity-badges,
.profile-panel.is-header-compact .profile-completion-link,
.profile-panel.is-header-compact .profile-management,
.profile-panel.is-header-compact > .language-control,
.profile-panel.is-header-compact #profile-data-refresh { display:none; }
.profile-panel.is-header-compact .profile-identity-facts { flex-wrap:wrap; gap:4px 13px; }
.profile-panel.is-header-compact .profile-identity-facts > div { gap:5px; }
.profile-panel.is-header-compact .profile-identity-facts dt { font-size:10px; }
.profile-panel.is-header-compact .profile-identity-facts dd { font-size:11px; }
.site-shell > .profile-panel.is-header-compact > #account-timers { min-width:0; align-self:end; padding:0; }
.profile-panel.is-header-compact #account-timers .account-timers-chips { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0; }
.profile-panel.is-header-compact #account-timers .account-timer-chip { grid-template-columns:16px minmax(0,1fr) 9px; min-height:50px; min-width:0; gap:2px 5px; padding:6px 7px; }
.profile-panel.is-header-compact #account-timers .account-timer-chip > svg { width:16px; height:20px; }
.profile-panel.is-header-compact #account-timers .account-timer-label > strong { font-size:11px; line-height:1.3; }
.profile-panel.is-header-compact #account-timers .account-timer-label > small { display:none; }
.profile-panel.is-header-compact #account-timers .account-timer-value { grid-column:2 / -1; margin:0; font-size:12px; line-height:1.3; letter-spacing:0; }
.profile-panel.is-header-compact #account-timers .account-timer-pencil { font-size:10px; }

/* Event names, clocks, reset and the calendar link remain visible in the thin row. */
.events-now-heading { align-items:center;justify-content:flex-start;gap:6px; }
.events-now-heading h2 { margin:0;font-size:13px; }
.events-now-heading .header-row-toggle { margin-left:0; }
#events-now.is-header-compact { margin:9px 0 12px; }
#events-now.is-header-compact .events-now-strip,
#events-now.is-header-compact .events-now-strip:has(.events-now-stale) { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; grid-template-areas:"heading reset items more"; gap:8px 12px; min-width:0; padding:8px 11px; border-radius:5px; }
#events-now.is-header-compact .events-now-heading { display:flex; flex-wrap:nowrap; align-items:center; min-width:0; gap:6px; }
#events-now.is-header-compact .events-now-heading h2 { font-size:13px; white-space:nowrap; }
#events-now.is-header-compact .events-now-units { display:none; }
#events-now.is-header-compact .header-row-toggle { width:29px; height:29px; min-height:29px; padding:6px; }
#events-now.is-header-compact .events-reset-chip { min-width:0; padding:0 10px 0 0; border-right:1px solid #9c814933; gap:5px; }
#events-now.is-header-compact .events-reset-chip strong { gap:5px; font-size:10px; }
#events-now.is-header-compact .events-reset-chip strong b { font-size:11px; }
#events-now.is-header-compact .events-reset-chip small { gap:4px; font-size:10px; }
#events-now.is-header-compact .events-reset-chip .calendar-countdown { font-size:11px; }
#events-now.is-header-compact .calendar-reset-symbol { width:17px; height:22px; }
#events-now.is-header-compact .calendar-reset-symbol img { width:15px; height:19px; }
#events-now.is-header-compact .events-now-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; gap:6px; }
#events-now.is-header-compact .events-now-item { min-width:0; min-height:34px; max-width:none; padding:2px 5px; gap:6px; border:0; border-left:1px solid #a7894d22; border-radius:0; background:none; box-shadow:none; }
#events-now.is-header-compact .calendar-event-badge { width:25px; height:25px; border-radius:4px; box-shadow:inset 0 0 0 1px #292016; font-size:10px; }
#events-now.is-header-compact .calendar-event-badge::after { border-width:1px; border-radius:3px; }
#events-now.is-header-compact .events-now-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
#events-now.is-header-compact .events-now-copy strong { max-width:100%; font-size:11px; font-weight:550; line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
#events-now.is-header-compact .events-now-time { gap:0; }
#events-now.is-header-compact .events-now-time > span:not(.calendar-countdown) { display:none; }
#events-now.is-header-compact .events-now-time .calendar-countdown { font-size:11px; line-height:1.3; letter-spacing:0; }
#events-now.is-header-compact .events-now-link { gap:5px; font-size:11px; }
#events-now.is-header-compact .events-now-empty { font-size:11px; }
#events-now.is-header-compact .events-now-stale { grid-column:1 / -1; margin:0; font-size:10px; }

/* All three header rows compact also gives the tier choice a lighter footprint. */
body.header-density-compact .tier-navigation { gap:7px; margin:9px 0 15px; }
body.header-density-compact .tier-card { min-height:49px; padding:8px 12px; gap:10px; }
body.header-density-compact .tier-card-number { min-width:32px; font-size:22px; }
body.header-density-compact .tier-card-title { font-size:14px; line-height:1.4; }
body.header-density-compact .tier-card-subtitle,
body.header-density-compact .tier-card-arrow { display:none; }

@media(max-width:1100px) {
  .site-shell > .clan-main-menu.is-header-compact { grid-template-columns:104px minmax(0,1fr) 102px; gap:8px; }
  .clan-main-menu.is-header-compact .section-navigation > a,
  .clan-main-menu.is-header-compact .section-navigation > a[data-page="advanced"] { gap:4px; padding-inline:4px; }
  .clan-main-menu.is-header-compact .section-navigation .menu-icon,
  .clan-main-menu.is-header-compact .section-navigation > a[data-page="sk6"] .menu-icon { width:20px; height:20px; }
  .site-shell > .profile-panel.is-header-compact { grid-template-columns:minmax(190px,235px) 34px minmax(0,1fr); grid-template-areas:"account edit setup" "timers timers timers" "identity identity identity"; gap:6px 10px; }
  .profile-panel.is-header-compact #account-timers .account-timers-chips { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-panel.is-header-compact #account-timers .account-timer-chip { display:flex; align-items:center; min-height:36px; padding:6px 9px; gap:7px; }
  .profile-panel.is-header-compact #account-timers .account-timer-label { display:flex; flex-direction:row; }
  .profile-panel.is-header-compact #account-timers .account-timer-value { margin-left:auto; }
  #events-now.is-header-compact .events-now-strip,
  #events-now.is-header-compact .events-now-strip:has(.events-now-stale) { grid-template-columns:minmax(0,1fr) auto auto; grid-template-areas:"heading reset more" "items items items"; gap:6px 12px; }
  #events-now.is-header-compact .events-now-item { padding-block:3px; }
}
@media(max-width:850px) {
  .site-shell > .clan-main-menu.is-header-compact { grid-template-columns:minmax(0,1fr) 128px; grid-template-areas:"brand language" "navigation navigation"; min-height:0; gap:8px 10px; padding:8px 11px; }
  .clan-main-menu.is-header-compact > .menu-language { border:0; padding:0; }
  .clan-main-menu.is-header-compact > .section-navigation { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .clan-main-menu.is-header-compact .section-navigation > a,
  .clan-main-menu.is-header-compact .section-navigation > a[data-page="advanced"] { min-height:36px; }
}
@media(max-width:680px) {
  .header-view-controls { margin-top:7px; gap:6px; }
  .header-view-label { font-size:10px; }
  .header-fold-line { margin-top:7px; gap:9px; }
  .header-fold-button { min-height:31px; padding:6px 13px; font-size:12px; }
  .clan-main-menu.is-header-compact > .section-navigation { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .clan-main-menu.is-header-compact .section-navigation > a,
  .clan-main-menu.is-header-compact .section-navigation > a[data-page="advanced"] { min-height:35px; gap:6px; padding:6px; }
  .site-shell > .profile-panel.is-header-compact { grid-template-columns:minmax(0,1fr) 34px; grid-template-areas:"account edit" "setup setup" "timers timers" "identity identity"; gap:7px 8px; padding-block:7px; }
  .profile-panel.is-header-compact .account-current-name { font-size:11px; }
  .profile-panel.is-header-compact .profile-quick-formation > label { position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip-path:inset(50%); white-space:nowrap; overflow:hidden; }
  .profile-panel.is-header-compact .quick-formation-controls { grid-template-columns:minmax(0,1fr) 32px 32px; }
  .profile-panel.is-header-compact #account-timers .account-timer-chip { display:grid; min-height:46px; padding:5px 6px; gap:1px 5px; }
  .profile-panel.is-header-compact #account-timers .account-timer-value { margin-left:0; font-size:11px; }
  .profile-panel.is-header-compact #account-timers .account-timer-label > strong { font-size:11px; }
  .profile-panel.is-header-compact #account-timers .account-timer-pencil { font-size:10px; }
  .profile-panel.is-header-compact .profile-identity-facts { gap:3px 10px; }
  #events-now.is-header-compact .events-now-strip,
  #events-now.is-header-compact .events-now-strip:has(.events-now-stale) { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"heading more" "reset reset" "items items"; padding:8px 10px; gap:6px 8px; }
  #events-now.is-header-compact .events-reset-chip { padding:0; border:0; }
  #events-now.is-header-compact .events-reset-chip > span:last-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 12px; }
  #events-now.is-header-compact .events-now-items { grid-template-columns:minmax(0,1fr); gap:3px; }
  #events-now.is-header-compact .events-now-item { min-height:29px; padding:3px 0; gap:7px; border:0; border-top:1px solid #9d824922; }
  #events-now.is-header-compact .calendar-event-badge { width:22px; height:22px; }
  #events-now.is-header-compact .events-now-copy { display:flex; flex-direction:row; align-items:baseline; justify-content:space-between; gap:8px; width:100%; }
  #events-now.is-header-compact .events-now-copy strong { flex:1 1 auto; min-width:0; font-size:11px; }
  #events-now.is-header-compact .events-now-time { flex:none; }
  body.header-density-compact .tier-navigation { gap:5px; margin-top:8px; }
  body.header-density-compact .tier-card { min-height:43px; padding:7px 8px; gap:6px; }
  body.header-density-compact .tier-card-number { min-width:24px; font-size:18px; }
  body.header-density-compact .tier-card-title { font-size:12px; }
}
/* The disclosure stays beside the heading at the same coordinates in either mode. */
#events-now.is-header-compact { margin-top:16px; }
#events-now .events-now-strip,
#events-now.is-header-compact .events-now-strip,
#events-now.is-header-compact .events-now-strip:has(.events-now-stale) { padding-top:12px;padding-left:14px;padding-right:14px; }
#events-now .events-now-heading { align-self:start;gap:6px; }
@media(prefers-reduced-motion:reduce) {
  .header-row-toggle svg, .header-fold-button svg { transition:none; }
}