.top-page{--top-col-avg:140px;--top-col-peak:112px;--top-col-up:128px}.top-honest{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:var(--sp-4) 0 0;padding:var(--sp-2) var(--sp-3);border:1px solid color-mix(in srgb,var(--tone-monitoring) 35%,transparent);border-radius:var(--r-md);background:color-mix(in srgb,var(--tone-monitoring) 8%,transparent);font-size:var(--fs-small);line-height:var(--lh-snug);color:var(--text-2)}.top-honest svg{flex:none;color:var(--tone-monitoring)}.top-honest b{color:var(--text)}.top-live{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "num" "sub"}.top-body{padding-bottom:var(--sp-10)}.top-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--sp-3);margin:0;padding:0;list-style:none}.top-fact{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(180deg,var(--surface-2),var(--surface-1))}.top-fact b{display:block;font-family:var(--font-display);font-size:var(--fs-title);font-weight:var(--fw-heavy);line-height:var(--lh-tight);font-variant-numeric:tabular-nums}.top-fact b + span{display:block;margin-top:var(--sp-1);font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--text-4)}.top-title{margin:var(--sp-8) 0 var(--sp-4)}.top-row__link{position:absolute;inset:0;z-index:1}.top-row__name a,.top-row>.server-link-wrapper,.top-podium__card>.server-link-wrapper{position:relative;z-index:2}.top-row__icon{width:var(--box-xl);height:var(--box-xl);border-radius:var(--r-xs);image-rendering:pixelated}.top-row__icon--lg{width:var(--box-2xl);height:var(--box-2xl)}.top-row__icon--none{display:grid;place-items:center;background:var(--surface-3);color:var(--text-4)}.top-row__who{min-width:0}.top-row__name{margin:0;overflow:hidden;font-size:var(--fs-body);font-weight:var(--fw-heavy);line-height:var(--lh-snug);text-overflow:ellipsis;white-space:nowrap}.top-row__name a{color:var(--text);text-decoration:none}.top-row__name a:hover{color:var(--accent)}.top-row__tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);height:var(--tap-min);margin:var(--sp-2) 0 0;overflow:hidden}.top-grow{--mark:var(--success)}.top-podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--sp-4)}.top-podium__card[data-rank="1"]{--medal:var(--medal-1)}.top-podium__card[data-rank="2"]{--medal:var(--medal-2)}.top-podium__card[data-rank="3"]{--medal:var(--medal-3)}.top-podium__card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);transition:transform var(--dur-slow) var(--ease-out)}.top-podium__card::before,.top-podium__card::after{content:"";position:absolute;z-index:-1;clip-path:var(--notch);pointer-events:none}.top-podium__card::before{inset:0;background:linear-gradient(180deg,var(--medal),color-mix(in srgb,var(--medal) 30%,var(--surface-4)))}.top-podium__card::after{inset:2px;background:radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--medal) 16%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--bg-deep))}.top-podium__card:hover{transform:translateY(-3px)}.top-podium__medal{position:absolute;top:calc(-1 * var(--sp-2));right:var(--sp-5);z-index:2;display:grid;place-items:center;width:var(--box-lg);height:var(--box-lg);background:var(--medal);font-family:var(--font-display);font-size:var(--fs-lead);font-weight:var(--fw-heavy);color:var(--accent-contrast);box-shadow:0 0 var(--sp-5) color-mix(in srgb,var(--medal) 45%,transparent)}.top-podium__who{display:grid;grid-template-columns:var(--box-2xl) minmax(0,1fr);align-items:center;gap:var(--sp-3)}.top-podium__who .top-row__name{padding-right:var(--sp-8);font-size:var(--fs-lead)}.top-podium__avg{margin:0}.top-podium__avg b{display:block;font-family:var(--font-display);font-size:var(--fs-plate);font-weight:var(--fw-heavy);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.top-podium__avg span{display:block;margin-top:var(--sp-1);font-size:var(--fs-caption);color:var(--text-4)}.top-podium__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2);margin:0;padding-top:var(--sp-3);border-top:1px solid var(--border)}.top-podium__facts dt{font-size:var(--fs-caption);color:var(--text-4)}.top-podium__facts dd{margin:var(--sp-1) 0 0;font-size:var(--fs-body);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.top-podium__card>.server-link-wrapper{margin-top:auto}.top-head,.top-row{grid-template-columns:var(--box-md) var(--box-xl) minmax(0,1fr) var(--top-col-avg) var(--top-col-peak) var(--top-col-up) var(--server-side-w);column-gap:var(--sp-4)}.top-head{position:sticky;top:var(--header-h);z-index:5;display:grid;align-items:center;margin-top:var(--sp-8);margin-bottom:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-4)}.top-head__sorted{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--tone-monitoring);white-space:nowrap}.top-head__sorted svg{flex:none;width:var(--icon-sm);height:var(--icon-sm);transform:rotate(90deg)}.top-list{display:grid;gap:var(--sp-2)}.top-row{--row-frame:color-mix(in srgb,var(--text) 9%,var(--surface-3));position:relative;isolation:isolate;display:grid;grid-template-areas:"rank icon who avg peak up get";align-items:center;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);transition:transform var(--dur-slow) var(--ease-out)}.top-row::before,.top-row::after{content:"";position:absolute;z-index:-1;clip-path:var(--notch);pointer-events:none}.top-row::before{inset:0;background:var(--row-frame);transition:background var(--dur) var(--ease)}.top-row::after{inset:1px;background:linear-gradient(180deg,var(--surface-2),var(--surface-1))}.top-row:hover{--row-frame:var(--text);transform:translateY(-2px)}.top-row__rank{grid-area:rank;display:grid;place-items:center;width:var(--box-md);height:var(--box-md);background:var(--surface-sunken);box-shadow:var(--slot-bevel);font-size:var(--fs-caption);font-weight:var(--fw-heavy);color:var(--text-4);font-variant-numeric:tabular-nums}.top-row>.top-row__icon{grid-area:icon}.top-row>.top-row__who{grid-area:who}.top-cell--avg{grid-area:avg}.top-cell--peak{grid-area:peak}.top-cell--uptime{grid-area:up}.top-cell{display:grid;gap:2px}.top-cell b{font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.top-cell--avg b{font-size:var(--fs-title);font-weight:var(--fw-heavy);color:var(--text)}.top-cell>span{display:none;font-size:var(--fs-caption);color:var(--text-4)}.top-cell--uptime>span{display:block}.top-up{display:inline-flex;align-items:center;gap:var(--sp-2)}.top-up i{width:var(--sp-2);height:var(--sp-2);border-radius:var(--r-pill);background:var(--top-up,var(--success));box-shadow:0 0 var(--sp-2) color-mix(in srgb,var(--top-up,var(--success)) 60%,transparent)}.top-up--ok{--top-up:var(--success)}.top-up--warn{--top-up:var(--wait)}.top-up--bad{--top-up:var(--danger)}.top-note{margin:var(--sp-3) 0 0;font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--text-4)}.top-empty{margin-top:var(--sp-6)}.top-growth{margin-top:var(--sp-9)}.top-growth__list{display:grid;gap:var(--sp-2);margin:var(--sp-4) 0 0;padding:0;list-style:none}.top-growth__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(90deg,color-mix(in srgb,var(--success) 7%,var(--surface-2)),var(--surface-1) 60%)}.top-growth__row a{overflow:hidden;font-weight:var(--fw-bold);color:var(--text);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.top-growth__value{display:inline-flex;gap:var(--sp-2);font-size:var(--fs-small);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.top-more{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-7) 0 var(--sp-8)}.top-more a{display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--box-lg);padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--text-2);text-decoration:none}.top-more a:hover{border-color:var(--tone-monitoring);color:var(--text)}.top-more img{width:var(--icon-sm);height:var(--icon-sm);image-rendering:pixelated}@media (max-width:1100px) and (min-width:769px){.top-page{--top-col-avg:120px;--top-col-peak:96px;--top-col-up:112px}.top-head,.top-row{column-gap:var(--sp-3)}}@media (max-width:768px){.top-head{display:none}.top-list{margin-top:var(--sp-8)}.top-row{grid-template-columns:var(--box-xl) repeat(3,minmax(0,1fr));grid-template-areas:"icon who  who  who" "avg  avg  peak up" "get  get  get  get";gap:var(--sp-3);padding:var(--sp-3)}.top-row__rank{position:absolute;top:calc(-1 * var(--sp-1));left:calc(-1 * var(--sp-1));z-index:3;width:var(--icon-lg);height:var(--icon-lg)}.top-cell>span{display:block}.top-cell--avg b{font-size:var(--fs-lead)}.top-podium__avg b{font-size:var(--fs-display)}.top-growth__row{grid-template-columns:minmax(0,1fr) auto}.top-growth__value{grid-column:1 / -1;grid-row:2}}@media (max-width:480px){.top-page .catalog-live{display:grid;padding:var(--sp-3)}.top-page .catalog-live__num{font-size:var(--fs-display)}}