.pg-ranking .head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.pg-ranking .head .lead{margin-bottom:0}.pg-ranking .upd{color:var(--ink-2);background:var(--parch);border:1px solid #c9a24a66;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.pg-ranking .upd i{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2s infinite bl}.pg-ranking .upd button{color:var(--gold-d);margin-left:4px;font-weight:800}.pg-ranking .upd button:hover{text-decoration:underline}@keyframes bl{50%{opacity:.3}}.pg-ranking .tabs .sub{font-family:var(--body);color:var(--ink-2);letter-spacing:.3px;font-size:11px;font-weight:700;display:block}.pg-ranking .filters{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 28px;display:flex}.pg-ranking .seg{background:#fff;border:1px solid #c9a24a99;display:flex}.pg-ranking .seg button{height:38px;color:var(--ink-2);padding:0 14px;font-size:13px;font-weight:800;transition:background .15s,color .15s}.pg-ranking .seg button+button{border-left:1px solid #c9a24a55}.pg-ranking .seg button.on{background:var(--ink);color:#fff}.pg-ranking .filters select{background:#fff;border:1px solid #c9a24a99;height:40px;padding:0 12px;font-weight:700}.pg-ranking .find{flex:1;min-width:220px;position:relative}.pg-ranking .find input{background:#fff;border:1px solid #c9a24a99;width:100%;height:40px;padding:0 34px;transition:border-color .15s,box-shadow .15s}.pg-ranking .find input:focus,.pg-ranking .filters select:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px #e8c97755}.pg-ranking .find svg{width:16px;height:16px;color:var(--ink-2);position:absolute;top:12px;left:11px}.pg-ranking .find .x{width:32px;height:32px;color:var(--ink-2);font-size:18px;display:none;position:absolute;top:4px;right:4px}.pg-ranking .find.has .x{display:block}.pg-ranking .find input::-webkit-search-cancel-button{display:none}.pg-ranking .podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:20px;max-width:880px;margin:0 auto 30px;display:grid}.pg-ranking .pd{background:var(--parch);text-align:center;animation:rise .5s var(--ease) both;border:1px solid #c9a24a99;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:20px 12px 18px;display:flex;position:relative;box-shadow:0 14px 30px #6b54221a}.pg-ranking .pd.p1{background:linear-gradient(180deg,#fff7df,var(--parch));padding:32px 12px 24px;animation-delay:80ms;box-shadow:0 22px 44px #c9a24a40}.pg-ranking .pd.p3{animation-delay:.16s}.pg-ranking .pd.p1:before{content:"";background:linear-gradient(135deg,#fff6dc,var(--gold));border:2px solid #fff;width:30px;height:30px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 4px 12px #c9a24a88}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.pg-ranking .pn{font-family:var(--title);color:#c9a24a;font-size:24px;line-height:1}.pg-ranking .p2 .pn{color:#8e98ad}.pg-ranking .p3 .pn{color:#b9774b}.pg-ranking .pa{border:3px solid var(--gold-2);background:50% 20%/cover no-repeat,#18245a;border-radius:50%;width:68px;height:68px;margin:6px 0 4px;box-shadow:0 6px 16px #0b123333}.pg-ranking .p2 .pa{border-color:#c4cad6}.pg-ranking .p3 .pa{border-color:#d9a27a}.pg-ranking .p1 .pa{width:88px;height:88px}.pg-ranking .pa.txt{font-family:var(--title);color:#fff;background:linear-gradient(135deg,#18245a,#e05b88);place-items:center;font-size:28px;display:grid}.pg-ranking .pd b{font-family:var(--title);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:22px;font-weight:400;overflow:hidden}.pg-ranking .pd small{color:var(--ink-2);font-size:13px;font-weight:700}.pg-ranking .pd .chip{margin-top:6px}.pg-ranking .tbl .rn{font-family:var(--title);color:var(--ink-2);width:64px;font-size:17px}.pg-ranking .tbl .nm{align-items:center;gap:10px;display:flex}.pg-ranking .av{border:1.5px solid var(--gold-2);background:50% 20%/cover no-repeat,#18245a;border-radius:50%;flex:none;width:32px;height:32px}.pg-ranking .av.g{background:linear-gradient(135deg,#2b3a86,#18245a);border-radius:4px;transform:rotate(45deg)scale(.82)}.pg-ranking .mv{align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.pg-ranking .up{color:var(--ok)}.pg-ranking .dn{color:var(--bad)}.pg-ranking .nw{color:#b03a6a}.pg-ranking .tbl tbody tr{animation:fin .35s var(--ease) both}@keyframes fin{0%{opacity:0}}.pg-ranking .tbl tr.me{box-shadow:inset 4px 0 0 var(--rose);background:#fde4ee!important}.pg-ranking .tbl tr.flash{animation:fl 1.6s var(--ease)}@keyframes fl{0%,40%{background:#f6dd9a}}.pg-ranking .tier{font-weight:800}.pg-ranking .t-d{color:#3e7fb8}.pg-ranking .t-p{color:#7a6fb0}.pg-ranking .t-g{color:var(--gold-d)}.pg-ranking .t-s{color:#7d8597}.pg-ranking .sk-row{height:46px;margin-bottom:4px}.pg-ranking .more{color:var(--ink-2);justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:13px;font-weight:700;display:flex}.pg-ranking #mine{z-index:5;position:sticky;bottom:12px}.pg-ranking .mine{background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;border:1px solid var(--gold);box-shadow:0 0 0 3px var(--cream),0 14px 30px #0b123355;animation:rise .4s var(--ease) both;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:12px 14px 12px 18px;display:flex}.pg-ranking .mine .l{align-items:center;gap:12px;min-width:0;display:flex}.pg-ranking .mine .l>div{min-width:0}.pg-ranking .mine small{color:#9aa3c7;font-size:12px;font-weight:700;display:block}.pg-ranking .mine b{font-family:var(--title);color:var(--gold-2);font-size:20px;font-weight:400}.pg-ranking .mine .r{flex:none;align-items:center;gap:14px;display:flex}.pg-ranking .mine .rk{font-family:var(--title);color:#fff;font-size:26px}.pg-ranking .mine .ghostbtn{color:#fff;background:0 0;border-color:#fff5;height:36px}.pg-ranking .mine .rosebtn{height:38px;padding:0 22px;font-size:15px}.pg-ranking .mine .uav{border:2px solid var(--gold-2);background:url(/assets/mascot.webp) 50% 30%/130% no-repeat,#18245a;border-radius:50%;flex:none;width:40px;height:40px}.pg-ranking .info{color:var(--ink-2);align-items:flex-start;gap:10px;margin-top:26px;font-size:13px;display:flex}@media (max-width:900px){.pg-ranking .head{align-items:flex-start}.pg-ranking .tabs .sub{display:none}.pg-ranking .filters{gap:8px;margin:14px 0 22px}.pg-ranking .seg{width:100%}.pg-ranking .seg button{flex:1;padding:0 6px}.pg-ranking .filters select{flex:1;min-width:0}.pg-ranking .find{flex:100%;order:-1;min-width:0}.pg-ranking .podium{gap:8px;margin-top:14px}.pg-ranking .pd{padding:14px 4px 12px}.pg-ranking .pd.p1{padding:22px 4px 16px}.pg-ranking .pa{width:46px;height:46px}.pg-ranking .p1 .pa{width:60px;height:60px}.pg-ranking .pd b{font-size:15px}.pg-ranking .pd small{font-size:11px}.pg-ranking .pd .chip{display:none}.pg-ranking .pn{font-size:18px}.pg-ranking .pd.p1:before{width:22px;height:22px;top:-12px}.pg-ranking .tscroll{border:0;overflow:visible}.pg-ranking .tbl,.pg-ranking .tbl tbody{background:0 0;display:block}.pg-ranking .tbl thead{display:none}.pg-ranking .tbl tbody tr{background:var(--parch);border:1px solid #c9a24a66;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3px 10px;margin-bottom:8px;padding:10px 12px;display:grid}.pg-ranking .tbl td{border:0;min-width:0;padding:0;font-size:13px}.pg-ranking .tbl td.rn{text-align:center;grid-area:1/1/4;width:auto;font-size:20px}.pg-ranking .tbl td.c-nm{grid-area:1/2}.pg-ranking .tbl td.c-nm .nm>span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.pg-ranking .tbl td.c-mv{grid-area:1/3;justify-self:end}.pg-ranking .tbl td.c-d{color:var(--ink-2);overflow-wrap:anywhere;font-size:12px}.pg-ranking .upd{flex-wrap:wrap}.pg-ranking .tbl td.c-d:before{content:attr(data-l) ": ";color:var(--gold-d);font-weight:800}.pg-ranking .tbl .av{width:26px;height:26px}.pg-ranking .tbl tbody tr.skr{background:0 0;border:0;margin:0;padding:0;display:block}.pg-ranking #mine{bottom:56px}.pg-ranking .mine{gap:8px;padding:10px 10px 10px 12px}.pg-ranking .mine b{font-size:16px}.pg-ranking .mine .rk{font-size:20px}.pg-ranking .mine .ghostbtn{display:none}.pg-ranking .mine .uav{width:34px;height:34px}.pg-ranking .mine .rosebtn{height:36px;padding:0 18px;font-size:14px}}.pg-ranking main.wrap{max-width:none;padding:40px 70px 80px}.pg-ranking .sb-in{max-width:none;padding-left:70px;padding-right:70px}@media (max-width:900px){.pg-ranking main.wrap{padding:22px 16px 100px}.pg-ranking .sb-in{padding-left:16px;padding-right:16px}}@media (max-width:480px){.pg-ranking .tbl tbody tr{grid-template-columns:40px minmax(0,1fr)}.pg-ranking .tbl td.c-mv{grid-area:auto/2;justify-self:start}.pg-ranking .tbl td.c-d{grid-column:2}}
