/* Shared two-row Devolty header; page layouts retain their existing widths. */
.site-header{position:sticky;top:0;z-index:100;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:#0d1016;border-bottom:1px solid #202633}
.header-top{max-width:1500px;margin:auto;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:32px;padding:18px 24px 8px}
.site-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:1px;color:#f5f7fc;white-space:nowrap}
.site-brand-mark{display:grid;place-items:center;width:32px;height:34px;border-radius:10px 10px 10px 3px;background:linear-gradient(135deg,#a09cf5,#527dec);color:#fff;font-size:24px;letter-spacing:0;box-shadow:0 2px 15px #719bff20}
.header-search{position:relative;min-width:0;display:flex;align-items:center;background:#1a1e25;border:1px solid #292e38;border-radius:9px;transition:border-color .15s,box-shadow .15s}
.header-search:focus-within{border-color:#719bff;box-shadow:0 0 0 3px #719bff15}
.header-search>svg{width:19px;height:19px;flex-shrink:0;margin-left:16px;fill:none;stroke:#929bac;stroke-width:1.7}
.header-search>input{width:100%;min-width:0;border:0;background:transparent;padding:11px 14px;color:#eef2fa;font-family:inherit;font-size:15px;outline:none;box-shadow:none}
.header-search>input::placeholder{color:#959daa}
.header-search>input:focus-visible{outline:none}
.header-player-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;max-height:min(390px,55vh);overflow-y:auto;border:1px solid #343d50;border-radius:9px;background:#171e2b;box-shadow:0 14px 40px #0009;padding:6px}
.header-player-results[hidden]{display:none}
.header-player-results a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:5px;color:var(--text)}
.header-player-results a:hover,.header-player-results a[aria-selected=true]{background:#29354a;color:#fff}
.header-player-results .portrait{width:36px;height:36px;border-radius:5px}
.header-player-results small{margin-left:6px;font-size:12px}
.header-search-status:not(:empty){position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;padding:14px;background:#171e2b;border:1px solid #343d50;border-radius:8px;color:var(--muted);box-shadow:0 14px 40px #0009}
.site-header .site-account{min-width:0;max-width:260px;width:auto;margin-left:0;justify-content:flex-end;flex-wrap:nowrap}
.site-header .site-account summary{max-width:260px;overflow-wrap:anywhere}
.site-header .site-account summary::-webkit-details-marker{display:none}
.site-header .account-avatar{flex-shrink:0}
.site-header .site-account button,.site-header .site-account summary{border-radius:6px}
.site-header .site-nav{max-width:1500px;padding:0 24px;margin:0 auto;gap:30px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;align-items:stretch;font-size:14px}
.site-header .site-nav>a{position:relative;flex-shrink:0;padding:16px 0 18px;color:#929bad;font-weight:550;transition:color .15s}
.site-header .site-nav>a:hover{color:#e8eefb}
.site-header .site-nav>a[aria-current=page]{color:#f5f8ff}
.site-header .site-nav>a[aria-current=page]::after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:3px;border-radius:4px 4px 0 0;background:#91b2ff;box-shadow:0 -2px 12px #719bffb3,0 -1px 4px #a4bfff}
@media(max-width:760px){.header-top{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 16px 8px}.site-brand{font-size:19px;gap:8px}.header-search{grid-column:1/-1;grid-row:2}.site-header .site-account{grid-column:2;grid-row:1;max-width:190px}.site-header .site-account summary{max-width:190px}.site-header .site-nav{padding:0 16px;gap:24px;font-size:13px}.site-header .site-nav>a{padding:13px 0 15px}}
@media(max-width:380px){.header-top{padding-left:12px;padding-right:12px;gap:10px}.site-brand{font-size:16px;letter-spacing:.5px}.site-brand-mark{width:27px;height:29px;font-size:21px}.site-header .site-account{gap:5px;max-width:165px}.site-header .site-account button,.site-header .site-account summary{padding:7px 9px;font-size:12px}.site-header .site-account summary{max-width:160px}.account-avatar{width:24px;height:24px}.site-header .site-nav{padding-left:12px;padding-right:12px;gap:20px}}

html{scroll-padding-top:calc(var(--site-header-height,128px) + 12px)}