body[data-page="user-leaderboard"] .mf-hero-slider{display:none}
.mf-leaderboard{width:100%;min-width:0;box-sizing:border-box;max-width:1180px;margin:0 auto;padding:112px 28px 88px;color:#f3f4f7}
.mf-lb-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:0 0 32px;border-bottom:1px solid rgba(255,255,255,.12)}
.mf-lb-hero-copy{max-width:760px}
.mf-lb-eyebrow,.mf-lb-kicker{display:block;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.16em;color:#c66c7c}
.mf-lb-hero h1{margin:8px 0 10px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.035em}
.mf-lb-hero p{margin:0;max-width:720px;color:#a9abb4;font-size:15px;line-height:1.65}
.mf-lb-month-control{width:220px;flex:0 0 auto}
.mf-lb-month-control>span{display:block;margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#8f919b;text-transform:uppercase}
.mf-lb-month-control select{width:100%;height:42px;padding:0 38px 0 13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#111217;color:#f4f4f6;font:inherit;outline:none}
.mf-lb-month-control select:focus{border-color:rgba(198,108,124,.72);box-shadow:0 0 0 3px rgba(198,108,124,.12)}
.mf-lb-status{padding:18px 0;color:#a9abb4;font-size:14px}
.mf-lb-status[hidden]{display:none}
.mf-lb-section{padding:40px 0 0}
.mf-lb-section+.mf-lb-section{margin-top:8px}
.mf-lb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.mf-lb-section-head h2{margin:5px 0 0;font-size:22px;line-height:1.15;letter-spacing:-.02em}
.mf-lb-method{font-size:12px;color:#848690;white-space:nowrap}
.mf-lb-poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mf-lb-poster-card{display:block;min-width:0;color:inherit;text-decoration:none}
.mf-lb-poster-media{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:#15171d;border:1px solid rgba(255,255,255,.08)}
.mf-lb-poster-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,6,9,.82) 100%);pointer-events:none}
.mf-lb-poster-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.mf-lb-poster-card:hover .mf-lb-poster-media img{transform:scale(1.025)}
.mf-lb-poster-rank{position:absolute;z-index:2;left:9px;top:9px;min-width:30px;height:30px;padding:0 8px;display:grid;place-items:center;border-radius:8px;background:rgba(9,10,14,.88);border:1px solid rgba(255,255,255,.16);font-weight:850;font-size:13px}
.mf-lb-poster-card:first-child .mf-lb-poster-rank{background:#6e2736;border-color:#ad5366;color:#fff}
.mf-lb-poster-count{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;font-size:11px;font-weight:700;color:#f1f1f4}
.mf-lb-poster-copy{display:block;padding:10px 2px 0}
.mf-lb-poster-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35}
.mf-lb-poster-copy>span{display:block;margin-top:4px;color:#8d8f98;font-size:11px;line-height:1.35}
.mf-lb-dual-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mf-lb-list-column{min-width:0}
.mf-lb-ranked-list{border-top:1px solid rgba(255,255,255,.11)}
.mf-lb-list-row{display:grid;grid-template-columns:42px 46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.09);color:inherit;text-decoration:none}
.mf-lb-list-row:hover{background:rgba(255,255,255,.025)}
.mf-lb-list-rank{font-weight:800;color:#8f919a}
.mf-lb-list-row:first-child .mf-lb-list-rank{color:#dc8a99}
.mf-lb-list-poster{width:42px;height:54px;overflow:hidden;border-radius:7px;background:#17191f}
.mf-lb-list-poster img{width:100%;height:100%;object-fit:cover}
.mf-lb-list-copy{min-width:0}
.mf-lb-list-copy small{display:block;margin-bottom:3px;color:#777983;font-size:9px;font-weight:800;letter-spacing:.09em}
.mf-lb-list-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.mf-lb-list-count{text-align:right;white-space:nowrap}
.mf-lb-list-count strong,.mf-lb-list-count small{display:block}
.mf-lb-list-count strong{font-size:14px}
.mf-lb-list-count small{margin-top:2px;color:#777983;font-size:9px}
.mf-lb-comment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mf-lb-comment-card{min-width:0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.mf-lb-comment-target{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;color:inherit;text-decoration:none}
.mf-lb-comment-poster{width:42px;height:54px;border-radius:7px;overflow:hidden;background:#17191f}
.mf-lb-comment-poster img{width:100%;height:100%;object-fit:cover}
.mf-lb-comment-target small{display:block;margin-bottom:3px;color:#777983;font-size:9px;font-weight:800;letter-spacing:.09em}
.mf-lb-comment-target strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.mf-lb-rank-chip{align-self:start;padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#b9bbc3;font-size:11px;font-weight:800}
.mf-lb-comment-card:first-child .mf-lb-rank-chip{border-color:rgba(198,108,124,.55);color:#df93a1}
.mf-lb-comment-body{min-height:66px;margin:14px 0 16px;color:#d2d3d8;font-size:13px;line-height:1.58}
.mf-lb-comment-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mf-lb-comment-author{display:flex;align-items:center;gap:9px;min-width:0}
.mf-lb-avatar{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#2d2025;color:#f2d8de;font-size:12px;font-weight:800}
.mf-lb-avatar img{width:100%;height:100%;object-fit:cover}
.mf-lb-comment-author>span:last-child,.mf-lb-holder-copy{min-width:0}
.mf-lb-comment-author strong,.mf-lb-comment-author small,.mf-lb-holder-copy strong,.mf-lb-holder-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-lb-comment-author strong{font-size:12px}
.mf-lb-comment-author small,.mf-lb-holder-copy small{margin-top:2px;color:#787a84;font-size:10px}
.mf-lb-replies{flex:0 0 auto;color:#9a9ca5;font-size:11px}
.mf-lb-holder-list{border-top:1px solid rgba(255,255,255,.12)}
.mf-lb-holder-row{display:grid;grid-template-columns:48px 38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;padding:9px 7px;border-bottom:1px solid rgba(255,255,255,.09);color:inherit;text-decoration:none}
.mf-lb-holder-row:hover{background:rgba(255,255,255,.025)}
.mf-lb-holder-row.is-current{background:linear-gradient(90deg,rgba(198,108,124,.11),transparent 55%);box-shadow:inset 2px 0 0 #c66c7c}
.mf-lb-holder-rank{font-weight:850;color:#8d8f98}
.mf-lb-holder-row:nth-child(-n+3) .mf-lb-holder-rank{color:#df93a1}
.mf-lb-holder-copy strong{font-size:13px}
.mf-lb-holder-points{text-align:right;white-space:nowrap}
.mf-lb-holder-points strong,.mf-lb-holder-points small{display:block}
.mf-lb-holder-points strong{font-size:15px}
.mf-lb-holder-points small{margin-top:2px;color:#777983;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.mf-lb-methodology{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#9b9da6}
.mf-lb-methodology summary{cursor:pointer;color:#c6c7cd;font-size:12px;font-weight:700}
.mf-lb-methodology div{max-width:820px;padding-top:10px}
.mf-lb-methodology p{margin:6px 0;font-size:11px;line-height:1.55}
.mf-lb-empty{grid-column:1/-1;padding:18px 2px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);color:#777983;font-size:12px}
@media(max-width:900px){.mf-leaderboard{padding:96px 20px 72px}.mf-lb-hero{align-items:flex-start;flex-direction:column;gap:22px}.mf-lb-month-control{width:min(100%,260px)}.mf-lb-poster-grid{gap:11px}.mf-lb-dual-section{grid-template-columns:1fr}}
@media(max-width:640px){.mf-leaderboard{padding:86px 16px 64px}.mf-lb-hero{padding-bottom:24px}.mf-lb-hero h1{font-size:34px}.mf-lb-hero p{font-size:13px;line-height:1.6}.mf-lb-section{padding-top:32px}.mf-lb-section-head{align-items:flex-end;margin-bottom:12px}.mf-lb-section-head h2{font-size:18px}.mf-lb-method{font-size:10px}.mf-lb-poster-grid{display:flex;gap:11px;overflow-x:auto;padding:0 1px 7px;scroll-snap-type:x proximity;scrollbar-width:none}.mf-lb-poster-grid::-webkit-scrollbar{display:none}.mf-lb-poster-card{flex:0 0 42vw;max-width:172px;scroll-snap-align:start}.mf-lb-poster-copy strong{font-size:12px}.mf-lb-dual-section{gap:28px}.mf-lb-list-row{grid-template-columns:34px 40px minmax(0,1fr) auto;gap:9px;min-height:62px}.mf-lb-list-poster{width:38px;height:49px}.mf-lb-list-copy strong{font-size:12px}.mf-lb-list-count strong{font-size:12px}.mf-lb-comment-grid{grid-template-columns:1fr;gap:22px}.mf-lb-comment-body{min-height:0}.mf-lb-holder-row{grid-template-columns:38px 34px minmax(0,1fr) auto;gap:9px;padding-inline:3px}.mf-lb-holder-points strong{font-size:13px}}
.mf-lb-my-position-label { margin: 18px 0 0; padding: 8px 12px; color: #bdbfc8; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-top: 1px solid #303139; }
.mf-lb-poster-card:focus-visible,.mf-lb-list-row:focus-visible,.mf-lb-comment-target:focus-visible,.mf-lb-holder-row:focus-visible{outline:2px solid #d18495;outline-offset:3px;border-radius:7px}
@media(max-width:900px){.mf-leaderboard{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}
@media(max-width:640px){.mf-lb-poster-grid{scroll-padding-inline:1px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.mf-lb-month-control{width:100%;max-width:260px}.mf-lb-section-head{min-width:0}.mf-lb-method{max-width:38%;text-align:right;white-space:normal;line-height:1.3}}


/* Final premium/mobile pass — IDLIX-inspired hierarchy, Meteorflix visual language. */
.mf-leaderboard{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.mf-lb-section{scroll-margin-top:90px}
.mf-lb-section-head{padding-bottom:2px}
.mf-lb-section-head h2{font-weight:760}
.mf-lb-poster-card{border-radius:12px}
.mf-lb-poster-rank{font-variant-numeric:tabular-nums;box-shadow:0 4px 16px rgba(0,0,0,.28)}
.mf-lb-poster-card:nth-child(1) .mf-lb-poster-rank{background:linear-gradient(135deg,#7a2c3d,#531d29);border-color:rgba(229,126,147,.55)}
.mf-lb-poster-card:nth-child(2) .mf-lb-poster-rank,
.mf-lb-poster-card:nth-child(3) .mf-lb-poster-rank{background:rgba(24,25,30,.94);border-color:rgba(255,255,255,.22)}
.mf-lb-list-row,.mf-lb-holder-row{transition:background .16s ease,border-color .16s ease}
.mf-lb-list-row:hover,.mf-lb-holder-row:hover{background:rgba(255,255,255,.035)}
.mf-lb-comment-card{padding-bottom:12px}
.mf-lb-methodology{margin-bottom:10px}
.mf-lb-methodology summary{list-style:none;display:inline-flex;align-items:center;gap:7px}
.mf-lb-methodology summary::-webkit-details-marker{display:none}
.mf-lb-methodology summary::before{content:"+";width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#8f9199;font-size:12px}
.mf-lb-methodology[open] summary::before{content:"−"}

@media(max-width:1024px){
  .mf-leaderboard{padding-left:22px;padding-right:22px}
  .mf-lb-poster-grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 1px 8px;
    scroll-snap-type:x proximity;
    scroll-padding-inline:1px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .mf-lb-poster-grid::-webkit-scrollbar{display:none}
  .mf-lb-poster-card{flex:0 0 clamp(154px,24vw,190px);scroll-snap-align:start}
  .mf-lb-comment-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .mf-leaderboard{padding-left:16px;padding-right:16px;padding-top:calc(80px + env(safe-area-inset-top,0px));}
  .mf-lb-hero{gap:18px}
  .mf-lb-hero h1{font-size:32px}
  .mf-lb-month-control{max-width:none}
  .mf-lb-month-control select{height:44px}
  .mf-lb-poster-card{flex-basis:min(44vw,168px)}
  .mf-lb-poster-rank{left:8px;top:8px;min-width:28px;height:28px}
  .mf-lb-poster-count{left:9px;right:9px}
  .mf-lb-list-row{grid-template-columns:31px 38px minmax(0,1fr) auto;padding:8px 2px}
  .mf-lb-list-count{max-width:78px}
  .mf-lb-holder-row{grid-template-columns:34px 34px minmax(0,1fr) auto;min-height:58px}
  .mf-lb-holder-points{max-width:72px}
  .mf-lb-comment-target{grid-template-columns:40px minmax(0,1fr) auto}
  .mf-lb-comment-foot{align-items:flex-end}
  .mf-lb-my-position-label{padding-inline:3px}
}
@media(display-mode:standalone){
  .mf-leaderboard{padding-top:calc(82px + env(safe-area-inset-top,0px));padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .mf-lb-month-control select{font-size:16px}
}


/* =========================================================
   Final ecosystem polish — 2026-09-29
   IDLIX-inspired information architecture, Meteorflix original UI.
   ========================================================= */
.mf-leaderboard{max-width:1220px;padding-inline:30px}
.mf-lb-hero{padding-bottom:28px}
.mf-lb-hero h1{font-weight:800}
.mf-lb-section{padding-top:44px}
.mf-lb-section-head{margin-bottom:14px}
.mf-lb-section-head h2{font-size:24px;font-weight:780}
.mf-lb-kicker,.mf-lb-eyebrow{color:#db566f}
.mf-lb-poster-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;padding:0!important}
.mf-lb-poster-card{min-width:0!important;max-width:none!important;flex:none!important}
.mf-lb-poster-media{border-radius:10px;border-color:rgba(255,255,255,.10);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.mf-lb-poster-rank,
.mf-lb-poster-card:nth-child(1) .mf-lb-poster-rank,
.mf-lb-poster-card:nth-child(2) .mf-lb-poster-rank,
.mf-lb-poster-card:nth-child(3) .mf-lb-poster-rank{
  left:10px;top:7px;min-width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent!important;
  box-shadow:none;color:#fff;font-size:29px;line-height:1;font-weight:900;letter-spacing:-.06em;
  text-shadow:0 2px 8px rgba(0,0,0,.78)
}
.mf-lb-poster-quality{
  position:absolute;z-index:3;right:8px;top:8px;display:inline-flex;align-items:center;height:20px;padding:0 6px;
  border-radius:5px;border:1px solid rgba(255,255,255,.18);background:rgba(11,12,15,.78);backdrop-filter:blur(7px);
  color:#d6d7dc;font-size:8px;font-weight:800;letter-spacing:.05em;line-height:1
}
.mf-lb-poster-count{font-size:10px;letter-spacing:.01em}
.mf-lb-poster-copy{padding-top:9px}
.mf-lb-poster-copy strong{font-size:13px}
.mf-lb-poster-copy>span{font-size:10px}
.mf-lb-dual-section{gap:16px}
.mf-lb-list-column{
  padding:16px 16px 7px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#0e0f12;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)
}
.mf-lb-list-column .mf-lb-section-head{margin-bottom:10px}
.mf-lb-ranked-list{border-top-color:rgba(255,255,255,.08)}
.mf-lb-list-row{min-height:64px;padding:8px 3px}
.mf-lb-list-rank{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#17181d;color:#8f9199;font-size:11px}
.mf-lb-list-row:first-child .mf-lb-list-rank{background:#3a1720;color:#f29aaa}
.mf-lb-list-count strong{display:inline-flex;min-width:36px;justify-content:center;padding:5px 7px;border-radius:7px;background:rgba(213,52,84,.10);color:#ef7890}
.mf-lb-list-count small{margin-top:4px}
.mf-lb-comment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mf-lb-comment-card{
  display:flex;flex-direction:column;min-height:210px;padding:14px;border:1px solid rgba(255,255,255,.09);
  border-radius:13px;background:#0e0f12;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)
}
.mf-lb-comment-body{flex:1;min-height:58px;margin:14px 0 18px}
.mf-lb-comment-foot{margin-top:auto}
.mf-lb-rank-chip{border-color:rgba(219,86,111,.25);color:#d87588}
.mf-lb-holder-list{
  padding:4px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#0e0f12;
  overflow:hidden
}
.mf-lb-holder-row{padding-inline:4px}
.mf-lb-holder-rank{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#17181d;font-size:11px}
.mf-lb-holder-row:nth-child(-n+3) .mf-lb-holder-rank{background:#3a1720;color:#f29aaa}
.mf-lb-holder-points strong{color:#e6c36f}
.mf-lb-holder-row.is-current{border-radius:8px;background:linear-gradient(90deg,rgba(219,86,111,.10),rgba(219,86,111,0) 62%)}
.mf-lb-my-position-label{margin-inline:-14px;padding-inline:18px}
.mf-lb-empty{border-radius:10px;border:1px dashed rgba(255,255,255,.09);padding:20px 14px;background:rgba(255,255,255,.015)}

@media(max-width:1024px){
  .mf-leaderboard{padding-inline:22px}
  .mf-lb-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .mf-lb-comment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mf-lb-dual-section{grid-template-columns:1fr}
}
@media(max-width:640px){
  .mf-leaderboard{padding-inline:14px;padding-top:calc(78px + env(safe-area-inset-top,0px))}
  .mf-lb-hero{gap:16px;padding-bottom:22px}
  .mf-lb-hero h1{font-size:31px}
  .mf-lb-hero p{font-size:12px}
  .mf-lb-section{padding-top:31px}
  .mf-lb-section-head{align-items:flex-end;gap:10px}
  .mf-lb-section-head h2{font-size:18px}
  .mf-lb-method{font-size:9px;max-width:44%}
  .mf-lb-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important;overflow:visible!important;padding:0!important}
  .mf-lb-poster-card{width:auto!important;max-width:none!important}
  .mf-lb-poster-rank,.mf-lb-poster-card:nth-child(-n+3) .mf-lb-poster-rank{font-size:25px;left:8px;top:6px}
  .mf-lb-poster-quality{right:6px;top:6px;height:18px;padding-inline:5px;font-size:7px}
  .mf-lb-poster-copy strong{font-size:11px}
  .mf-lb-poster-copy>span{font-size:9px}
  .mf-lb-list-column{padding:13px 11px 5px}
  .mf-lb-list-row{grid-template-columns:32px 38px minmax(0,1fr) auto;gap:8px}
  .mf-lb-list-rank{width:29px;height:29px;font-size:9px}
  .mf-lb-list-count{max-width:66px}
  .mf-lb-list-count strong{font-size:11px;min-width:30px;padding:4px 6px}
  .mf-lb-comment-grid{grid-template-columns:1fr;gap:10px}
  .mf-lb-comment-card{min-height:0;padding:12px}
  .mf-lb-comment-body{min-height:0}
  .mf-lb-holder-list{padding-inline:9px}
  .mf-lb-holder-row{grid-template-columns:32px 32px minmax(0,1fr) auto;gap:8px;padding-inline:2px}
  .mf-lb-holder-rank{width:28px;height:28px;font-size:9px}
  .mf-lb-holder-points{max-width:64px}
  .mf-lb-holder-points strong{font-size:12px}
  .mf-lb-my-position-label{margin-inline:-9px;padding-inline:11px}
}
@media(display-mode:standalone){
  .mf-leaderboard{padding-top:calc(82px + env(safe-area-inset-top,0px));padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}