body.hex-screen-ui .profile-stats-dialog[open]{position:fixed!important;inset:0!important;transform:none!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(145px,.65fr) minmax(0,1.6fr)!important;grid-template-rows:44px 44px minmax(0,1fr) minmax(0,1fr) 28px!important;gap:8px 12px!important;overflow:hidden!important;border:0!important;border-radius:0!important}
body.hex-screen-ui .profile-stats-dialog *{box-sizing:border-box}
body.hex-screen-ui .profile-stats-dialog .chronicle-heading{grid-column:1/-1;grid-row:1;margin:0;padding:0;min-height:0;gap:12px}
body.hex-screen-ui .profile-stats-dialog .chronicle-heading small{display:none}
body.hex-screen-ui .profile-stats-dialog .chronicle-heading h2{font-size:23px!important;line-height:1.1!important;margin:0!important}
body.hex-screen-ui .profile-stats-dialog .chronicle-heading button{width:auto!important;min-width:80px!important;height:44px!important;min-height:44px!important;padding:8px 16px!important;border-radius:13px!important;border:1px solid #bb9ada!important;border-bottom:4px solid #342044!important;background:linear-gradient(#74518d,#432c56)!important;font-family:inherit;font-size:15px;font-weight:800;color:#fff0d7;box-shadow:0 3px #170e25}
body.hex-screen-ui .profile-stats-dialog .chronicle-hero{grid-column:1;grid-row:2/5;display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:0;padding:10px;margin:0;text-align:center;border-radius:20px;box-shadow:0 4px #19142b;overflow:hidden}
body.hex-screen-ui .profile-stats-dialog .chronicle-emblem{width:48px;height:48px;flex:none}
body.hex-screen-ui .profile-stats-dialog .chronicle-hero>div:nth-child(2)>small{display:none}
body.hex-screen-ui .profile-stats-dialog .chronicle-hero h3{font-size:19px;line-height:1.1;margin:0 0 5px;overflow-wrap:anywhere}
body.hex-screen-ui .profile-stats-dialog .chronicle-hero span{font-size:11px;line-height:1.2}
body.hex-screen-ui .profile-stats-dialog .chronicle-medal{width:70px;height:70px;min-height:70px;margin:0;border-width:2px;box-shadow:0 0 16px #ffdc8822}
body.hex-screen-ui .profile-stats-dialog .chronicle-medal strong{font-size:25px;line-height:1.1}
body.hex-screen-ui .profile-stats-dialog .chronicle-medal small{font-size:9px}
body.hex-screen-ui .profile-stats-dialog .chronicle-tabs{grid-column:2;grid-row:2;margin:0;gap:10px;min-height:0}
body.hex-screen-ui .profile-stats-dialog .chronicle-tabs button{height:44px;min-height:44px;padding:7px;font-size:15px;line-height:1.1;border-radius:13px}
body.hex-screen-ui .profile-stats-dialog .chronicle-kills{grid-column:2;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;min-height:0}
body.hex-screen-ui .profile-stats-dialog .chronicle-kills article{padding:8px 12px;gap:10px;min-height:0;min-width:0;border-radius:16px;border-bottom-width:4px;box-shadow:0 3px #19162c;overflow:hidden}
body.hex-screen-ui .profile-stats-dialog .chronicle-kills article>span{font-size:28px;flex:none}
body.hex-screen-ui .profile-stats-dialog .chronicle-kills small{font-size:10px;letter-spacing:.3px;line-height:1.1}
body.hex-screen-ui .profile-stats-dialog .chronicle-kills strong{font-size:30px;line-height:1.1;overflow-wrap:anywhere}
body.hex-screen-ui .profile-stats-dialog .chronicle-kills p{display:none}
body.hex-screen-ui .profile-stats-dialog .chronicle-trophies{grid-column:2;grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0}
body.hex-screen-ui .profile-stats-dialog .chronicle-trophies article{padding:6px 4px;gap:2px;min-height:0;min-width:0;align-content:center;grid-template-rows:20px auto auto;border-radius:14px;border-bottom-width:4px;overflow:hidden}
body.hex-screen-ui .profile-stats-dialog .chronicle-trophies i{font-size:19px;line-height:20px}
body.hex-screen-ui .profile-stats-dialog .chronicle-trophies strong{font-size:23px;line-height:1.1;overflow-wrap:anywhere}
body.hex-screen-ui .profile-stats-dialog .chronicle-trophies span{font-size:10px;line-height:1.1}
body.hex-screen-ui .profile-stats-dialog .chronicle-kills img,body.hex-screen-ui .profile-stats-dialog .chronicle-kills svg{width:30px!important;height:30px!important;object-fit:contain;vertical-align:middle}
body.hex-screen-ui .profile-stats-dialog .chronicle-trophies img,body.hex-screen-ui .profile-stats-dialog .chronicle-trophies svg{width:20px!important;height:20px!important;object-fit:contain;vertical-align:top}
body.hex-screen-ui .profile-stats-dialog .chronicle-note{grid-column:1/-1;grid-row:5;margin:0!important;font-size:10px!important;line-height:14px!important;align-self:center;max-height:28px;overflow:auto;scrollbar-width:thin}
body.hex-screen-ui .profile-stats-dialog button:active{transform:translateY(2px)}
body.hex-screen-ui .profile-stats-dialog button:focus-visible{outline:3px solid #fde3a0;outline-offset:2px}
@media(max-height:330px){body.hex-screen-ui .profile-stats-dialog .chronicle-emblem{display:none}body.hex-screen-ui .profile-stats-dialog .chronicle-trophies i{display:none}body.hex-screen-ui .profile-stats-dialog .chronicle-trophies article{grid-template-rows:auto auto}body.hex-screen-ui .profile-stats-dialog .chronicle-kills strong{font-size:25px}}
@media(max-width:700px){body.hex-screen-ui .profile-stats-dialog[open]{grid-template-columns:145px minmax(0,1fr)!important;gap:8px!important}body.hex-screen-ui .profile-stats-dialog .chronicle-kills article{padding:6px;gap:6px}body.hex-screen-ui .profile-stats-dialog .chronicle-kills small{font-size:9px}body.hex-screen-ui .profile-stats-dialog .chronicle-trophies strong{font-size:20px}body.hex-screen-ui .profile-stats-dialog .chronicle-trophies span{font-size:9px}}

body.hex-screen-ui .profile-stats-dialog .chronicle-emblem.stats-wizard-emblem{display:block;width:100%;height:clamp(60px,22dvh,110px);flex:0 1 auto;min-height:54px;filter:none;transform:none}
body.hex-screen-ui .profile-stats-dialog .stats-wizard-button{display:block;width:100%;height:100%;min-height:54px;padding:0;border:0;border-radius:16px;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation}
body.hex-screen-ui .profile-stats-dialog .stats-wizard-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
body.hex-screen-ui .profile-stats-dialog .chronicle-hero:has(.stats-wizard-emblem){gap:6px}
@media(max-height:380px){body.hex-screen-ui .profile-stats-dialog .chronicle-hero:has(.stats-wizard-emblem) .chronicle-medal{width:54px;height:54px;min-height:54px}body.hex-screen-ui .profile-stats-dialog .chronicle-hero:where(:has(.stats-wizard-emblem)) .chronicle-medal strong.chronicle-rate{font-size:21px}}

body.hex-screen-ui .profile-stats-dialog .chronicle-hero .chronicle-medal.stats-ranked{width:100%;height:auto;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 8px;text-align:left;border:0;border-top:1px solid #cab4ff55;border-radius:0;padding:6px 0 0;box-shadow:none;background:none}
body.hex-screen-ui .profile-stats-dialog .stats-ranked>img{width:46px!important;height:46px!important;object-fit:contain;filter:drop-shadow(0 0 6px #dac2ff55)}
body.hex-screen-ui .profile-stats-dialog .stats-ranked .stats-rank-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
body.hex-screen-ui .profile-stats-dialog .stats-ranked:not(:has(>img)) .stats-rank-copy{grid-column:1/-1;text-align:center}
body.hex-screen-ui .profile-stats-dialog .chronicle-hero .stats-ranked strong{font-size:15px!important;line-height:1.1;color:#ffe6a0}
body.hex-screen-ui .profile-stats-dialog .stats-ranked small{font-size:10px;letter-spacing:0;line-height:1.1;color:#d9cdeb}
body.hex-screen-ui .profile-stats-dialog .stats-ranked .stats-rank-win{grid-column:1/-1;text-align:center;font-size:10px;line-height:1.1;color:#d9cdeb}
@media(max-height:380px){body.hex-screen-ui .profile-stats-dialog .chronicle-emblem.stats-wizard-emblem{height:60px}body.hex-screen-ui .profile-stats-dialog .chronicle-hero .chronicle-medal.stats-ranked{min-height:62px}body.hex-screen-ui .profile-stats-dialog .stats-ranked>img{width:38px!important;height:38px!important}}