body,html{overflow-x:hidden}body{background-color:#fff;color:#fff;display:block;font-family:Helvetica Neue,sans-serif;justify-content:center;margin:0;padding:0}body:before{background:url(/images/logo_img.png?35b6875fd646d903c390176a1bd61710) no-repeat 50%/40vw;background-color:#ffffff00;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}main{margin:0 auto;padding:0}.container,main{box-sizing:border-box;max-width:800px;width:100%}.container{padding:0 10px}a,a:link,a:visited{color:inherit;text-decoration:none}footer,header{background-color:#111;border-bottom:1px solid #333;padding:20px;text-align:center}h1{color:#ff68c5;font-size:24px;margin:0 0 10px}h2{color:#000;font-size:18px;margin:20px 5px 0}.sub-header{display:grid;gap:10px;justify-content:center;margin:10px 0}.banner{align-items:center;border:1px solid #fff;border-radius:10px;box-shadow:3px 3px 10px 0 rgba(223,90,158,.8);display:flex;justify-content:center;padding:5px 30px;transition:background-color .3s,color .3s}.banner,.tab-toggle{background-color:transparent;color:#fc0;font-weight:700}.tab-toggle{border:1px solid #fc0;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s}.tab-toggle.active,.tab-toggle:hover{background-color:#fc0;color:#000}.ranking-info{color:#000;font-size:14px;padding:10px;text-align:center}.ranking-list{display:none;padding:10px 20px}.ranking-list.active{display:block}.ranking-entry{align-items:center;background-color:#1a1a1a;border-radius:8px;display:flex;margin-bottom:10px;padding:10px;transition:transform .2s}.ranking-entry:hover{transform:scale(1.02)}.ranking-entry.top{background-color:#2a2a2a;border:1px solid #fc0}.rank{color:#fc0;font-size:20px;font-weight:700;text-align:center;width:30px}.avatar,.rank{margin-right:15px}.avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.onlive{color:#fff;font-size:20px;position:absolute;top:8px;z-index:100}.onlive,.onlive.team{left:5px}.info{display:flex;flex-direction:column;width:100%}.name{font-weight:700;margin-bottom:4px}.name,.points{font-size:16px}.points{color:#fff;text-align:right}.back-to-top{background:rgba(0,0,0,.5);border:1px solid #fff;border-radius:50%;bottom:30px;color:#fff;cursor:pointer;display:none;font-size:24px;height:50px;position:fixed;right:30px;transition:background .3s;width:50px;z-index:1000}@media screen and (max-width:768px){main{max-width:750px}body:before{background:url(/images/logo_img.png?35b6875fd646d903c390176a1bd61710) no-repeat 50%/50vw}h1{font-size:20px}.ranking-entry{padding:8px}.rank{font-size:18px;width:25px}.avatar{height:35px;width:35px}.name,.points{font-size:14px}}@media screen and (max-width:480px){main{min-width:380px;padding:0;width:100%}body:before{background:url(/images/logo_img.png?35b6875fd646d903c390176a1bd61710) no-repeat 50%/80vw}h1{font-size:18px}.tab-toggle{font-size:14px;padding:8px 15px}.ranking-info{font-size:12px}.ranking-entry{padding:6px}.rank{font-size:16px;width:20px}.avatar,.rank{margin-right:10px}.avatar{height:30px;width:30px}.name,.points{font-size:12px}.back-to-top{bottom:15px;right:15px}}@media print{body{background-color:#fff;color:#000}.back-to-top,.tab-toggle{display:none}.ranking-list{display:block!important}.ranking-entry{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}}