/* ═══════════════════════════════════════════════════════════════
   NOTEQUEST v5 : modernisation et mise en cohérence des 6 jeux
   ───────────────────────────────────────────────────────────────
   A charger APRES nq-notequest-v3.css et APRES le bloc <style> de
   la page (juste avant </head>). Fonctionne avec nq-v5.js, qui pose
   data-nq-game sur #jeunote_app et construit la scène d'écoute.
   Même double ancre #jeudenotes #jeunote_app que le skin précédent.

   Principe : une seule couleur d'accent par jeu (--g), reprise par
   la carte de mode, le numéro de section, le bouton d'écoute,
   l'onde, les pastilles actives et les réponses au survol.
   ═══════════════════════════════════════════════════════════════ */

/* ─── 0. Accent par jeu ──────────────────────────────────────── */
#jeudenotes #jeunote_app{
  --g:#006699; --g2:#0084c2; --gs:#E8F2F8; --gl:#BCD8E8;
  --ink:#16233a; --mute:#5C6B85; --line:#E3E8F1; --card:#fff;
}
#jeudenotes #jeunote_app[data-nq-game="dictation"]{ --g:#E08600; --g2:#ff9900; --gs:#FFF4E0; --gl:#FFD998; }
#jeudenotes #jeunote_app[data-nq-game="interval"]{  --g:#6347D9; --g2:#8468F0; --gs:#F0EDFE; --gl:#CFC6F8; }
#jeudenotes #jeunote_app[data-nq-game="chord"]{     --g:#178055; --g2:#1E9E63; --gs:#E7F6EF; --gl:#B7E0CC; }
#jeudenotes #jeunote_app[data-nq-game="rhythm"]{    --g:#922B21; --g2:#B8463A; --gs:#F8EEEC; --gl:#E3C2BC; }
#jeudenotes #jeunote_app[data-nq-game="noteblitz"]{ --g:#2563EB; --g2:#3B82F6; --gs:#EFF6FF; --gl:#BFDBFE; }  /* = OPUS */

/* Intervalles passe du rouge au violet : le rouge reste réservé à l'erreur */
#jeudenotes #jeunote_app .jeunote_modeTab[data-tab="interval"]{ --tab-accent:#6347D9; --tab-soft:#F0EDFE; }
#jeudenotes #jeunote_app #jeunote_sectionInterval .jn3_secNum{
  background:linear-gradient(135deg,#6347D9,#8468F0); box-shadow:0 4px 12px rgba(99,71,217,.28);
}

/* ─── 1. En-tête : les compteurs globaux n'appartiennent qu'au jeu 1 ──
   Série / points / erreurs / précision et la barre d'XP ne comptent
   que la Note unique. Ailleurs on les masque : chaque jeu a déjà ses
   propres pastilles dans sa tête de section.                        */
#jeudenotes #jeunote_app:not([data-nq-game="single"]) .jeunote_stats .jeunote_badge:not(#jeunote_globalSettings),
#jeudenotes #jeunote_app:not([data-nq-game="single"]) .jeunote_level_row{ display:none !important; }

#jeudenotes #jeunote_app .jeunote_header{
  padding:12px 18px !important; border-radius:18px !important;
}
#jeudenotes #jeunote_app .jeunote_logo_icon{ animation:none !important; }
#jeudenotes #jeunote_app .jeunote_level_row{
  padding:10px 18px !important; border-radius:14px !important;
}

/* ─── 2. Cartes de mode ──────────────────────────────────────── */
#jeudenotes #jeunote_app .jeunote_modeTabs{ gap:12px !important; margin:14px 0 16px !important; }
#jeudenotes #jeunote_app .jeunote_modeTab{
  flex-direction:column !important; gap:8px !important;
  min-height:92px;
  padding:16px 8px 13px !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  font-family:inherit; font-size:14px !important; font-weight:800 !important;
  color:var(--ink) !important;
  box-shadow:0 2px 8px rgba(22,35,58,.05) !important;
  transition:transform .18s, box-shadow .18s, background .18s, border-color .18s !important;
  cursor:pointer;
}
#jeudenotes #jeunote_app .jeunote_modeTab::after{ content:none !important; display:none !important; }
#jeudenotes #jeunote_app .jeunote_modeTab::before{
  top:9px !important; left:9px !important; width:22px !important; height:22px !important;
  font-size:11.5px !important; display:flex !important;
}
#jeudenotes #jeunote_app .jeunote_modeTab .nq5_ico{
  display:flex; color:var(--tab-accent); line-height:0;
  transition:transform .18s;
}
#jeudenotes #jeunote_app .jeunote_modeTab .nq5_tabLabel{ line-height:1.15; }
@media(hover:hover){
  #jeudenotes #jeunote_app .jeunote_modeTab:hover:not(.jeunote_modeTabActive){
    transform:translateY(-2px) !important;
    border-color:var(--tab-accent) !important;
    box-shadow:0 8px 20px rgba(22,35,58,.09) !important;
  }
}
/* Actif : carte pleine à la couleur du jeu, texte blanc */
#jeudenotes #jeunote_app .jeunote_modeTab.jeunote_modeTabActive{
  background:linear-gradient(140deg, var(--tab-accent), color-mix(in srgb, var(--tab-accent) 72%, #fff)) !important;
  border-color:transparent !important;
  color:#fff !important;
  transform:none !important;
  box-shadow:0 10px 24px color-mix(in srgb, var(--tab-accent) 32%, transparent) !important;
}
#jeudenotes #jeunote_app .jeunote_modeTab.jeunote_modeTabActive .nq5_ico{ color:#fff; transform:scale(1.08); }
#jeudenotes #jeunote_app .jeunote_modeTab.jeunote_modeTabActive::before{
  background:#fff !important; color:var(--tab-accent) !important; box-shadow:none !important;
}
#jeudenotes #jeunote_app .jeunote_modeTab:focus-visible{ outline:3px solid color-mix(in srgb, var(--tab-accent) 45%, transparent); outline-offset:2px; }

/* ─── 3. Carte de jeu et tête de section ─────────────────────── */
#jeudenotes #jeunote_app .jeunote_gameSection{
  border-radius:22px !important;
}
#jeudenotes #jeunote_app .jn3_secNum{
  width:46px !important; height:46px !important; border-radius:50% !important; font-size:19px !important;
}
#jeudenotes #jeunote_app .jn3_secTitle{ font-size:22px !important; font-weight:800 !important; color:var(--ink) !important; letter-spacing:-.2px; }
#jeudenotes #jeunote_app .jn3_secSub{ font-size:13.5px !important; color:var(--mute) !important; }
#jeudenotes #jeunote_app .jn3_score{
  padding:7px 14px !important; border-radius:999px !important; font-size:13.5px !important; font-weight:800 !important;
}
/* Largeur de travail identique pour les 5 jeux en colonne */
#jeudenotes #jeunote_app .jd_container,
#jeudenotes #jeunote_app .ji_container,
#jeudenotes #jeunote_app .jc_container,
#jeudenotes #jeunote_app .jr_container{ max-width:none !important; width:100%; }

/* ─── 4. Barre de réglages : un seul style pour tous les jeux ── */
#jeudenotes #jeunote_app .jd_settings,
#jeudenotes #jeunote_app .ji_settings,
#jeudenotes #jeunote_app .jc_settings,
#jeudenotes #jeunote_app .jr_settings{
  display:flex !important; align-items:center !important; flex-wrap:wrap !important;
  gap:10px 18px !important;
  background:#F6F8FC !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  padding:10px 14px !important;
  margin:0 0 16px !important;
}
#jeudenotes #jeunote_app .ji_pills,
#jeudenotes #jeunote_app .jc_diffPills{ display:flex; align-items:center; flex-wrap:wrap; gap:6px !important; }
#jeudenotes #jeunote_app .jeunote_label_sm{ font-size:13px !important; font-weight:700 !important; color:var(--mute) !important; margin-right:2px; }

/* Pastilles et segments : même forme, actif = couleur du jeu */
#jeudenotes #jeunote_app .ji_pill,
#jeudenotes #jeunote_app .jeunote_segments button{
  min-height:38px;
  padding:8px 14px !important;
  border-radius:11px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  color:var(--ink) !important;
  font-size:13.5px !important; font-weight:700 !important;
  box-shadow:none !important;
  transition:background .15s, border-color .15s, color .15s !important;
  white-space:nowrap;
}
#jeudenotes #jeunote_app .jeunote_segments{
  background:transparent !important; border:none !important; padding:0 !important;
  gap:6px !important; box-shadow:none !important; flex-wrap:wrap;
  overflow:visible !important;
}
@media(hover:hover){
  #jeudenotes #jeunote_app .ji_pill:hover:not(.ji_pillActive),
  #jeudenotes #jeunote_app .jeunote_segments button:hover:not(.jeunote_active){
    border-color:var(--g) !important; background:var(--gs) !important;
  }
}
#jeudenotes #jeunote_app .ji_pill.ji_pillActive,
#jeudenotes #jeunote_app .jeunote_segments button.jeunote_active,
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone .jeunote_segments button.jeunote_active{
  background:var(--g) !important;
  border-color:var(--g) !important;
  color:#fff !important;
  box-shadow:0 4px 12px color-mix(in srgb, var(--g) 28%, transparent) !important;
}
#jeudenotes #jeunote_app .jeunote_select{
  min-height:38px; border-radius:11px !important; border:1px solid var(--line) !important;
  background-color:#fff !important; font-weight:700 !important; font-size:13.5px !important; color:var(--ink) !important;
}
#jeudenotes #jeunote_app .jeunote_select:focus-visible,
#jeudenotes #jeunote_app .ji_pill:focus-visible,
#jeudenotes #jeunote_app .jeunote_segments button:focus-visible{ outline:3px solid color-mix(in srgb, var(--g) 40%, transparent); outline-offset:1px; }

/* Panneau latéral du jeu 1 : les segments ne débordent plus */
#jeudenotes #jeunote_app .jeunote_settingsPanel .jeunote_sp_row{ gap:10px; flex-wrap:wrap; }
#jeudenotes #jeunote_app .jeunote_settingsPanel .jeunote_segments button{ padding:7px 10px !important; font-size:12.5px !important; min-height:34px; }
#jeudenotes #jeunote_app .jeunote_panel,
#jeudenotes #jeunote_app .jeunote_settingsPanel{
  background:#fff !important; border:1px solid var(--line) !important;
  box-shadow:0 6px 22px rgba(22,35,58,.06) !important;
}

/* ─── 5. Zone de jeu : fond neutre, plus de pastel rose ou vert ── */
#jeudenotes #jeunote_app .jd_playZone,
#jeudenotes #jeunote_app #jeunote_sectionInterval .ji_playZone,
#jeudenotes #jeunote_app #jeunote_sectionChord .jc_playZone,
#jeudenotes #jeunote_app #jeunote_sectionRhythm .jr_playZone,
#jeudenotes #jeunote_app #jeunote_sectionSingle .jeunote_bigPlay{
  background:
    radial-gradient(520px 220px at 50% 0%, color-mix(in srgb, var(--g) 9%, transparent), transparent 70%),
    #FBFCFE !important;
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  box-shadow:none !important;
}
#jeudenotes #jeunote_app .jd_playZone,
#jeudenotes #jeunote_app .ji_playZone,
#jeudenotes #jeunote_app .jc_playZone,
#jeudenotes #jeunote_app .jr_playZone{
  display:flex !important; flex-direction:column !important; align-items:center !important;
  gap:14px !important; padding:22px 20px 26px !important;
}
#jeudenotes #jeunote_app .jd_levelInfo{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin:0 !important; }
#jeudenotes #jeunote_app .jd_levelBadge{
  background:var(--gs) !important; color:var(--g) !important;
  border:1px solid var(--gl) !important;
  box-shadow:none !important; border-radius:999px !important;
  font-size:11.5px !important; letter-spacing:.6px; padding:6px 12px !important;
}
#jeudenotes #jeunote_app .jd_seqInfo{ color:var(--mute) !important; font-weight:700 !important; font-size:13.5px !important; }

/* ─── 6. Scène d'écoute : bouton rond + onde à un trait ──────── */
#jeudenotes #jeunote_app .nq5_stage{
  display:flex; align-items:center; justify-content:center;
  gap:14px; width:100%; max-width:640px; margin:4px auto -2px;
}
#jeudenotes #jeunote_app .nq5_wave{
  display:block; flex:1 1 0; min-width:40px; max-width:240px; height:64px;
}
#jeudenotes #jeunote_app .nq5_disc,
#jeudenotes #jeunote_app .jeunote_playBtn{
  position:relative; flex:0 0 auto;
  border:none !important; border-radius:50% !important;
  background:linear-gradient(145deg, var(--g2), var(--g)) !important;
  color:#fff !important;
  box-shadow:0 12px 28px color-mix(in srgb, var(--g) 36%, transparent),
             0 0 0 8px color-mix(in srgb, var(--g) 10%, transparent),
             inset 0 1px 0 rgba(255,255,255,.3) !important;
  cursor:pointer;
  transition:transform .15s, box-shadow .2s, opacity .2s !important;
}
#jeudenotes #jeunote_app .nq5_disc{
  width:96px; height:96px; padding:0;
  display:flex; align-items:center; justify-content:center;
}
#jeudenotes #jeunote_app .nq5_disc:active,
#jeudenotes #jeunote_app .jeunote_playBtn:active{ transform:scale(.95) !important; }
@media(hover:hover){
  #jeudenotes #jeunote_app .nq5_disc:hover:not(:disabled),
  #jeudenotes #jeunote_app .jeunote_playBtn:hover:not(:disabled){ transform:scale(1.05) !important; }
}
#jeudenotes #jeunote_app .nq5_disc:disabled,
#jeudenotes #jeunote_app .jeunote_playBtn:disabled{ opacity:.45 !important; cursor:not-allowed; transform:none !important; }
#jeudenotes #jeunote_app .nq5_disc:focus-visible,
#jeudenotes #jeunote_app .jeunote_playBtn:focus-visible{ outline:3px solid color-mix(in srgb, var(--g) 50%, #fff); outline-offset:4px; }

/* Les anciens halos permanents disparaissent : l'anneau ne pulse
   que pendant qu'un son est joué (classe nq5_sounding)            */
#jeudenotes #jeunote_app .jeunote_playBtn::before,
#jeudenotes #jeunote_app .jeunote_playBtn::after{ animation:none !important; opacity:0 !important; }
#jeudenotes #jeunote_app.nq5_sounding .jeunote_gameSectionActive .nq5_disc,
#jeudenotes #jeunote_app.nq5_sounding .jeunote_gameSectionActive .jeunote_playBtn{
  box-shadow:0 12px 28px color-mix(in srgb, var(--g) 36%, transparent),
             0 0 0 13px color-mix(in srgb, var(--g) 16%, transparent),
             inset 0 1px 0 rgba(255,255,255,.3) !important;
}

/* Jeu 1 : même scène */
#jeudenotes #jeunote_app .jeunote_bigPlay{
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:14px !important; padding:26px 20px !important;
}
#jeudenotes #jeunote_app .jeunote_soundWave.nq5_waveHost{
  display:flex !important; flex:1 1 0; min-width:40px; max-width:240px; height:64px;
  gap:0 !important; opacity:1 !important;
}
#jeudenotes #jeunote_app .jeunote_soundWave.nq5_waveHost .nq5_wave{ max-width:none; width:100%; }
#jeudenotes #jeunote_app .jeunote_playBtn{ width:104px !important; height:104px !important; }
#jeudenotes #jeunote_app .jeunote_roundBadge{
  top:12px !important; right:14px !important; left:auto !important;
  background:var(--gs) !important; color:var(--g) !important; border:1px solid var(--gl) !important;
}

/* Sous le bouton rond : le bouton texte devient le libellé d'action */
#jeudenotes #jeunote_app .jd_buttons{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px !important; margin:0 !important; }
#jeudenotes #jeunote_app .jd_playBtn{
  background:var(--g) !important; color:#fff !important;
  border:none !important; border-radius:999px !important;
  padding:11px 24px !important; font-size:15px !important; font-weight:800 !important;
  box-shadow:0 6px 16px color-mix(in srgb, var(--g) 28%, transparent) !important;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz #nb_launch_btn{
  background:linear-gradient(145deg, var(--g2), var(--g)) !important;
  box-shadow:0 10px 24px color-mix(in srgb, var(--g) 32%, transparent) !important;
  padding:14px 44px !important; font-size:16px !important;
}
#jeudenotes #jeunote_app .jeunote_btn{
  min-height:40px; border-radius:999px !important; padding:9px 16px !important;
  font-weight:700 !important; font-size:13.5px !important;
}

/* ─── 7. Chances ─────────────────────────────────────────────── */
#jeudenotes #jeunote_app .jd_livesRow{ display:flex; align-items:center; justify-content:center; gap:8px; margin:0 !important; }
#jeudenotes #jeunote_app .jd_livesLabel{ font-size:13px !important; font-weight:700 !important; color:var(--mute) !important; }
#jeudenotes #jeunote_app .jd_heart{ font-size:20px !important; }

/* ─── 8. Réponses : même carte pour intervalles, accords, rythme ── */
#jeudenotes #jeunote_app .ji_answers,
#jeudenotes #jeunote_app .jc_answers{
  display:flex !important; flex-wrap:wrap !important; justify-content:center !important;
  gap:12px !important; width:100%; max-width:900px; margin:2px auto 0 !important;
}
#jeudenotes #jeunote_app .ji_answerBtn,
#jeudenotes #jeunote_app .jc_answerBtn{
  flex:0 1 200px; min-width:150px; min-height:60px;
  padding:12px 14px !important;
  background:#fff !important;
  border:1.5px solid var(--line) !important;
  border-radius:16px !important;
  font-size:16px !important; font-weight:800 !important; color:var(--ink) !important;
  box-shadow:0 2px 6px rgba(22,35,58,.05) !important;
  transition:transform .14s, border-color .14s, background .14s, box-shadow .14s !important;
}
#jeudenotes #jeunote_app .jr_choiceBtn{
  background:#fff !important; border:1.5px solid var(--line) !important; border-radius:16px !important;
}
@media(hover:hover){
  #jeudenotes #jeunote_app .ji_answerBtn:hover:not(:disabled),
  #jeudenotes #jeunote_app .jc_answerBtn:hover:not(:disabled),
  #jeudenotes #jeunote_app .jr_choiceBtn:hover:not(:disabled){
    border-color:var(--g) !important; background:var(--gs) !important;
    transform:translateY(-2px); box-shadow:0 8px 18px color-mix(in srgb, var(--g) 16%, transparent) !important;
  }
}
#jeudenotes #jeunote_app .ji_answerBtn.ji_ansOk,
#jeudenotes #jeunote_app .jc_answerBtn.jc_ansOk,
#jeudenotes #jeunote_app .jr_choiceBtn.jr_ansOk{
  background:#E7F6EF !important; border-color:#1E9E63 !important; color:#14663F !important;
}
#jeudenotes #jeunote_app .ji_answerBtn.ji_ansBad,
#jeudenotes #jeunote_app .jc_answerBtn.jc_ansBad,
#jeudenotes #jeunote_app .jr_choiceBtn.jr_ansBad{
  background:#FDEDEA !important; border-color:#E8422F !important; color:#B02E1D !important;
}
#jeudenotes #jeunote_app .jr_choiceLetter{ background:var(--g) !important; color:#fff !important; }

/* Rangée de difficulté des intervalles */
#jeudenotes #jeunote_app .ji_diffRow{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 18px; }
#jeudenotes #jeunote_app .ji_hintToggle{ display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:700; color:var(--mute); cursor:pointer; min-height:38px; }
#jeudenotes #jeunote_app .ji_hintToggle input{ width:18px; height:18px; accent-color:var(--g); }

/* Cases de la dictée */
#jeudenotes #jeunote_app .jd_slot.jd_slotActive{
  border-color:var(--g) !important; background:var(--gs) !important; color:var(--g) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--g) 16%, transparent) !important;
}

/* ─── 9. Conseil : bandeau discret, identique partout ────────── */
#jeudenotes #jeunote_app .jeunote_tip{
  max-width:none !important; margin:16px 0 0 !important;
  background:#FFF9EC !important; border:1px solid #F6E2B3 !important;
  border-radius:16px !important; padding:14px 18px !important;
  font-size:13.5px !important; line-height:1.55 !important; color:#5b4a1f !important;
  box-shadow:none !important;
}

/* ─── 10. Mobile ─────────────────────────────────────────────── */
@media(max-width:760px){
  #jeudenotes #jeunote_app .jeunote_modeTabs{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; }
  #jeudenotes #jeunote_app .jeunote_modeTab{ min-height:74px; padding:12px 6px 10px !important; font-size:12.5px !important; gap:5px !important; border-radius:14px !important; }
  #jeudenotes #jeunote_app .jeunote_modeTab .nq5_ico svg{ width:22px; height:22px; }
  #jeudenotes #jeunote_app .jeunote_modeTab::before{ top:6px !important; left:6px !important; width:18px !important; height:18px !important; font-size:10px !important; }
  #jeudenotes #jeunote_app .jn3_secTitle{ font-size:18px !important; }
  #jeudenotes #jeunote_app .jn3_secNum{ width:38px !important; height:38px !important; font-size:16px !important; }
  #jeudenotes #jeunote_app .nq5_stage, #jeudenotes #jeunote_app .jeunote_bigPlay{ gap:8px !important; }
  #jeudenotes #jeunote_app .nq5_disc{ width:84px; height:84px; }
  #jeudenotes #jeunote_app .jeunote_playBtn{ width:92px !important; height:92px !important; }
  #jeudenotes #jeunote_app .nq5_wave, #jeudenotes #jeunote_app .jeunote_soundWave.nq5_waveHost{ height:52px; }
  #jeudenotes #jeunote_app .ji_answerBtn, #jeudenotes #jeunote_app .jc_answerBtn{ flex:1 1 calc(50% - 6px); min-width:0; font-size:15px !important; }
  #jeudenotes #jeunote_app .jd_playZone, #jeudenotes #jeunote_app .ji_playZone,
  #jeudenotes #jeunote_app .jc_playZone, #jeudenotes #jeunote_app .jr_playZone{ padding:18px 12px 20px !important; }
  /* Réglages : défilement horizontal plutôt qu'un empilement de 4 lignes */
  #jeudenotes #jeunote_app .ji_pill, #jeudenotes #jeunote_app .jeunote_segments button{ padding:8px 11px !important; font-size:13px !important; }
}
@media(prefers-reduced-motion:reduce){
  #jeudenotes #jeunote_app *{ transition:none !important; animation:none !important; }
}

/* ═══════════════════════════════════════════════════════════════
   11. NOTEBLITZ : même habillage que le NoteBlitz de l'OPUS Reader
   (cartes blanches sur fond #eef2f8, numéros et libellés bleus,
   boutons à bord gris, actif bleu pâle). nq-v5.js regroupe les
   réglages dans une carte et remplace les glyphes de clef.
   ═══════════════════════════════════════════════════════════════ */
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jn3_secNum{
  background:linear-gradient(135deg,#3B82F6,#2563EB) !important;
  box-shadow:0 4px 12px rgba(37,99,235,.28) !important;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone{
  background:#EEF2F8 !important; border:1px solid #E2E8F0 !important;
  align-items:stretch !important; gap:10px !important; padding:12px !important;
  max-width:560px; margin:0 auto; width:100%; box-sizing:border-box;
}
/* Règles : carte blanche, numéros bleus */
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone > div:first-child{
  max-width:none !important; background:#fff; border:1px solid #E2E8F0; border-radius:14px;
  padding:10px 12px; gap:0 !important; width:auto !important; box-sizing:border-box;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone > div:first-child > div{
  padding:7px 0; font-size:13px !important; color:#334155 !important; line-height:1.4; align-items:center !important;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone > div:first-child span[style*="border-radius:50%"]{
  background:#2563EB !important; width:22px !important; height:22px !important;
}
/* Réglages : carte blanche */
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nq5_nbSettings{
  background:#fff; border:1px solid #E2E8F0; border-radius:14px; padding:12px;
  display:flex; flex-direction:column; gap:12px;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nq5_nbSettings > div{ max-width:none !important; width:100% !important; }
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nq5_nbSettings div[style*="uppercase"]{
  color:#3B82F6 !important; font-size:11px !important; letter-spacing:.6px !important; margin-bottom:6px !important;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nq5_nbSettings .jeunote_switch{
  justify-content:flex-start; padding-top:10px; border-top:1px solid #E2E8F0; color:#334155;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jc_diffPills,
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jc_diffPills .jeunote_segments{
  display:flex !important; width:100%; gap:6px !important;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone .jeunote_segments button,
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone .jeunote_segments button.jeunote_active{
  flex:1 1 0; min-height:42px; padding:8px 4px !important;
  border:2px solid #E2E8F0 !important; border-radius:12px !important;
  background:#fff !important; color:#334155 !important; box-shadow:none !important;
  font-size:13px !important; font-weight:700 !important;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone .jeunote_segments button.jeunote_active{
  background:#EFF6FF !important; border-color:#3B82F6 !important; color:#1D4ED8 !important;
}
@media(hover:hover){
  #jeudenotes #jeunote_app #jeunote_sectionNoteblitz .jd_playZone .jeunote_segments button:hover:not(.jeunote_active){
    border-color:#93C5FD !important; background:#F8FAFC !important; color:#1D4ED8 !important;
  }
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nqstaff_clefIcon{ display:block; flex:0 0 auto; }
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nqstaff_clefIcon + .nqstaff_clefIcon{ margin-left:-2px; }
/* Bouton Jouer : pleine largeur, comme « Lancer le jeu » */
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz #nb_launch_btn{
  width:100% !important; margin:2px 0 0 !important; padding:14px !important; border-radius:14px !important;
  background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%) !important;
  box-shadow:0 4px 16px rgba(37,99,235,.30) !important;
  font-size:16px !important; font-weight:800 !important; letter-spacing:.5px;
  display:flex; align-items:center; justify-content:center; gap:8px;
}
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz #nb_launch_btn svg{ display:block; }
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nq5_defiWrap,
#jeudenotes #jeunote_app #jeunote_sectionNoteblitz .nq5_board{ max-width:none; margin:0; }

/* ═══════════════════════════════════════════════════════════════
   12. Carte RunChords (lien vers l'OPUS Reader), 7e carte de la grille
   ═══════════════════════════════════════════════════════════════ */
#jeudenotes #jeunote_app .jeunote_modeTabs{ grid-template-columns:repeat(7,minmax(0,1fr)) !important; }
#jeudenotes #jeunote_app .nq5_extTab{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  min-height:92px; padding:16px 6px 11px; box-sizing:border-box;
  background:#fff; border:1px dashed #C9B8F2; border-radius:18px;
  color:var(--ink); text-decoration:none; font-size:14px; font-weight:800; text-align:center;
  box-shadow:0 2px 8px rgba(22,35,58,.05); transition:transform .18s, box-shadow .18s, border-color .18s;
}
#jeudenotes #jeunote_app .nq5_extTab .nq5_ico{ color:#7C3AED; display:flex; line-height:0; }
#jeudenotes #jeunote_app .nq5_extRing{ position:absolute; top:7px; left:7px; line-height:0; }
#jeudenotes #jeunote_app .nq5_extSub{ font-size:10.5px; font-weight:700; color:#7C6AA8; line-height:1.1; margin-top:-3px; }
@media(hover:hover){
  #jeudenotes #jeunote_app .nq5_extTab:hover{ transform:translateY(-2px); border-style:solid; border-color:#7C3AED; box-shadow:0 8px 20px rgba(22,35,58,.09); }
}
#jeudenotes #jeunote_app .nq5_extTab:focus-visible{ outline:3px solid rgba(124,58,237,.35); outline-offset:2px; }
@media(max-width:760px){
  #jeudenotes #jeunote_app .jeunote_modeTabs{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  #jeudenotes #jeunote_app .nq5_extTab{ min-height:74px; padding:12px 4px 8px; font-size:12.5px; gap:4px; border-radius:14px; }
  #jeudenotes #jeunote_app .nq5_extTab .nq5_ico svg{ width:22px; height:22px; }
  #jeudenotes #jeunote_app .nq5_extRing svg{ width:16px; height:16px; }
  #jeudenotes #jeunote_app .nq5_extSub{ font-size:9.5px; }
}