/* PUBG UNITED: one navigation system across standalone and integrated views. */
.page-notes{padding:12px 3vw 18px;text-align:right}.preview-disclosure{font:400 10px/1.6 Free,Arial,sans-serif;color:#a9aea9;text-align:left;max-width:480px}.page-notes>.preview-disclosure{margin-left:auto}.preview-disclosure summary{cursor:pointer;list-style:none;width:max-content;margin-left:auto;border-bottom:1px solid #ffffff30}.preview-disclosure summary::-webkit-details-marker{display:none}.preview-disclosure summary::after{content:' +';color:#cead76}.preview-disclosure[open] summary::after{content:' −'}.preview-disclosure p{font-size:10px;line-height:1.7;margin:10px 0 0;color:inherit}.preview-disclosure summary:focus-visible{outline:2px solid #f58200;outline-offset:4px}.hub-embedded .page-notes{display:none}
:root{--hub-orange:#f58200;--hub-ink:#0b0c0d;--hub-paper:#f2eee6;--hub-line:#ffffff24;--hub-header:72px;--hub-gutter:clamp(20px,3vw,58px);--hub-fast:180ms}
.hub-header.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;height:var(--hub-header);padding:0 var(--hub-gutter);gap:24px;background:#0b0c0df7;border-bottom:1px solid var(--hub-line);color:var(--hub-paper)}
.hub-header .brand{display:block;font:900 24px/1 Free,Arial,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.hub-header .brand b{color:var(--hub-orange)}.hub-header .brand small{display:block;font:400 7px/1.4 Free,Arial,sans-serif;letter-spacing:.2em;margin-top:7px;color:#bdbab1}
.hub-header nav{display:flex!important;margin:0;height:100%;gap:0;justify-content:center;align-items:stretch}
.hub-header nav a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:0 24px;font:700 12px/1.22 Free,Arial,sans-serif;letter-spacing:.03em;color:#bebcb6;border:0;white-space:nowrap;text-align:center}
.hub-header nav a+a:before{content:'';position:absolute;left:0;top:calc(50% - 9px);height:18px;width:1px;background:#ffffff25}
.hub-header nav a:after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:3px;background:transparent}
.hub-header nav a[aria-current],.hub-header nav a:hover{color:#fff}.hub-header nav a[aria-current]:after{background:var(--hub-orange)}
.hub-my-team{justify-self:end;display:flex;align-items:center;gap:9px;color:#e6d3a3;font:700 11px/1.2 Free,Arial,sans-serif;letter-spacing:.08em}
.hub-my-team img{width:27px;height:27px;object-fit:contain;filter:brightness(0) saturate(100%) invert(78%) sepia(30%) saturate(800%)}
.hub-header a:focus-visible{outline:2px solid var(--hub-orange);outline-offset:4px}
.hub-embedded .site-header{display:none!important}.hub-embedded body{overflow-x:hidden}.hub-embedded main{min-height:0!important}
/* Explicit, shared colour treatment wins over older page-specific silhouettes. */
img[data-logo-tone="original"]{filter:none!important}img[data-logo-tone="gold"]{filter:brightness(0) saturate(100%) invert(80%) sepia(25%) saturate(650%) hue-rotate(2deg)!important}img[data-logo-tone="white"]{filter:brightness(0) invert(1)!important}img[data-logo-tone="inverse"]{filter:invert(1)!important}
img[data-logo-id]{object-fit:contain;object-position:center}.team-logo-fallback{display:grid;place-items:center;text-align:center;min-width:30px;max-width:100%;font:700 11px/1.2 Free,sans-serif;color:#e6e3da;overflow-wrap:anywhere}
@media(max-width:1150px){.hub-header.site-header{gap:12px;padding-inline:20px}.hub-header .brand{font-size:20px}.hub-header nav a{padding-inline:14px;font-size:11px}.hub-header nav a:after{left:14px;right:14px}}
@media(max-width:780px){:root{--hub-header:108px}.hub-header.site-header{height:108px;grid-template-columns:1fr auto;grid-template-rows:50px 58px;gap:0;padding:0 16px}.hub-header .brand{font-size:21px}.hub-header nav{grid-row:2;grid-column:1/-1;justify-content:stretch;min-width:0;width:100%}.hub-header nav a{flex:1;padding:0 8px;font-size:9px;white-space:normal}.hub-header nav a:after{left:8px;right:8px}.hub-my-team{grid-column:2;grid-row:1;font-size:10px}.hub-header .brand small{font-size:6px;margin-top:4px}}
.hub-utility{justify-self:end;display:flex;align-items:center;gap:16px;font:400 11px/1.3 Free,Arial,sans-serif;color:#c5c4bc;white-space:nowrap}
.hub-utility details{position:relative}.hub-utility summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:40px}.hub-utility summary::-webkit-details-marker{display:none}.hub-utility summary>svg{width:17px;height:17px;stroke-width:1.4}.hub-utility summary>svg.account-avatar{width:28px;height:28px}.hub-utility summary>small{font-size:11px;color:#8c8f8b}.hub-utility summary:focus-visible{outline:2px solid var(--hub-orange);outline-offset:3px}.hub-utility summary:hover{color:#fff}
.utility-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:164px;padding:8px;background:#181b1b;border:1px solid #ffffff2a;box-shadow:0 8px 25px #0006}.utility-menu>a,.utility-menu>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;font:400 12px/1.3 Free,Arial,sans-serif;color:#ece9e0}.utility-menu>a:hover{background:#ffffff09}.utility-menu b{font-weight:400;color:var(--hub-orange)}.utility-menu .hub-my-team{justify-content:flex-start;letter-spacing:.02em}.utility-menu .hub-my-team img{width:20px;height:20px}
.utility-play{display:flex;align-items:center;gap:7px;border-left:1px solid #ffffff22;padding:4px 0 4px 14px;font:700 9px/1.3 Free,Arial,sans-serif;letter-spacing:.02em;color:#a8aaa4}.utility-play:hover{color:#fff}.utility-play span{color:#8b8e86}
@media(min-width:781px) and (max-width:1050px){.hub-header .brand{font-size:18px}.hub-header nav a{font-size:10px;padding-inline:10px}.hub-header nav a:after{left:10px;right:10px}.hub-utility{gap:10px;font-size:10px}.utility-play{font-size:8px;padding-left:10px}.hub-utility summary{gap:5px}.hub-utility summary>svg.account-avatar{width:25px;height:25px}}
@media(max-width:780px){.hub-utility{grid-column:2;grid-row:1;gap:14px}.utility-play{display:none}.utility-account summary>span{display:none}.hub-utility summary{gap:5px}.utility-menu{top:calc(100% + 5px)}.utility-menu .hub-my-team{grid-column:auto;grid-row:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}