.ranking{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:10px}.ranking-list{display:flex;justify-content:space-around;list-style-type:none;padding:0;flex-wrap:wrap}.ranking-item{position:relative;text-align:center;width:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;border-radius:8px;box-shadow:0 0 5px #0003}@media screen and (max-width: 1000px){.ranking-item{position:relative;text-align:center;width:50%;display:flex;flex-direction:column;align-items:center}.t3 .ranking-item:nth-child(1){order:1!important}.t3 .ranking-item:nth-child(2){order:2!important}.t3 .ranking-item:nth-child(3){order:3!important}}@media screen and (max-width: 600px){.ranking-item{position:relative;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}}.t3 .ranking-list{justify-content:center!important;gap:10px}.t100 .ranking-item{margin-bottom:30px}.circle{display:inline-block;border-radius:50%;width:60px;height:60px;line-height:60px;font-size:24px}.t3 .ranking-item{margin-top:20px}.t3 .ranking-item:nth-child(1) .avatar{border:5px solid gold;width:80px;height:80px;margin-top:25px}.t3 .ranking-item:nth-child(2) .avatar{border:5px solid silver;width:80px;height:80px;margin-top:25px}.t3 .ranking-item:nth-child(3) .avatar{border:5px solid brown;width:80px;height:80px;margin-top:25px}.t3 .ranking-item:nth-child(1){order:2}.t3 .ranking-item:nth-child(2){order:1}.t3 .ranking-item:nth-child(3){order:3}.ranking-item img{border-radius:50%}.ranking-item .name{font-size:20px;margin-top:10px;font-weight:700;text-decoration:none;color:#000;text-decoration:underline}.ranking-item .name:hover{text-decoration:none}.ranking-item .avatar{border-radius:50%;width:50px;height:50px;box-shadow:0 2px 4px #0000001a;border:5px solid rgb(86,86,198);box-shadow:0 5px 10px gray;z-index:5}.ranking-item .crown{position:absolute;width:100px;height:100px;top:-30px;left:0;z-index:2}.ranking-item .number{margin-top:15px;font-size:25px}.ranking-item .all-details{position:relative;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;width:80%;align-items:center}.graph-details{position:fixed;display:none;border:1px solid #ccc;background-color:#fff;padding:10px;box-shadow:2px 2px 5px #00000080;z-index:9999;text-align:right;left:50%;top:50%;transform:translate(-50%,-50%)}.graph-details .close-btn{cursor:pointer}.hide{display:none}.ranking-item .details{background-color:#fff;border-radius:5px;padding:10px 10px 0;display:flex;flex-direction:column;flex-grow:1;width:100%}.ranking-item .platform-list{display:flex;flex-direction:column;width:80%;background-color:#fff}.ranking-item .platform-tag{display:flex;flex-direction:column;justify-content:center;color:#000;padding:5px;border-radius:5px;border:1px solid #ddd;box-shadow:0 0 5px #00000080;cursor:pointer;background-image:url(/build/assets/graph-CX8ChhRr.png);background-size:100% 250%;background-position:center;background-repeat:no-repeat}.ranking-item .platform-tag:active{filter:contrast(.8)}.ranking-item .platform-tag-detail{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-right:10px}.ranking-item .platform-update{font-size:12px;color:#505050;margin-top:5px;margin-bottom:5px;text-align:center}.ranking-item .platform-tag-detail span{margin:5px}.ranking-item .record-box div{margin:5px 10px}.record-box{display:flex;flex-direction:row;justify-content:center}