:root{--primary-color: #F45E61;--secondary-color: #716EFF;--font-family-lexend: "Lexend","Inter";--font-family-noto: "Noto Sans", "Inter";--background-color: #1a1a1a;--background-color-02: #ffffff;font-family:var(--font-family-noto);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100%;min-height:100vh;color-scheme:light dark;color:#ffffffde;background-color:var(--background-color)}h1{font-size:3rem;line-height:1.1;margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}main{margin:0 auto;height:100vh;display:flex;flex-direction:column}.full{max-width:100%;margin:0 auto}.portrait{max-width:768px!important;margin:0 auto}.landscape{max-width:1440px!important;margin:0 auto}#root{--horizontal-text-color: #000000;--horizontal-font-family: var(--font-family-lexend);--horizontal-progress-color: #716EFF;--horizontal-progress-text-color: #fff}.leaderboards-container{height:auto;padding:32px;flex:4 0;display:flex;flex-direction:column;overflow:hidden;position:relative}.leaderboards-container .slick-slider{scrollbar-width:none;overflow-y:scroll}.leaderboards-container .slick-track{height:auto!important}.wrapper{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--primary-color)}.post-card{background-image:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.7),rgba(255,255,255,.5));backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border-radius:8px;border:3px #E11A1A solid;padding:4px 16px;margin:4px 0;height:60px}.post-card-child{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;gap:16px}.post-card-child>.rank{flex:0 0 20px;color:var(--horizontal-text-color);font-family:var(--horizontal-font-family);font-size:1rem;text-align:left}.post-card-child>.thumbnail{flex:0 0 15%;width:15%;height:auto;aspect-ratio:1;max-width:60px;border-radius:50%}.post-card-child>.rest{flex:1;justify-content:center;align-items:center;text-align:left}.post-card-child>.indicator-container{flex:0 0 5%;max-width:32px;align-items:center}.post-card-child>.indicator{flex:0 0 5%;max-width:32px;max-height:32px;align-items:center}.name{overflow:hidden;text-overflow:ellipsis;flex:1 0 10%;color:var(--horizontal-text-color);font-family:var(--horizontal-font-family);font-size:1rem;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.point{color:var(--horizontal-progress-text-color);font-family:var(--horizontal-font-family);font-size:.7rem;text-align:center;border-radius:8px;margin-left:-4px;padding:1px 4px;background-color:var(--horizontal-progress-color)}.progress-container{width:80%;display:flex;align-items:center}progress{border-top-left-radius:7px;border-bottom-left-radius:7px;height:10px;transition:all 1.5s}progress::-webkit-progress-bar{background-color:transparent;border-top-left-radius:7px;border-bottom-left-radius:7px}progress::-webkit-progress-value{background-color:var(--horizontal-progress-color);border-top-left-radius:7px;border-bottom-left-radius:7px}.triangle_down{width:0;height:0;border-left:1.5vmin solid transparent;border-right:1.5vmin solid transparent;border-top:1.5vmin solid red;font-size:0;line-height:0;float:left}.triangle_up{width:0;height:0;border-left:1.5vmin solid transparent;border-right:1.5vmin solid transparent;border-bottom:1.5vmin solid green;font-size:0;line-height:0;float:left}.bar-slide-in .post-card{opacity:0;transform:translate(100%);animation:bar-slide-in 1.5s ease-out forwards;-webkit-animation:bar-slide-in 1.5s ease-out forwards}@keyframes bar-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@-webkit-keyframes bar-slide-in{0%{transform:translate(100%);opacity:0}to{-webkit-transform:translateX(0%);opacity:1}}.bar-slide-out .post-card{animation:bar-slide-out 1.5s ease-out forwards;-webkit-animation:bar-slide-out 1.5s ease-out forwards}@keyframes bar-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@-webkit-keyframes bar-slide-out{0%{-webkit-transform:translateX(0%);opacity:1}to{-webkit-transform:translateX(100%);opacity:0}}:root{--champ-size:150px;--champ-gap: 45px;--svg-size:60px;--svg-margin-bottom:-16px;--border-size:8px;--max-height: 250px}@media only screen and (max-width: 420px){:root{--champ-size: 75px;--champ-gap: 20px;--svg-size: 40px;--svg-margin-bottom: -10px;--border-size: 4px;--max-height: 180px}}svg{width:var(--svg-size);height:var(--svg-size)}.champ-container{flex:4 0;max-height:var(--max-height);background-color:var(--primary-color);padding:16px 0}.champ-slide-group{display:flex;justify-content:center;gap:var(--champ-gap)}.champ-card{width:100%;display:block}.champ-item{display:flex;flex-direction:column;align-items:center;width:var(--champ-size)}.champ-image{width:var(--champ-size);height:var(--champ-size);aspect-ratio:1;border-radius:50%;background-color:var(--background-color-02);border:var(--border-size) solid transparent}.champ-name{overflow:hidden;text-overflow:ellipsis;font-size:1rem;font-family:var(--font-family-noto);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.champ-points{font-size:1rem;font-weight:700;font-family:var(--font-family-noto)}.champ-rank-container{position:relative;margin-bottom:8px}.champ-rank{font-size:1rem;position:absolute;bottom:0;left:50%;font-weight:700;transform:translate(-50%,11px);background:#B9B9B9;padding:8px;border-radius:40px;height:22px;color:#000}.champ-crown{margin-bottom:var(--svg-margin-bottom);opacity:0}.ranked .champ-crown{opacity:1;fill:var(--rank-color)}.ranked .champ-image{border:var(--border-size) solid var(--rank-color)}.ranked .champ-rank{background:var(--rank-color)}.champ-rank-1{--rank-color: #FFD028 }.champ-rank-2{--rank-color: #D9D9D9 }.champ-rank-3{--rank-color: #9F9F9F }.champ-slide-in .champ-slide-group{opacity:0;transform:translateY(100%);animation:champ-slide-in 1.5s ease-out forwards;-webkit-animation:champ-slide-in 1.5s ease-out forwards}@keyframes champ-slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes champ-slide-in{0%{transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0%);opacity:1}}.champ-slide-out .champ-slide-group{animation:champ-slide-out 1.5s ease-out forwards;-webkit-animation:champ-slide-out 1.5s ease-out forwards}@keyframes champ-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@-webkit-keyframes champ-slide-out{0%{-webkit-transform:translateY(0%);opacity:1}to{-webkit-transform:translateY(100%);opacity:0}}