:root{
  --bg:#07040d;--bg2:#12091f;--panel:#1c1229;--text:#fff7ff;--muted:#d8c5e7;
  --gold:#ffd36b;--gold2:#f08c2e;--red:#ef5d6c;--green:#66d19e;--line:#ffffff20;
  --shadow:0 18px 46px #0008;--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 8%,#6b31ab55 0 18%,transparent 34%),radial-gradient(circle at 88% 18%,#f6c35b2e 0 13%,transparent 30%),linear-gradient(180deg,var(--bg2),var(--bg));overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit}img{max-width:100%;height:auto}button,input{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px clamp(14px,5vw,72px);background:rgba(8,5,15,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 10px 28px #0005}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:950;color:var(--gold);font-size:clamp(18px,2.5vw,22px);white-space:nowrap;text-shadow:0 0 18px #ffd36b44}.brand img{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #ffd36b66)}.server-status-wrap{justify-self:center;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.server-status{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:1px;text-transform:uppercase;border:1px solid currentColor;background:#090611d8;box-shadow:0 8px 20px #0007,inset 0 1px 0 #ffffff20}.server-status.is-online{color:var(--green);text-shadow:0 0 14px #66d19e88}.server-status.is-offline{color:var(--red);text-shadow:0 0 14px #ef5d6c88}.site-menu{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}nav a{position:relative;text-decoration:none;color:var(--muted);font-weight:800;padding:9px 11px;border-radius:999px;transition:transform .18s ease,color .18s ease,background .18s ease}nav a:not(.pill):hover{color:#fff;background:#ffffff10;transform:translateY(-1px)}.pill,.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1b1024!important;padding:11px 16px;border-radius:999px;text-decoration:none;font-weight:950;border:0;cursor:pointer;box-shadow:0 12px 24px #f08c2e30;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.pill:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #f08c2e45;filter:saturate(1.1)}.btn:active,.pill:active{transform:translateY(0) scale(.98)}.menu-toggle{display:none;width:44px;height:42px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff10;color:var(--text);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:21px;height:2px;border-radius:99px;background:var(--gold);transition:transform .22s ease,opacity .16s ease}.topbar.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar.menu-open .menu-toggle span:nth-child(2){opacity:0}.topbar.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:560px;padding:70px clamp(18px,6vw,92px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:28px;align-items:center;background:linear-gradient(90deg,rgba(7,4,13,.97),rgba(7,4,13,.58),rgba(7,4,13,.9)),url('login_background.png') center/cover no-repeat;overflow:hidden}.hero h1{font-size:clamp(38px,7vw,78px);line-height:.92;margin:14px 0 18px;letter-spacing:-1.8px;text-wrap:balance}.hero p,.lead{font-size:clamp(16px,2.2vw,19px);color:var(--muted);line-height:1.6}.hero .btn{margin:8px 8px 0 0}.badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 11px;border:1px solid #ffffff2b;border-radius:999px;color:var(--muted);font-size:13px;font-weight:800;background:#ffffff0b;overflow:hidden;text-overflow:ellipsis}.badge::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;padding:34px clamp(18px,6vw,92px)}.card,.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,26px);box-shadow:var(--shadow);backdrop-filter:blur(8px);transform:translateZ(0)}.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-5px);border-color:#ffd36b66}.card img{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 8px 14px #0007)}.card h3{margin:12px 0 8px;color:var(--gold);font-size:1.22rem}.card p{color:var(--muted);line-height:1.55}.panel .sprite+.sprite{margin-left:6px}.section{padding:44px clamp(18px,6vw,92px)}.section h1{font-size:clamp(32px,5vw,54px);margin:0 0 10px;letter-spacing:-1px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.login-wrap{max-width:480px;margin:54px auto;padding:0 18px}.field{margin-bottom:15px}.field label{display:block;font-weight:850;margin-bottom:8px;color:#fff}.field input{width:100%;padding:14px 15px;border-radius:15px;border:1px solid #ffffff26;background:#090611cc;color:var(--text);font-size:16px;outline:none}.field input:focus{border-color:#ffd36b99;box-shadow:0 0 0 4px #ffd36b18}.alert{padding:13px 14px;border-radius:16px;margin-bottom:14px;background:#ef5d6c22;border:1px solid #ef5d6c88}.ok{background:#66d19e22;border-color:#66d19e88}.stat{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #ffffff14}.stat b{color:#fff}.character{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;align-items:center}.sprite{width:72px;height:72px;image-rendering:pixelated;background:#0005;border-radius:18px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff1a}.footer{text-align:center;color:var(--muted);padding:28px 6vw;border-top:1px solid #ffffff14;background:#07040d88}.footer p{display:inline;margin:0}.download{font-size:18px;display:inline-flex;margin-top:15px}hr{border:0;border-top:1px solid #ffffff18;margin:26px 0}code{background:#0007;border:1px solid #ffffff1c;padding:2px 6px;border-radius:8px}.download-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.download-options .btn{min-width:180px;text-align:center}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:860px){.topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:9px 12px}.brand{min-width:0;font-size:clamp(18px,5.2vw,24px);gap:8px}.brand img{width:34px;height:34px;flex:0 0 34px}.server-status-wrap{grid-column:auto;grid-row:auto;justify-self:end;min-width:max-content}.server-status{min-width:74px;padding:6px 10px;font-size:11px}.menu-toggle{display:flex}.site-menu{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr;gap:8px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);padding-top:0;pointer-events:none;transition:max-height .28s ease,opacity .2s ease,transform .22s ease,padding-top .22s ease}.topbar.menu-open .site-menu{max-height:330px;opacity:1;transform:none;padding-top:8px;pointer-events:auto}.site-menu a{width:100%;text-align:center;background:#ffffff0a;padding:11px 8px}.hero{grid-template-columns:1fr;min-height:auto;padding:38px 16px 32px;text-align:center;gap:20px;background:linear-gradient(180deg,rgba(7,4,13,.84),rgba(7,4,13,.96)),url('login_background.png') center/cover no-repeat}.hero h1{font-size:clamp(36px,12vw,56px);letter-spacing:-1.1px}.hero .btn{width:100%;margin:8px 0 0;padding:13px 15px}.cards{grid-template-columns:1fr;padding:26px 16px;gap:13px}.section{padding:30px 16px}.grid2{grid-template-columns:1fr;gap:13px}.character{grid-template-columns:62px minmax(0,1fr);gap:12px;text-align:left}.sprite{width:62px;height:62px;border-radius:16px}.stat{font-size:14px}.download-options{flex-direction:column}.download-options .btn,.btn.download{width:100%;min-width:0;font-size:16px;padding:13px 15px}.login-wrap{margin:32px auto}.footer{font-size:14px;padding:24px 16px}}@media(max-width:380px){.topbar{gap:6px;padding:8px 10px}.brand{font-size:17px;gap:6px}.brand img{width:28px;height:28px;flex-basis:28px}.server-status{min-width:68px;padding:5px 8px;font-size:10px;letter-spacing:.7px}.menu-toggle{width:40px;height:38px;border-radius:12px}.hero h1{font-size:34px}.panel,.card{padding:17px}.character{grid-template-columns:1fr;text-align:center}.character .sprite{margin:auto}.badge{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Correção mobile v3: header/menu sem quebrar em telas pequenas */
@media (max-width: 860px) {
  .topbar{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    padding:8px 10px !important;
    min-height:50px;
  }
  .brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:clamp(13px,4.8vw,20px) !important;
    gap:6px !important;
  }
  .brand img{
    width:28px !important;
    height:28px !important;
    flex:0 0 28px !important;
  }
  .server-status-wrap{
    flex:0 0 auto !important;
    justify-self:auto !important;
    margin-left:auto !important;
    min-width:0 !important;
  }
  .server-status{
    min-width:58px !important;
    padding:5px 8px !important;
    font-size:9px !important;
    letter-spacing:.7px !important;
    line-height:1 !important;
  }
  .menu-toggle{
    display:flex !important;
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    padding:0 !important;
  }
  .menu-toggle span{
    width:18px !important;
  }
  .site-menu{
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    z-index:30 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    padding:8px !important;
    margin:0 !important;
    border:1px solid var(--line) !important;
    border-radius:18px !important;
    background:rgba(8,5,15,.97) !important;
    box-shadow:0 18px 40px #000b !important;
    backdrop-filter:blur(10px) !important;
    max-height:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-8px) scale(.98) !important;
    pointer-events:none !important;
    transition:max-height .25s ease,opacity .18s ease,transform .2s ease,visibility .18s ease !important;
  }
  .topbar.menu-open .site-menu{
    max-height:min(72vh,360px) !important;
    overflow-y:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
  }
  .site-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:40px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#ffffff0d !important;
    text-align:center !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }
  .site-menu .pill{
    background:linear-gradient(135deg,var(--gold),var(--gold2)) !important;
    color:#1b1024!important;
  }
  .topbar.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg) !important}
  .topbar.menu-open .menu-toggle span:nth-child(2){opacity:0 !important}
  .topbar.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg) !important}
}

@media (max-width: 330px) {
  .topbar{gap:5px !important;padding:7px 6px !important;}
  .brand{font-size:12px !important;gap:4px !important;}
  .brand img{width:22px !important;height:22px !important;flex-basis:22px !important;}
  .server-status{min-width:48px !important;padding:4px 6px !important;font-size:8px !important;letter-spacing:.4px !important;}
  .menu-toggle{width:32px !important;height:32px !important;flex-basis:32px !important;border-radius:10px !important;}
  .menu-toggle span{width:16px !important;}
  .site-menu{left:6px !important;right:6px !important;}
  .site-menu a{min-height:38px !important;font-size:13px !important;}
}

/* Ranking */
.ranking-page .lead{max-width:860px}.ranking-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 18px}.ranking-tab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;border:1px solid #ffffff22;background:#ffffff0b;color:#fff;font-weight:900;text-decoration:none;box-shadow:inset 0 0 0 1px #0003;transition:transform .15s ease,background .15s ease,border-color .15s ease}.ranking-tab:hover{transform:translateY(-1px);background:#ffffff16;border-color:#ffffff38}.ranking-tab.active{background:linear-gradient(135deg,var(--gold),#ffb84d);border-color:#ffe4a8;color:#241203;box-shadow:0 10px 24px #0005}.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.ranking-grid-single{grid-template-columns:1fr;margin-top:0}.ranking-card{padding:0}.ranking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 22px 14px;border-bottom:1px solid #ffffff14}.ranking-head h2{margin:0;color:var(--gold);font-size:clamp(22px,3vw,30px)}.ranking-head p{margin:7px 0 0;color:var(--muted);line-height:1.45}.ranking-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.ranking-table{width:100%;border-collapse:collapse;min-width:590px}.ranking-table th,.ranking-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #ffffff12;vertical-align:middle}.ranking-table th{position:sticky;top:0;background:#12091fee;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.8px;z-index:1}.ranking-table tr:hover td{background:#ffffff08}.rank-pos{font-weight:950;color:#fff;font-size:18px}.rank-player{display:flex;align-items:center;gap:10px;min-width:210px}.rank-player img{width:42px;height:42px;image-rendering:pixelated;background:#0005;border-radius:12px;padding:5px;box-shadow:inset 0 0 0 1px #ffffff1a}.rank-player strong{display:block;color:#fff}.rank-player small{display:block;color:var(--muted);margin-top:2px}.ranking-table .rank-1 .rank-pos{color:var(--gold);text-shadow:0 0 12px #ffd36b88}.ranking-table .rank-2 .rank-pos{color:#d8e3ff}.ranking-table .rank-3 .rank-pos{color:#ffb47d}@media(max-width:980px){.ranking-grid{grid-template-columns:1fr}.ranking-head{padding:18px 16px 12px}.ranking-table th,.ranking-table td{padding:11px 12px}}

/* Ranking profissional e responsivo - v4 */
.ranking-page-pro{max-width:1180px;margin:0 auto;padding-inline:clamp(14px,4vw,38px)}
.ranking-hero{padding:clamp(16px,3vw,26px) 0 4px}.ranking-eyebrow{display:block;color:var(--muted);font-size:clamp(16px,2.4vw,24px);font-weight:700;margin-bottom:6px}.ranking-page-pro h1{margin:0;font-size:clamp(34px,7vw,68px);line-height:.98;letter-spacing:-1.6px}.ranking-page-pro .lead{max-width:760px;margin-top:18px;font-size:clamp(16px,2.7vw,24px)}
.ranking-tabs-pro{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:24px 0 16px;padding:3px 2px 8px}.ranking-tabs-pro::-webkit-scrollbar{display:none}.ranking-tabs-pro .ranking-tab{flex:0 0 auto;min-height:44px;padding:10px 16px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff20;color:#f6ecff;font-weight:950;box-shadow:none}.ranking-tabs-pro .ranking-tab.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1b1024;border-color:#ffe0a0;box-shadow:0 10px 26px #0005}.ranking-tab-icon{font-size:16px;line-height:1}
.ranking-card-pro{overflow:hidden;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid #ffffff22}.ranking-head-pro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:clamp(18px,3vw,28px);border-bottom:1px solid #ffffff14}.ranking-kicker{display:inline-flex;margin-bottom:8px;color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.8px;text-transform:uppercase}.ranking-head-pro h2{margin:0;color:#fff;font-size:clamp(26px,4vw,42px);line-height:1}.ranking-head-pro p{margin:12px 0 0;color:var(--muted);font-size:clamp(15px,2vw,19px)}
.ranking-table-pro{min-width:0;table-layout:fixed}.ranking-table-pro th:nth-child(1),.ranking-table-pro td:nth-child(1){width:70px;text-align:center}.ranking-table-pro th:nth-child(2),.ranking-table-pro td:nth-child(2){width:42%}.ranking-table-pro th:nth-child(3),.ranking-table-pro td:nth-child(3){width:18%}.ranking-table-pro th:nth-child(4),.ranking-table-pro td:nth-child(4),.ranking-table-pro th:nth-child(5),.ranking-table-pro td:nth-child(5){width:18%;text-align:right}.ranking-table-pro th,.ranking-table-pro td{padding:14px 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-table-pro th{background:rgba(18,9,31,.96)}.ranking-table-pro tbody tr:nth-child(odd) td{background:#ffffff04}.rank-player{min-width:0}.rank-player strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-player small{display:none!important}.rank-player img{flex:0 0 44px}
.ranking-mobile-list{display:none;padding:12px}.ranking-mobile-item{display:grid;grid-template-columns:auto 44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:18px;background:#ffffff08;border:1px solid #ffffff12;margin-bottom:10px}.ranking-mobile-pos{font-weight:950;color:#fff;min-width:36px;text-align:center;font-size:17px}.ranking-mobile-item.rank-1 .ranking-mobile-pos{color:var(--gold);text-shadow:0 0 12px #ffd36b88}.ranking-mobile-item.rank-2 .ranking-mobile-pos{color:#d8e3ff}.ranking-mobile-item.rank-3 .ranking-mobile-pos{color:#ffb47d}.ranking-mobile-item img{width:44px;height:44px;image-rendering:pixelated;background:#0005;border-radius:13px;padding:5px;box-shadow:inset 0 0 0 1px #ffffff1a}.ranking-mobile-main{min-width:0}.ranking-mobile-main strong{display:block;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-mobile-main span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.ranking-mobile-score{text-align:right;min-width:92px}.ranking-mobile-score span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.ranking-mobile-score b{display:block;font-size:16px;line-height:1.15;color:#fff;white-space:nowrap}.ranking-mobile-score small{display:block;margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap}
@media(max-width:760px){.ranking-page-pro{padding:28px 12px}.ranking-page-pro h1{font-size:clamp(36px,10.5vw,48px);letter-spacing:-1px}.ranking-page-pro .lead{font-size:17px;line-height:1.55;margin-top:14px}.ranking-tabs-pro{gap:8px;margin-top:18px}.ranking-tabs-pro .ranking-tab{min-height:40px;padding:9px 13px;font-size:14px}.ranking-head-pro{display:block;padding:18px}.ranking-head-pro .badge{margin-top:14px}.ranking-head-pro h2{font-size:28px}.ranking-head-pro p{font-size:15px;line-height:1.45}.ranking-desktop-table{display:none!important}.ranking-mobile-list{display:block}.ranking-card-pro{border-radius:22px}.ranking-page .alert{margin:14px}}
@media(max-width:390px){.ranking-page-pro{padding-inline:10px}.ranking-mobile-item{grid-template-columns:auto 38px minmax(0,1fr);gap:8px;padding:10px}.ranking-mobile-item img{width:38px;height:38px}.ranking-mobile-score{grid-column:3;justify-self:start;text-align:left;margin-top:4px;min-width:0}.ranking-mobile-score b{font-size:15px}.ranking-mobile-main strong{font-size:14px}.ranking-mobile-pos{min-width:30px;font-size:15px}}

/* Correção definitiva da página Ranking: uma categoria por vez, responsivo e sem login público */
.ranking-single-page{max-width:1180px;margin:0 auto;padding-inline:clamp(14px,4vw,38px)}
.ranking-single-page .ranking-tabs-pro{position:relative;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:4px 2px 10px;margin:22px 0 16px;scrollbar-width:none}
.ranking-single-page .ranking-tabs-pro::-webkit-scrollbar{display:none}
.ranking-single-page .ranking-tab{flex:0 0 auto;white-space:nowrap}
.ranking-single-page .ranking-card-pro{max-width:100%;overflow:hidden}
.ranking-single-page .ranking-table-pro{width:100%;table-layout:fixed;min-width:0}
.ranking-single-page .rank-player{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.ranking-single-page .rank-player strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.ranking-single-page{padding:28px 12px}.ranking-single-page .ranking-hero{padding-top:10px}.ranking-single-page h1{font-size:clamp(34px,10vw,48px);line-height:1.02}.ranking-single-page .lead{font-size:16px;line-height:1.45}.ranking-single-page .ranking-head-pro{padding:18px;display:block}.ranking-single-page .ranking-head-pro h2{font-size:27px}.ranking-single-page .ranking-head-pro p{font-size:14px;line-height:1.45}.ranking-single-page .ranking-desktop-table{display:none!important}.ranking-single-page .ranking-mobile-list{display:block;padding:12px}.ranking-single-page .ranking-mobile-item{grid-template-columns:38px 42px minmax(0,1fr);grid-template-areas:"pos img main" ". . score";align-items:center;gap:8px 10px;padding:11px;border-radius:16px}.ranking-single-page .ranking-mobile-pos{grid-area:pos}.ranking-single-page .ranking-mobile-item img{grid-area:img;width:42px;height:42px}.ranking-single-page .ranking-mobile-main{grid-area:main;min-width:0}.ranking-single-page .ranking-mobile-main strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-single-page .ranking-mobile-score{grid-area:score;text-align:left;min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:2px}.ranking-single-page .ranking-mobile-score span{font-size:11px}.ranking-single-page .ranking-mobile-score b{font-size:16px}.ranking-single-page .ranking-mobile-score small{font-size:11px}}
@media(max-width:380px){.ranking-single-page{padding-inline:10px}.ranking-single-page .ranking-mobile-item{grid-template-columns:32px 38px minmax(0,1fr);gap:7px}.ranking-single-page .ranking-mobile-item img{width:38px;height:38px}}

.ranking-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ranking-refresh-status{display:block;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:760px){.ranking-meta{align-items:flex-start}.ranking-refresh-status{white-space:normal}}