.duel-manga-ranking-page,.duel-manga-ranking-page *{box-sizing:border-box}.duel-manga-ranking-page{--mt-ranking-ink:var(--pf-comic-ink,#101827);--mt-ranking-paper:var(--pf-comic-paper-cold,#f8fdff);--mt-ranking-paper-2:#eaf2f8;--mt-ranking-muted:#526173;--mt-ranking-cyan:var(--pf-comic-cyan,#68d8ee);--mt-ranking-blue:var(--pf-comic-blue,#3478e5);--mt-ranking-violet:var(--pf-comic-violet,#7358d7);--mt-ranking-coral:var(--pf-comic-coral,#f45b69);--mt-ranking-mint:var(--pf-comic-mint,#65d6ad);--mt-ranking-gold:var(--pf-comic-gold,#ffd56a);--mt-ranking-scene:url(/assets/da-lab/duels/classement/ambiance-montee-podium-v1.webp);position:fixed;z-index:100000;inset:0;min-height:100dvh;overflow-x:hidden;overflow-y:auto;isolation:isolate;color:var(--mt-ranking-ink);background:radial-gradient(circle at 12% 4%,rgba(104,216,238,.32),transparent 31rem),radial-gradient(circle at 92% 94%,rgba(115,88,215,.28),transparent 36rem),linear-gradient(to bottom,rgba(11,39,87,.08),rgba(16,24,39,.34)),var(--mt-ranking-scene) center top /cover no-repeat fixed,var(--mt-ranking-blue)!important;font-family:var(--pf-comic-font-body,var(--font-montserrat),Montserrat,sans-serif)}.duel-manga-ranking-page:before{content:"";position:fixed;z-index:-1;inset:0;opacity:.14;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.42) 50%,transparent 50.2%),radial-gradient(circle at 50% 50%,transparent 0 8rem,rgba(255,255,255,.42) 8.1rem 8.25rem,transparent 8.35rem),repeating-radial-gradient(circle at 18% 30%,rgba(16,24,39,.12) 0 1px,transparent 1px 10px);pointer-events:none}.duel-manga-ranking-page button:focus-visible,.duel-manga-ranking-page h1:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--mt-ranking-ink)!important}.mt-ranking-page-shell{width:min(calc(100% - 32px),1120px);min-height:100dvh;margin:0 auto;padding:18px 0 max(22px,env(safe-area-inset-bottom),var(--decalage-gestes,0px))}.mt-ranking-sheet{position:relative;z-index:1;color:var(--mt-ranking-ink);animation:mtRankingPageIn .34s cubic-bezier(.22,1,.36,1) both}.mt-ranking-board,.mt-ranking-header,.mt-ranking-help{background:rgba(247,251,255,.94);border:2px solid var(--mt-ranking-ink);box-shadow:5px 5px 0 rgba(16,24,39,.88);backdrop-filter:blur(10px)}.mt-ranking-header{display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,440px) 48px;align-items:center;gap:12px;padding:14px;border-radius:16px 6px 12px 6px}.mt-ranking-back{grid-column:3;grid-row:1;justify-self:end;width:48px;height:48px;display:grid;place-items:center;padding:0;color:var(--mt-ranking-ink);background:var(--mt-ranking-gold);border:2px solid var(--mt-ranking-ink);border-radius:10px 4px 8px 4px;box-shadow:3px 3px 0 var(--mt-ranking-ink);cursor:pointer}.mt-ranking-back span{font:950 25px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-back:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--mt-ranking-ink)}.mt-ranking-heading{grid-column:1;grid-row:1;min-width:0;display:flex;align-items:baseline;gap:12px}.mt-ranking-heading h1{min-width:0;margin:0;font:950 clamp(25px,3vw,36px)/.95 var(--font-oswald),Oswald,sans-serif;letter-spacing:.02em;text-transform:uppercase}.mt-ranking-heading p{flex:0 0 auto;margin:0;color:var(--mt-ranking-muted);font:800 11px/1.2 var(--font-oswald),Oswald,sans-serif;letter-spacing:.03em;text-transform:uppercase}.mt-ranking-tabs{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mt-ranking-tabs button{min-width:0;min-height:44px;padding:8px;overflow:hidden;color:var(--mt-ranking-ink);background:var(--mt-ranking-paper-2);border:2px solid var(--mt-ranking-ink);border-radius:8px 3px 7px 3px;cursor:pointer;font:950 11px/1 var(--font-oswald),Oswald,sans-serif;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mt-ranking-tabs button.is-active{color:#fff;background:var(--mt-ranking-violet);box-shadow:inset 0 -4px 0 var(--mt-ranking-coral)}.mt-ranking-content{min-width:0}.mt-ranking-ready{display:grid;gap:14px;padding-top:14px}.mt-ranking-state{min-height:320px;display:grid;place-content:center;justify-items:center;gap:14px;margin-top:14px;padding:30px;background:rgba(247,251,255,.94);border:2px solid var(--mt-ranking-ink);border-radius:14px 5px 12px 5px;box-shadow:5px 5px 0 var(--mt-ranking-ink);text-align:center}.mt-ranking-state>strong{max-width:340px;font:950 15px/1.3 var(--font-oswald),Oswald,sans-serif;letter-spacing:.05em;text-transform:uppercase}.mt-ranking-loading{background:rgba(247,251,255,.94)}.mt-ranking-loader{width:50px;height:50px;display:block;background:conic-gradient(var(--mt-ranking-violet),var(--mt-ranking-coral),var(--mt-ranking-gold),var(--mt-ranking-violet));border:3px solid var(--mt-ranking-ink);border-radius:48% 42% 51% 44%;box-shadow:4px 4px 0 var(--mt-ranking-ink);animation:mtRankingLoad .8s linear infinite}.mt-ranking-error>span{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:var(--mt-ranking-coral);border:3px solid var(--mt-ranking-ink);border-radius:50%;font:950 25px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-error>button{min-height:44px;padding:10px 18px;color:#fff;background:var(--mt-ranking-violet);border:2px solid var(--mt-ranking-ink);border-radius:8px 3px 7px 3px;box-shadow:3px 3px 0 var(--mt-ranking-coral);cursor:pointer;font:950 11px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-my-rank{min-height:92px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 18px;padding:16px 18px;color:#fff;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 42%),linear-gradient(105deg,var(--mt-ranking-violet),var(--mt-ranking-blue));border:2px solid var(--mt-ranking-ink);border-radius:10px 22px 9px 16px;box-shadow:5px 5px 0 var(--mt-ranking-ink)}.mt-ranking-my-rank.is-unranked{background:linear-gradient(110deg,#526173,#334155)}.mt-ranking-my-rank.is-unranked .mt-ranking-my-copy,.mt-ranking-my-rank.is-unranked>p{grid-column:1/-1}.mt-ranking-my-copy{min-width:0;display:flex;align-items:baseline;gap:10px}.mt-ranking-my-copy>span{color:var(--mt-ranking-gold);font:950 11px/1 var(--font-oswald),Oswald,sans-serif;letter-spacing:.08em}.mt-ranking-my-copy strong{min-width:0;overflow:hidden;font:950 31px/.9 var(--font-oswald),Oswald,sans-serif;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.mt-ranking-my-copy b{flex:0 0 auto;color:var(--mt-ranking-gold);font:900 15px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-delta,.mt-ranking-my-copy em{flex:0 0 auto;font:900 11px/1 var(--font-oswald),Oswald,sans-serif;font-style:normal}.mt-ranking-delta.is-up,.mt-ranking-my-copy em.is-up{color:#157a59}.mt-ranking-delta.is-down,.mt-ranking-my-copy em.is-down{color:#b42338}.mt-ranking-my-copy em.is-up{color:#93f5d0}.mt-ranking-my-copy em.is-down{color:#ffd1d5}.mt-ranking-my-rank>p{min-width:0;margin:0;color:rgba(255,255,255,.88);font-size:12px;font-weight:750;line-height:1.35}.mt-ranking-my-rank>button{grid-column:2;grid-row:1/span 2;min-height:44px;padding:9px 13px;color:var(--mt-ranking-ink);background:var(--mt-ranking-gold);border:2px solid var(--mt-ranking-ink);border-radius:8px 3px 7px 3px;box-shadow:3px 3px 0 var(--mt-ranking-ink);cursor:pointer;font:950 11px/1.1 var(--font-oswald),Oswald,sans-serif;letter-spacing:.04em}.mt-ranking-board{min-width:0;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);overflow:hidden;border-radius:14px 5px 12px 5px}.mt-ranking-board.has-no-podium{grid-template-columns:minmax(0,1fr)}.mt-ranking-list-panel,.mt-ranking-podium-panel{min-width:0;padding:18px}.mt-ranking-podium-panel{border-right:1px solid rgba(16,24,39,.18)}.mt-ranking-list-heading h2,.mt-ranking-podium-panel h2{margin:0;color:var(--mt-ranking-ink);font:950 16px/1 var(--font-oswald),Oswald,sans-serif;letter-spacing:.07em}.mt-ranking-podium{display:grid;gap:8px;margin-top:12px}.mt-ranking-podium article{min-width:0;min-height:62px;display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--mt-ranking-paper-2);border:1px solid rgba(16,24,39,.28);border-radius:8px 3px 7px 3px}.mt-ranking-podium article.is-rank-1{min-height:74px;background:linear-gradient(125deg,rgba(255,213,106,.72),rgba(247,251,255,.96));border:2px solid var(--mt-ranking-ink);box-shadow:3px 3px 0 var(--mt-ranking-gold)}.mt-ranking-medal{flex:0 0 auto;min-width:18px;font:950 16px/1 var(--font-oswald),Oswald,sans-serif;text-align:center}.mt-ranking-avatar,.mt-ranking-row-avatar{display:grid;place-items:center;flex:0 0 auto;color:var(--mt-ranking-ink);background:var(--mt-ranking-cyan);border:2px solid var(--mt-ranking-ink);border-radius:48% 44% 52% 41%;font:950 13px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-avatar{width:36px;height:36px}.is-rank-1 .mt-ranking-avatar{background:var(--mt-ranking-gold)}.is-rank-2 .mt-ranking-avatar{background:#d7dbe4}.is-rank-3 .mt-ranking-avatar{background:#dda061}.mt-ranking-podium article>div{min-width:0;display:grid;gap:4px}.mt-ranking-podium strong{overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.mt-ranking-podium b{color:var(--mt-ranking-violet);font:950 13px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-podium-gain{display:block;padding:2px 6px;border-radius:999px;background:rgba(255,213,106,.34);border:1px solid rgba(16,24,39,.32);color:#101827;font:900 12px/1.25 var(--font-oswald),Oswald,sans-serif;white-space:nowrap;justify-self:start}.mt-ranking-notice{margin:12px 0 0;padding:9px;color:var(--mt-ranking-muted);background:rgba(255,213,106,.24);border:1px dashed rgba(16,24,39,.4);font-size:11px;font-weight:800;line-height:1.35;text-align:center}.mt-ranking-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:2px solid var(--mt-ranking-ink)}.mt-ranking-list-heading>span{color:var(--mt-ranking-muted);font:900 11px/1 var(--font-oswald),Oswald,sans-serif;letter-spacing:.05em}.mt-ranking-list{min-height:150px;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:0;padding-top:5px}.mt-ranking-row-wrap{position:relative;min-width:0}.mt-ranking-tier{display:flex;align-items:center;gap:7px;padding:10px 2px 5px;color:var(--mt-ranking-muted);font:900 11px/1 var(--font-oswald),Oswald,sans-serif;letter-spacing:.06em;text-align:center}.mt-ranking-tier:after,.mt-ranking-tier:before{content:"";height:1px;flex:1;background:rgba(115,88,215,.35)}.mt-ranking-row{min-width:0;min-height:48px;display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid rgba(16,24,39,.12);animation:mtRankingRowIn .25s ease both;animation-delay:var(--mt-rank-delay,0s)}.mt-ranking-row.is-me{margin-block:3px;background:rgba(101,214,173,.22);border:2px solid var(--mt-ranking-ink);border-radius:7px 3px 6px 3px;box-shadow:3px 3px 0 var(--mt-ranking-mint)}.mt-ranking-position{min-width:25px;color:var(--mt-ranking-muted);font:950 14px/1 var(--font-oswald),Oswald,sans-serif;text-align:center}.mt-ranking-row.is-me .mt-ranking-position{color:var(--mt-ranking-violet)}.mt-ranking-delta{min-width:23px;margin-left:-5px}.mt-ranking-row-avatar{width:30px;height:30px;background:var(--mt-ranking-paper-2)}.mt-ranking-row>strong{min-width:0;flex:1;display:flex;align-items:center;gap:6px;overflow:hidden;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mt-ranking-row>strong em{flex:0 0 auto;padding:2px 4px;color:var(--mt-ranking-ink);background:var(--mt-ranking-mint);border:1px solid var(--mt-ranking-ink);border-radius:3px;font:950 11px/1 var(--font-oswald),Oswald,sans-serif;font-style:normal}.mt-ranking-row>b{flex:0 0 auto;color:var(--mt-ranking-violet);font:950 13px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-empty{grid-column:1/-1;min-height:180px;display:grid;place-content:center;justify-items:center;gap:9px;padding:28px 18px;color:var(--mt-ranking-muted);text-align:center}.mt-ranking-empty>span{width:46px;height:46px;display:grid;place-items:center;color:var(--mt-ranking-violet);background:var(--mt-ranking-paper-2);border:2px dashed var(--mt-ranking-ink);border-radius:50%;font-size:30px}.mt-ranking-empty strong{font:900 13px/1.25 var(--font-oswald),Oswald,sans-serif;letter-spacing:.04em;text-transform:uppercase}.mt-ranking-list-complete{grid-column:1/-1;align-self:center;margin:0;color:var(--mt-ranking-muted);font-size:12px;font-weight:750;text-align:center}.mt-ranking-help{overflow:hidden;border-radius:10px 4px 9px 4px}.mt-ranking-rewards>button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;color:var(--mt-ranking-ink);background:transparent;border:0;cursor:pointer;font:950 12px/1 var(--font-oswald),Oswald,sans-serif;letter-spacing:.06em}.mt-ranking-rewards>button b{color:var(--mt-ranking-violet);font-size:20px}.mt-ranking-help-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;padding:0 14px 14px;border-top:1px solid rgba(16,24,39,.15)}.mt-ranking-help-panel.is-points-only{grid-template-columns:minmax(0,1fr)}.mt-ranking-help-panel[hidden]{display:none}.mt-ranking-score-guide{display:grid;gap:7px;padding-top:12px}.mt-ranking-score-guide>span{min-width:0;display:flex;align-items:center;gap:8px;color:var(--mt-ranking-muted);font-size:11px;font-weight:750;line-height:1.25}.mt-ranking-score-guide b{min-width:32px;color:var(--mt-ranking-violet);font:950 13px/1 var(--font-oswald),Oswald,sans-serif}.mt-ranking-rewards-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;padding-top:12px}.mt-ranking-rewards-panel>div{display:flex;justify-content:space-between;gap:8px;padding-bottom:4px;color:var(--mt-ranking-muted);border-bottom:1px solid rgba(16,24,39,.1);font-size:11px;font-weight:750}.mt-ranking-rewards-panel strong{color:var(--mt-ranking-violet)}@keyframes mtRankingRowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes mtRankingPageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mtRankingLoad{to{transform:rotate(1turn)}}@media (max-width:767px){.duel-manga-ranking-page{--mt-ranking-scene:url(/assets/da-lab/duels/classement/ambiance-montee-podium-v1-mobile.webp);min-height:100dvh}.mt-ranking-page-shell{width:100%;min-height:100dvh;padding:max(10px,env(safe-area-inset-top),var(--decalage-statut,0px)) 10px max(18px,env(safe-area-inset-bottom),var(--decalage-gestes,0px))}.mt-ranking-header{grid-template-columns:minmax(0,1fr) 44px;gap:9px 10px;padding:10px}.mt-ranking-back{grid-column:2;width:44px;height:44px}.mt-ranking-heading{grid-column:1;display:grid;gap:3px}.mt-ranking-heading h1{font-size:clamp(22px,7vw,28px)}.mt-ranking-heading p{font-size:11px}.mt-ranking-tabs{grid-column:1/-1;grid-row:2}.mt-ranking-ready{gap:11px;padding-top:11px}.mt-ranking-my-rank{min-height:82px;padding:12px;gap:6px 10px}.mt-ranking-my-copy{gap:7px}.mt-ranking-my-copy strong{font-size:25px}.mt-ranking-my-rank>p{font-size:11px}.mt-ranking-my-rank>button{max-width:92px;padding-inline:8px}.mt-ranking-board{grid-template-columns:minmax(0,1fr)}.mt-ranking-list-panel,.mt-ranking-podium-panel{padding:13px}.mt-ranking-podium-panel{border-right:0;border-bottom:1px solid rgba(16,24,39,.18)}.mt-ranking-podium{grid-template-columns:1.22fr 1fr 1fr;gap:6px;margin-top:9px}.mt-ranking-podium article,.mt-ranking-podium article.is-rank-1{min-height:76px;display:grid;grid-template-columns:auto 1fr;gap:5px;padding:7px}.mt-ranking-podium article>div{grid-column:1/-1}.mt-ranking-avatar{width:31px;height:31px}.mt-ranking-podium strong{font-size:11px}.mt-ranking-podium b{font-size:12px}.mt-ranking-podium-gain{padding:1px 5px;font-size:11px}.mt-ranking-list{grid-template-columns:minmax(0,1fr)}.mt-ranking-row{min-height:48px;padding-inline:6px;gap:6px}.mt-ranking-row>strong{font-size:12px}.mt-ranking-help-panel{grid-template-columns:minmax(0,1fr);gap:4px}.mt-ranking-rewards-panel{padding-top:7px}}@media (max-width:390px){.mt-ranking-tabs{gap:4px}.mt-ranking-tabs button{padding-inline:4px;letter-spacing:.025em}.mt-ranking-my-rank>button{max-width:82px}.mt-ranking-podium{grid-template-columns:repeat(3,minmax(0,1fr))}.mt-ranking-medal{min-width:15px}.mt-ranking-row-avatar{width:28px;height:28px}.mt-ranking-rewards-panel{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mt-ranking-loader,.mt-ranking-row,.mt-ranking-sheet{animation:none!important;transition:none!important}}