/* Shared chrome for the maintained local game wrappers. Game content keeps its own styling. */
.fourhao-site-brand{display:inline-flex;align-items:center;flex:0 0 auto;width:236px;min-height:44px;line-height:0;text-decoration:none;padding:0;border:0;border-radius:3px;background:transparent}
.fourhao-site-brand img{display:block;width:100%;height:auto;max-width:none}
.fourhao-site-brand .fourhao-brand-dark{display:none}
:root[data-theme=dark] .fourhao-site-brand .fourhao-brand-light{display:none}
:root[data-theme=dark] .fourhao-site-brand .fourhao-brand-dark{display:block}
.fourhao-site-brand:focus-visible{outline:2px solid var(--accent,var(--green,#4775ee));outline-offset:4px}
.fourhao-wrapper-identity{display:flex;align-items:center;gap:16px;flex:0 0 auto;max-width:100%}
.fourhao-wrapper-identity .fourhao-game-channel{display:inline-flex;align-items:center;gap:0;flex:0 0 auto;padding-left:14px;border-left:1px solid var(--border,var(--line,#dfe7ef));font-size:var(--font-body,1rem);font-weight:450;line-height:1.5;letter-spacing:0;white-space:nowrap;color:var(--secondary,var(--muted,#52677e));text-decoration:none}
.fourhao-wrapper-identity .fourhao-game-channel img,.fourhao-wrapper-identity .fourhao-game-channel small{display:none}
.fourhao-wrapper-header,.fourhao-branded-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;min-height:76px;height:auto;padding-block:12px}
.fourhao-wrapper-header{border-bottom:1px solid var(--border,#dfe7ef);margin-bottom:24px}
.fourhao-branded-header .top-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:680px){
  .fourhao-site-brand{width:204px}
  .fourhao-wrapper-identity{gap:10px}
  .fourhao-wrapper-identity .fourhao-game-channel{padding-left:10px}
  .fourhao-branded-header .top-actions{justify-content:flex-start}
}
@media(max-width:375px){.fourhao-site-brand{width:190px}}
@media print{.fourhao-site-brand,.fourhao-wrapper-header{display:none!important}}