.entete-page{position:relative;padding:56px 0 36px;overflow:hidden}
.entete-page::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 380px at 50% 0%,rgba(214,178,98,.12),transparent 65%);pointer-events:none}
.entete-page .conteneur{position:relative;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.fil{font-size:13px;color:var(--texte-3)}.fil a:hover{color:var(--laiton)}
.entete-page h1{font-size:clamp(40px,5.4vw,64px);margin:14px 0 12px}
.entete-page .intro{font-size:18px;color:var(--texte-2);max-width:600px}
.chercher{display:flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 16px;min-width:320px;border-radius:12px;border:1px solid var(--trait-fort);background:var(--carte);color:var(--texte-3);font-size:14px}
.chercher span{flex:1}.chercher .btn{height:36px;padding:0 14px;font-size:13px}

/* Tête de joueur (placeholder du rendu de skin) */
.tete{display:inline-block;flex:none;border-radius:8px;background:
  linear-gradient(180deg,transparent 0 38%,#c99b73 38% 100%),
  linear-gradient(180deg,#3a2a18 0 38%,transparent 38%);background-color:#c99b73;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.tete::before,.tete::after{content:"";position:absolute;top:52%;width:16%;height:12%;background:#2b3d6b}
.tete::before{left:22%}.tete::after{right:22%}
.tete.t2{background-color:#e0b48f}.tete.t2{background:linear-gradient(180deg,#d8d8d8 0 38%,#e0b48f 38%)}
.tete.t3{background:linear-gradient(180deg,#7a2f1e 0 38%,#b98563 38%)}
.tete.t4{background:linear-gradient(180deg,#1c1c1c 0 38%,#a8795a 38%)}

.onglets-c{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:28px;border-bottom:1px solid var(--trait)}
.onglets-c a{flex:none;display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;color:var(--texte-2);border-bottom:2px solid transparent;margin-bottom:-1px}
.onglets-c a img{width:18px;height:18px}
.onglets-c a.on,.onglets-c a:hover{color:var(--laiton-clair);border-color:var(--laiton)}

.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;align-items:end;margin-bottom:28px}
.marche{position:relative;text-align:center;padding:28px 20px 24px;border-radius:var(--rayon);border:1px solid var(--trait);background:linear-gradient(180deg,var(--carte-2),var(--carte))}
.marche.p1{padding-top:40px;border-color:rgba(240,194,122,.6);background:linear-gradient(180deg,rgba(240,194,122,.16),var(--carte) 70%);box-shadow:0 20px 60px rgba(214,178,98,.1)}
.marche .rang-p{position:absolute;top:-16px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:Cinzel;font-weight:700;background:#9aa3b2;color:#11151d}
.marche.p1 .rang-p{background:linear-gradient(180deg,var(--laiton-clair),var(--laiton-2));width:40px;height:40px;top:-20px}
.marche.p3 .rang-p{background:#c58a5a}
.marche .tete{width:72px;height:72px;margin-bottom:12px}
.marche.p1 .tete{width:92px;height:92px}
.marche h3{font-family:Inter;font-weight:700;font-size:18px;letter-spacing:0}
.marche .grades-j{display:flex;justify-content:center;gap:6px;margin:8px 0}
.marche .valeur{font-family:Cinzel;font-size:24px;color:var(--laiton-clair)}
.marche .valeur small{display:block;font-family:Inter;font-size:12px;color:var(--texte-3)}
.g-neb{background:rgba(160,110,240,.18);color:#c8a8ff}
.g-vet{background:rgba(214,178,98,.15);color:var(--laiton-clair)}

.tableau-c{border-radius:var(--rayon);border:1px solid var(--trait);background:var(--carte);overflow:hidden}
.tableau-c .ligne{display:grid;grid-template-columns:64px 1fr 160px 120px 90px;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.04);font-size:14px}
.tableau-c .ligne.titres{border-top:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--texte-3);background:rgba(0,0,0,.2)}
.tableau-c .ligne:not(.titres):hover{background:rgba(214,178,98,.04)}
.tableau-c .pos{font-family:Cinzel;color:var(--texte-3)}
.tableau-c .joueur{display:flex;align-items:center;gap:12px;font-weight:600}
.tableau-c .joueur .tete{width:32px;height:32px;border-radius:6px}
.tableau-c .num{font-variant-numeric:tabular-nums;color:var(--texte)}
.monte{color:var(--vert);font-size:13px}.descend{color:var(--rouge);font-size:13px}.stable{color:var(--texte-3);font-size:13px}
.moi{position:sticky;bottom:16px;margin-top:16px;display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:12px;border:1px solid var(--trait-fort);background:rgba(21,28,42,.95);backdrop-filter:blur(8px);font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.moi b{color:var(--laiton-clair)}
.moi .btn{margin-left:auto;height:38px;font-size:13px}
.note-maj{text-align:center;font-size:13px;color:var(--texte-3);margin-top:18px}

/* Profil */
.profil-tete{position:relative;padding:48px 0 0;overflow:hidden}
.profil-tete::before{content:"";position:absolute;inset:0 0 auto 0;height:320px;background:radial-gradient(700px 300px at 30% 0%,rgba(216,106,90,.16),transparent 70%),radial-gradient(700px 300px at 80% 0%,rgba(214,178,98,.1),transparent 70%);pointer-events:none}
.carte-id{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:28px;border-radius:var(--rayon);border:1px solid var(--trait-fort);background:linear-gradient(135deg,var(--carte-2),var(--carte))}
.carte-id .tete{width:120px;height:120px;border-radius:16px}
.carte-id h1{font-size:clamp(30px,3.6vw,42px);margin:6px 0}
.carte-id .titre-j{font-size:14px;color:var(--laiton-clair);font-style:italic}
.carte-id .etiquettes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.etat{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--texte-2)}
.etat i{width:9px;height:9px;border-radius:50%;background:var(--vert);box-shadow:0 0 0 4px rgba(123,196,127,.18)}
.carte-id .actions-j{display:flex;flex-direction:column;gap:8px}
.carte-id .actions-j .btn{height:40px;font-size:13px;justify-content:center}
.chiffres-j{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}
.chiffres-j div{padding:16px;border-radius:12px;border:1px solid var(--trait);background:var(--carte);text-align:center}
.chiffres-j b{display:block;font-family:Cinzel;font-size:24px;color:var(--laiton-clair)}
.chiffres-j span{font-size:12px;color:var(--texte-3)}
.profil-grille{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:28px;padding-bottom:96px}
.boite{padding:24px;border-radius:var(--rayon);border:1px solid var(--trait);background:var(--carte)}
.boite+.boite{margin-top:18px}
.boite h2{font-size:20px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:baseline}
.boite h2 a{font-family:Inter;font-size:13px;font-weight:600;color:var(--laiton)}
.classe-niv{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05)}
.classe-niv:first-of-type{border-top:0}
.classe-niv img{width:36px;height:36px;padding:4px;border-radius:8px;background:rgba(0,0,0,.3)}
.classe-niv .info{flex:1}
.classe-niv .info b{font-size:15px}
.classe-niv .info span{font-size:12px;color:var(--texte-3);margin-left:6px}
.classe-niv .barre-xp{height:6px;border-radius:3px;background:rgba(255,255,255,.07);margin-top:6px;overflow:hidden}
.classe-niv .barre-xp i{display:block;height:100%;background:var(--teinte,var(--laiton))}
.classe-niv .niv{font-family:Cinzel;font-size:22px;color:var(--texte);min-width:44px;text-align:right}
.equipement{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.equipement div{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;border:1px solid var(--trait);background:radial-gradient(60px 40px at 50% 60%,rgba(214,178,98,.12),transparent 70%),rgba(0,0,0,.25)}
.equipement img{width:60%;height:60%}
.metiers-j{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.metiers-j div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--trait);font-size:14px}
.metiers-j img{width:28px;height:28px}
.metiers-j b{margin-left:auto;font-family:Cinzel;color:var(--laiton-clair)}
.ile-j{display:flex;gap:16px;align-items:center}
.ile-j .vignette-ile{width:120px;height:90px;border-radius:10px;overflow:hidden;border:1px solid var(--trait);flex:none}
.ile-j .vignette-ile img{width:100%;height:100%;object-fit:cover}
.ile-j dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.ile-j dt{color:var(--texte-3)}.ile-j dd{color:var(--texte)}
.succes-j{display:flex;flex-wrap:wrap;gap:8px}
.succes-j span{padding:6px 12px;border-radius:999px;border:1px solid var(--trait);font-size:13px;color:var(--texte-2)}
.succes-j span.rare{border-color:rgba(240,194,122,.5);color:#f0c27a}
.rangs-j{display:grid;gap:8px}
.rangs-j a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid var(--trait);font-size:14px}
.rangs-j a b{color:var(--laiton-clair);font-family:Cinzel}

@media (max-width:1000px){
  .podium{grid-template-columns:1fr}.marche.p1{order:-1}
  .tableau-c .ligne{grid-template-columns:48px 1fr 120px 70px}.tableau-c .ligne>:nth-child(4){display:none}
  .carte-id{grid-template-columns:auto 1fr}.carte-id .actions-j{grid-column:1/-1;flex-direction:row}
  .chiffres-j{grid-template-columns:repeat(3,1fr)}
  .profil-grille{grid-template-columns:1fr}
}
@media (max-width:620px){
  .chercher{min-width:0;width:100%}
  .tableau-c .ligne{grid-template-columns:40px 1fr 100px;padding:12px 14px}.tableau-c .ligne>:nth-child(5){display:none}
  .carte-id{grid-template-columns:1fr;text-align:center}.carte-id .tete{margin:0 auto}.carte-id .etiquettes{justify-content:center}
  .chiffres-j{grid-template-columns:1fr 1fr}
  .equipement{grid-template-columns:repeat(5,1fr);gap:6px}
  .metiers-j{grid-template-columns:1fr}
}

/* Ajouts du site */
.tete-skin{background-image:var(--skin),var(--skin);background-position:71.4286% 14.2857%,14.2857% 14.2857%;background-size:800% 800%;background-repeat:no-repeat;background-color:transparent;image-rendering:pixelated}
.tete-skin::before,.tete-skin::after{display:none}
.sous-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 24px}
.sous-onglets a{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--texte-3);border:1px solid var(--trait)}
.sous-onglets a.on,.sous-onglets a:hover{color:var(--laiton-clair);border-color:var(--trait-fort);background:rgba(214,178,98,.08)}
.chercher form{display:contents}
.chercher input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--texte);font:inherit}
.trouves{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.trouves a{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;border:1px solid var(--trait);background:var(--carte);font-weight:600;font-size:14px}
.trouves .tete{width:28px;height:28px;border-radius:6px}
.vide-c{padding:40px 20px;text-align:center;color:var(--texte-3)}
.tableau-c .joueur small,.marche small.sous{display:block;font-weight:400;font-size:12px;color:var(--texte-3)}
.tableau-c .joueur span.nom-j{display:flex;flex-direction:column}
.tableau-c .ligne.c3{grid-template-columns:64px 1fr 160px}
.tableau-c .ligne.c3>:nth-child(4){display:none}
.marche .equipe a:hover{color:var(--laiton-clair)}
.chiffres-j.auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.rangs-j a b.hors{color:var(--texte-3)}
@media (max-width:1000px){.tableau-c .ligne.c3{grid-template-columns:48px 1fr 120px}}
@media (max-width:620px){.tableau-c .ligne.c3{grid-template-columns:40px 1fr 100px}}
button.btn{font:inherit;cursor:pointer}
button.btn-ligne{background:transparent;color:inherit}