.ranking-shell{padding:8px 0}.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.ranking-heading h1{font-size:clamp(29px,4vw,45px);letter-spacing:-1.5px;margin:12px 0}.ranking-heading p{margin:0}.rank-tv-link{text-decoration:none;font-size:12px;display:inline-block}.rank-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.podium-card{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #d4e7ef;background:linear-gradient(140deg,#fff,#e6f7fa);border-radius:22px;padding:24px 16px}.podium-1{border-color:#73ccd2;background:linear-gradient(140deg,#e6f7fa,#d4efed)}.podium-place{font-size:12px;color:#0d47a1;font-weight:600;margin-bottom:16px}.ranking-avatar{width:72px;height:72px;border:3px solid white;box-shadow:0 3px 10px #0d47a114}.podium-card .ranking-avatar{width:100px;height:100px}.podium-card h3{margin:15px 0 5px;color:#0d47a1;overflow-wrap:anywhere}.podium-card>small{font-size:10px;color:#637486}.podium-card>strong{font-size:30px;color:#0d47a1;margin-top:12px}.podium-card>strong>span{font-size:12px;font-weight:500}.ranking-board{background:white;border:1px solid #dce8ef;border-radius:22px;padding:0 24px;overflow:hidden}.ranking-person{display:grid;grid-template-columns:35px 72px minmax(120px,1fr) 180px 85px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #e9eff5}.ranking-person:last-child{border-bottom:0}.ranking-position{color:#7891a5;font-size:18px}.ranking-identity h3{font-size:16px;margin:0 0 4px;overflow-wrap:anywhere;color:#0d47a1}.ranking-identity>small{font-size:10px;color:#637486}.ranking-medals{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.ranking-medal{font-size:18px}.rank-new{font-size:10px;color:#637486}.rank-next{font-size:10px;display:block;margin-bottom:5px;color:#637486}.ranking-progress progress{height:9px}.ranking-count{text-align:right;color:#0d47a1}.ranking-count strong{display:block;font-size:30px;line-height:1.2}.ranking-count span{font-size:10px}.own-tag{font-size:9px;background:#00aebb;color:white;padding:3px 6px;border-radius:6px;margin-left:8px}.ranking-own{background:#f1fbfb;box-shadow:24px 0 #f1fbfb,-24px 0 #f1fbfb}.ranking-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:#637486;gap:12px}.rank-pages{display:flex;align-items:center;gap:12px}.rank-pages button{border-radius:7px;background:#e6f7fa;color:#0d47a1;padding:6px 12px}.rank-explanation{font-size:11px}.rank-empty{text-align:center;padding:60px 25px}.rank-empty>span{font-size:50px}.rank-tv-controls{display:flex;gap:10px;justify-content:center;margin-top:15px}.ranking-logo{width:250px;height:85px;object-fit:contain}.ranking-tv header,.ranking-tv footer,.ranking-tv .demo,.ranking-tv .brand-intro{display:none!important}.ranking-tv main{max-width:1800px;padding:32px 4vw}.ranking-tv .ranking-heading h1{font-size:clamp(40px,4vw,65px)}.ranking-tv .ranking-person{grid-template-columns:55px 85px minmax(200px,1fr) 240px 100px;padding:18px 0;gap:25px}.ranking-tv .ranking-identity h3{font-size:25px}.ranking-tv .ranking-avatar{width:85px;height:85px}.ranking-tv .ranking-count strong{font-size:43px}.ranking-tv .ranking-count span,.ranking-tv .ranking-identity>small,.ranking-tv .rank-next,.ranking-tv .rank-new{font-size:13px}.ranking-tv .ranking-position{font-size:26px}.ranking-tv .ranking-bottom{font-size:13px}.ranking-tv .rank-explanation{font-size:13px}.ranking-tv .ranking-medal{font-size:22px}@media(max-width:760px){.ranking-heading{align-items:start;flex-direction:column;gap:10px}.rank-podium{gap:8px}.podium-card{padding:15px 8px}.podium-card .ranking-avatar{width:65px;height:65px}.podium-card h3{font-size:12px}.podium-place{font-size:10px}.podium-card>strong{font-size:24px}.podium-card>strong>span{display:block;font-size:10px}.ranking-board{padding:0 14px}.ranking-person{grid-template-columns:22px 52px minmax(90px,1fr) 46px;gap:10px;padding:18px 0}.ranking-avatar{width:52px;height:52px;font-size:30px}.ranking-progress{grid-column:3 / 5;grid-row:auto;margin-top:-4px}.ranking-count{grid-column:4;grid-row:auto}.ranking-identity h3{font-size:13px}.ranking-count strong{font-size:25px}.ranking-person .ranking-count{grid-column:4;grid-row:1}.ranking-person{position:relative}.ranking-person>.ranking-count{position:absolute;right:0;top:23px}.ranking-identity{padding-right:40px;grid-column:3 / 5}.ranking-progress{padding-right:0}.ranking-heading h1{font-size:30px}.ranking-medal{font-size:15px}.rank-explanation{font-size:10px}}
