/* Styles propres à projets/jeu_couronnes/index.html — extrait du <style> inline (charte partagée : /assets/site.css) */
:root{--nav-h:64px;--paper:#f2f5fa;--paper-dark:#e6ecf6;--brand:#1d3a5f;--gold:#b89a5a;--muted:#7a7060;--ink:#1a1814;}
html,body{margin:0;background:#f2f5fa;}
body{padding-top:var(--nav-h);}
#jeu-couronnes{
  --parchemin:#f2f5fa;--parchemin-fonce:#ece0c4;--encre:#1a1814;--encre-pale:#6a5b48;
  --or:#b89a5a;--or-clair:#d4b87a;--bordeaux:#7a2f2a;--vert:#4a6b3f;--ligne:#cdbb95;
  --display:"Cormorant Garamond",Georgia,serif;--corps:"Montserrat",system-ui,sans-serif;
  font-family:var(--corps);color:var(--encre);
  background:var(--parchemin);
  line-height:1.55;max-width:900px;margin:0 auto;padding:2.4rem 1.4rem 4rem;
  box-sizing:border-box;-webkit-font-smoothing:antialiased;}
#jeu-couronnes *{box-sizing:border-box;}
#jeu-couronnes .ja-nav{display:flex;align-items:center;margin:-.6rem 0 1.4rem;}
#jeu-couronnes .ja-logo{font-family:var(--display);font-style:normal;font-size:1.3rem;
  color:#1d3a5f;text-decoration:none;letter-spacing:.01em;transition:color .15s;}
#jeu-couronnes .ja-logo:hover{color:var(--bordeaux);}
#jeu-couronnes .ja-logo::before{content:none;}
#jeu-couronnes #lb-name{font-family:var(--display);font-size:1.1rem;color:var(--encre);
  background:#fffdf6;border:1px solid var(--ligne);border-radius:2px;padding:.5rem .7rem;
  width:100%;max-width:320px;text-align:center;}
#jeu-couronnes #lb-name:focus{outline:none;border-color:var(--or);box-shadow:0 0 0 2px rgba(194,162,94,.25);}
/* Classement — même format que Nucleoguessr : onglets Aujourd'hui / Cette
   semaine / Tous les temps + table classée (avatars, ligne « moi »). */
#jeu-couronnes .lb{max-width:560px;margin:0 auto;}
#jeu-couronnes .lb-titre{font-family:var(--display);font-size:1.5rem;font-weight:600;
  text-align:center;margin:1.6rem 0 .4rem;color:var(--encre);}
#jeu-couronnes .today-plays{text-align:center;color:var(--encre-pale);font-size:.9rem;
  margin:-.1rem 0 .7rem;font-variant-numeric:tabular-nums;}
#jeu-couronnes .today-plays b{color:var(--bordeaux);}
#jeu-couronnes .lb-tabs{display:flex;justify-content:center;gap:.4rem;margin-bottom:.7rem;flex-wrap:wrap;}
#jeu-couronnes .lb-tab{border:1px solid rgba(29,58,95,.25);background:#fffdf6;color:var(--brand);
  border-radius:999px;padding:.35rem 1rem;cursor:pointer;font-weight:600;font-size:.9rem;font-family:var(--corps);}
#jeu-couronnes .lb-tab.active{background:var(--brand);color:#fff;border-color:var(--brand);}
#jeu-couronnes table.lb-table{width:100%;border-collapse:collapse;background:#fffdf6;
  border:1px solid rgba(29,58,95,.12);border-radius:12px;overflow:hidden;font-family:var(--corps);}
#jeu-couronnes table.lb-table th,#jeu-couronnes table.lb-table td{padding:.5rem .7rem;
  text-align:left;border-bottom:1px solid rgba(29,58,95,.08);font-size:.94rem;}
#jeu-couronnes table.lb-table th{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--or);font-weight:600;}
#jeu-couronnes table.lb-table td.num{text-align:right;font-variant-numeric:tabular-nums;
  font-weight:600;color:var(--bordeaux);}
#jeu-couronnes .lb-rank{color:var(--encre-pale);width:2.2rem;text-align:center;}
#jeu-couronnes .lb-player{display:flex;align-items:center;gap:.5rem;}
#jeu-couronnes .lb-player img{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--paper-dark);}
#jeu-couronnes .lb-player a{color:#22303f;text-decoration:none;font-weight:600;}
#jeu-couronnes .lb-player a:hover{text-decoration:underline;}
#jeu-couronnes .lb-row-me{background:rgba(184,154,90,.14);}
#jeu-couronnes .lb-empty{text-align:center;color:var(--encre-pale);padding:1rem;}
#jeu-couronnes .lb-sep td{text-align:center;color:var(--encre-pale);}
#jeu-couronnes .lb-note{font-size:.66rem;color:var(--encre-pale);text-align:center;margin-top:.5rem;font-style:italic;}
#jeu-couronnes .lb-v2{font-size:.56rem;letter-spacing:.06em;color:var(--or);
  border:1px solid var(--or-clair);border-radius:2px;padding:0 .25rem;margin-left:.35rem;vertical-align:middle;font-weight:600;}
/* Publier son score sans compte (champ pseudo) */
#jeu-couronnes .lb-publish{margin:0 auto 1.3rem;max-width:360px;}
#jeu-couronnes .lb-publish .final-leg{margin-bottom:.5rem;}
#jeu-couronnes h1{font-family:var(--display);font-weight:600;font-size:clamp(2.3rem,6vw,3.5rem);
  line-height:1.05;letter-spacing:.01em;margin:0 0 .25rem;text-align:center;color:var(--brand);}
#jeu-couronnes .sous-titre{font-family:var(--display);font-style:italic;
  font-size:clamp(1.05rem,2.6vw,1.35rem);color:var(--encre-pale);text-align:center;margin:0 0 1.6rem;}
#jeu-couronnes .filet{border:none;height:1px;
  background:var(--or-clair);margin:1.6rem 0;}
#jeu-couronnes .carte{background:#ffffff;
  border:1px solid var(--ligne);border-radius:3px;
  box-shadow:0 1px 0 #fff inset,0 6px 18px rgba(58,47,36,.08);padding:1.4rem 1.5rem;}
#jeu-couronnes .regles p{margin:.5rem 0;color:var(--encre-pale);}
#jeu-couronnes .regles ul{margin:.6rem 0 0;padding-left:1.1rem;}
#jeu-couronnes .regles li{margin:.4rem 0;}
#jeu-couronnes .regles b{color:var(--encre);}
#jeu-couronnes button{font-family:var(--corps);font-weight:600;font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--parchemin);background:var(--encre);border:1px solid var(--encre);
  border-radius:2px;padding:.85rem 1.8rem;cursor:pointer;transition:background .15s,transform .05s;}
#jeu-couronnes button:hover{background:var(--bordeaux);border-color:var(--bordeaux);}
#jeu-couronnes button:active{transform:translateY(1px);}
#jeu-couronnes .centre{text-align:center;margin-top:1.6rem;}
/* Bouton secondaire « Histoire en parallèle » (verdict) : contour or, se
   distingue du bouton sombre « Manche suivante ». */
#jeu-couronnes .centre-frise{margin-top:1rem;}
#jeu-couronnes .fr-histoire{display:inline-block;font-family:var(--corps);font-weight:600;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  color:var(--encre);background:transparent;border:1px solid var(--or);border-radius:2px;
  padding:.7rem 1.4rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
#jeu-couronnes .fr-histoire:hover{background:var(--or);border-color:var(--or);color:#fff;}
#jeu-couronnes .bandeau{display:flex;justify-content:space-between;align-items:baseline;
  font-family:var(--corps);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--encre-pale);margin-bottom:.4rem;}
#jeu-couronnes .bandeau .score{color:var(--or);font-weight:600;}
#jeu-couronnes .annee-bloc{text-align:center;margin:.4rem 0 1.2rem;}
#jeu-couronnes .annee{font-family:var(--display);font-weight:700;font-size:clamp(3.4rem,13vw,5.5rem);
  line-height:1;color:var(--encre);letter-spacing:.02em;}
#jeu-couronnes .annee-leg{font-family:var(--display);font-style:italic;font-size:1.05rem;color:var(--or);}
#jeu-couronnes .ruban{position:relative;height:34px;margin:.6rem auto 0;max-width:620px;}
#jeu-couronnes .ruban .voie{position:absolute;top:50%;left:0;right:0;height:2px;
  background:var(--ligne);transform:translateY(-50%);}
#jeu-couronnes .ruban .tic{position:absolute;top:50%;width:1px;height:9px;background:var(--ligne);
  transform:translateY(-50%);}
#jeu-couronnes .ruban .tic span{position:absolute;top:11px;left:50%;transform:translateX(-50%);
  font-size:.6rem;color:var(--encre-pale);letter-spacing:.05em;white-space:nowrap;}
#jeu-couronnes .ruban .curseur{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;
  background:var(--bordeaux);border:2px solid var(--parchemin);box-shadow:0 0 0 1px var(--bordeaux);
  transform:translate(-50%,-50%);transition:left .5s ease;}
#jeu-couronnes .trone{display:grid;grid-template-columns:1fr;gap:.35rem;
  padding:.85rem 0;border-bottom:1px solid var(--ligne);}
#jeu-couronnes .trone:last-of-type{border-bottom:none;}
#jeu-couronnes .trone label{font-family:var(--display);font-size:1.28rem;font-weight:600;color:var(--encre);}
#jeu-couronnes .trone .dignite{font-family:var(--corps);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--or);display:block;margin-bottom:.1rem;}
#jeu-couronnes .trone input{font-family:var(--display);font-size:1.12rem;color:var(--encre);
  background:#fffdf6;border:1px solid var(--ligne);border-radius:2px;padding:.5rem .7rem;width:100%;}
#jeu-couronnes .trone input:focus{outline:none;border-color:var(--or);box-shadow:0 0 0 2px rgba(194,162,94,.25);}
#jeu-couronnes .verdict{padding:.85rem 0;border-bottom:1px solid var(--ligne);}
#jeu-couronnes .verdict:last-of-type{border-bottom:none;}
#jeu-couronnes .verdict .dignite{font-family:var(--corps);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--or);}
#jeu-couronnes .verdict .ligne-rep{font-family:var(--display);font-size:1.16rem;display:flex;
  justify-content:space-between;gap:1rem;align-items:baseline;margin-top:.1rem;}
#jeu-couronnes .verdict .nom{font-weight:600;}
#jeu-couronnes .verdict .regne{font-style:italic;color:var(--encre-pale);font-size:.92rem;}
#jeu-couronnes .verdict .pts{font-family:var(--corps);font-weight:600;font-size:.82rem;white-space:nowrap;}
#jeu-couronnes .verdict.juste{background:rgba(74,107,63,.09);border-radius:3px;padding:.7rem .6rem;}
#jeu-couronnes .verdict.juste .pts{color:var(--vert);}
#jeu-couronnes .verdict .pts.partiel{color:var(--or);}
#jeu-couronnes .verdict .pts.nul{color:var(--encre-pale);}
#jeu-couronnes .verdict .votre{font-family:var(--display);font-size:.98rem;color:var(--bordeaux);margin-top:.1rem;}
#jeu-couronnes .verdict .votre.vide{color:#b6a888;font-style:italic;}
#jeu-couronnes .verdict .ecart{color:var(--encre-pale);font-style:normal;}
#jeu-couronnes .total-manche{text-align:center;font-family:var(--display);font-size:1.5rem;
  margin-top:1.1rem;color:var(--encre);}
#jeu-couronnes .total-manche b{color:var(--or);}
#jeu-couronnes .final-score{font-family:var(--display);font-weight:700;font-size:clamp(3rem,12vw,5rem);
  text-align:center;line-height:1;color:var(--bordeaux);}
#jeu-couronnes .final-leg{text-align:center;color:var(--encre-pale);margin-bottom:.2rem;}
#jeu-couronnes .titre-honorifique{font-family:var(--display);font-style:italic;font-size:1.5rem;
  text-align:center;color:var(--or);margin:.2rem 0 1.4rem;}
#jeu-couronnes .note{font-size:.72rem;color:var(--encre-pale);text-align:center;margin-top:2rem;font-style:italic;}
#jeu-couronnes .note a{color:var(--or);}
@media(min-width:560px){
  #jeu-couronnes .trone{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:.9rem;}
  #jeu-couronnes .trone label{align-self:end;}
}
@media(prefers-reduced-motion:reduce){#jeu-couronnes .ruban .curseur{transition:none;}}