.page.rank .container{max-width:calc(1240px + var(--container-padding-left) + var(--container-padding-right));container-type:inline-size}.page.rank .container h1{margin:0 0 20px}.page.rank .container .intro{color:var(--white-80);margin-bottom:40px}.page.rank .container .summary-card{border:2px solid var(--primary-700);border-radius:24px;grid-template-columns:1fr;grid-template-areas:"current-rank""next-rank-and-stats""achievements-wrapper";justify-content:space-between;align-items:center;gap:50px;padding:40px;display:grid;position:relative;overflow:hidden}.page.rank .container .summary-card .glow{background:rgb(from var(--brand-400)r g b/.1);filter:blur(75px);width:241px;height:216px;position:absolute;top:0;right:0}.page.rank .container .summary-card .current-rank{flex-direction:column;grid-area:current-rank;justify-content:flex-end;align-items:center;display:flex}.page.rank .container .summary-card .current-rank .icon-ring{border:3px solid var(--white-10);border-radius:100rem;padding:40px}.page.rank .container .summary-card .current-rank .icon-ring img{display:block}.page.rank .container .summary-card .current-rank .icon-ring{margin-bottom:24px}.page.rank .container .summary-card .current-rank .badge{border-radius:100rem;margin-bottom:20px;padding:4px 16px}.page.rank .container .summary-card .current-rank .elo-rating{margin-bottom:4px}.page.rank .container .summary-card .current-rank .elo-rating-text{color:var(--white-50)}.page.rank .container .summary-card .next-rank-and-stats{grid-area:next-rank-and-stats}.page.rank .container .summary-card .next-rank-and-stats .next-rank-progression-slim{flex-direction:column;gap:8px;width:100%;display:flex}.page.rank .container .summary-card .next-rank-and-stats .next-rank-progression-slim .row{justify-content:space-between;display:flex}.page.rank .container .summary-card .next-rank-and-stats .next-rank-progression-slim .row .progress-line{background-color:var(--white-10);border-radius:100rem;width:100%;height:14px}.page.rank .container .summary-card .next-rank-and-stats .next-rank-progression-slim .row .progress-line .progress-line-inner{background-color:var(--primary-700);border-radius:100rem;height:100%}.page.rank .container .summary-card .next-rank-and-stats .next-rank-progression-slim .row.bottom{color:var(--white-50)}.page.rank .container .summary-card .next-rank-and-stats .next-rank-progression-slim{margin-bottom:62px}.page.rank .container .summary-card .next-rank-and-stats .stats{flex-wrap:wrap;gap:20px;display:flex}.page.rank .container .summary-card .next-rank-and-stats .stats .stat{background-color:var(--primary-800);border-radius:8px;flex-direction:column;flex-grow:1;align-items:center;padding:12px 20px;display:flex}.page.rank .container .summary-card .next-rank-and-stats .stats .stat .title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.page.rank .container .summary-card .next-rank-and-stats .stats .stat .title img{border-radius:2px;display:block}.page.rank .container .summary-card .next-rank-and-stats .stats .stat .value span{color:var(--white-100)}.page.rank .container .summary-card .next-rank-and-stats .stats .stat .value{margin-bottom:4px}.page.rank .container .summary-card .next-rank-and-stats .stats .stat .meta,.page.rank .container .summary-card .next-rank-and-stats .stats .stat .value{color:var(--white-50)}.page.rank .container .summary-card .line{background-color:var(--primary-700);grid-area:line;width:2px;height:100%;display:none}.page.rank .container .summary-card .achievements-wrapper{grid-area:achievements-wrapper}.page.rank .container .summary-card .achievements-wrapper .title{text-transform:uppercase;color:var(--white-50);margin-bottom:20px}.page.rank .container .summary-card .achievements-wrapper .achievements{flex-direction:column;gap:12px;display:flex}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement{background-color:var(--primary-800);border-radius:6px;align-items:center;gap:20px;padding:14px 20px;display:flex}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement a{color:inherit}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .icon-wrapper{background-color:var(--accents-star-10);color:var(--accents-star);border-radius:100rem;padding:10px}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .icon-wrapper svg{display:block}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .icon-wrapper.award{background-color:var(--accents-star-10);color:var(--accents-star)}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .icon-wrapper.trending{background-color:var(--success-10);color:var(--success-100)}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .icon-wrapper.bar{background-color:var(--accents-blue-10);color:var(--accents-blue)}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .content{flex-grow:1}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .content .achievement-title{color:var(--white-50);margin-bottom:4px}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .content .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.page.rank .container .summary-card .achievements-wrapper .achievements .achievement .content .row .label{color:var(--white-50)}@container (min-width:700px){.page.rank .container .summary-card{grid-template-columns:144px 1fr;grid-template-areas:"current-rank next-rank-and-stats""achievements-wrapper achievements-wrapper"}}@container (min-width:1200px){.page.rank .container .summary-card{grid-template-columns:164px 400px 2px 305px;grid-template-areas:"current-rank next-rank-and-stats line achievements-wrapper";padding:32px 60px}.page.rank .container .summary-card .line{display:block}.page.rank .container .summary-card .current-rank{padding-right:20px}}.page.rank .container .ranks-wrapper .title{margin-top:70px;margin-bottom:32px}.page.rank .container .ranks-wrapper .ranks{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:32px 20px;display:grid}.page.rank .container .ranks-wrapper .ranks .rank{flex-direction:column;align-items:center;display:flex}.page.rank .container .ranks-wrapper .ranks .rank .rank-name{margin-top:25px;margin-bottom:8px}.page.rank .container .ranks-wrapper .ranks .rank .range{color:var(--white-50)}.page.rank .container .platform-elo-data{grid-template-columns:1fr;gap:32px 70px;margin-top:84px;display:grid}.page.rank .container .platform-elo-data .title{margin-bottom:8px}.page.rank .container .platform-elo-data .intro{color:var(--white-50)}.page.rank .container .platform-elo-data .elo-distribution,.page.rank .container .platform-elo-data .elo-progression{flex-direction:column;display:flex}.page.rank .container .platform-elo-data .chart-container,.page.rank .container .platform-elo-data .recharts-responsive-container{width:100%;height:300px}.page.rank .container .platform-elo-data .elo-distribution-chart .chart-container,.page.rank .container .platform-elo-data .elo-distribution-chart .recharts-responsive-container{height:329px}@container (min-width:600px){.page.rank .container .platform-elo-data{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.page.rank .container .how-it-works-wrapper{margin-top:70px}.page.rank .container .how-it-works-wrapper>.title{margin:0 0 12px}.page.rank .container .how-it-works-wrapper>.intro{color:var(--white-50);margin-bottom:50px}.page.rank .container .how-it-works-wrapper .cards{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px 40px;display:grid}.page.rank .container .how-it-works-wrapper .cards .card .title{color:var(--white-100);margin-bottom:8px}.page.rank .container .how-it-works-wrapper .cards .card{width:100%;color:var(--white-50)}.page.rank .container .the-formula-wrapper{margin-top:50px;margin-bottom:92px}.page.rank .container .the-formula-wrapper .top-wrapper{background-color:var(--primary-800);border-radius:8px;flex-direction:column;align-items:center;padding:28px;display:flex}.page.rank .container .the-formula-wrapper .top-wrapper>.title{margin-top:0;margin-bottom:8px}.page.rank .container .the-formula-wrapper .top-wrapper>.intro{margin-bottom:28px}.page.rank .container .the-formula-wrapper .formula{text-align:center}.page.rank .container .the-formula-wrapper .formula .gradient{background:var(--gradients-other-pink-orange-90deg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page.rank .container .the-formula-wrapper .formula .accents-star{color:var(--accents-star)}.page.rank .container .the-formula-wrapper .formula .accents-pink{color:var(--accents-pink)}.page.rank .container .the-formula-wrapper .formula .accents-orange{color:var(--accents-orange)}.page.rank .container .the-formula-wrapper .formula .accents-green{color:var(--accents-green)}.page.rank .container .the-formula-wrapper .formula .accents-blue{color:var(--accents-blue)}.page.rank .container .the-formula-wrapper .formula .dark-gray{color:var(--white-50)}.page.rank .container .the-formula-wrapper .cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:1fr;gap:20px 25px;margin-top:26px;display:grid}.page.rank .container .the-formula-wrapper .cards .card{background-color:var(--primary-800);border-radius:8px;padding:20px 24px}.page.rank .container .the-formula-wrapper .cards .card .header{align-items:center;gap:15px;margin-bottom:24px;display:flex}.page.rank .container .the-formula-wrapper .cards .card .header .icon-wrapper{background-color:var(--accents-star-10);color:var(--accents-star);border-radius:100rem;padding:10px}.page.rank .container .the-formula-wrapper .cards .card .header .icon-wrapper svg{display:block}.page.rank .container .the-formula-wrapper .cards .card.k-factor .rows{flex-direction:column;gap:4px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.k-factor .rows .row{flex-direction:row;justify-content:space-between;column-gap:10px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.k-factor .rows .row .label{color:var(--white-50)}.page.rank .container .the-formula-wrapper .cards .card.diff-multiplier .rows{flex-direction:column;gap:4px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.diff-multiplier .rows .row{flex-direction:row;justify-content:space-between;column-gap:10px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.diff-multiplier .rows .row .label{color:var(--white-50)}.page.rank .container .the-formula-wrapper .cards .card.diff-multiplier .header .icon-wrapper{color:var(--accents-pink);background-color:var(--accents-pink-10)}.page.rank .container .the-formula-wrapper .cards .card.diff-multiplier .formula-wrapper{margin-bottom:24px}.page.rank .container .the-formula-wrapper .cards .card.diff-multiplier .formula-wrapper .label{color:var(--white-50);display:block}.page.rank .container .the-formula-wrapper .cards .card.diff-multiplier .formula-wrapper .text{display:block}.page.rank .container .the-formula-wrapper .cards .card.abandon-factor .header .icon-wrapper{color:var(--accents-orange);background-color:var(--accents-orange-10)}.page.rank .container .the-formula-wrapper .cards .card.abandon-factor .rows{flex-direction:column;gap:12px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.abandon-factor .rows .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.abandon-factor .rows .row .label .second-line{color:var(--white-50)}.page.rank .container .the-formula-wrapper .cards .card.abandon-factor .rows .row .value.success{color:var(--success-100)}.page.rank .container .the-formula-wrapper .cards .card.abandon-factor .rows .row .value.error{color:var(--error-100)}.page.rank .container .the-formula-wrapper .cards .card.expected-result .header .icon-wrapper{color:var(--accents-blue);background-color:var(--accents-blue-10)}.page.rank .container .the-formula-wrapper .cards .card.expected-result .math-wrapper{margin-bottom:24px}.page.rank .container .the-formula-wrapper .cards .card.expected-result .rows{flex-direction:column;gap:4px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.expected-result .rows .row{flex-direction:row;justify-content:space-between;column-gap:10px;display:flex}.page.rank .container .the-formula-wrapper .cards .card.expected-result .rows .row .label{color:var(--white-50)}.page.rank .container .the-formula-wrapper .cards .card.expected-result .rows .row .value.success{color:var(--success-100)}.page.rank .container .the-formula-wrapper .cards .card.expected-result .rows .row .value.error{color:var(--error-100)}
.calculation-examples{--step-offset:12px;max-width:600px;margin:0 auto}.calculation-examples h2.title{text-align:center;margin-bottom:40px}.calculation-examples .dropdowns{flex-direction:column;gap:36px;display:flex}.calculation-examples .dropdowns .dropdown .content{margin-top:24px;margin-bottom:54px}.calculation-examples .dropdowns .dropdown .content .info-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.calculation-examples .dropdowns .dropdown .content .info-cards .info-card{background-color:var(--primary-800);border-radius:6px;padding:14px 20px}.calculation-examples .dropdowns .dropdown .content .info-cards .info-card .card-title{margin-bottom:12px}.calculation-examples .dropdowns .dropdown .content .info-cards .info-card .value{margin-bottom:4px}.calculation-examples .dropdowns .dropdown .content .info-cards .info-card .card-title,.calculation-examples .dropdowns .dropdown .content .info-cards .info-card .meta{color:var(--white-50)}.calculation-examples .dropdowns .dropdown .content .info-cards{margin-bottom:12px}.calculation-examples .dropdowns .dropdown .content .summary{border-radius:6px;margin-bottom:32px;padding:12px 16px}.calculation-examples .dropdowns .dropdown .content .summary .title{color:var(--white-100)}.calculation-examples .dropdowns .dropdown .content .summary .text{color:var(--white-50)}.calculation-examples .dropdowns .dropdown .content .summary.warning{background-color:var(--warning-10)}.calculation-examples .dropdowns .dropdown .content .summary.error{background-color:var(--error-10)}.calculation-examples .dropdowns .dropdown .content .extra-info{color:var(--white-50);text-align:right;margin-top:12px;margin-left:auto}.calculation-examples .dropdowns .dropdown .content .steps{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.calculation-examples .dropdowns .dropdown .content .steps .step{background-color:var(--primary-800);border-radius:100rem;align-items:center;gap:12px;width:100%;padding:8px 24px 8px 14px;display:flex;position:relative}@media (min-width:540px){.calculation-examples .dropdowns .dropdown .content .steps .step:first-child{width:calc(100% - (var(--step-offset)*0))}.calculation-examples .dropdowns .dropdown .content .steps .step:nth-child(2){width:calc(100% - (var(--step-offset)*1))}.calculation-examples .dropdowns .dropdown .content .steps .step:nth-child(3){width:calc(100% - (var(--step-offset)*2))}.calculation-examples .dropdowns .dropdown .content .steps .step:nth-child(4){width:calc(100% - (var(--step-offset)*3))}.calculation-examples .dropdowns .dropdown .content .steps .step:nth-child(5){width:calc(100% - (var(--step-offset)*4))}.calculation-examples .dropdowns .dropdown .content .steps .step:nth-child(6){width:calc(100% - (var(--step-offset)*5))}.calculation-examples .dropdowns .dropdown .content .steps .step:nth-child(7){width:calc(100% - (var(--step-offset)*6))}.calculation-examples .dropdowns .dropdown .content .steps .step:nth-child(8){width:calc(100% - (var(--step-offset)*7))}}.calculation-examples .dropdowns .dropdown .content .steps .step .number-wrapper{background-color:var(--primary-900);border-radius:100rem;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.calculation-examples .dropdowns .dropdown .content .steps .step .step-content .title{margin-bottom:2px}.calculation-examples .dropdowns .dropdown .content .steps .step .step-content .text{color:var(--white-50)}.calculation-examples .dropdowns .dropdown .content .steps .step .value{margin-left:auto}.calculation-examples .dropdowns .dropdown .content .steps .step:not(:last-of-type):after{content:" ";background-color:var(--primary-400);width:2px;height:17px;position:absolute;top:100%;left:30px}.calculation-examples .dropdowns .dropdown .preview-wrapper{cursor:pointer;align-items:center;gap:20px;display:flex}.calculation-examples .dropdowns .dropdown .preview-wrapper .title{margin-bottom:4px}.calculation-examples .dropdowns .dropdown .preview-wrapper .intro{margin:0}.calculation-examples .dropdowns .dropdown .preview-wrapper .icon-wrapper{border-radius:100rem;padding:10px}.calculation-examples .dropdowns .dropdown .preview-wrapper .icon-wrapper svg{display:block}.calculation-examples .dropdowns .dropdown .preview-wrapper .toggle svg{transition:transform .15s ease-in-out}.calculation-examples .dropdowns .dropdown .preview-wrapper .toggle{margin-left:auto}.calculation-examples .dropdowns .dropdown.active .preview-wrapper .toggle svg{transform:rotate(180deg)}