/* Shared navigation trial. Scoped overrides leave page typography/layout alone. */
html.rk-arcane-theme body [data-shared-header].site-header .site-header-inner {
  position: relative; display: flex; flex-wrap: nowrap; align-items: center;
  gap: 16px; padding-block: 8px; height: auto; min-height: 64px;
}
html.rk-arcane-theme body [data-shared-header].site-header .brand {flex: 0 0 auto; gap: 8px; margin-right: auto; min-height: 44px;}
html.rk-arcane-theme body [data-shared-header].site-header .brand-wordmark strong {font-size: var(--rk-text-body); line-height: 1.1; white-space: nowrap; max-width: none;}
html.rk-arcane-theme body [data-shared-header].site-header .brand-wordmark small {display: block; font-size: .5625rem; line-height: 1.2; white-space: nowrap;}
html.rk-arcane-theme body [data-shared-header].site-header .main-nav {display: none; flex: 0 0 auto; flex-wrap: nowrap; gap: 12px; width: auto; order: 0; padding: 0; overflow: visible;}
html.rk-arcane-theme body [data-shared-header].site-header .header-actions {flex: 0 0 auto; flex-wrap: nowrap; gap: 8px; margin: 0;}
/* Enlarged text can need two compact rows even above the phone breakpoint. */
html.rk-arcane-theme body [data-shared-header].site-header:not([data-header-compact="false"]) .site-header-inner {flex-wrap: wrap;}
html.rk-arcane-theme body [data-shared-header].site-header .header-actions {max-width: 100%;}
html.rk-arcane-theme body [data-shared-header].site-header .header-actions > :is(.list-game,.header-theme-desktop) {display: none;}
html.rk-arcane-theme body [data-shared-header].site-header .mobile-navigation {display: block; position: static;}
html.rk-arcane-theme body [data-shared-header].site-header .mobile-navigation > summary {width: auto; padding-inline: 10px;}
html.rk-arcane-theme body [data-shared-header].site-header .mobile-navigation > summary > span:first-child {display: inline;}
html.rk-arcane-theme body [data-shared-header].site-header :is(.main-nav > a,.header-explore > summary) {
  display: flex; align-items: center; gap: 6px; min-height: 44px; white-space: nowrap;
  border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 6px 0;
  background: transparent; font-size: var(--rk-text-support); font-weight: 700; line-height: 1.3; color: var(--text);
}
html.rk-arcane-theme body [data-shared-header].site-header :is(.header-actions > a:not(.icon-button),.header-actions > :is(.account-menu,.mobile-navigation) > summary) {font-size: var(--rk-text-support); line-height: 1.3;}
html.rk-arcane-theme body [data-shared-header].site-header :is(.main-nav > a[aria-current],.header-explore > summary.active) {border-bottom-color: var(--brand); color: var(--brand);}
html.rk-arcane-theme body [data-shared-header].site-header .header-explore {position: static; margin: 0;}
html.rk-arcane-theme body [data-shared-header].site-header summary {list-style: none; cursor: pointer; margin: 0;}
html.rk-arcane-theme body [data-shared-header].site-header summary::-webkit-details-marker {display: none;}
html.rk-arcane-theme body [data-shared-header].site-header :is(button,summary,.header-actions > a) {min-height: 44px; min-width: 44px;}
html.rk-arcane-theme body [data-shared-header].site-header .account-menu {position: static; min-width: 0;}
html.rk-arcane-theme body [data-shared-header].site-header .notification-menu {position: static;}
html.rk-arcane-theme body [data-shared-header].site-header .account-menu > summary {gap: 8px; padding: 5px;}
html.rk-arcane-theme body [data-shared-header].site-header .account-name {display: block; max-width: 10ch; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
html.rk-arcane-theme body [data-shared-header].site-header :is(.header-menu-panel,.mobile-navigation > nav,.account-menu-panel,.notification-panel) {
  position: absolute; top: calc(100% + 4px); bottom: auto; left: auto; right: 0;
  width: min(340px,100%); max-width: 100%; max-height: var(--rk-header-menu-height,calc(100dvh - var(--rk-header-stack-height,72px) - 16px));
  overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scroll-padding-block: 8px;
  border: 1px solid var(--line); border-radius: 12px; padding: 8px;
  background: var(--surface); box-shadow: var(--shadow); z-index: 125;
}
html.rk-arcane-theme body [data-shared-header].site-header .header-explore > .header-menu-panel {width: max-content; min-width: 160px; max-width: 220px; right: var(--rk-explore-right,300px);}
html.rk-arcane-theme body [data-shared-header].site-header .account-menu > .account-menu-panel {width: min(220px,100%);}
html.rk-arcane-theme body [data-shared-header].site-header .notification-panel {width: min(390px,100%); padding: 0;}
html.rk-arcane-theme body [data-shared-header].site-header .notification-panel-scroll {overflow: visible;}
html.rk-arcane-theme body [data-shared-header].site-header :is(.header-menu-panel a,.account-menu-panel a,.menu-button,.header-theme-menu) {
  display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 10px;
}
html.rk-arcane-theme body [data-shared-header].site-header .header-menu-label {padding: 12px 11px 4px; color: var(--muted); font-weight: 700; border-top: 1px solid var(--line);}
html.rk-arcane-theme body [data-shared-header].site-header .header-theme-menu {width: 100%; border: 0; background: transparent; color: var(--text); font: inherit; cursor: pointer; text-align: left;}
html.rk-arcane-theme body [data-shared-header].site-header .header-create {margin-block: 8px; color: white; background: linear-gradient(135deg,var(--cta),var(--cta2));}
html.rk-arcane-theme body [data-shared-header].site-header :is(a,button,summary):not(.icon-button):focus-visible {outline: 3px solid var(--brand); outline-offset: 2px;}
html.rk-arcane-theme body [data-shared-header].site-header :is(.header-menu-panel a,.header-theme-menu):hover {background: var(--surface2);}
/* 1240px minimum compact boundary; JS also measures real content fit.
   Without JS, the native compact menu remains available at every width. */
@media (min-width: 1241px) {
  html.rk-arcane-theme body [data-shared-header].site-header[data-header-compact="false"] .main-nav {display: flex;}
  html.rk-arcane-theme body [data-shared-header].site-header[data-header-compact="false"] .header-actions > .list-game {display: inline-flex;}
  html.rk-arcane-theme body [data-shared-header].site-header[data-header-compact="false"] .header-theme-desktop {display: inline-grid;}
  html.rk-arcane-theme body [data-shared-header].site-header[data-header-compact="false"] .mobile-navigation {display: none;}
}
/* Synchronous fit measurement, never displayed as a second navigation copy. */
html.rk-arcane-theme body [data-shared-header].site-header[data-header-measuring] .main-nav {display: flex;}
html.rk-arcane-theme body [data-shared-header].site-header[data-header-measuring] .header-actions > .list-game {display: inline-flex;}
html.rk-arcane-theme body [data-shared-header].site-header[data-header-measuring] .header-theme-desktop {display: inline-grid;}
html.rk-arcane-theme body [data-shared-header].site-header[data-header-measuring] .mobile-navigation {display: none;}
/* Deliberate compact rows retain the full brand instead of shrinking it. */
@media (max-width: 700px) {
  html.rk-arcane-theme body [data-shared-header].site-header .site-header-inner {display: grid; grid-template-columns: minmax(0,1fr); gap: 4px;}
  html.rk-arcane-theme body [data-shared-header].site-header .header-actions {width: 100%; justify-content: flex-end;}
  html.rk-arcane-theme body [data-shared-header].site-header .account-menu {margin-right: auto;}
  html.rk-arcane-theme body [data-shared-header].site-header .header-sign-in {margin-right: auto;}
  html.rk-arcane-theme body [data-shared-header].site-header .account-name {max-width: 10ch;}
  html.rk-arcane-theme body [data-shared-header].site-header .brand {max-width: 100%;}
}