.hero-leaderboard{background-color:#010101;width:100%;min-height:120vh;max-height:130vh;position:relative;overflow:hidden}.hero-leaderboard-bg{z-index:0;transform-origin:top;background-image:url(/Leaderboard/HeroLeaderboard.png);background-position:top;background-size:cover;position:absolute;inset:0}.hero-leaderboard-dekor{z-index:0;width:100%;height:10%;display:none;position:absolute;top:0%;right:-5%}@media (max-width:1024px){.hero-leaderboard{min-height:80vh;max-height:80vh}.hero-leaderboard-bg{background-position:top}.hero-leaderboard-dekor{width:100%;height:auto;top:0;right:0}}@media (max-width:1024px) and (orientation:portrait){.hero-leaderboard-bg{transform:scale(1.35)}}@media (max-width:1024px) and (orientation:landscape){.hero-leaderboard{max-height:100vh}.hero-leaderboard-bg{transform:scale(1.05)}}@media (max-height:700px) and (orientation:landscape){.hero-leaderboard{min-height:130vh;max-height:130vh}}
.klasemen{background-color:#050709;align-items:center;width:100%;min-height:130vh;max-height:150vh;position:relative;overflow:hidden}.klasemen-bg{z-index:0;background-image:url(/elements/assets/leaderboard/klasemen/KlaseBGnew.png);background-position:top;background-size:cover;position:absolute;inset:0}.klasemen-dekor{width:100%;height:auto;position:absolute;inset:0}.klasemen-title{z-index:2;flex-direction:column;align-items:center;gap:8px;width:20%;display:flex;position:absolute;top:29.5%;left:50%;transform:translate(-50%)}.klasemen-title h1{z-index:1;color:#28292c;font-family:var(--font-agent-expanded), sans-serif;letter-spacing:1px;text-transform:uppercase;text-align:center;text-shadow:0 2px #0009,0 4px 12px #00000080,0 0 30px #ffffff14;margin-top:5px;font-size:clamp(12px,5vw,60px);line-height:.95}.klasemen-judul{width:100%;height:auto;position:absolute}.klasemen-table{z-index:1;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;bottom:55%}.klasemen-kertas-wrap{place-self:center;width:70%;height:auto;position:absolute;bottom:10%}.klasemen-kertas{width:100%;height:auto;display:block;position:absolute}.klasemen-grid{font-family:var(--font-stack-sans-regular), sans-serif;flex-direction:column;margin-top:65px;display:flex;position:absolute;left:4%;right:4%}.klasemen-grid-header,.klasemen-grid-row{grid-template-columns:8% 1fr 10% 10% 10% 14%;align-items:center;gap:clamp(4px,1vw,12px);padding:clamp(4px,1vh,10px) clamp(6px,1.2vw,14px);display:grid}.klasemen-grid-header{color:#fff;background:#14213d;border-radius:8px 8px 0 0;font-size:clamp(10px,1.4vw,16px);font-weight:700}.klasemen-grid-row{color:#1a1a1a;border-bottom:1px solid #00000026;font-size:clamp(9px,1.3vw,15px);font-weight:600}.col-rank{color:#fff;background:#14213d;border-radius:6px;justify-content:center;align-items:center;width:clamp(18px,2vw,28px);height:clamp(18px,2vw,28px);font-size:clamp(8px,1.1vw,12px);font-weight:700;display:flex}.col-team{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:clamp(4px,.8vw,10px);display:flex;overflow:hidden}.col-team-logo{object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(16px,2vw,28px);height:clamp(16px,2vw,28px)}.col-medal,.col-poin{text-align:center}.col-medal-header img{aspect-ratio:auto;width:clamp(14px,1.8vw,24px);height:auto;margin:0 auto;display:block}.klasemen-kertas-mobile{display:none}@media (min-width:1536px){.klasemen-title{width:320px}.klasemen-title h1{margin-top:7px;font-size:60px}.klasemen-judul{width:320px;height:auto}.klasemen-kertas-wrap{width:85%;height:620px;top:90%;bottom:auto}.klasemen-kertas-desktop{object-fit:fill;width:100%!important;height:100%!important}}@media (min-width:1025px) and (max-width:1450px) and (orientation:portrait){.klasemen-grid{transform:scale(1.2)}.klasemen-kertas-wrap{width:100%}.klasemen-grid{width:77.5%;height:50%;margin-top:70px;margin-left:7%}.klasemen-grid-row{height:clamp(10px,100vh,40px)}.klasemen-grid-row>*{transform:translateY(-5px)}.klasemen-title{width:50%}.klasemen-title h1{font-size:clamp(12px,10vw,120px)}}@media (min-width:1025px) and (max-width:1450px) and (orientation:landscape){.klasemen{max-height:120vh}.klasemen-bg{transform:scale(1.05)}.klasemen-grid{margin-top:60px}.klasemen-kertas-wrap{width:85%;height:580px;min-height:580px;top:90%;bottom:auto}.klasemen-kertas-desktop{object-fit:fill;width:100%!important;height:100%!important}.klasemen-grid-row{height:clamp(10px,100vh,42px)}.klasemen-title{width:320px}.klasemen-title h1{margin-top:7px;font-size:60px}.klasemen-judul{width:320px;height:auto}}@media (max-width:1024px) and (orientation:portrait){.klasemen-grid{transform:scale(1.2)}.klasemen-kertas-wrap{width:100%}.klasemen-grid{width:77.5%;height:50%;margin-top:40px;margin-left:7%}.klasemen-grid-row{height:clamp(10px,5vh,26px)}.klasemen-grid-row>*{transform:translateY(-5px)}.klasemen-title{width:50%}.klasemen-title h1{font-size:clamp(12px,10vw,120px)}}@media (max-width:1024px) and (orientation:landscape){.klasemen{max-height:120vh}.klasemen-bg{transform:scale(1.05)}.klasemen-grid{margin-top:45px}.klasemen-kertas-wrap{width:85%;height:520px;min-height:520px;top:90%;bottom:auto}.klasemen-kertas-desktop{object-fit:fill;width:100%!important;height:100%!important}.klasemen-grid-row{height:clamp(28px,5vh,36px)}.klasemen-title{width:30%}}@media (max-width:640px){.klasemen-kertas-desktop{display:none}.klasemen-kertas-mobile,img.klasemen-kertas-mobile{object-fit:fill;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.klasemen-title{width:270px;top:30%}.klasemen-title h1{font-size:clamp(20px,100vw,55px)}.klasemen-kertas-wrap{width:90%;height:700px;min-height:700px;max-height:700px;top:100%;bottom:auto;transform:translateY(-15%)}.klasemen-grid{justify-content:space-between;inset:8% 5% 3%}.klasemen-grid-row{height:auto;min-height:43px}.klasemen-grid-row>*{transform:translateY(0)}.klasemen-grid-header,.klasemen-grid-row{grid-template-columns:12% 1fr 13% 13% 13% 18%;gap:3px;padding:clamp(3px,1vh,6px) 4px}.col-rank{width:16px;height:16px}.col-team-logo{width:14px;height:14px}}@media (min-width:920px) and (max-width:970px) and (min-height:425px) and (max-height:450px){.klasemen-grid-row{min-height:34px}.klasemen-title h1{font-size:clamp(20px,8vw,58px)}.klasemen-grid{margin-top:45px}}@media (max-height:400px){.klasemen-title{width:25%;top:2%}.klasemen-title h1{font-size:clamp(12px,5vh,20px)}.klasemen-kertas-wrap{width:85%;bottom:2%}.klasemen-grid{justify-content:space-between;top:4%;bottom:2%}.klasemen-grid-row{min-height:20px}.klasemen-grid-header,.klasemen-grid-row{gap:2px;padding:1px 3px;font-size:clamp(6px,1.8vh,9px)}.col-rank{width:12px;height:12px;font-size:6px}.col-team-logo{width:10px;height:10px}.col-medal-header img{width:12px}}@media (min-width:641px) and (max-width:730px){.klasemen{max-height:120vh}.klasemen-bg{transform:scale(1.05)}.klasemen-grid{margin-top:90px}.klasemen-kertas-wrap{width:100%;height:520px;min-height:520px;top:90%;bottom:auto}.klasemen-kertas-desktop{object-fit:fill;width:100%!important;height:100%!important}}