.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-primary);border-bottom:1px solid var(--border-default)}.header-frame{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:var(--spacing-sm);align-items:center;min-height:var(--header-height-mobile);width:100%;max-width:calc(var(--width-wide) + var(--page-gutter) * 2);box-sizing:border-box;padding:var(--spacing-sm) var(--page-gutter);margin-inline:auto}.header-start,.header-end{display:flex;align-items:center;min-width:0;gap:var(--spacing-sm)}.header-end{justify-content:flex-end;flex-wrap:wrap}.header-title-slot{min-width:0;text-align:center}.header-page-title{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere;text-wrap:balance}.header-back,.header-account-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;gap:var(--spacing-sm);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-base)}.header-back span{display:none}.header-back:hover,.header-account-trigger:hover{background:var(--bg-control)}.header-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--gradient-gold);color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.header-account{position:relative}.header-account-panel{position:absolute;top:calc(100% + var(--spacing-sm));right:0;box-sizing:border-box;width:min(288px,calc(100vw - var(--page-gutter) * 2));max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);text-align:left}.header-account-identity{display:grid;gap:var(--spacing-xs);padding:var(--spacing-md);overflow-wrap:anywhere}.header-account-identity strong{font-size:var(--font-size-base)}.balance-inline{justify-self:start;color:var(--text-secondary);font-variant-numeric:tabular-nums}.balance-inline:hover{color:var(--accent-yellow)}.balance-inline:hover span{text-decoration:underline;text-underline-offset:4px}.header-account-identity small{color:var(--text-secondary);font-size:var(--font-size-xs)}.header-account-wallet{padding:var(--spacing-sm) var(--spacing-md)}.header-account-wallet>button{width:100%;min-height:44px;justify-content:space-between}.header-menu-action{display:block;width:100%;min-height:44px;padding:var(--spacing-md);text-align:left;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.header-menu-action:hover{background:var(--bg-control)}.header-menu-logout{color:var(--text-secondary)}.header-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-lg)}.header-nav button{min-height:44px;border:0;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.header-nav button:hover{color:var(--text-primary)}.site-header button:focus-visible,.header-account button:focus-visible,.header-back:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px}@media(min-width:768px){.header-frame{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);min-height:var(--header-height);gap:var(--spacing-lg)}.header-page-title{font-size:var(--font-size-lg)}.header-back span{display:inline}.header-start .header-back{padding-inline:var(--spacing-md)}}.header-language-trigger{display:flex;align-items:center;gap:var(--spacing-sm)}.header-language-current{margin-left:auto;color:var(--text-secondary);font-weight:var(--font-weight-normal)}.header-language-trigger svg{flex-shrink:0;color:var(--text-secondary)}.header-language-heading{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.header-language-heading strong{font-size:var(--font-size-sm)}.header-language-options{padding-top:var(--spacing-sm)}.header-language-options button{min-height:44px}
