body.data-hub-page{--data-hub-muted-color:var(--color-text-muted);--data-hub-border:1px solid var(--color-border);--data-hub-card-scroll-inset:var(--list-grid-edge-gap);--data-hub-season-field-gap:var(--space-2);--data-hub-entry-width:360px;--data-hub-entry-icon-size:32px;--data-hub-rail-item-size:40px}body.data-hub-page .app-main{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}body.data-hub-page .app-main>.app-header,body.data-hub-page .app-main>.second-header{flex:none}.data-hub-scroll{gap:var(--space-2);min-height:0;margin:0 var(--space-2);padding-block:var(--data-hub-card-scroll-inset);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);flex:auto;display:flex;overflow:auto}.data-hub-panel{scroll-snap-align:start;flex:0 0 100%;min-width:0}.data-hub-panel .panel-content{padding:var(--space-5)}.data-hub-panel .panel-content:has(.empty-state:not([hidden])){justify-content:center;align-items:center;min-height:100%;display:flex}.top-builds-list:has(>.empty-state:not([hidden])){flex:1;justify-content:center;align-items:center;display:flex}.data-hub-panel[inert]{-webkit-user-select:none;user-select:none}.data-hub-panel.battle-data-panel{--battle-data-rail-width:48px;background:var(--color-bg);padding:0}.battle-data-panel .trend-detail-card{--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)}.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(--space-2);flex:none;display:flex}.battle-data-second-header .battle-data-season-field label{color:var(--data-hub-muted-color);font-size:var(--font-size-sm2);white-space:nowrap}.battle-data-body{grid-template-columns:minmax(0, 1fr) var(--battle-data-rail-width);align-items:start;gap:var(--space-1);padding:0;display:grid}.battle-data-list{grid-area:1/1;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(--space-4);padding-top:0;display:grid}.battle-data-entry{scroll-margin-top:calc(var(--header-height) + var(--app-header-height) + var(--second-header-height) + var(--space-3));content-visibility:auto;contain-intrinsic-size:522px;flex-direction:column;gap:4px;display:flex}.battle-data-entry[data-battle-data-pending]{min-height:522px}.battle-data-entry[hidden]{display:none}.battle-data-entry-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--data-hub-border);font-weight:var(--font-weight-bold);display:flex}.battle-data-entry-rank{min-width:1.6em;font-size:var(--font-size-sm2);white-space:nowrap;background:var(--color-primary-soft);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(--font-size-sm1);font-weight:var(--font-weight-normal);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.battle-data-rail{max-height:calc(100dvh - var(--header-height) - var(--app-header-height) - var(--second-header-height) - var(--bottom-nav-height) - var(--data-hub-card-scroll-inset) * 2);z-index:15;width:var(--battle-data-rail-width);align-self:flex-start;align-items:center;gap:var(--space-2);background:var(--color-bg);scrollbar-width:none;flex-direction:column;grid-area:1/2;padding:0;display:flex;position:sticky;top:0;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:50%;flex:none;display:block}.battle-data-rail-item img{object-fit:contain;width:100%;height:100%}.battle-data-rail-item[hidden],.battle-data-second-header .battle-data-season-field label{display:none}.data-hub-panel+.data-hub-panel{border-top:0}.top-builds-panel{background:0 0;padding:0;position:relative}.top-builds-panel:has(#top-builds-loading:not([hidden])){min-height:calc(100dvh - var(--header-height) - var(--app-header-height) - var(--second-header-height) - var(--bottom-nav-height))}.top-builds-panel .panel-content{max-width:none;padding:0}.top-builds-list{padding:0}.top-builds-list .ranked-team-status{color:var(--data-hub-muted-color)}.top-builds-list #top-builds-loading.loading-center{margin:0}.top-builds-list #top-builds-error{color:var(--color-danger-strong)}.top-builds-load-more-wrap{padding:var(--space-6) 0;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}