#statisticsView{--statistics-gold:#c8a248;--statistics-line:var(--ui-line,#dedbd2);--statistics-surface:var(--ui-surface,#fff);--statistics-muted:var(--ui-muted,#777)}
.statistics-toolbar{align-items:flex-end;margin-bottom:14px}.statistics-toolbar p{margin:4px 0 0;color:var(--statistics-muted)}
.statistics-filters{align-items:flex-end}.statistics-filters label{display:grid;gap:6px;min-width:150px;margin:0;color:var(--statistics-muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.statistics-filters select{height:40px;border:1px solid var(--statistics-line);border-radius:7px;background:var(--statistics-surface);padding:0 11px;color:var(--ui-ink,#242522)}.statistics-filters>button{min-height:40px;padding:0 13px;font-weight:800}
.statistics-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:12px}.statistics-context .statistics-note{margin:0}.statistics-comparison{justify-content:flex-end;min-width:330px;margin:0;padding:13px 17px;border-radius:9px}.statistics-comparison strong{color:#9b7423}.statistics-comparison span{max-width:310px}
.statistics-metrics{gap:10px;margin-bottom:0}.statistics-metrics article{position:relative;overflow:hidden;min-height:118px;border-radius:10px;padding:20px}.statistics-metrics article:after{position:absolute;right:-17px;bottom:-30px;width:76px;height:76px;border:12px solid color-mix(in srgb,var(--statistics-gold),transparent 88%);border-radius:50%;content:""}.statistics-metrics strong,.statistics-metrics small{position:relative;z-index:1}
.statistics-section-title{display:flex;align-items:center;gap:11px;margin:28px 0 11px}.statistics-section-title>span{display:grid;width:31px;height:31px;border-radius:8px;background:#1c1d1a;place-items:center;color:#e0bb62;font-size:9px;font-weight:900}.statistics-section-title small{display:block;color:#a17c2a;font-size:7px;font-weight:900;letter-spacing:.13em}.statistics-section-title h3{margin:2px 0 0;font-size:17px}
.statistics-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.statistics-grid>.panel{height:100%;min-height:230px;border-radius:10px;padding:19px}.statistics-span-3{grid-column:span 3}.statistics-span-4{grid-column:span 4}.statistics-span-6{grid-column:span 6}.statistics-span-8{grid-column:span 8}.statistics-accent-panel{border-left:3px solid var(--statistics-gold)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--statistics-gold),transparent 94%),var(--statistics-surface) 45%)}
.statistics-grid .panel-head{align-items:flex-start;margin-bottom:16px}.statistics-grid .panel-head h2,.participant-ranking-panel .panel-head h2{margin:3px 0 0;font-size:17px}.statistics-grid .panel-head>small{max-width:210px;text-align:right}
.indicator-grid{gap:7px}.indicator-grid-wide{grid-template-columns:repeat(3,1fr)}.indicator-grid>div{min-height:82px;border:1px solid var(--statistics-line);border-radius:7px;background:color-mix(in srgb,var(--statistics-surface),#777 3%);padding:13px}.indicator-grid strong{font-size:25px}.indicator-grid span{display:block;margin-top:4px;line-height:1.35}
.bar-list>div{grid-template-columns:minmax(92px,120px) minmax(45px,1fr) 42px;margin:13px 0}.bar-track{overflow:hidden;border-radius:999px}.bar-track i{border-radius:999px}.compact-bars>div{grid-template-columns:minmax(72px,95px) minmax(35px,1fr) 32px;gap:7px}.ranking-list>div:last-child{border-bottom:0}
.participant-ranking-panel{margin-top:0;border-radius:10px;padding:20px}.participant-ranking-panel .panel-head{margin-bottom:12px}.participant-ranking{min-width:900px}.participant-ranking tbody tr:first-child{background:color-mix(in srgb,var(--statistics-gold),transparent 92%)}.participant-ranking td:nth-child(3),.participant-ranking td:nth-child(4){font-weight:800}
html[data-theme="dark"] .statistics-section-title>span{background:#d0aa50;color:#171815}html[data-theme="dark"] .statistics-comparison strong{color:#e0ba5e}html[data-theme="dark"] .statistics-metrics article:after{border-color:rgba(211,174,84,.11)}html[data-theme="dark"] .participant-ranking tbody tr:hover td{background:color-mix(in srgb,var(--statistics-gold),transparent 91%);color:var(--ui-ink)}
@media(max-width:1180px){.statistics-context{grid-template-columns:1fr}.statistics-comparison{justify-content:flex-start;min-width:0}.statistics-span-3,.statistics-span-4,.statistics-span-6,.statistics-span-8{grid-column:span 6}.indicator-grid-wide{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.statistics-toolbar{align-items:stretch}.statistics-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.statistics-filters label{min-width:0}.statistics-filters>button{width:100%}.statistics-metrics{grid-template-columns:1fr 1fr}.statistics-grid{grid-template-columns:1fr}.statistics-span-3,.statistics-span-4,.statistics-span-6,.statistics-span-8{grid-column:1}.statistics-grid>.panel{min-height:0}.indicator-grid-wide{grid-template-columns:1fr 1fr}.statistics-section-title{margin-top:22px}.statistics-grid .panel-head>small{max-width:none;text-align:left}}
@media(max-width:480px){.statistics-filters,.statistics-metrics,.indicator-grid,.indicator-grid-wide{grid-template-columns:1fr}.statistics-context .statistics-comparison{align-items:flex-start;flex-direction:column}.statistics-metrics article{min-height:100px}}