/* Selected statistics layout. These rules are scoped to this page. */
@media(min-width:768px){.stats-unified .stat-range-controls{display:grid;grid-template-columns:max-content 352px;align-items:center}.stats-unified .stat-filter-fields{justify-content:flex-end;min-height:32px}.stats-unified .stat-filter-fields form{flex-wrap:nowrap}}
.stats-unified[aria-busy="true"] .stat-summary{opacity:.65}
.stats-unified{--skin-blue:#165dff;--skin-red:#f53f3f;--text:#1d2129;--muted:#86909c;--line:#e5e6eb;color:#1d2129}
.stats-unified .stat-toolbar{justify-content:space-between;margin-top:0}.stats-unified .stat-range-controls{margin-left:0}.stats-unified .focus-caption{font-size:13px;font-weight:500;color:#4e5969}.stats-unified .stat-dashboard{font-variant-numeric:tabular-nums}.stats-unified .stat-dashboard small{margin-left:0}
.stats-unified .number{font-variant-numeric: tabular-nums; font-family: Inter, "Segoe UI", system-ui, sans-serif;}
.stats-unified .brand{display: flex; gap: 11px; align-items: center; margin: 0px 14px 34px; color: var(--text); font-size: 23px; font-weight: 750; line-height: 1.25;}
.stats-unified .brand img{width: 42px; height: 42px;}
.stats-unified .brand-number{color: var(--primary); padding-left: 3px;}
.stats-unified .brand small{display: block; font-size: 10px; font-weight: 500; letter-spacing: 2px; margin-top: 6px;}
.stats-unified .bottom-gap{margin-bottom: 20px;}
.stats-unified .number-result{font-size: 15px; font-weight: 650;}
.stats-unified .brand small{display: none;}
.stats-unified .number{font-family: var(--skin-font); font-variant-numeric: tabular-nums;}
.stats-unified .brand{color: var(--text);}
.stats-unified .brand-number{color: var(--primary);}
.stats-unified .sidebar .brand{margin: 0px 8px 24px;}
.stats-unified .sidebar .brand img{display: block; width: 100%; max-width: 168px; height: auto;}
.stats-unified .focused-preview .stat-toolbar{justify-content: space-between; margin-top: 0px;}
.stats-unified .focused-preview .stat-range-controls{margin-left: 0px;}
.stats-unified .focus-caption{font-size: 13px; font-weight: 600;}
.stats-unified .focus-stage{height: 640px; display: grid; gap: 10px; color: rgb(23, 32, 51); font-size: 13px; font-variant-numeric: tabular-nums;}
.stats-unified .focus-stage *{box-sizing: border-box;}
.stats-unified .focus-stage h2{margin: 0px; font-size: 13px; font-weight: 550;}
.stats-unified .focus-stage strong{font-size: 23px; line-height: 30px; font-weight: 600; color: rgb(23, 32, 51);}
.stats-unified .focus-block{border: 1px solid rgb(223, 228, 235); border-radius: 5px; background: rgb(255, 255, 255); min-width: 0px; min-height: 0px; display: flex; flex-direction: column; overflow: hidden;}
.stats-unified .focus-block > header{height: 33px; flex: 0 0 auto; background: rgb(246, 247, 249); border-bottom: 1px solid rgb(225, 229, 235); display: flex; justify-content: space-between; align-items: center; padding: 0px 12px; color: rgb(65, 85, 111);}
.stats-unified .focus-block > header > span{font-size: 11px; color: rgb(112, 131, 155);}
.stats-unified .focus-table{border-collapse: collapse; table-layout: fixed; width: 100%; height: 100%; text-align: center;}
.stats-unified .focus-table th,.stats-unified .focus-table td{border-right: 1px solid rgb(225, 229, 235); border-bottom: 1px solid rgb(225, 229, 235); padding: 2px; font-weight: 400;}
.stats-unified .focus-table tr > :last-child{border-right: 0px;}
.stats-unified .focus-table tbody tr:last-child td{border-bottom: 0px;}
.stats-unified .focus-table thead th{background: rgb(250, 251, 254); height: 31px;}
.stats-unified .focus-table .group-title th{background: rgb(246, 247, 249); color: rgb(65, 85, 111); font-size: 13px; height: 30px; font-weight: 550;}
.stats-unified .focus-stage .rblue{background: rgb(31, 94, 255); color: rgb(255, 255, 255); display: inline-grid; place-items: center; min-width: 30px; padding: 0px 8px; line-height: 23px; border-radius: 3px; font-size: 13px; white-space: nowrap;}
.stats-unified .summary .focus-table td{height: 46px;}
.stats-unified .summary .focus-table strong{font-size: 26px;}
.stats-unified .focus-table tr > :nth-child(5){border-left: 2px solid rgb(217, 226, 239);}
.stats-unified .number-grid,.stats-unified .tail-grid{display: grid; flex: 1 1 0%; min-height: 0px;}
.stats-unified .cols-5{grid-template-columns: repeat(5, minmax(0px, 1fr));}
.stats-unified .cols-7{grid-template-columns: repeat(7, minmax(0px, 1fr));}
.stats-unified .cols-10{grid-template-columns: repeat(10, minmax(0px, 1fr));}
.stats-unified .cols-14{grid-template-columns: repeat(14, minmax(0px, 1fr));}
.stats-unified .number-cell,.stats-unified .tail-grid > div{display: flex; align-items: center; justify-content: center; gap: 18px; border-right: 1px solid rgb(225, 229, 235); border-bottom: 1px solid rgb(225, 229, 235); min-height: 0px; min-width: 0px;}
.stats-unified .number-cell > span,.stats-unified .tail-grid > div > span{font-size: 13px; color: rgb(82, 112, 141);}
.stats-unified .cols-7 > .number-cell:nth-child(7n),.stats-unified .cols-14 > .number-cell:nth-child(14n),.stats-unified .cols-10 > div:nth-child(10n),.stats-unified .cols-5 > div:nth-child(5n){border-right: 0px;}
.stats-unified .number-grid.cols-7 > .number-cell:nth-last-child(-n+7),.stats-unified .number-grid.cols-14 > .number-cell:nth-last-child(-n+14),.stats-unified .tail-grid.cols-10 > div,.stats-unified .tail-grid.cols-5 > div:nth-last-child(-n+5){border-bottom: 0px;}
.stats-unified .special-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; padding: 8px; flex: 1 1 0%; min-height: 0px;}
.stats-unified .special-grid > div{background: rgb(31, 94, 255); border-radius: 4px; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; gap: 14px; min-height: 0px;}
.stats-unified .special-grid strong{color: rgb(255, 255, 255); font-size: 25px;}
.stats-unified .special-grid small{font-size: 11px; margin-left: -9px; color: rgb(220, 231, 255);}
.stats-unified .focus-a{grid-template-rows: 116px 266px 118px 110px;}
.stats-unified .focus-a .tail-grid > div{flex-direction: column; gap: 2px;}
.stats-unified .focus-a .number-cell{gap: 20px;}
.stats-unified .focus-a .number-cell strong{font-size: 23px;}
.stats-unified .focus-b{grid-template-rows: 116px 240px 126px 128px;}
.stats-unified .summary-split{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-height: 0px;}
.stats-unified .summary-split .summary > header{height: 30px;}
.stats-unified .focus-b .number-cell{flex-direction: column; gap: 8px;}
.stats-unified .focus-b .number-cell strong{font-size: 23px;}
.stats-unified .focus-b .tail-grid > div{flex-direction: column; gap: 5px;}
.stats-unified .focus-c{grid-template-rows: 116px 514px;}
.stats-unified .focus-columns{display: grid; grid-template-columns: 1.35fr 1fr; gap: 10px; min-width: 0px; min-height: 0px;}
.stats-unified .focus-side{display: grid; grid-template-rows: 228px 276px; gap: 10px; min-width: 0px; min-height: 0px;}
.stats-unified .focus-c .number-cell{flex-direction: column; gap: 4px;}
.stats-unified .focus-c .number-cell strong{font-size: 24px;}
.stats-unified .focus-c .tail-grid > div{flex-direction: column; gap: 8px;}
.stats-unified .focus-c .tail-grid strong{font-size: 23px;}
.stats-unified .focus-c .special-grid{grid-template-columns: 1fr; gap: 8px;}
.stats-unified .focus-c .special-grid > div{justify-content: space-between; padding: 0px 26px;}
.stats-unified .focus-c .special-grid small{display: none;}
.stats-unified .focus-c .number-cell > span{color: rgb(65, 94, 131);}
.stats-unified .rtable{table-layout: fixed; width: 100%; height: 100%; border-collapse: collapse; text-align: center; background: white; border: 1px solid rgb(223, 228, 235);}
.stats-unified .rtable th,.stats-unified .rtable td{border: 1px solid rgb(225, 229, 235); padding: 3px; text-align: center; vertical-align: middle; font-weight: 400;}
.stats-unified .rtable thead th,.stats-unified .rtable tbody th{background: rgb(246, 247, 249); color: rgb(65, 85, 111); font-size: 12px; font-weight: 500;}
.stats-unified .rtable tbody tr:hover td{background: rgb(245, 249, 255);}
.stats-unified .rtable.rclassification th:first-child,.stats-unified .rtable.rnumbers th:first-child{width: 80px;}
.stats-unified .rblue{display: inline-grid; place-items: center; min-width: 28px; line-height: 23px; padding: 0px 5px; background: rgb(31, 94, 255); color: white; border-radius: 3px; font-size: 13px; font-weight: 400; white-space: nowrap;}
.stats-unified .rlabel{color: rgb(82, 112, 141); white-space: nowrap; font-size: 12px;}
.stats-unified .rpair{display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0px; white-space: nowrap;}
.stats-unified .rtable .rpair strong{font-size: 14px;}
.stats-unified .rextras td{padding: 4px 10px;}
.stats-unified .rextras td > div{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.stats-unified .rextras th:first-child{width: 58px;}
.stats-unified .rextra-tables{display: grid; grid-template-columns: 1fr 1.15fr; gap: 6px; min-height: 0px;}
.stats-unified .rshapes .rlabel{color: rgb(255, 255, 255);}
.stats-unified .rshapes .rlabel{font-size: 13px;}
.stats-unified .rledger .rpair{gap: 5px;}
.stats-unified .record-c .rclassification th:first-child{width: 50px;}
.stats-unified .record-c .rclassification .rblue{min-width: 24px; padding: 0px 2px; font-size: 12px;}
.stats-unified .record-c .rclassification strong{font-size: 14px;}
.stats-unified .record-c .rshapes .rlabel{font-size: 12px;}
.stats-unified .record-c .rextra-tables{gap: 10px;}
.stats-unified .secondary-area{margin-top: 24px; display: grid; grid-template-rows: 28px 132px 132px 108px; gap: 8px; color: rgb(23, 32, 51); font-size: 13px; font-variant-numeric: tabular-nums;}
.stats-unified .secondary-area > h2{display: flex; align-items: center; justify-content: space-between; margin: 0px; font-size: 14px; font-weight: 550;}
.stats-unified .secondary-area > h2 > span{font-size: 12px; font-weight: 400; color: rgb(112, 131, 155);}
.stats-unified .secondary-area .rtable strong{font-size: 15px;}
.stats-unified .secondary-area .rblue{background: rgb(31, 94, 255); color: rgb(255, 255, 255); display: inline-grid; place-items: center; min-width: 28px; padding: 0px 5px; line-height: 23px; border-radius: 3px;}
.stats-unified .secondary-area .rtable .rpair strong{font-size: 14px;}
.stats-unified .focus-stage,.stats-unified .secondary-area{color: rgb(29, 33, 41);}
.stats-unified .focus-block{border-color: rgb(229, 230, 235); background: rgb(255, 255, 255);}
.stats-unified .focus-block > header,.stats-unified .focus-table .group-title th{background: rgb(242, 243, 245); color: rgb(78, 89, 105); border-color: rgb(229, 230, 235);}
.stats-unified .focus-table thead tr:not(.group-title) th{background: rgb(255, 255, 255);}
.stats-unified .focus-table th,.stats-unified .focus-table td,.stats-unified .number-cell,.stats-unified .tail-grid > div{border-color: rgb(229, 230, 235);}
.stats-unified .focus-table tr > :nth-child(5){border-left: 1px solid rgb(229, 230, 235);}
.stats-unified .focus-table .group-title th + th{border-left: 1px solid rgb(229, 230, 235);}
.stats-unified .focus-stage h2{font-weight: 500;}
.stats-unified .focus-caption{font-weight: 500; color: rgb(78, 89, 105);}
.stats-unified .focus-block > header > span{color: rgb(134, 144, 156);}
.stats-unified .focus-stage strong{font-weight: 600; color: rgb(29, 33, 41);}
.stats-unified .summary .focus-table strong{font-size: 24px; font-weight: 600;}
.stats-unified .focus-a .number-cell strong,.stats-unified .focus-c .number-cell strong{font-size: 22px;}
.stats-unified .focus-b .number-cell strong{font-size: 21px;}
.stats-unified .focus-stage .tail-grid strong{font-size: 22px;}
.stats-unified .focus-stage .number-cell > span,.stats-unified .focus-stage .tail-grid > div > span{color: rgb(78, 89, 105); font-size: 13px;}
.stats-unified .brand-traits{display: inline-flex; justify-content: center; align-items: center; gap: 3px; vertical-align: middle; white-space: nowrap; line-height: 23px;}
.stats-unified .brand-trait{display: inline-grid; place-items: center; min-width: 27px; height: 23px; padding: 0px 6px; border-radius: 3px; font-size: 13px; font-weight: 400; color: rgb(255, 255, 255); background: rgb(22, 93, 255);}
.stats-unified .brand-traits.combo .brand-trait{min-width: 22px; padding: 0px 4px;}
.stats-unified .brand-trait.red{background: rgb(245, 63, 63);}
.stats-unified .brand-trait.blue{background: rgb(22, 93, 255);}
.stats-unified .focus-stage .special-grid{gap: 0px; padding: 0px; background: rgb(255, 255, 255);}
.stats-unified .focus-stage .special-grid > div{background: rgb(255, 255, 255); border-radius: 0px; border-right: 1px solid rgb(229, 230, 235); color: rgb(29, 33, 41); gap: 14px;}
.stats-unified .focus-stage .special-grid > div:last-child{border-right: 0px;}
.stats-unified .focus-stage .special-grid > div > span{display: inline-grid; place-items: center; line-height: 24px; padding: 0px 9px; background: rgb(22, 93, 255); color: rgb(255, 255, 255); font-size: 13px; border-radius: 3px;}
.stats-unified .focus-stage .special-grid strong{color: rgb(29, 33, 41); font-size: 24px;}
.stats-unified .focus-stage .special-grid small{color: rgb(134, 144, 156);}
.stats-unified .focus-c .special-grid > div{border-right: 0px; border-bottom: 1px solid rgb(229, 230, 235); padding-inline: 24px;}
.stats-unified .focus-c .special-grid > div:nth-child(2n){background: rgb(249, 250, 251);}
.stats-unified .focus-c .special-grid > div:last-child{border-bottom: 0px;}
.stats-unified .focus-stage .heat .number-cell{background: rgb(255, 255, 255);}
.stats-unified .focus-a .number-grid > .number-cell:nth-child(n+8):nth-child(-n+14),.stats-unified .focus-a .number-grid > .number-cell:nth-child(n+22),.stats-unified .focus-c .number-grid > .number-cell:nth-child(n+8):nth-child(-n+14),.stats-unified .focus-c .number-grid > .number-cell:nth-child(n+22),.stats-unified .focus-b .number-grid > .number-cell:nth-child(n+15){background: rgb(249, 250, 251);}
.stats-unified .secondary-area .rtable{border-color: rgb(229, 230, 235);}
.stats-unified .secondary-area .rtable th,.stats-unified .secondary-area .rtable td{border-color: rgb(229, 230, 235);}
.stats-unified .secondary-area .rtable thead th,.stats-unified .secondary-area .rtable tbody th{background: rgb(242, 243, 245); color: rgb(78, 89, 105);}
.stats-unified .secondary-area .rtable tbody tr:nth-child(2n) td{background: rgb(249, 250, 251);}
.stats-unified .secondary-area .rtable strong{color: rgb(29, 33, 41);}
.stats-unified .secondary-area .brand-traits{gap: 2px;}
.stats-unified .secondary-area .brand-trait{min-width: 24px; padding-inline: 4px; font-size: 12px;}
.stats-unified .secondary-area .brand-traits.combo .brand-trait{min-width: 18px; padding-inline: 2px;}
.stats-unified .secondary-area .rlabel{color: rgb(78, 89, 105);}
.stats-unified .focus-stage [data-stat-key],.stats-unified .focus-stage .summary .focus-table strong,.stats-unified .focus-stage .number-cell strong,.stats-unified .focus-stage .tail-grid strong,.stats-unified .focus-stage .special-grid strong{font-size: 14px; font-weight: 400; line-height: 22px; color: rgb(102, 112, 133); white-space: nowrap;}
.stats-unified .focus-stage [data-stat-key]::after{content: " 次"; font-size: 11px; font-weight: 400;}
.stats-unified .focus-stage .summary .focus-table strong{font-size: 15px; line-height: 22px;}
.stats-unified .focus-stage .brand-trait{font-size: 17px; min-width: 34px; height: 27px; padding-inline: 8px; line-height: 27px;}
.stats-unified .focus-stage .brand-traits.combo .brand-trait{font-size: 16px; min-width: 26px; padding-inline: 5px;}
.stats-unified .focus-stage .number-cell > span{font-size: 24px; font-weight: 600; line-height: 30px; color: rgb(29, 33, 41);}
.stats-unified .focus-stage .tail-grid > div > span{font-size: 21px; font-weight: 550; line-height: 28px; color: rgb(29, 33, 41);}
.stats-unified .focus-stage .special-grid > div > span{font-size: 16px; line-height: 28px; padding-inline: 12px;}
.stats-unified .focus-stage .special-grid > div{gap: 18px;}
.stats-unified .focus-a .number-cell{gap: 16px;}
.stats-unified .focus-b .number-cell{gap: 8px;}
.stats-unified .focus-c .number-cell{gap: 8px;}
.stats-unified .focus-a .tail-grid > div{gap: 5px;}
.stats-unified .focus-c .special-grid > div{padding-inline: 24px;}
.stats-unified .focus-stage .number-cell:hover,.stats-unified .focus-stage .tail-grid > div:hover{background: rgb(242, 246, 255);}
.stats-unified .focus-stage .number-cell > span{display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgb(22, 93, 255); color: rgb(255, 255, 255); font-size: 21px; font-weight: 500; line-height: 38px;}
.stats-unified .focus-stage .number-cell{gap: 6px;}
.stats-unified .focus-stage .number-cell strong,.stats-unified .focus-stage .tail-grid strong{font-size: 13px; color: rgb(102, 112, 133);}
.stats-unified .focus-stage .tail-grid > div > span{display: inline-grid; place-items: center; min-width: 42px; height: 31px; background: rgb(237, 243, 255); color: rgb(22, 93, 255); border-radius: 4px; font-size: 19px; font-weight: 500; line-height: 31px; padding: 0px 5px;}
.stats-unified .focus-stage .special-grid > div{flex-direction: column; gap: 7px;}
.stats-unified .focus-stage .special-grid > div > span{font-size: 17px; padding: 0px 14px; line-height: 30px;}
.stats-unified .focus-stage .summary .focus-table tbody td{background: rgb(255, 255, 255);}
.stats-unified .focus-stage .summary .focus-table th,.stats-unified .focus-stage .summary .focus-table td{border-bottom: 0px;}
.stats-unified .new-traits{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); min-width: 0px; min-height: 0px; flex: 1 1 0%;}
.stats-unified .new-traits > div{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border-right: 1px solid rgb(229, 230, 235); min-width: 0px;}
.stats-unified .new-traits > div:last-child{border: 0px;}
.stats-unified .focus-stage .new-traits strong{font-size: 13px; color: rgb(102, 112, 133); line-height: 20px; font-weight: 400; white-space: nowrap;}
.stats-unified .focus-stage .new-traits strong::after{content: " 次"; font-size: 11px;}
.stats-unified .focus-stage .new-traits .brand-trait{font-size: 18px; min-width: 34px; height: 29px; line-height: 29px; padding: 0px 7px;}
.stats-unified .focus-stage .new-traits .combo .brand-trait{font-size: 17px; min-width: 26px; padding: 0px 5px;}
.stats-unified .new-traits > div:last-child{border-right: 0px;}
.stats-unified .focus-stage .special-grid,.stats-unified .focus-stage .tail-grid{min-height: 0px;}
.stats-unified .ref-c .summary-split{grid-template-columns: 0.85fr 1.15fr; gap: 10px;}
.stats-unified .ref-c .summary:first-child .new-traits{padding: 8px; gap: 6px;}
.stats-unified .ref-c .summary:first-child .new-traits > div{border: 1px solid rgb(229, 230, 235); border-radius: 4px; background: rgb(250, 251, 252); gap: 5px;}
.stats-unified .ref-c .summary:last-child .new-traits{grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: 0px 10px; gap: 0px 12px;}
.stats-unified .ref-c .summary:last-child .new-traits > div{flex-direction: row; justify-content: space-between; border-right: 0px; border-bottom: 1px solid rgb(238, 240, 243); padding: 0px 7px; gap: 7px;}
.stats-unified .ref-c .summary:last-child .new-traits > div:nth-child(n+3){border-bottom: 0px;}
.stats-unified .ref-c .summary:last-child .brand-trait{font-size: 16px; height: 26px; line-height: 26px; min-width: 23px; padding: 0px 4px;}
.stats-unified .ref-c .special-grid{padding: 8px; gap: 8px;}
.stats-unified .ref-c .special-grid > div{border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(229, 230, 235) rgb(229, 230, 235) rgb(229, 230, 235) rgb(22, 93, 255); border-image: initial; border-radius: 4px; background: rgb(255, 255, 255); flex-direction: row; justify-content: space-between; padding: 0px 20px; gap: 12px;}
.stats-unified .ref-c .special-grid > div:last-child{border-right: 1px solid rgb(229, 230, 235);}
.stats-unified .ref-c .special-grid > div > span{background: transparent; color: rgb(22, 93, 255); line-height: 30px; font-size: 20px; font-weight: 500; padding: 0px;}
.stats-unified .ref-c .tail-grid > div > span{background: rgb(237, 243, 255); border: 1px solid rgb(219, 230, 255); border-radius: 4px; min-width: 44px; height: 32px; line-height: 30px; font-size: 19px;}
.stats-unified .ref-c .tail-grid > div{gap: 7px;}
.stats-unified .focus-stage.ref-c{grid-template-rows: 116px 240px 264px;}
.stats-unified .bottom-design{display: grid; min-width: 0px; min-height: 0px; gap: 10px;}
.stats-unified .bottom-design .focus-block{min-width: 0px; min-height: 0px;}
.stats-unified .bottom-design .special-grid,.stats-unified .bottom-design .tail-grid{min-height: 0px;}
.stats-unified .focus-stage .bottom-design [data-stat-key]{font-size: 13px; font-weight: 400; line-height: 20px; color: rgb(102, 112, 133);}
.stats-unified .focus-stage .bottom-design [data-stat-key]::after{content: " 次"; font-size: 11px;}
.stats-unified .focus-stage .bottom-design .special-grid > div::before{display: none;}
.stats-unified .bottom-c{grid-template-rows: 98px 156px;}
.stats-unified .ref-c .bottom-c .special-grid{padding: 6px; gap: 6px;}
.stats-unified .ref-c .bottom-c .special-grid > div{border: 1px solid rgb(223, 232, 250); border-radius: 4px; background: rgb(247, 250, 255); flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 0px 22px;}
.stats-unified .ref-c .bottom-c .special-grid > div:last-child{border-right: 1px solid rgb(223, 232, 250);}
.stats-unified .ref-c .bottom-c .special-grid > div > span{color: rgb(22, 93, 255); background: transparent; font-size: 19px; font-weight: 500; line-height: 28px; padding: 0px;}
.stats-unified .ref-c .bottom-c .tail-grid{grid-template-columns: repeat(5, minmax(0px, 1fr));}
.stats-unified .ref-c .bottom-c .tail-grid > div{flex-direction: row; gap: 18px; border-right: 1px solid rgb(229, 230, 235); border-bottom: 1px solid rgb(229, 230, 235);}
.stats-unified .ref-c .bottom-c .tail-grid > div:nth-child(5n){border-right: 0px;}
.stats-unified .ref-c .bottom-c .tail-grid > div:nth-child(n+6){border-bottom: 0px;}
.stats-unified .ref-c .bottom-c .tail-grid > div > span{background: rgb(22, 93, 255); color: rgb(255, 255, 255); min-width: 42px; height: 29px; line-height: 29px; font-size: 18px; font-weight: 400; padding: 0px 6px; border: 0px; border-radius: 3px;}
/* Retain approved styling; compact number rows at the user's request. */
.stats-unified .focus-stage,.stats-unified .secondary-area{font-family:var(--skin-font,"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif)}
.stats-unified .focus-stage.ref-c{height:600px;grid-template-rows:116px 200px 264px}.stats-unified .focus-stage h2{margin:0}.stats-unified .focus-block>header h2{color:#4e5969}.stats-unified .focus-stage strong small{display:none}.stats-unified .rtable{font-size:12px}.stats-unified .secondary-area h2{margin:0}.stats-unified .stat-dashboard .secondary-area .rtable strong{font-weight:600}
@media(max-width:1000px) and (min-width:768px){
 .stats-unified .focus-stage .number-cell>span{width:32px;height:32px;line-height:32px;font-size:18px}.stats-unified .ref-c .bottom-c .tail-grid>div{gap:6px}.stats-unified .ref-c .bottom-c .tail-grid>div>span{min-width:36px;font-size:16px;padding-inline:3px}.stats-unified .secondary-area{grid-template-rows:28px 132px 132px auto}.stats-unified .secondary-area .rextra-tables{grid-template-columns:1fr;grid-template-rows:108px 108px;gap:8px}.stats-unified .ref-c .bottom-c .special-grid>div{padding-inline:12px}
 .stats-unified .new-traits{gap:4px!important}.stats-unified .new-traits .brand-trait{min-width:21px!important;padding-inline:3px!important;font-size:15px!important}.stats-unified .new-traits strong{font-size:12px!important}.stats-unified .summary:last-child .new-traits>div{padding-inline:2px!important}
}
@media(max-width:767px){
 .stats-unified .stat-toolbar{gap:10px}.stats-unified .stat-range-controls{gap:8px}.stats-unified .stat-filter-fields{flex-wrap:wrap}.stats-unified .stat-summary{font-size:11px}
 .stats-unified .focus-stage.ref-c{height:auto;display:flex;flex-direction:column;gap:10px}.stats-unified .summary-split{display:flex;flex-direction:column;gap:10px}.stats-unified .summary{min-height:112px}.stats-unified .new-traits{min-height:78px}.stats-unified .summary:last-child .new-traits{min-height:90px}
 .stats-unified .sum-section{height:354px;flex:none}.stats-unified .number-grid.cols-14{grid-template-columns:repeat(7,minmax(0,1fr))}.stats-unified .number-grid.cols-14>.number-cell{border-right:1px solid #e5e6eb;border-bottom:1px solid #e5e6eb}.stats-unified .number-grid.cols-14>.number-cell:nth-child(7n){border-right:0}.stats-unified .number-grid.cols-14>.number-cell:nth-last-child(-n+7){border-bottom:0}.stats-unified .number-cell>span{width:32px!important;height:32px!important;line-height:32px!important;font-size:18px!important}
 .stats-unified .bottom-design{grid-template-rows:112px 240px}.stats-unified .bottom-c .special-grid{gap:4px;padding:5px}.stats-unified.ref-c .special-grid>div{padding-inline:8px}.stats-unified .ref-c .bottom-c .special-grid>div{padding:4px;flex-direction:column;justify-content:center;gap:4px}.stats-unified .ref-c .bottom-c .special-grid>div>span{font-size:17px}.stats-unified .ref-c .bottom-c .tail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-unified .ref-c .bottom-c .tail-grid>div{gap:12px;border-right:1px solid #e5e6eb;border-bottom:1px solid #e5e6eb}.stats-unified .ref-c .bottom-c .tail-grid>div:nth-child(2n){border-right:0}.stats-unified .ref-c .bottom-c .tail-grid>div:nth-child(5){border-right:1px solid #e5e6eb}.stats-unified .ref-c .bottom-c .tail-grid>div:nth-child(n+6){border-bottom:1px solid #e5e6eb}.stats-unified .ref-c .bottom-c .tail-grid>div:nth-last-child(-n+2){border-bottom:0}
 .stats-unified .secondary-area{grid-template-rows:44px 132px 132px auto;margin-top:20px}.stats-unified .secondary-area>h2{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}.stats-unified .secondary-area .rtable th:first-child{width:40px}.stats-unified .secondary-area .rtable th,.stats-unified .secondary-area .rtable td{padding:2px 0;font-size:10px}.stats-unified .secondary-area .rtable strong{font-size:11px}.stats-unified .secondary-area .brand-trait{min-width:15px;padding:0 2px;font-size:10px}.stats-unified .secondary-area .brand-traits.combo .brand-trait{min-width:12px;padding:0 1px}.stats-unified .secondary-area .rextra-tables{grid-template-columns:1fr;grid-template-rows:108px 108px;gap:8px}.stats-unified .secondary-area .rextras th:first-child{width:50px}.stats-unified .secondary-area .rextras td{padding-inline:8px}.stats-unified .secondary-area .rextras .rpair strong{font-size:12px}
}

/* Approved ball number grids; keep the surrounding statistics unchanged. */
.stats-unified .secondary-area{grid-template-rows:28px 132px 108px}
.stats-unified .ball-number-cards{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.stats-unified .ball-number-card{border:1px solid #e5e6eb;border-radius:5px;overflow:hidden;background:#fff;min-width:0}
.stats-unified .ball-number-card>h3{height:26px;display:flex;align-items:center;margin:0;padding:0 10px;background:#f9fafb;border-bottom:1px solid #e5e6eb;color:#86909c;font-size:11px;font-weight:400;line-height:18px}
.stats-unified .ball-number-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.stats-unified .ball-number-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:69px;min-width:0;border-right:1px solid #e5e6eb;border-bottom:1px solid #e5e6eb;box-sizing:border-box}
.stats-unified .ball-number-cell:nth-child(5n){border-right:0}.stats-unified .ball-number-cell:nth-child(n+6){border-bottom:0}
.stats-unified .ball-number-cell>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#165dff;color:#fff;font-size:16px;font-weight:500;line-height:28px}
.stats-unified .ball-number-cell>strong{color:#667085;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap}.stats-unified .ball-number-cell>strong::after{content:' 次';font-size:10px}
@media(min-width:768px) and (max-width:1000px){.stats-unified .secondary-area{grid-template-rows:28px 132px auto}}
@media(max-width:767px){.stats-unified .secondary-area{grid-template-rows:44px 132px auto}.stats-unified .ball-number-cards{grid-template-columns:1fr}}

/* Place special shapes before the number section without changing their sizing. */
.stats-unified .focus-stage.ref-c{grid-template-rows:116px 98px 200px 156px}
.stats-unified .bottom-design.bottom-specials{grid-template-rows:98px}
.stats-unified .bottom-design.bottom-tails{grid-template-rows:156px}
@media(max-width:767px){.stats-unified .bottom-design.bottom-specials{grid-template-rows:112px}.stats-unified .bottom-design.bottom-tails{grid-template-rows:240px}}

/* Ball classifications: one horizontal panel per position. */
.stats-unified .secondary-area{grid-template-rows:28px auto 108px}
.stats-unified .ball-trait-panels{display:grid;gap:10px;min-width:0}
.stats-unified .ball-trait-panel{border:1px solid #e5e6eb;border-radius:5px;background:#fff;min-width:0;overflow:hidden}
.stats-unified .ball-trait-panel>h3{height:31px;display:flex;align-items:center;margin:0;padding:0 11px;background:#f2f3f5;color:#4e5969;border-bottom:1px solid #e5e6eb;font-size:13px;font-weight:400}
.stats-unified .ball-trait-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-height:65px;align-items:stretch}
.stats-unified .ball-trait-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;border-right:1px solid #e5e6eb}
.stats-unified .ball-trait-cell:last-child{border-right:0}
.stats-unified .ball-trait-cell>strong{color:#667085;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap;font-variant-numeric:tabular-nums}
.stats-unified .ball-trait-cell>strong::after{content:' 次';font-size:10px}
.stats-unified .ball-trait-grid .brand-trait{min-width:23px;height:24px;line-height:24px;font-size:15px;padding:0 5px}
.stats-unified .ball-trait-grid .brand-traits.combo .brand-trait{min-width:16px;height:22px;line-height:22px;font-size:13px;padding:0 2px}
@media(min-width:768px) and (max-width:1000px){.stats-unified .secondary-area{grid-template-rows:28px auto auto}}
@media(max-width:767px){
 .stats-unified .secondary-area{grid-template-rows:44px auto auto}
 .stats-unified .ball-trait-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:60px}
 .stats-unified .ball-trait-cell:nth-child(4n){border-right:0}
 .stats-unified .ball-trait-cell:nth-child(-n+4){border-bottom:1px solid #e5e6eb}
}

/* Selected six-card layout for extreme, edge, dragon/tiger, and remainders. */
.stats-unified .secondary-area{grid-template-rows:28px auto auto}
.stats-unified .extra-stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;font-size:13px;font-variant-numeric:tabular-nums}
.stats-unified .extra-stat-cards *{box-sizing:border-box}
.stats-unified .extra-stat-card{border:1px solid #e5e6eb;border-radius:5px;overflow:hidden;background:#fff;min-width:0}
.stats-unified .extra-stat-card>h3{display:flex;align-items:center;height:31px;margin:0;padding:0 11px;border-bottom:1px solid #e5e6eb;background:#f2f3f5;color:#4e5969;font-size:13px;font-weight:400}
.stats-unified .extra-stat-items{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-width:0;min-height:66px;align-items:stretch}
.stats-unified .extra-stat-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;border-right:1px solid #e5e6eb}
.stats-unified .extra-stat-item:last-child{border-right:0}
.stats-unified .extra-stat-label{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:25px;padding:0 5px;border-radius:3px;background:#165dff;color:#fff;font-size:14px;white-space:nowrap}
.stats-unified .extra-stat-item>strong{font-size:12px;line-height:20px;color:#667085;font-weight:400;white-space:nowrap}
.stats-unified .extra-stat-item>strong::after{content:' 次';font-size:10px}
@media(min-width:768px) and (max-width:1000px){.stats-unified .extra-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.stats-unified .secondary-area{grid-template-rows:44px auto auto}.stats-unified .extra-stat-cards{grid-template-columns:1fr}}

/* Four combinations follow the basic trait cards, with counts below. */
.stats-unified .ref-c .summary.summary-combos:last-child .new-traits{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:6px}
.stats-unified .ref-c .summary.summary-combos:last-child .new-traits>div{flex-direction:column;align-items:center;justify-content:center;border:1px solid #e5e6eb;border-radius:4px;background:#fafbfc;padding:0;gap:5px}
.stats-unified .ref-c .summary.summary-combos .new-traits .brand-trait{font-size:18px;min-width:26px;height:29px;line-height:29px;padding:0 5px}

/* Tail counts sit below their labels within the existing grid. */
.stats-unified .ref-c .bottom-c .tail-grid>div{flex-direction:column;align-items:center;justify-content:center;gap:4px}
@media(max-width:767px){
 .stats-unified .ref-c .bottom-c .tail-grid>div{gap:1px}
 .stats-unified .ref-c .bottom-c .tail-grid>div>span{height:22px;line-height:22px;font-size:16px}
 .stats-unified .ref-c .bottom-c .tail-grid>div>strong{font-size:12px;line-height:16px}
}

/* Continue directly into the ball classifications without a section heading. */
.stats-unified .secondary-area{grid-template-rows:auto auto;margin-top:10px}