.header-controls,.header-account-panel{display:contents}.header-menu-toggle,.header-mobile-label{display:none}@media (max-width:920px){.header-account-panel>.pixel-button{display:none}}@media (max-width:620px){.site-header .header-controls{grid-area:1/2;display:block;position:relative}.site-header .header-menu-toggle{background:var(--paper);border:1px solid var(--line);width:44px;height:44px;color:var(--green-dark);cursor:pointer;justify-content:center;align-items:center;display:flex}.site-header:has(.header-controls) .main-nav{grid-column:1/-1}.site-header .header-account-panel{background:var(--paper);border:1px solid var(--line);z-index:100;border-radius:12px;width:min(290px,100vw - 24px);max-height:calc(100dvh - 90px);padding:16px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #203a2926}.site-header .header-account-panel[data-open=true]{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.site-header .header-account-panel>label{border-radius:8px;grid-area:auto;width:100%;min-width:0;height:44px;padding:0 12px}.site-header .header-account-panel>label select{flex:1;width:100%;min-width:0;padding-right:24px;font-size:14px}.site-header .header-account-panel .auth-menu{grid-area:auto;grid-template-columns:minmax(0,1fr);justify-self:stretch;gap:8px;width:100%;min-width:0;display:grid}.site-header .header-account-panel .auth-button,.site-header .header-account-panel .auth-link,.site-header .header-account-panel .auth-icon-link{border-radius:8px;justify-content:flex-start;gap:10px;width:100%;min-width:0;max-width:none;min-height:44px;padding:10px 12px;font-size:13px}.site-header .header-account-panel .auth-link span,.site-header .header-mobile-label{display:inline}.site-header .header-account-panel svg{flex-shrink:0}.site-header:has(.header-controls){gap:8px 12px;padding:8px 16px 10px}.site-header:has(.header-controls) .brand{gap:8px;font-size:16px}.site-header:has(.header-controls) .brand-cube{width:30px;height:30px}.site-header .header-menu-toggle{background:0 0;border-color:#0000;border-radius:10px}.site-header .header-menu-toggle:hover,.site-header .header-menu-toggle[aria-expanded=true]{border-color:var(--line);background:#e5ebdc}.site-header:has(.header-controls) .main-nav{gap:8px;width:100%}.site-header:has(.header-controls) .main-nav a{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:8px;justify-content:center;gap:6px;min-height:40px;padding:8px;font-size:12px}.site-header:has(.header-controls) .main-nav a svg{width:16px;height:16px}}
