*{box-sizing:border-box}html{background:#020b13;color:#fff;font-family:Montserrat,Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,rgba(20,96,140,.22),transparent 30%),#020b13}.cl-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #173548;background:rgba(2,11,19,.96)}.cl-header-inner{width:min(1180px,calc(100% - 36px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.cl-brand img{width:145px;display:block}.cl-nav{display:flex;gap:10px;align-items:center}.cl-nav a{color:#dce9f1;text-decoration:none;font-size:11px;font-weight:800;padding:11px 14px;border:1px solid #1d4056;border-radius:999px}.cl-nav a.active{border-color:#f52038}.cl-shell{width:min(1180px,calc(100% - 36px));margin:28px auto 70px}.cl-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;border:1px solid #28516a;border-radius:18px;background:linear-gradient(135deg,rgba(7,38,58,.97),rgba(3,18,30,.97))}.cl-kicker{margin:0 0 5px;color:#20c7f0;font-size:10px;font-weight:800;letter-spacing:.12em}.cl-hero h1{margin:0;font:48px/.95 'Bebas Neue',Impact,sans-serif}.cl-hero p:last-child{margin:10px 0 0;color:#a8bdca;font-size:12px}.cl-count{min-width:120px;text-align:center;border-left:1px solid rgba(255,255,255,.1);padding-left:22px}.cl-count strong{display:block;color:#20c7f0;font:48px/1 'Bebas Neue',Impact,sans-serif}.cl-count span{font-size:10px;font-weight:800;letter-spacing:.1em}.cl-card{margin-top:16px;border:1px solid #1d4359;border-radius:17px;background:linear-gradient(145deg,#071b2a,#04121e);padding:18px}.cl-head,.cl-row{display:grid;grid-template-columns:65px minmax(210px,1.4fr) repeat(4,minmax(75px,.65fr)) minmax(90px,.7fr);gap:8px;align-items:center}.cl-head{padding:0 12px 9px;color:#7290a3;font-size:9px;font-weight:800;letter-spacing:.08em;text-align:center}.cl-head span:nth-child(2){text-align:left}.cl-list{display:grid;gap:8px}.cl-row{padding:11px 12px;border:1px solid #193d51;border-radius:12px;background:#051521}.cl-row.viewer{border-color:#f52038;background:linear-gradient(90deg,rgba(245,32,56,.09),rgba(5,21,33,.98) 30%)}.cl-rank{text-align:center;font:28px/1 'Bebas Neue',Impact,sans-serif;color:#dbe7ed}.cl-player{display:flex;align-items:center;gap:11px;min-width:0}.cl-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#15384d;border:1px solid #356079;font-size:10px;font-weight:800}.cl-avatar img{width:100%;height:100%;display:block;object-fit:cover}.cl-player div{min-width:0}.cl-player strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-player small{display:block;margin-top:4px;color:#7895a7;font-size:9px}.cl-metric{text-align:center}.cl-metric strong{display:block;font-size:14px}.cl-metric span{display:block;margin-top:2px;color:#6e8b9e;font-size:9px}.cl-metric.primary strong{font-size:19px;color:#20c7f0}.cl-level{text-align:center;color:#cce8f5;font-size:10px;font-weight:800}.cl-empty{text-align:center;padding:55px 20px;color:#8fa8b7}.cl-empty strong{font:32px/1 'Bebas Neue',Impact,sans-serif;color:#fff}.cl-empty p{font-size:11px}.cl-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.cl-actions a{color:#fff;text-decoration:none;border:1px solid #31536b;border-radius:10px;padding:12px 16px;font-size:10px;font-weight:800}.cl-actions a.primary{background:#f52038;border-color:#ff5368}@media(max-width:900px){.cl-head,.cl-row{grid-template-columns:55px minmax(190px,1.5fr) repeat(2,minmax(70px,.7fr))}.cl-head span:nth-child(n+5),.cl-row>*:nth-child(n+5){display:none}}@media(max-width:700px){.cl-header-inner{width:calc(100% - 22px);height:64px}.cl-brand img{width:110px}.cl-nav a{display:none}.cl-nav a.active,.cl-nav a:last-child{display:block;padding:9px 11px}.cl-shell{width:calc(100% - 22px);margin-top:16px}.cl-hero{padding:20px;align-items:flex-start}.cl-hero h1{font-size:40px}.cl-count{min-width:82px;padding-left:12px}.cl-count strong{font-size:38px}.cl-card{padding:12px}.cl-head{display:none}.cl-row{grid-template-columns:45px 1fr 62px;padding:10px 9px}.cl-row>*:nth-child(n+4){display:none}.cl-row .cl-metric.primary{display:block}.cl-player strong{font-size:11px}.cl-avatar{width:36px;height:36px;flex-basis:36px}.cl-actions{flex-direction:column}.cl-actions a{text-align:center}}

/* V1.13.2 — profils publics et lisibilite classement */
.cl-player-link{display:flex;align-items:center;gap:11px;min-width:0;color:#fff;text-decoration:none;border-radius:10px}.cl-player-link:hover .cl-avatar,.cl-player-link:focus-visible .cl-avatar{border-color:#20c7f0;box-shadow:0 0 0 3px rgba(32,199,240,.12)}.cl-player-link:hover strong,.cl-player-link:focus-visible strong{color:#69e2ff}.cl-player-link:focus-visible{outline:2px solid #20c7f0;outline-offset:3px}.cl-avatar{transition:border-color .18s ease,box-shadow .18s ease}.cl-hero p:last-child{font-size:13px;line-height:1.6}.cl-head{font-size:10px}.cl-player strong{font-size:13px}.cl-player small,.cl-metric span{font-size:10px;line-height:1.4}.cl-level{font-size:11px}.cl-empty p{font-size:12px;line-height:1.6}
@media(max-width:700px){.cl-hero p:last-child{font-size:12px}.cl-player strong{font-size:12px}.cl-player small,.cl-metric span{font-size:9px}.cl-empty p{font-size:11px}}


/* V1.13.2.1 - coach dans l entete du classement */
.cl-hero-side{display:flex;align-items:center;gap:18px;flex:0 0 auto}.cl-coach{width:112px;height:112px;flex:0 0 112px;border-radius:50%;overflow:hidden;border:2px solid rgba(32,199,240,.62);background:radial-gradient(circle at 50% 42%,#174761,#092234 72%);box-shadow:0 0 0 6px rgba(32,199,240,.06),0 12px 28px rgba(0,0,0,.28),0 0 24px rgba(32,199,240,.12)}.cl-coach img{width:100%;height:100%;display:block;object-fit:cover}.cl-count{flex:0 0 auto}
@media(max-width:700px){.cl-hero{gap:12px}.cl-hero-side{gap:9px}.cl-coach{width:68px;height:68px;flex-basis:68px}.cl-count{min-width:68px;padding-left:9px}.cl-count strong{font-size:34px}.cl-count span{font-size:9px}}
@media(max-width:430px){.cl-coach{width:60px;height:60px;flex-basis:60px}.cl-count{min-width:58px}.cl-count strong{font-size:30px}.cl-hero h1{font-size:36px}}


/* V1.13.3 — UX pre-lancement */
.cl-pregame{margin:0 0 12px;padding:14px 16px;border:1px solid rgba(32,199,240,.24);border-radius:12px;background:rgba(32,199,240,.055);text-align:center}.cl-pregame strong{display:block;font:25px/1 'Bebas Neue',Impact,sans-serif;color:#fff}.cl-pregame p{margin:7px auto 0;max-width:620px;color:#a8bdca;font-size:13px;line-height:1.6}.cl-hero p:last-child{font-size:14px}.cl-head{font-size:11px}.cl-player strong{font-size:14px}.cl-player small,.cl-metric span{font-size:11px}.cl-level{font-size:12px}.cl-empty p{font-size:13px}.cl-nav a{font-size:12px}
@media(max-width:700px){.cl-pregame{padding:12px}.cl-pregame strong{font-size:22px}.cl-pregame p{font-size:12px}.cl-hero p:last-child{font-size:13px}.cl-player strong{font-size:13px}.cl-player small,.cl-metric span{font-size:10px}.cl-nav a{font-size:11px}}

/* =========================================================
   V1.13.5 — POLISH VISUEL FINAL : CLASSEMENT
   ========================================================= */
.cl-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:218px;
  padding:28px 30px;
  background:
    radial-gradient(circle at 18% 20%,rgba(32,199,240,.13),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(245,32,56,.14),transparent 30%),
    linear-gradient(135deg,rgba(7,38,58,.98),rgba(3,18,30,.98));
}
.cl-hero:before{
  content:"";
  position:absolute;
  right:108px;
  bottom:-48px;
  width:360px;
  height:180px;
  border-radius:50%;
  border:1px solid rgba(32,199,240,.09);
  box-shadow:0 0 0 30px rgba(32,199,240,.025),0 0 0 64px rgba(245,32,56,.018);
  transform:rotate(-7deg);
  z-index:-1;
}
.cl-hero>div:first-child{position:relative;z-index:4;max-width:690px}
.cl-hero h1{font-size:52px;text-shadow:0 0 20px rgba(32,199,240,.08)}
.cl-hero-side{position:relative;z-index:3;align-self:stretch;min-width:350px;justify-content:flex-end}
.cl-coach{
  position:absolute;
  left:10px;
  bottom:-42px;
  width:205px;
  height:205px;
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.44));
}
.cl-coach img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.cl-count{
  position:relative;
  z-index:5;
  min-width:112px;
  padding:14px 14px;
  border:1px solid rgba(32,199,240,.32);
  border-radius:15px;
  background:rgba(3,17,28,.82);
  backdrop-filter:blur(5px);
  box-shadow:0 12px 28px rgba(0,0,0,.26);
}
.cl-row{transition:transform .16s ease,border-color .16s ease,background .16s ease}
.cl-row:hover{transform:translateX(2px);border-color:#28566e;background:#071b29}
.cl-row.viewer:hover{border-color:#f52038}
@media(max-width:900px){
  .cl-hero-side{min-width:290px}
  .cl-coach{width:170px;height:170px;left:0;bottom:-32px}
  .cl-hero h1{font-size:46px}
}
@media(max-width:700px){
  .cl-hero{display:grid;min-height:0;padding:20px;gap:8px}
  .cl-hero>div:first-child{max-width:none}
  .cl-hero h1{font-size:41px}
  .cl-hero-side{width:100%;min-width:0;height:112px;align-self:auto;justify-content:flex-end;margin-top:2px}
  .cl-coach{left:50%;bottom:-31px;width:150px;height:150px;transform:translateX(-50%)}
  .cl-count{min-width:76px;padding:10px 9px;border-left:1px solid rgba(32,199,240,.32)}
}
@media(max-width:430px){
  .cl-hero h1{font-size:37px}
  .cl-hero-side{height:102px}
  .cl-coach{width:138px;height:138px;bottom:-30px}
  .cl-count{min-width:70px}
}
@media(prefers-reduced-motion:reduce){.cl-row{transition:none}}

/* =========================================================
   V1.13.5.1 — CLASSEMENT : COACH CINÉMATIQUE INTÉGRÉ
   V1.13.5.2 — AJUSTEMENT DE CADRAGE DU PERSONNAGE
   ========================================================= */
.cl-hero{
  min-height:248px;
  background:
    linear-gradient(90deg,rgba(2,11,19,.97) 0%,rgba(3,19,31,.92) 34%,rgba(3,18,30,.56) 56%,rgba(3,18,30,.14) 76%,rgba(3,18,30,.08) 100%),
    linear-gradient(180deg,rgba(2,11,19,.05),rgba(2,11,19,.18)),
    url("assets/classement-coach-v11352.webp") right -18px bottom -6px / auto 106% no-repeat;
  box-shadow:0 22px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.cl-hero:before{
  right:12%;
  bottom:-62px;
  opacity:.5;
}
.cl-hero>div:first-child{max-width:610px}
.cl-hero h1{max-width:590px;font-size:54px}
.cl-hero-side{
  min-width:126px;
  align-self:stretch;
  align-items:flex-end;
  justify-content:flex-end;
}
.cl-count{
  margin-top:auto;
  margin-bottom:4px;
  min-width:112px;
  background:rgba(2,14,24,.84);
  border-color:rgba(32,199,240,.38);
  box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 22px rgba(32,199,240,.04);
}
.cl-coach{display:none!important}
@media(max-width:900px){
  .cl-hero{
    min-height:232px;
    background-position:right -32px bottom -4px;
    background-size:auto 104%;
  }
  .cl-hero>div:first-child{max-width:540px}
  .cl-hero h1{font-size:47px;max-width:510px}
  .cl-hero-side{min-width:100px}
}
@media(max-width:700px){
  .cl-hero{
    min-height:365px;
    padding:20px 20px 145px;
    background:
      linear-gradient(180deg,rgba(2,11,19,.96) 0%,rgba(3,18,30,.87) 46%,rgba(3,18,30,.28) 70%,rgba(2,11,19,.10) 100%),
      url("assets/classement-coach-v11352.webp") 86% 82% / auto 96% no-repeat;
  }
  .cl-hero>div:first-child{max-width:none}
  .cl-hero h1{font-size:41px;max-width:460px}
  .cl-hero-side{position:absolute;right:16px;bottom:14px;width:auto;height:auto;min-width:0;margin:0}
  .cl-count{margin:0;min-width:76px;padding:10px 9px}
}
@media(max-width:430px){
  .cl-hero{
    min-height:350px;
    padding-bottom:136px;
    background-position:84% 84%;
    background-size:auto 93%;
  }
  .cl-hero h1{font-size:37px}
  .cl-hero-side{right:12px;bottom:12px}
}