/* Account identity and navigation share one baseline, with a compact scrolled state. */
.site-header--revised { border-bottom: 0; background: #131315f5; }
.site-header--revised .site-header__inner { min-height: 84px; gap: 32px; }
.site-header--revised.site-header--overlay { background: linear-gradient(#13131555, #13131500); }
.site-header--revised.site-header--overlay[data-scrolled] { background: #131315f2; box-shadow: 0 1px 0 #e7e6e30a; }
.site-header--revised .brand { flex: 0 0 auto; }
.site-header--revised .brand--emblem .brand__name { display: none; }
.site-header--revised .brand__mark-shell { width: 40px; height: 44px; }
.site-header--revised .brand__mark { width: 32px; height: 40px; object-fit: contain; }
.site-header--revised .site-nav { gap: 28px; margin-left: 0; }
.site-header--revised .site-nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; color: #c6c2b9; }
.site-header--revised .site-nav a::after { content: ''; position: absolute; bottom: 5px; left: 0; right: 0; height: 1px; background: #c0a35d; transform: scaleX(0); transform-origin: left; transition: transform .22s ease; }
.site-header--revised .site-nav a:hover, .site-header--revised .site-nav a:focus-visible { color: #eee7d9; }
.site-header--revised .site-nav a:hover::after, .site-header--revised .site-nav a:focus-visible::after { transform: scaleX(1); }
.site-header--revised .account-link { display: inline-flex; align-items: center; min-height: 42px; margin-left: auto; padding: 8px 20px; border: 1px solid #d6bd773f; color: #e3d2a5; }
.header-account { position: relative; flex: 0 0 auto; margin-left: auto; color: #e7e6e3; }
.header-account summary { list-style: none; display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 3px 8px 3px 0; cursor: pointer; border-radius: 2px; transition: background-color .2s; }
.header-account summary::-webkit-details-marker { display: none; }
.header-account summary:hover, .header-account[open] summary { background: #e7e6e307; }
.header-account summary:focus-visible { outline: 2px solid #d6bd77; outline-offset: 5px; }
.header-account__identity { display: flex; align-items: center; gap: 10px; min-width: 0; max-width: 200px; line-height: 1.2; }
.header-account__identity strong { font-size: 14px; font-weight: 400; color: #eee8dd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-account__identity > span { font-size: 11px; color: #a9a39a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header-account__faction { display: flex; align-items: center; flex: 0 0 auto; }
.header-account__faction img { width: 28px; height: 21px; object-fit: contain; image-rendering: pixelated; }
.header-account__chevron { flex: 0 0 auto; margin-left: 8px; color: #9f9275; transition: transform .2s ease; }
.header-account[open] .header-account__chevron { transform: rotate(180deg); }
.header-face { position: relative; display: block; width: 36px; height: 36px; flex: 0 0 auto; overflow: hidden; image-rendering: pixelated; }
.header-face img { position: absolute; top: -36px; width: 288px; height: 288px; max-width: none; image-rendering: pixelated; }
.header-face__base { left: -36px; }
.header-face__overlay { left: -180px; }
.header-account__panel { position: absolute; z-index: 25; right: 0; top: calc(100% + 12px); width: 286px; max-height: calc(100dvh - 110px); overflow-y: auto; padding: 18px 12px 10px; background: #1b1a19; border: 1px solid #dcc38724; box-shadow: 0 18px 50px #0008; animation: account-panel-enter .18s ease both; }
.header-account__caption { margin: 0 12px 10px; color: #9b927f; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.header-account__panel > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; min-height: 42px; color: #d4cec2; text-decoration: none; font-size: 14px; }
.header-account__panel > a:hover { background: #dcc3870c; color: #f3e3be; }
.header-account__panel .ui-icon { width: 15px; height: 15px; opacity: .7; }
.header-account__panel .header-account__membership { justify-content: start; gap: 12px; padding-block: 14px; margin-top: 8px; border-top: 1px solid #e7e6e30e; }
.header-account__membership img { width: 40px; height: 30px; object-fit: contain; image-rendering: pixelated; }
.header-account__membership span { min-width: 0; }
.header-account__membership small { display: block; margin-bottom: 4px; color: #9e9687; font-size: 11px; }
.header-account__membership strong { font-weight: 400; overflow-wrap: anywhere; }
.header-account__notice { width: 5px; height: 5px; background: #d6bd77; border-radius: 50%; }
.header-account__panel form { margin: 8px 0 0; padding-top: 6px; border-top: 1px solid #e7e6e30e; }
.header-account__panel form button { display: block; width: 100%; min-height: 42px; padding: 10px 12px; text-align: left; font: inherit; font-size: 13px; color: #a79d8d; border: 0; background: none; cursor: pointer; }
.header-account__panel form button:hover { color: #e3c7b3; background: #dcc38708; }
.header-account__panel a:focus-visible, .header-account__panel button:focus-visible { outline: 1px solid #d6bd77; outline-offset: -1px; }
@keyframes account-panel-enter { from { opacity: 0; translate: 0 -5px; } to { opacity: 1; translate: 0 0; } }
@media(min-width:1001px) { .site-header--revised[data-scrolled] .site-header__inner { min-height: 72px; } }
@media(max-width:1100px) { .site-header--revised .site-header__inner { gap: 20px; } .site-header--revised .site-nav { gap: 20px; } .header-account__identity { max-width: 140px; } }
@media(max-width:1000px) {
    .site-header--revised.site-header--overlay { position: sticky; inset: auto; top: 0; background: #131315f5; }
    .site-header--revised .site-header__inner { min-height: 72px; gap: 8px 12px; padding-block: 10px 6px; flex-wrap: wrap; }
    .site-header--revised .menu-toggle { display: none !important; }
    .site-header--revised .site-nav,
    .site-header--revised .site-nav[data-open],
    .site-header--revised .site-nav:not([data-menu-ready]) { display: flex; position: static; flex-wrap: wrap; flex-basis: 100%; order: 3; gap: 0 18px; margin: 0; padding: 0; background: none; align-items: center; }
    .site-header--revised .site-nav a { display: inline-flex; min-height: 36px; padding: 6px 0; border: 0; font-size: 13px; }
    .site-header--revised .site-nav a::after { display: none; }
    .site-header--revised .site-nav .site-nav__admin { display: none; }
    .header-account { margin-left: auto; }
    .header-account__identity { max-width: 130px; }
    .header-account__panel { right: 0; width: min(286px, calc(100vw - 32px)); }
    .site-header--revised ~ .home-launch .hero-inner { padding-top: 36px; }
}
@media(max-width:450px) {
    .header-account summary { gap: 3px; padding-right: 3px; }
    .header-account__identity { max-width: 112px; }
    .header-account__identity strong { font-size: 13px; }
    .header-account__identity > span { font-size: 10px; }
    .header-account__chevron { margin-left: 4px; }
    .site-header--revised .site-nav { gap: 0 12px; }
}
@media(prefers-reduced-motion:reduce) { .site-header--revised *, .header-account__panel { animation: none !important; transition: none !important; } }