/* Stats, Leaderboard and Badges share one header: Back + "Stats" title above three equal tabs.
   Loaded last so earlier per-page header and backdrop rules can't make the screen jump when switching tabs. */
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]{padding:20px 28px!important;background:radial-gradient(ellipse at 50% 0,#57416655,transparent 65%),linear-gradient(#211a32ed,#181322f5),url('art/academy-honors.svg') center/cover!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:48px 60px!important;gap:12px!important;align-items:center!important;grid-row:1!important;grid-column:1/-1!important;flex:0 0 auto!important;position:relative!important;top:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]:not(.stats-overview)>.chronicle-heading{height:124px!important;margin-bottom:16px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>div{display:block!important;grid-area:1/2!important;min-width:0}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>div>small{display:none!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading h2{font-size:32px!important;margin:0!important;text-align:left!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>button[aria-label]{grid-area:1/1!important;order:-1!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>.wizard-page-tabs{grid-area:2/1/3/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;order:0!important;flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>.wizard-page-tabs button{width:100%!important;height:60px!important;min-height:60px!important;padding:8px 14px!important;font-size:19px!important;border-radius:16px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>.wizard-page-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#ffe5a0,#bd995d)!important;color:#2d213e!important;border-color:#ffe5a0!important;box-shadow:0 4px #735938,0 0 22px #edc97125!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>.wizard-page-tabs img{width:28px!important;height:28px!important}
@media(max-height:550px){
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]{padding:8px 12px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;height:52px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]:not(.stats-overview)>.chronicle-heading{height:52px!important;margin-bottom:8px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>div{display:none!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>button[aria-label]{flex:0 0 70px!important;width:70px!important;min-width:70px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>.wizard-page-tabs{display:flex!important;flex:1 1 0%!important;height:48px!important;gap:8px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>.wizard-page-tabs button{flex:1 1 0%!important;height:48px!important;min-height:48px!important;padding:6px!important;font-size:15px!important}
html body.hex-screen-ui.hex-screen-ui dialog.profile-stats-dialog.profile-stats-dialog.profile-stats-dialog[open]>.chronicle-heading>.wizard-page-tabs img{width:24px!important;height:24px!important}
}