.records-page{max-width:1200px;margin:0 auto;padding:16px 16px 48px;overflow-x:visible}.records-page__tabs{margin-bottom:20px}.records-page__loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:36px 16px 8px;display:flex}.records-page__first-row{width:100%;margin-bottom:36px;padding:8px 0 14px;overflow:visible}.records-page__first-row-track{flex-wrap:wrap;place-content:center;align-items:stretch;gap:12px 14px;width:100%;max-width:100%;margin:0 auto;padding:4px 0;display:flex}.records-page__first-row-tile-wrap{flex-direction:column;flex:none;width:min(100%,200px);min-width:0;max-width:200px;height:100%;display:flex}.records-page__table-section{margin-top:8px;overflow-x:visible}.records-page__table-body{width:100%}.records-page__table-title{color:var(--text-primary,var(--text-main));margin:0 0 16px;font-size:1.25rem;font-weight:600}.records-page__empty{text-align:center;border-radius:var(--card-radius,12px);background:color-mix(in srgb, var(--background-teritiary) 88%, var(--background-main));color:var(--text-secondary);padding:32px 20px}.records-page__empty-hint{opacity:.85;margin-top:8px;font-size:.9rem}.records-first-tile{--podium-gold:var(--system-colors-gold,#f8b34d);--podium-gold-dim:color-mix(in srgb, var(--system-colors-gold,#f8b34d) 62%, var(--background-main,#000) 38%);--tile-glow:color-mix(in srgb, var(--system-colors-gold,#f8b34d) 22%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--background-teritiary) 92%, var(--background-main)) 0%, color-mix(in srgb, var(--background-main) 94%, transparent) 48%, color-mix(in srgb, var(--background-secondary) 90%, var(--background-main)) 100%);width:100%;min-width:0;min-height:180px;box-shadow:0 0 0 1px color-mix(in srgb, var(--text-main) 9%, transparent) inset,0 12px 32px #00000059,0 0 40px -12px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 22%, transparent);isolation:isolate;border-radius:18px;flex-direction:column;flex:auto;align-items:center;padding:12px 10px 14px;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.records-first-tile:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--system-colors-gold,#f8b34d) 42%, transparent) 0%, color-mix(in srgb, var(--primary-colors-main) 24%, transparent) 42%, color-mix(in srgb, var(--text-main) 10%, transparent) 78%);-webkit-mask-composite:xor;pointer-events:none;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.records-first-tile:after{content:"";background:radial-gradient(ellipse 80% 100% at 50% 0%, var(--tile-glow), transparent 70%);pointer-events:none;z-index:0;border-radius:50%;height:42%;position:absolute;inset:18% 10% auto}.records-first-tile:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--text-main) 11%, transparent) inset,0 18px 40px #0006,0 0 48px -8px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 30%, transparent);transform:translateY(-3px)}.records-first-tile--empty{opacity:.5;justify-content:center;min-height:180px;box-shadow:0 8px 24px #00000038}.records-first-tile--empty:after{opacity:.35}.records-first-tile--empty:hover{transform:none}.records-first-tile__label{z-index:1;text-align:center;color:color-mix(in srgb, var(--text-main) 88%, transparent);text-transform:uppercase;letter-spacing:.07em;background:color-mix(in srgb, var(--background-main) 52%, transparent);border:1px solid color-mix(in srgb, var(--text-main) 8%, transparent);-webkit-line-clamp:2;border-radius:999px;-webkit-box-orient:vertical;max-width:100%;margin-bottom:6px;padding:4px 8px;font-size:.62rem;font-weight:700;line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.records-first-tile__crown-wrap{z-index:1;background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--system-colors-gold,#f8b34d) 22%, transparent), transparent 55%);width:40px;height:40px;box-shadow:0 0 24px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 28%, transparent);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex;position:relative}.records-first-tile__crown{filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 55%, transparent));color:var(--podium-gold)!important;font-size:26px!important}.records-first-tile__body{z-index:1;width:auto;min-width:0;max-width:100%;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;flex:auto;justify-content:center;align-self:center;align-items:center;gap:12px;margin-top:2px;padding:0;text-decoration:none;transition:transform .22s;display:flex;position:relative}.records-first-tile__body:hover{transform:translateY(-1px)}.records-first-tile__body-main{flex-direction:column;flex:0 auto;justify-content:center;align-items:flex-start;gap:4px;min-width:0;max-width:100%;display:flex}.records-first-tile--empty .records-first-tile__body{pointer-events:none;background:0 0;flex-direction:column;justify-content:center;min-height:102px}.records-first-tile__dash{color:var(--text-teritiary);opacity:.6;font-size:1.35rem}.records-vip-avatar{box-sizing:border-box;flex-shrink:0;position:relative;overflow:visible}.records-vip-avatar--36{width:36px;height:36px}.records-vip-avatar--40{width:40px;height:40px}.records-vip-avatar--48{width:48px;height:48px}.records-vip-avatar--56{width:56px;height:56px}.records-vip-avatar--round .records-vip-avatar__img,.records-vip-avatar--round .records-vip-avatar__fallback{border-radius:50%}.records-vip-avatar--square .records-vip-avatar__img,.records-vip-avatar--square .records-vip-avatar__fallback{border-radius:10px}.records-vip-avatar .records-vip-avatar__img{z-index:1;object-fit:cover;border:2px solid color-mix(in srgb, var(--border-color-default) 70%, var(--text-main));box-sizing:border-box;width:100%;height:100%;display:block;position:relative}.records-vip-avatar .records-vip-avatar__fallback{z-index:1;width:100%;height:100%;color:var(--text-primary,var(--text-main));background:color-mix(in srgb, var(--background-teritiary) 92%, var(--background-main));border:2px solid color-mix(in srgb, var(--border-color-default) 70%, var(--text-main));box-sizing:border-box;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.records-vip-avatar--36 .records-vip-avatar__fallback{font-size:.8rem}.records-vip-avatar--40 .records-vip-avatar__fallback{font-size:.88rem}.records-vip-avatar--48 .records-vip-avatar__fallback,.records-vip-avatar--56 .records-vip-avatar__fallback{font-size:1rem}.records-vip-avatar .records-vip-avatar__frame{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.records-vip-avatar .records-vip-avatar__frame-img{object-fit:contain;box-sizing:content-box;width:100%;height:100%;transform:scale(1.22);border:none!important;border-radius:0!important}.records-first-tile__vip-avatar .records-vip-avatar__img,.records-first-tile__vip-avatar .records-vip-avatar__fallback{box-shadow:0 0 0 3px color-mix(in srgb, var(--background-main) 94%, transparent),0 4px 14px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 28%, transparent);border:2px solid color-mix(in srgb, var(--system-colors-gold,#f8b34d) 58%, var(--border-color-default))!important}.records-first-tile__name{text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;color:var(--text-primary,var(--text-main));text-shadow:0 1px 2px color-mix(in srgb, var(--background-main) 65%, transparent);font-size:.8rem;font-weight:600;overflow:hidden}.records-first-tile__score{font-variant-numeric:tabular-nums;color:var(--primary-colors-primary,var(--primary-colors-main));text-align:left;font-size:.88rem;font-weight:700;line-height:1.25}.records-first-tile__your-rank{z-index:1;text-align:center;letter-spacing:.06em;text-transform:uppercase;width:100%;color:color-mix(in srgb, var(--primary-colors-main) 72%, var(--text-secondary));margin-top:auto;padding-top:10px;font-size:.62rem;font-weight:600;line-height:1.35;position:relative}.records-leaderboard{width:100%}.records-leaderboard__scroll{box-sizing:border-box;--records-lb-bleed:22px;padding-bottom:4px;padding-left:var(--records-lb-bleed);--records-lb-cols:44px minmax(120px, 1.35fr) repeat(9, minmax(56px, 1fr));overflow:visible}.records-leaderboard--server-players .records-leaderboard__scroll{--records-lb-cols:44px minmax(112px, 1.22fr) repeat(10, minmax(48px, 1fr))}.records-leaderboard--server-players .records-leaderboard__header,.records-leaderboard--server-players .records-leaderboard__list{min-width:880px}.records-leaderboard__row--viewer{border-color:color-mix(in srgb, var(--primary-colors-main) 34%, var(--border-color-default));box-shadow:0 4px 22px #00000047,0 0 0 1px color-mix(in srgb, var(--primary-colors-main) 16%, transparent) inset,0 0 24px -8px color-mix(in srgb, var(--primary-colors-secondary,var(--primary-colors-main)) 18%, transparent)}.records-leaderboard__row--viewer:hover{border-color:color-mix(in srgb, var(--primary-colors-main) 42%, var(--border-color-default))}.records-leaderboard__header,.records-leaderboard__list{margin-left:calc(-1*var(--records-lb-bleed));width:calc(100% + var(--records-lb-bleed));box-sizing:border-box;max-width:none}.records-leaderboard__header{grid-template-columns:var(--records-lb-cols);box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, var(--background-teritiary) 92%, var(--background-main)) 0%, color-mix(in srgb, var(--background-secondary) 88%, var(--background-main)) 100%);border:1px solid var(--border-color-default);text-transform:uppercase;letter-spacing:.04em;min-width:720px;color:var(--text-secondary);z-index:4;border-radius:16px;align-items:center;gap:6px 8px;margin-bottom:12px;padding:14px 14px 12px;font-size:.72rem;font-weight:600;display:grid;position:sticky;top:0;box-shadow:0 8px 28px #0000003d}.records-leaderboard__head-cell{white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;display:flex;overflow:hidden}.records-leaderboard__head-cell--rank{text-align:center;justify-content:center}.records-leaderboard__head-cell--user{text-align:left;justify-content:flex-start}.records-leaderboard__head-cell--sort{cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;text-align:right;background:0 0;border:none;border-radius:6px;justify-content:flex-end;justify-self:stretch;width:100%;padding:4px 0;transition:color .15s}.records-leaderboard__head-cell--sort:hover{color:var(--text-primary,var(--text-main))}.records-leaderboard__head-cell--active-desc,.records-leaderboard__head-cell--active-asc{color:var(--primary-colors-primary,var(--primary-colors-main))}.records-leaderboard__list{flex-direction:column;gap:10px;min-width:720px;padding:0 0 8px;display:flex}.records-leaderboard__row{grid-template-columns:var(--records-lb-cols);box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border-color-default) 85%, var(--text-main));background:linear-gradient(155deg, color-mix(in srgb, var(--background-teritiary) 90%, var(--background-main)) 0%, color-mix(in srgb, var(--background-main) 92%, transparent) 55%, color-mix(in srgb, var(--background-secondary) 88%, var(--background-main)) 100%);width:100%;max-width:100%;box-shadow:0 4px 20px #0000004d,0 0 0 1px color-mix(in srgb, var(--background-main) 55%, transparent) inset;border-radius:16px;align-items:center;gap:6px 8px;padding:12px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.records-leaderboard__row:hover{border-color:color-mix(in srgb, var(--primary-colors-main) 28%, var(--border-color-default));box-shadow:0 10px 32px #0000005c,0 0 0 1px color-mix(in srgb, var(--primary-colors-main) 14%, transparent),0 0 28px -8px color-mix(in srgb, var(--primary-colors-secondary,var(--primary-colors-main)) 24%, transparent);transform:translateY(-2px)}.records-leaderboard__row--bronze{z-index:1;border-color:color-mix(in srgb, var(--system-colors-bronze,#af7355) 38%, var(--border-color-default));width:100%;max-width:100%;box-shadow:0 4px 22px #0000004d,0 0 0 1px color-mix(in srgb, var(--system-colors-bronze,#af7355) 14%, transparent) inset;border-left-width:3px;margin-left:0;position:relative}.records-leaderboard__row--silver{z-index:2;border-color:color-mix(in srgb, var(--system-colors-silver,#b4b4b4) 34%, var(--border-color-default));width:100%;max-width:100%;box-shadow:0 4px 22px #0000004d,0 0 0 1px color-mix(in srgb, var(--system-colors-silver,#b4b4b4) 12%, transparent) inset;border-left-width:3px;margin-left:0;position:relative}.records-leaderboard__row--gold{z-index:3;border-color:color-mix(in srgb, var(--system-colors-gold,#f8b34d) 40%, var(--border-color-default));width:100%;max-width:100%;box-shadow:0 4px 22px #00000052,0 0 0 1px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 18%, transparent) inset,0 0 36px -12px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 22%, transparent);border-left-width:3px;margin-left:0;position:relative}.records-leaderboard__row--gold:hover,.records-leaderboard__row--silver:hover,.records-leaderboard__row--bronze:hover{border-color:color-mix(in srgb, var(--primary-colors-main) 32%, var(--border-color-default))}.records-leaderboard__row--gold .records-vip-avatar__img,.records-leaderboard__row--gold .records-vip-avatar__fallback{border-color:color-mix(in srgb, var(--system-colors-gold,#f8b34d) 58%, var(--border-color-default));box-shadow:0 0 0 2px color-mix(in srgb, var(--background-main) 88%, transparent),0 4px 16px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 22%, transparent)}.records-leaderboard__row--silver .records-vip-avatar__img,.records-leaderboard__row--silver .records-vip-avatar__fallback{border-color:color-mix(in srgb, var(--system-colors-silver,#b4b4b4) 48%, var(--border-color-default))}.records-leaderboard__row--bronze .records-vip-avatar__img,.records-leaderboard__row--bronze .records-vip-avatar__fallback{border-color:color-mix(in srgb, var(--system-colors-bronze,#af7355) 52%, var(--border-color-default))}.records-leaderboard__cell{font-variant-numeric:tabular-nums;min-width:0;font-size:.86rem}.records-leaderboard__cell--rank{text-align:center}.records-leaderboard__cell--user{min-width:0}.records-leaderboard__cell--num{text-align:right;color:var(--text-primary,var(--text-main));font-weight:600}.records-leaderboard__cell--sorted{color:var(--primary-colors-primary,var(--primary-colors-main))}.records-leaderboard__place{font-variant-numeric:tabular-nums;min-width:1.6rem;color:var(--text-teritiary);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.records-leaderboard__place--gold{color:var(--system-colors-gold,#f8b34d);text-shadow:0 0 12px color-mix(in srgb, var(--system-colors-gold,#f8b34d) 38%, transparent)}.records-leaderboard__place--silver{color:var(--system-colors-silver,#b4b4b4);text-shadow:0 0 10px color-mix(in srgb, var(--system-colors-silver,#b4b4b4) 28%, transparent)}.records-leaderboard__place--bronze{color:var(--system-colors-bronze,#af7355);text-shadow:0 0 10px color-mix(in srgb, var(--system-colors-bronze,#af7355) 30%, transparent)}.records-leaderboard__user{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.records-leaderboard__user:hover .records-leaderboard__username{color:var(--primary-colors-primary,var(--primary-colors-main))}.records-leaderboard__username{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;transition:color .15s;overflow:hidden}@media (max-width:768px){.records-page{box-sizing:border-box;max-width:100%;margin:0 auto;padding:8px 0 32px;overflow-x:clip}.records-page__tabs{margin-bottom:10px;padding:0 2px}.records-page__loading{padding:24px 12px 8px;font-size:14px}.records-page__first-row{margin-bottom:18px;padding:2px 0 8px}.records-page__first-row-track{justify-content:stretch;gap:8px;padding:2px 0}.records-page__first-row-tile-wrap{flex:calc(50% - 4px);width:auto;min-width:0;max-width:calc(50% - 4px)}.records-page__table-section{min-width:0;padding:0 2px}.records-page__table-title{margin:0 0 10px;padding:0 2px;font-size:1.05rem;line-height:1.3}.records-page__table-body{min-width:0}.records-page__empty{margin:0 2px;padding:22px 14px;font-size:14px}.records-first-tile{border-radius:14px;min-height:152px;padding:10px 6px 12px}.records-first-tile:hover{transform:none}.records-first-tile--empty{min-height:140px}.records-first-tile__body:hover{transform:none}.records-first-tile__label{margin-bottom:4px;padding:3px 6px;font-size:.58rem}.records-first-tile__body{gap:8px}.records-first-tile__name{font-size:.74rem}.records-first-tile__score{font-size:.8rem}.records-first-tile__your-rank{padding-top:8px;font-size:.55rem}.records-leaderboard{min-width:0;max-width:100%}.records-leaderboard__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-sizing:border-box;--records-lb-bleed:0;border-radius:var(--card-radius,12px);border:1px solid var(--border-color-default);background:color-mix(in srgb, var(--background-teritiary) 55%, var(--background-main));scrollbar-width:thin;scrollbar-color:var(--border-color-default) #0000;max-width:100%;margin:0;padding-bottom:10px;padding-left:0;padding-right:0;overflow:auto clip}.records-leaderboard__scroll::-webkit-scrollbar{height:6px}.records-leaderboard__scroll::-webkit-scrollbar-track{background:0 0}.records-leaderboard__scroll::-webkit-scrollbar-thumb{background:var(--border-color-default);border-radius:4px}.records-leaderboard__header,.records-leaderboard__list{box-sizing:border-box;width:100%;min-width:720px;max-width:none;margin-left:0}.records-leaderboard--server-players .records-leaderboard__header,.records-leaderboard--server-players .records-leaderboard__list{min-width:860px}.records-leaderboard__header{border:none;border-bottom:1px solid var(--border-color-default);box-shadow:none;z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--background-teritiary) 96%, var(--background-main)) 0%, color-mix(in srgb, var(--background-secondary) 92%, var(--background-main)) 100%);border-radius:0;gap:4px 6px;margin-bottom:8px;padding:10px 10px 8px;font-size:.62rem;position:relative;top:auto}.records-leaderboard__list{gap:8px;padding:8px 8px 6px}.records-leaderboard__row{border-radius:12px;gap:4px 6px;padding:10px}.records-leaderboard__row:hover{transform:none}.records-leaderboard__cell{font-size:.78rem}.records-leaderboard__user{gap:8px}.records-leaderboard__head-cell--sort{padding:2px 0;font-size:.62rem}}@media (max-width:380px){.records-page__first-row-tile-wrap{flex:100%;max-width:100%}}