body.data-hub-page{--data-hub-entry-rank-font-size:var(--font-size-sm2);--data-hub-entry-name-font-size:var(--font-size-sm2);--data-hub-season-label-font-size:var(--font-size-sm2);--data-hub-entry-header-font-weight:700;--data-hub-muted-color:var(--color-text-muted);--data-hub-error-color:var(--color-danger-strong);--data-hub-entry-header-background:var(--color-surface);--data-hub-entry-rank-background:var(--color-primary-soft);--data-hub-rail-background:var(--color-bg);--data-hub-rail-item-background:var(--color-surface);--data-hub-controls-background:var(--color-surface);--data-hub-top-builds-panel-background:transparent;--data-hub-border:1px solid var(--color-border);--data-hub-rail-item-radius:50%;--data-hub-scroll-gap:var(--space-2);--data-hub-scroll-margin:0 var(--space-2);--data-hub-card-scroll-inset:var(--list-grid-edge-gap);--data-hub-second-header-rendered-height:61px;--data-hub-initial-scroll-top:calc(var(--header-height) + var(--app-header-height) + 1px + var(--data-hub-second-header-rendered-height) + var(--data-hub-card-scroll-inset));--data-hub-initial-scroll-bottom:calc(var(--bottom-nav-height) + 1px + env(safe-area-inset-bottom) + var(--data-hub-card-scroll-inset));--data-hub-panel-content-padding:var(--space-5);--data-hub-list-gap:var(--space-4);--data-hub-entry-card-gap:4px;--data-hub-entry-header-gap:var(--space-2);--data-hub-entry-header-padding:var(--space-2) var(--space-3);--data-hub-rail-gap:var(--space-2);--data-hub-rail-padding:0;--data-hub-controls-gap:var(--space-2);--data-hub-controls-padding:var(--space-3);--data-hub-season-field-gap:var(--space-2);--data-hub-top-builds-list-padding:0;--data-hub-load-more-padding:var(--space-6) 0;--data-hub-rail-width:48px;--data-hub-entry-width:360px;--data-hub-entry-rank-min-width:1.6em;--data-hub-entry-icon-size:32px;--data-hub-rail-item-size:40px}.data-hub-scroll{top:var(--data-hub-scroll-top,var(--data-hub-initial-scroll-top));right:var(--space-2);bottom:var(--data-hub-scroll-bottom,var(--data-hub-initial-scroll-bottom));left:var(--space-2);gap:var(--data-hub-scroll-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;background:var(--color-bg);scroll-padding-block:var(--data-hub-card-scroll-inset);margin:0;display:flex;position:fixed;overflow:auto}.data-hub-panel{scroll-snap-align:start;flex:0 0 100%;min-width:0}.data-hub-panel .panel-content{padding:var(--data-hub-panel-content-padding)}.data-hub-panel .empty-state{margin-top:0}.data-hub-panel[inert]{-webkit-user-select:none;user-select:none}.data-hub-panel.battle-data-panel{--battle-data-rail-width:var(--data-hub-rail-width);background:var(--color-bg);padding:0}.battle-data-panel .trend-detail-card{--battle-data-card-value-font-size:.875rem;--data-battle-data-row-height:calc(var(--battle-data-card-value-font-size) * var(--battle-data-card-value-line-height));--data-battle-data-extra-height:4px;--battle-data-card-row1-height:round(nearest, var(--battle-data-card-cell-padding) + var(--battle-data-card-label-row-height) + var(--battle-data-card-value-margin-top) + (var(--data-battle-data-row-height) * 3) + (var(--space-1) * 2) + var(--data-battle-data-extra-height), 1px);--battle-data-card-cell-height:round(nearest, var(--battle-data-card-cell-padding) + var(--battle-data-card-label-row-height) + var(--battle-data-card-value-margin-top) + (var(--data-battle-data-row-height) * 5) + (var(--space-1) * 4) + var(--data-battle-data-extra-height), 1px);--battle-data-card-short-cell-height:var(--battle-data-card-cell-height)}.battle-data-panel .trend-detail-cell:nth-child(-n+2) .trend-cell-body{flex-basis:calc(var(--battle-data-card-value-margin-top) + (var(--data-battle-data-row-height) * 3) + (var(--space-1) * 2) + var(--data-battle-data-extra-height))}.battle-data-panel .trend-detail-cell:nth-child(n+3):nth-child(-n+4) .trend-cell-body,.battle-data-panel .trend-detail-cell:nth-child(n+5) .trend-cell-body{flex-basis:calc(var(--battle-data-card-value-margin-top) + (var(--data-battle-data-row-height) * 5) + (var(--space-1) * 4) + var(--data-battle-data-extra-height))}.battle-data-panel .trend-rank-row{min-height:var(--data-battle-data-row-height)}@media (width<=420px){.battle-data-panel .trend-detail-card{--battle-data-card-row1-height-mobile:round(nearest, var(--battle-data-card-cell-padding-mobile) + var(--battle-data-card-label-row-height) + var(--battle-data-card-value-margin-top) + (var(--data-battle-data-row-height) * 3) + (var(--space-1) * 2) + var(--data-battle-data-extra-height), 1px);--battle-data-card-cell-height-mobile:round(nearest, var(--battle-data-card-cell-padding-mobile) + var(--battle-data-card-label-row-height) + var(--battle-data-card-value-margin-top) + (var(--data-battle-data-row-height) * 5) + (var(--space-1) * 4) + var(--data-battle-data-extra-height), 1px);--battle-data-card-short-cell-height-mobile:var(--battle-data-card-cell-height-mobile)}}.battle-data-panel .panel-content{padding:0}.battle-data-second-header[hidden]{display:none}.battle-data-second-header .battle-data-season-field{align-items:center;gap:var(--data-hub-season-field-gap);flex:none;display:flex}.battle-data-second-header .battle-data-season-field label{color:var(--data-hub-muted-color);font-size:var(--data-hub-season-label-font-size);white-space:nowrap}.battle-data-body{grid-template-columns:var(--battle-data-rail-width) minmax(0, 1fr);align-items:start;gap:var(--space-1);padding:0;display:grid}.battle-data-list{grid-column:2;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--data-hub-entry-width)), var(--data-hub-entry-width)));justify-content:start;align-items:start;gap:var(--data-hub-list-gap);padding-top:0;display:grid}.battle-data-entry{gap:var(--data-hub-entry-card-gap);scroll-margin-top:calc(var(--header-height) + var(--app-header-height) + var(--second-header-height) + var(--space-3));flex-direction:column;display:flex}.battle-data-entry[hidden]{display:none}.battle-data-entry-header{align-items:center;gap:var(--data-hub-entry-header-gap);padding:var(--data-hub-entry-header-padding);background:var(--data-hub-entry-header-background);border:var(--data-hub-border);font-weight:var(--data-hub-entry-header-font-weight);display:flex}.battle-data-entry-rank{min-width:var(--data-hub-entry-rank-min-width);font-size:var(--data-hub-entry-rank-font-size);white-space:nowrap;background:var(--data-hub-entry-rank-background);color:var(--data-hub-muted-color);border:var(--data-hub-border);justify-content:center}.battle-data-entry-icon{width:var(--data-hub-entry-icon-size);height:var(--data-hub-entry-icon-size);object-fit:contain}.battle-data-entry-name{min-width:0;font-size:var(--data-hub-entry-name-font-size);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.battle-data-rail{top:var(--data-hub-scroll-top,var(--data-hub-initial-scroll-top));bottom:var(--data-hub-scroll-bottom,var(--data-hub-initial-scroll-bottom));left:var(--space-2);z-index:15;width:var(--battle-data-rail-width);align-items:center;gap:var(--data-hub-rail-gap);max-height:none;padding:var(--data-hub-rail-padding);background:var(--data-hub-rail-background);scrollbar-width:none;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.battle-data-rail::-webkit-scrollbar{display:none}.data-hub-panel[inert] .battle-data-rail{display:none}.battle-data-rail-item{width:var(--data-hub-rail-item-size);height:var(--data-hub-rail-item-size);background:0 0;border:0;border-radius:0;flex:none;display:block}.battle-data-rail-item img{object-fit:contain;width:100%;height:100%}.battle-data-rail-item[hidden]{display:none}@media (width<=420px){.battle-data-second-header .battle-data-season-field label{display:none}}.data-hub-panel+.data-hub-panel{border-top:0}.top-builds-panel{background:var(--data-hub-top-builds-panel-background);padding:0}.top-builds-panel .panel-content{max-width:none;padding:0}.top-builds-list{padding:var(--data-hub-top-builds-list-padding)}.top-builds-list .ranked-team-status{color:var(--data-hub-muted-color)}.top-builds-list #top-builds-error{color:var(--data-hub-error-color)}.top-builds-load-more-wrap{padding:var(--data-hub-load-more-padding);justify-content:center;display:flex}.top-builds-load-more-wrap[hidden],#top-builds-load-more[hidden],#top-builds-empty[hidden],.top-builds-list .ranked-team-status[hidden]{display:none}.top-builds-second-header{gap:var(--data-hub-controls-gap);padding:var(--data-hub-controls-padding);background:var(--data-hub-controls-background);display:flex}.top-builds-second-header[hidden]{display:none}.top-builds-second-header .search-input-wrap{flex:1;min-width:0}.top-builds-season-field{align-items:center;gap:var(--data-hub-season-field-gap);flex:none;display:flex}.top-builds-season-field label{color:var(--data-hub-muted-color);font-size:var(--data-hub-season-label-font-size);white-space:nowrap}@media (width<=420px){.top-builds-season-field label{display:none}}