/* ==========================================================================
   RCF — LOT 12 — PHASE C.7 CIBLÉE
   Périmètre utilisateur verrouillé :
   1) Destinée / démarrage Quête
   2) Défi hebdomadaire
   3) visuels EI
   4) bouton Menu en partie
   5) partie plus lumineuse
   6) Academy modules moins vides
   Aucun autre écran n'est volontairement retouché ici.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. DESTINÉE — transformer la fiche brute en véritable écran de lancement.
   -------------------------------------------------------------------------- */
#scDestin{position:relative!important;min-height:100%!important}
#scDestin .creation-shell{padding:18px 16px 24px!important;max-width:none!important}
#scDestin .destin-card{
  position:relative;overflow:hidden;isolation:isolate;
  margin:0!important;padding:0 0 16px!important;border-radius:22px!important;
  border:1px solid rgba(176,216,244,.28)!important;
  background:linear-gradient(160deg,rgba(10,35,54,.82),rgba(3,15,26,.92))!important;
  box-shadow:0 28px 70px -42px #000,0 0 0 1px rgba(255,255,255,.025) inset!important;
  backdrop-filter:blur(15px)!important
}
#scDestin .destin-card::before{
  content:"";display:block;height:126px;margin:0 0 0;
  background:
    linear-gradient(180deg,rgba(2,12,20,.06),rgba(3,14,23,.56) 58%,rgba(5,20,33,.94)),
    url("../../assets/backgrounds/living/game-shift-morning.webp") center 45%/cover no-repeat;
  border-bottom:1px solid rgba(255,201,55,.25)
}
#scDestin .destin-k{
  position:absolute;top:18px;left:18px;z-index:2;margin:0!important;
  display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;
  font:700 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:#07131f!important;background:linear-gradient(135deg,#ffd34b,#f5ad14)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)
}
#scDestin .destin-who{
  margin:-46px 16px 0!important;padding:13px 14px 12px!important;position:relative;z-index:2;
  border-radius:15px!important;border:1px solid rgba(193,225,248,.22)!important;
  background:linear-gradient(155deg,rgba(10,36,56,.86),rgba(4,17,29,.94))!important;
  font:700 22px/1.08 var(--disp)!important;letter-spacing:.01em;color:#fff!important;
  box-shadow:0 18px 34px -26px #000!important
}
#scDestin .destin-who::before{content:"DÉPART DE CARRIÈRE";display:block;margin-bottom:5px;font:700 8.5px/1 var(--mono);letter-spacing:.14em;color:#f7c63a}
#scDestin .destin-rows{
  display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;
  margin:12px 16px 0!important
}
#scDestin .destin-r{
  min-width:0;padding:10px 11px!important;border-radius:12px!important;
  border:1px solid rgba(171,211,239,.16)!important;background:rgba(7,26,42,.62)!important;
  display:flex!important;flex-direction:column!important;gap:4px!important
}
#scDestin .destin-r:nth-child(2){grid-column:span 2;border-color:rgba(255,199,43,.24)!important;background:linear-gradient(150deg,rgba(29,61,78,.66),rgba(8,28,43,.74))!important}
#scDestin .destin-r span{font:600 8.5px/1.1 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;color:#86a2b7!important}
#scDestin .destin-r b{font:650 14px/1.25 var(--body)!important;color:#f4f8fb!important;overflow-wrap:anywhere}
#scDestin .destin-r:nth-child(2) b{font-family:var(--disp)!important;font-size:17px!important;color:#fff!important}
#scDestin .destin-note{
  margin:12px 16px 0!important;padding:10px 12px 10px 13px!important;
  border-left:3px solid #f7c533;border-radius:0 10px 10px 0;
  background:rgba(247,197,51,.075)!important;color:#cbd9e3!important;
  font-size:12px!important;line-height:1.45!important
}
#scDestin .destin-actions{
  display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin:13px 16px 0!important
}
#scDestin .destin-actions .btn{margin:0!important;min-height:48px!important;border-radius:12px!important;padding:8px 11px!important;font-size:11px!important;letter-spacing:.035em!important}
#scDestin .destin-actions .btn:first-child{grid-column:1/-1;min-height:52px!important;font-size:12.5px!important;background:linear-gradient(135deg,#ffc62e,#f5a900)!important;color:#08131d!important;box-shadow:0 12px 30px -18px rgba(255,183,0,.9)!important}
#scDestin .destin-actions .btn.ghost{background:rgba(13,38,58,.72)!important;border-color:rgba(174,213,240,.25)!important;color:#e5edf3!important}
@media(max-width:370px){#scDestin .destin-rows{grid-template-columns:1fr}.destin-r:nth-child(2){grid-column:auto!important}#scDestin .destin-actions{grid-template-columns:1fr}.destin-actions .btn:first-child{grid-column:auto!important}}

/* --------------------------------------------------------------------------
   2. DÉFI HEBDO — davantage de jeu, moins de grand formulaire vide.
   -------------------------------------------------------------------------- */
#scWeekly{position:relative!important}
#scWeekly .weekly-wrap{padding:14px 14px 24px!important}
#scWeekly .wk-head{
  position:relative;overflow:hidden;isolation:isolate;
  margin:0 0 11px!important;padding:13px 14px 16px!important;min-height:178px;
  border:1px solid rgba(177,216,244,.24);border-radius:19px;
  background:
    linear-gradient(180deg,rgba(2,12,20,.10),rgba(3,15,25,.62) 48%,rgba(4,18,30,.96)),
    url("../../assets/backgrounds/living/game-shift-evening.webp") center/cover no-repeat!important;
  box-shadow:0 25px 58px -40px #000
}
#scWeekly .wk-back{position:relative;z-index:2;margin:0 0 22px!important;background:rgba(3,17,29,.62)!important;backdrop-filter:blur(8px)}
#scWeekly .wk-k{position:relative;z-index:2;font:700 9px/1 var(--mono)!important;letter-spacing:.15em!important;text-transform:uppercase;color:#ffc928!important}
#scWeekly .wk-t{position:relative;z-index:2;margin:5px 0 4px!important;font-size:31px!important;line-height:1!important;color:#fff!important;text-shadow:0 3px 16px #000}
#scWeekly .wk-theme{position:relative;z-index:2;max-width:38ch;margin:0!important;color:#d8e4ec!important;font-size:12.5px!important}
#scWeekly .wk-fin{position:absolute;right:13px;top:14px;z-index:2;margin:0!important;padding:5px 8px;border-radius:999px;background:rgba(255,197,47,.90);color:#071522!important;font:700 8.5px/1 var(--mono)!important;letter-spacing:.06em}
#scWeekly .wk-card{position:relative!important;overflow:hidden!important;padding:13px 14px!important;margin-bottom:9px!important;border-radius:15px!important;background:linear-gradient(155deg,rgba(13,42,63,.76),rgba(4,19,32,.87))!important;border-color:rgba(176,215,243,.20)!important;box-shadow:0 18px 44px -34px #000!important}
#scWeekly .wk-card:first-of-type{border-top:2px solid rgba(255,198,44,.72)!important}
#scWeekly .wk-card-t{margin:0 0 9px!important;font-family:var(--disp)!important;font-size:17px!important;letter-spacing:.02em!important;text-transform:uppercase;color:#ffd044!important}
#scWeekly .wk-l{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;margin:0!important;padding:0!important;list-style:none!important}
#scWeekly .wk-l li{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0;padding:9px 10px!important;border-radius:10px!important;border:1px solid rgba(165,205,233,.12)!important;background:rgba(4,20,33,.48)!important}
#scWeekly .wk-l li span{font:600 8.2px/1.15 var(--mono)!important;letter-spacing:.075em;text-transform:uppercase;color:#7997ad!important}
#scWeekly .wk-l li b{font:650 12.3px/1.28 var(--body)!important;color:#f1f6f9!important;overflow-wrap:anywhere}
#scWeekly .wk-l li:last-child:nth-child(odd){grid-column:1/-1}
#scWeekly .wk-note{margin:10px 0 0!important;padding-top:9px;border-top:1px solid rgba(165,205,233,.12);font-size:10.7px!important;color:#aebfcb!important}
#scWeekly .wk-days{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:5px!important;margin-top:11px!important}
#scWeekly .wk-day{aspect-ratio:1/1;display:grid!important;place-items:center!important;min-width:0!important;height:auto!important;border-radius:50%!important;font:700 10px/1 var(--mono)!important;background:rgba(3,19,31,.66)!important;border:1px solid rgba(162,203,230,.21)!important}
#scWeekly .wk-d-now{border-color:#ffd044!important;box-shadow:0 0 0 2px rgba(255,208,68,.10),0 0 20px -9px #ffd044!important;color:#ffd044!important}
#scWeekly .wk-d-ok{background:rgba(68,201,146,.18)!important;border-color:rgba(68,201,146,.55)!important;color:#75e4b7!important}
#scWeekly .wk-actions{margin-top:9px!important;padding:12px!important;border-radius:14px!important;border:1px solid rgba(255,201,58,.22)!important;background:linear-gradient(145deg,rgba(255,198,42,.08),rgba(7,25,40,.74))!important;text-align:center}
#scWeekly .wk-actions .btn{width:100%!important;min-height:50px!important;border-radius:12px!important;background:linear-gradient(135deg,#ffc92e,#f2aa00)!important;color:#071522!important}
#scWeekly .wk-done{margin:0!important;padding:2px 0!important;font:650 13px/1.45 var(--body)!important;color:#dce7ee!important}
@media(max-width:370px){#scWeekly .wk-l{grid-template-columns:1fr!important}#scWeekly .wk-l li{grid-column:auto!important}#scWeekly .wk-t{font-size:27px!important}}

/* --------------------------------------------------------------------------
   3. ENTRETIENS INDIVIDUELS — remettre une image de contexte visible.
   --rcf-ei-photo est posé par interview-ambience-v5.js. Si le gros lot EI
   n'est pas embarqué dans une preview, le fond atelier générique reste visible.
   -------------------------------------------------------------------------- */
body.rcf-milestone-event #eventCard.milestone-event::before{
  /* C.8B — le fond EI reste bien l'image d'ambiance plein écran. La bande photo
     interne de 112 px recadrait une zone arbitraire du portrait et produisait,
     selon l'image, un rectangle jaune/vert flou au-dessus du titre. */
  content:none!important;display:none!important
}
body.rcf-milestone-event #eventCard.milestone-event{border-color:rgba(255,201,57,.26)!important;background:linear-gradient(155deg,rgba(11,38,58,.80),rgba(3,17,29,.90))!important}
body.rcf-milestone-event .intv-head{border-bottom-color:rgba(255,201,57,.22)!important;background:linear-gradient(90deg,rgba(30,83,112,.64),rgba(8,31,49,.44))!important}
body.rcf-milestone-event .intv-title{font-size:19px!important;text-shadow:0 2px 12px #000}

/* --------------------------------------------------------------------------
   4 + 5. PARTIE — bouton Menu + ambiance plus claire, moderne et vivante.
   -------------------------------------------------------------------------- */
.wrap:has(#scGame.on) .toolbar{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:7px!important;align-items:stretch!important}
.wrap:has(#scGame.on) .game-menu-btn{min-width:48px!important;padding:5px 10px!important;border-color:rgba(255,204,64,.28)!important;background:linear-gradient(155deg,rgba(28,65,86,.70),rgba(7,27,42,.76))!important;color:#ffd34b!important}
.wrap:has(#scGame.on) .game-menu-btn .game-menu-icon{font-size:17px;line-height:1;margin-right:4px}
.wrap:has(#scGame.on) .game-menu-btn .game-menu-label{color:#eef5f8;font-size:10.5px}
body.rcf-ingame:not(.rcf-milestone-event) .rcf-game-bg.on{filter:saturate(1.11) contrast(1.015) brightness(1.20)!important}
body.rcf-ingame:not(.rcf-milestone-event) .rcf-game-scrim{background-image:linear-gradient(180deg,rgba(2,10,16,.05),rgba(3,12,19,.18) 44%,rgba(2,9,15,.44) 100%)!important}
.wrap:has(#scGame.on) #plate{background:linear-gradient(155deg,rgba(18,53,75,.60),rgba(5,22,35,.70))!important;border-color:rgba(181,222,249,.22)!important}
.wrap:has(#scGame.on) .stats{background:rgba(10,34,51,.57)!important;border-color:rgba(180,220,247,.21)!important;backdrop-filter:blur(9px)!important}
.wrap:has(#scGame.on) #eventCard:not(.milestone-event){background:linear-gradient(150deg,rgba(17,50,72,.67),rgba(4,20,33,.76))!important;border-color:rgba(187,225,250,.24)!important;box-shadow:0 22px 56px -42px #000,0 0 28px -26px rgba(96,190,240,.46)!important}
.wrap:has(#scGame.on) .choice{background:linear-gradient(155deg,rgba(25,62,84,.70),rgba(7,28,44,.78))!important;border-color:rgba(177,217,244,.20)!important}
.wrap:has(#scGame.on) .choice:hover{background:linear-gradient(155deg,rgba(34,77,100,.80),rgba(10,36,55,.86))!important;border-color:rgba(255,205,62,.34)!important}
@media(max-width:390px){.wrap:has(#scGame.on) .game-menu-btn{min-width:64px!important;padding:5px 7px!important}.wrap:has(#scGame.on) .game-menu-btn .game-menu-label{display:inline!important;font-size:9.5px!important}.wrap:has(#scGame.on) .toolbar{grid-template-columns:auto auto 1fr!important}}
@media(max-width:350px){.wrap:has(#scGame.on) .game-menu-btn{min-width:42px!important}.wrap:has(#scGame.on) .game-menu-btn .game-menu-label{display:none!important}}

/* --------------------------------------------------------------------------
   6. RCF ACADEMY — garder les beaux héros, densifier le corps comme Carrière.
   -------------------------------------------------------------------------- */
#scAcademy .ac-entry .ac-head,#scAcademyM02 .m02-head{margin-bottom:10px!important}
#scAcademy .ac-entry .ac-form,#scAcademyM02 .m02>.ac-form{
  position:relative!important;overflow:hidden!important;padding:72px 14px 14px!important;
  background:
    linear-gradient(180deg,rgba(2,12,20,.08),rgba(5,22,36,.78) 58px,rgba(5,22,36,.88) 72px),
    url("../../assets/backgrounds/living/game-shift-morning.webp") center 40%/cover no-repeat!important;
}
#scAcademyM02 .m02>.ac-form{background:
    linear-gradient(180deg,rgba(2,12,20,.08),rgba(5,22,36,.78) 58px,rgba(5,22,36,.88) 72px),
    url("../../assets/backgrounds/living/game-shift-day.webp") center 42%/cover no-repeat!important}
#scAcademy .ac-entry .ac-form::before,#scAcademyM02 .m02>.ac-form::before{
  content:"DOSSIER DE SESSION";position:absolute;left:13px;top:13px;padding:5px 8px;border-radius:999px;
  background:rgba(5,19,31,.72);border:1px solid rgba(255,203,60,.28);backdrop-filter:blur(8px);
  font:700 8px/1 var(--mono);letter-spacing:.12em;color:#ffd044
}
#scAcademy .ac-play,#scAcademyM02 .m02-play{position:relative!important;overflow:hidden!important;background:linear-gradient(160deg,rgba(13,43,64,.72),rgba(3,17,28,.84))!important}
#scAcademy .ac-session-hero,#scAcademyM02 .ac-session-hero{min-height:108px!important;margin-bottom:9px!important}
#scAcademy .ac-bar,#scAcademyM02 .ac-bar{height:5px!important;margin:0 2px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;overflow:hidden!important}
#scAcademy .ac-bar-f,#scAcademyM02 .ac-bar-f{height:100%!important;background:linear-gradient(90deg,#67c9ff,#ffd044)!important;box-shadow:0 0 16px -5px #67c9ff}
#scAcademy .ac-ctx,#scAcademyM02 .ac-ctx{
  position:relative;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important;
  margin:0 0 9px!important;padding:10px 11px 10px 14px!important;border-radius:11px!important;
  border:1px solid rgba(174,214,242,.17)!important;background:rgba(4,20,33,.56)!important
}
#scAcademy .ac-ctx::before,#scAcademyM02 .ac-ctx::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#ffd044}
#scAcademy .ac-tag,#scAcademyM02 .ac-tag{display:inline-flex!important;width:max-content!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(255,205,67,.10)!important;border:1px solid rgba(255,205,67,.23)!important;color:#ffd34b!important;font:700 8.5px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase}
#scAcademy .ac-job-cur,#scAcademyM02 .ac-job-cur{font:650 10.5px/1.2 var(--body)!important;color:#c9d9e4!important;text-align:right}
#scAcademy .ac-q,#scAcademyM02 .ac-q{margin:7px 0 9px!important;padding:13px 14px 14px!important;border-left:3px solid rgba(91,190,240,.75)!important;background:linear-gradient(150deg,rgba(11,38,58,.70),rgba(4,20,33,.76))!important;box-shadow:0 14px 34px -30px #000!important}
#scAcademy .ac-answers,#scAcademyM02 .ac-answers{display:grid!important;gap:7px!important;margin-top:0!important}
#scAcademy .ac-answer,#scAcademyM02 .ac-answer{min-height:50px!important;border-radius:11px!important;background:linear-gradient(155deg,rgba(25,61,83,.72),rgba(6,27,43,.82))!important}
#scAcademy .ac-actions--quit,#scAcademyM02 .ac-actions--quit{margin-top:10px!important;padding-top:9px!important;border-top:1px solid rgba(171,211,239,.12)!important}
#scAcademyM02 .m02-formats{display:grid!important;gap:9px!important;padding:11px!important;border-radius:15px!important;background:linear-gradient(155deg,rgba(11,38,58,.70),rgba(4,19,31,.82))!important;border:1px solid rgba(176,215,243,.18)!important;backdrop-filter:blur(12px)!important}
#scAcademyM02 .m02-format{min-height:88px!important;border-radius:12px!important;background:linear-gradient(150deg,rgba(22,58,79,.73),rgba(6,25,40,.84))!important}
#scAcademyM02 .ac-note-min{margin:9px 2px 0!important;padding:9px 11px!important;border-left:3px solid rgba(255,204,62,.62)!important;background:rgba(255,204,62,.055)!important;border-radius:0 9px 9px 0!important}


/* === ACADEMY C7B — renfort visuel validé par l’utilisateur === */
#scAcademy .ac-entry,#scAcademy .ac-play,#scAcademyM02 .m02,#scAcademyM02 .m02-play{display:flex!important;flex-direction:column!important;gap:10px!important}
#scAcademy .ac-form--academy,#scAcademyM02 .ac-form--academy{padding:14px!important;background:linear-gradient(155deg,rgba(10,36,56,.82),rgba(4,17,29,.92))!important;border:1px solid rgba(176,215,243,.18)!important;box-shadow:0 18px 44px -34px #000!important}
#scAcademy .ac-brand-panel,#scAcademyM02 .ac-brand-panel{position:relative!important;overflow:hidden!important;isolation:isolate!important;margin:0!important;padding:14px!important;border-radius:22px!important;border:1px solid rgba(176,216,244,.26)!important;background:linear-gradient(180deg,rgba(2,12,20,.12),rgba(3,16,27,.52) 34%,rgba(4,18,30,.92)),url("../../assets/backgrounds/living/game-shift-evening.webp") center/cover no-repeat!important;box-shadow:0 24px 58px -38px #000,0 0 0 1px rgba(255,255,255,.03) inset!important}
#scAcademyM02 .ac-brand-panel{background:linear-gradient(180deg,rgba(2,12,20,.12),rgba(3,16,27,.52) 34%,rgba(4,18,30,.92)),url("../../assets/backgrounds/living/game-shift-day.webp") center 42%/cover no-repeat!important}
#scAcademy .ac-brand-panel::after,#scAcademyM02 .ac-brand-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,34,.15),rgba(5,20,34,.15) 24%,rgba(5,20,34,.38) 54%,rgba(5,20,34,.64));pointer-events:none}
/* C.7D — couche photo tirée parmi les ambiances d'atelier du jeu. Elle se
   glisse entre le fond du panneau (qui reste le repli si le JS ne tourne pas)
   et le voile ::after, lui-même sous le contenu. */
#scAcademy .ac-brand-photo,#scAcademyM02 .ac-brand-photo{position:absolute!important;inset:0!important;z-index:0!important;background-position:center 42%!important;background-size:cover!important;background-repeat:no-repeat!important;pointer-events:none!important}
#scAcademy .ac-brand-panel>*,#scAcademyM02 .ac-brand-panel>*{position:relative;z-index:1}
#scAcademy .ac-brand-panel-top,#scAcademyM02 .ac-brand-panel-top{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important;margin-bottom:14px!important}
/* C.7D — logo ramené à une taille raisonnable : à min(208px,74%) il montait
   à 119 px de haut et mangeait le panneau, laissant peu de place au nom du
   module et à la question. */
#scAcademy .ac-brand-logo,#scAcademyM02 .ac-brand-logo{width:min(132px,42%)!important;max-width:132px!important;height:auto!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.75)) drop-shadow(0 0 28px rgba(133,198,255,.42))!important}
#scAcademy .ac-brand-k,#scAcademyM02 .ac-brand-k{font:700 9.5px/1 var(--mono)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#ecf5fb!important}
#scAcademy .ac-brand-name,#scAcademyM02 .ac-brand-name{font:500 10.5px/1.2 var(--mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#bad2e3!important}
#scAcademy .ac-module-strip,#scAcademyM02 .ac-module-strip{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:stretch!important;padding:12px 13px!important;border-radius:18px!important;border:1px solid rgba(164,206,236,.18)!important;background:linear-gradient(155deg,rgba(8,31,49,.76),rgba(4,17,29,.88))!important;backdrop-filter:blur(10px)!important}
#scAcademy .ac-module-k,#scAcademyM02 .ac-module-k{margin:0 0 5px!important;font:700 10px/1 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#ffd044!important}
#scAcademy .ac-module-title,#scAcademyM02 .ac-module-title{margin:0!important;font-family:var(--disp)!important;font-size:20px!important;line-height:1.03!important;letter-spacing:.015em!important;text-transform:uppercase!important;color:#fff!important}
#scAcademy .ac-module-sub,#scAcademyM02 .ac-module-sub{margin:6px 0 0!important;font-size:12px!important;line-height:1.4!important;color:#d8e5ed!important;max-width:34ch}
#scAcademy .ac-module-side,#scAcademyM02 .ac-module-side{align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:108px!important;padding:10px 9px!important;border-radius:14px!important;border:1px solid rgba(255,208,68,.24)!important;background:rgba(4,20,33,.72)!important;font:700 9px/1.25 var(--mono)!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#ffd044!important;text-align:center!important}
#scAcademy .ac-progress-card,#scAcademyM02 .ac-progress-card{padding:11px 13px!important;border-radius:16px!important;border:1px solid rgba(174,214,242,.17)!important;background:linear-gradient(155deg,rgba(10,36,56,.72),rgba(4,19,31,.84))!important;box-shadow:0 16px 34px -30px #000!important}
#scAcademy .ac-progress-top,#scAcademyM02 .ac-progress-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 8px!important}
#scAcademy .ac-progress-top span,#scAcademy .ac-progress-top b,#scAcademyM02 .ac-progress-top span,#scAcademyM02 .ac-progress-top b{font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.08em!important;color:#eef6fb!important;text-transform:uppercase!important}
#scAcademy .ac-progress-top b,#scAcademyM02 .ac-progress-top b{color:#ffd044!important}
#scAcademy .ac-meta-row,#scAcademyM02 .ac-meta-row{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important;margin:0!important;padding:10px 12px 10px 14px!important;border-radius:14px!important;border:1px solid rgba(174,214,242,.17)!important;background:rgba(4,20,33,.56)!important;position:relative!important}
#scAcademy .ac-meta-row::before,#scAcademyM02 .ac-meta-row::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#ffd044}
#scAcademy .ac-context-card,#scAcademyM02 .ac-context-card{margin:0!important;padding:12px 13px!important;border-radius:16px!important;border:1px solid rgba(174,214,242,.17)!important;background:linear-gradient(155deg,rgba(10,36,56,.72),rgba(4,19,31,.84))!important}
#scAcademy .ac-context-top,#scAcademyM02 .ac-context-top{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;margin-bottom:6px!important}
#scAcademy .ac-context-label,#scAcademyM02 .ac-context-label{font:700 9px/1 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#ffd044!important}
#scAcademy .ac-context-title,#scAcademyM02 .ac-context-title{font-family:var(--disp)!important;font-size:16px!important;line-height:1.1!important;color:#fff!important;text-transform:uppercase!important}
#scAcademy .ac-question-card,#scAcademyM02 .ac-question-card{margin:0!important;padding:14px 14px 15px!important;border-radius:18px!important;border:1px solid rgba(91,190,240,.36)!important;background:linear-gradient(150deg,rgba(9,33,50,.86),rgba(3,17,29,.94))!important;box-shadow:0 18px 40px -32px #000!important}
#scAcademy .ac-question-k,#scAcademyM02 .ac-question-k{margin:0 0 8px!important;font:600 10px/1 var(--mono)!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#73bfff!important}
#scAcademy .ac-q,#scAcademyM02 .ac-q{margin:0!important;padding:0!important;border-left:none!important;background:none!important;box-shadow:none!important;font-family:var(--body)!important;font-size:clamp(18px,4vw,21px)!important;line-height:1.26!important;color:#fff!important;font-weight:700!important}
#scAcademy .ac-answers,#scAcademyM02 .ac-answers{display:grid!important;gap:8px!important;margin-top:0!important}
#scAcademy .ac-answer--academy,#scAcademyM02 .ac-answer--academy{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:64px!important;padding:14px 46px 14px 16px!important;border-radius:16px!important;border:1px solid rgba(174,214,242,.20)!important;background:linear-gradient(155deg,rgba(22,58,79,.74),rgba(6,25,40,.86))!important;color:#edf4f8!important}
#scAcademy .ac-answer--academy::after,#scAcademyM02 .ac-answer--academy::after{content:"›"!important;position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;font-size:28px!important;line-height:1!important;color:#ffd044!important;opacity:.92!important}
#scAcademy .ac-answer-text,#scAcademyM02 .m02-texte{display:block!important;font-size:15px!important;line-height:1.36!important;color:#edf4f8!important}
#scAcademy .ac-answer--academy::before{content:""!important;flex:0 0 22px!important;width:22px!important;height:22px!important;border-radius:50%!important;border:2px solid rgba(140,180,216,.86)!important;box-shadow:inset 0 0 0 4px transparent!important}
#scAcademyM02 .m02-choix{padding-left:14px!important}
#scAcademyM02 .m02-lettre{flex:0 0 28px!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;border:2px solid rgba(255,208,68,.7)!important;color:#ffd044!important;font:700 12px/1 var(--mono)!important;background:rgba(255,208,68,.08)!important}
#scAcademy .ac-actions--academy,#scAcademyM02 .ac-actions--academy{display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:center!important;margin-top:10px!important;padding-top:9px!important;border-top:1px solid rgba(171,211,239,.12)!important}
#scAcademy .ac-actions-note,#scAcademyM02 .ac-actions-note{font-size:11px!important;line-height:1.35!important;color:#9fb4c2!important;text-align:right!important}
#scAcademy .m01-return-row,#scAcademyM02 .m02-return-row{margin:0 0 -2px!important}
#scAcademyM02 .m02-formats--rich{display:grid!important;gap:9px!important;padding:12px!important;border-radius:18px!important;border:1px solid rgba(176,215,243,.18)!important;background:linear-gradient(155deg,rgba(11,38,58,.70),rgba(4,19,31,.82))!important}
#scAcademyM02 .m02-format{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;min-height:92px!important;padding:14px!important;border-radius:16px!important;border:1px solid rgba(174,214,242,.17)!important;background:linear-gradient(150deg,rgba(22,58,79,.73),rgba(6,25,40,.84))!important}
#scAcademyM02 .m02-format-n{font-family:var(--disp)!important;font-size:20px!important;line-height:1!important;text-transform:uppercase!important;color:#fff!important}
#scAcademyM02 .m02-format-d{font-size:13px!important;line-height:1.4!important;color:#d8e5ed!important}
#scAcademyM02 .m02-format-s{font:700 10px/1 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#ffd044!important}
@media(max-width:370px){#scAcademy .ac-module-strip,#scAcademyM02 .ac-module-strip,#scAcademy .ac-actions--academy,#scAcademyM02 .ac-actions--academy{grid-template-columns:1fr!important}#scAcademy .ac-module-side,#scAcademyM02 .ac-module-side{min-width:0!important}#scAcademy .ac-actions-note,#scAcademyM02 .ac-actions-note{text-align:left!important}#scAcademy .ac-answer--academy,#scAcademyM02 .ac-answer--academy{padding-right:40px!important}}

/* --------------------------------------------------------------------------
   C.7D — DÉFI HEBDOMADAIRE, ACCUEIL : POLISH TYPOGRAPHIQUE.
   Retour utilisateur : « les écritures sont moches ». Ce bloc ne touche NI la
   structure, NI les données, NI la logique de l'écran : uniquement la taille,
   la graisse, l'interlettrage, l'interligne et la couleur des textes.

   Ce qui n'allait pas, lu sur le rendu réel :
     * le surtitre à 9 px sur photo se lisait mal et n'annonçait rien ;
     * les titres de blocs en capitales serrées (.02em) formaient un pavé ;
     * les étiquettes de cartes à 8,2 px passaient sous le seuil de confort et
       cassaient en deux lignes déséquilibrées ;
     * le corps des notes manquait d'interligne.

   La taille de `.wk-t` n'est volontairement PAS retouchée : elle est déjà
   adaptée sous 370 px par la media query ci-dessus, et la réécrire ici
   écraserait cette adaptation.
   -------------------------------------------------------------------------- */
#scWeekly .wk-k{
  font-size:10px!important;letter-spacing:.2em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.85)!important
}
#scWeekly .wk-t{
  letter-spacing:-.015em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.92),0 1px 2px rgba(0,0,0,.6)!important
}
#scWeekly .wk-theme{
  max-width:34ch!important;margin-top:7px!important;
  font-size:13px!important;line-height:1.45!important;color:#e2ecf3!important;
  text-shadow:0 2px 12px rgba(0,0,0,.8)!important
}
#scWeekly .wk-fin{letter-spacing:.09em!important}

#scWeekly .wk-card-t{
  margin:0 0 11px!important;font-size:15px!important;line-height:1.15!important;
  letter-spacing:.085em!important
}
#scWeekly .wk-l li{gap:4px!important;padding:10px 11px!important}
#scWeekly .wk-l li span{
  font-size:9px!important;line-height:1.3!important;letter-spacing:.1em!important;
  color:#8fa8bb!important
}
/* 12,5 px et pas 13 : `.wk-l li b` porte `overflow-wrap:anywhere`, et la
   valeur la plus longue de l'écran — un identifiant de métier en un seul
   mot — réclame 132 px à 13 px pour 129 disponibles. Elle se coupait donc
   en plein milieu (« peintre_industrie / l »). À 12,5 px il lui faut
   127 px : elle tient sur une ligne, et le gain de lisibilité reste. */
#scWeekly .wk-l li b{font-size:12.5px!important;line-height:1.34!important}
#scWeekly .wk-note{
  font-size:11.5px!important;line-height:1.55!important;color:#b7c7d3!important
}
#scWeekly .wk-done{font-size:13.5px!important;line-height:1.5!important}

/* --------------------------------------------------------------------------
   C.7D — LE PANNEAU DE MARQUE ACADEMY PRENAIT TROP DE HAUTEUR.
   Mesuré avant : 307 px sur une scène de 693, soit 45 % de l'écran rien que
   pour l'en-tête. La question et les réponses en payaient le prix.

   On resserre sans rien supprimer : l'identité (logo, RCF ACADEMY, numéro et
   nom du module, mention de session) reste entière, ce sont les respirations
   et le titre de module qui étaient surdimensionnés. Le sous-texte du bandeau,
   qui ne fait que paraphraser l'écran, disparaît pendant la question — là où la
   place manque le plus — mais reste sur les écrans d'entrée.
   -------------------------------------------------------------------------- */
#scAcademy .ac-brand-panel,#scAcademyM02 .ac-brand-panel{padding:11px!important}
#scAcademy .ac-brand-panel-top,#scAcademyM02 .ac-brand-panel-top{
  gap:3px!important;margin-bottom:9px!important
}
#scAcademy .ac-module-strip,#scAcademyM02 .ac-module-strip{
  padding:10px 11px!important;gap:9px!important
}
#scAcademy .ac-module-k,#scAcademyM02 .ac-module-k{margin:0 0 3px!important}
#scAcademy .ac-module-title,#scAcademyM02 .ac-module-title{
  font-size:16px!important;line-height:1.06!important
}
#scAcademy .ac-module-sub,#scAcademyM02 .ac-module-sub{
  margin:4px 0 0!important;font-size:11.5px!important;line-height:1.35!important
}
#scAcademy .ac-module-side,#scAcademyM02 .ac-module-side{
  min-width:92px!important;padding:8px!important
}
/* Pendant une question, le bandeau doit s'effacer devant l'énoncé. */
#scAcademy .ac-play--premium .ac-module-sub,
#scAcademyM02 .ac-play--premium .ac-module-sub,
#scAcademyM02 .m02-play .ac-module-sub{display:none!important}

/* ========================================================================== */
/* C.7F — MENU PRINCIPAL MOBILE : PLUS COMPACT, BÂTIMENT PLUS VISIBLE         */
/* Retour utilisateur 09/09/2026 : les quatre gros accès occupent trop de     */
/* hauteur et masquent la façade. On conserve le game feel et des cibles      */
/* tactiles >= 48 px, mais on compacte le bloc. Avec margin-top:auto, cette   */
/* réduction de hauteur fait naturellement descendre le début du menu.        */
/* ========================================================================== */
@media (max-width:430px){
  #scHome .l12-home .home-menu{
    width:88%!important;
    max-width:350px!important;
    gap:7px!important;
  }
  #scHome .l12-btn{
    min-height:48px!important;
    padding:9px 13px!important;
    gap:11px!important;
    border-radius:12px!important;
    font-size:15px!important;
    letter-spacing:.075em!important;
  }
  #scHome .l12-btn--primary{
    min-height:52px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  #scHome .l12-btn .l12-i{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
  #scHome .l12-btn .l12-i svg{
    width:20px!important;
    height:20px!important;
  }
  #scHome .l12-btn .l12-c{
    font-size:17px!important;
  }
}

/* --------------------------------------------------------------------------
   C.8E — POINT 2 : LE BADGE DE NOTIFICATION DU BOUTON CARRIÈRE.

   Défaut mesuré au navigateur, en partie réelle, avant correction :
     • `.career-btn` reçoit `overflow:hidden` de la C.4 (lot12-c4-gamefeel.css)
       pour contenir le ripple ;
     • le badge est posé `top:-8px; right:-8px`, donc à cheval sur le bord.
   Résultat : la boîte du bouton rognait 7 px en haut et 7 px à droite du
   badge, et à 25 px de large le NOMBRE était entièrement coupé. Il ne restait
   qu'un quart de disque doré dans l'angle. Ce n'était pas « peu lisible » :
   la notification ne portait plus aucune information.

   On ne retire pas `overflow:hidden` — il sert au ripple sur toute l'interface.
   On ramène le badge DANS la boîte, on lui réserve sa place, et on le sort du
   doré du bouton par un disque sombre cerclé d'or : un badge doré sur un
   bouton doré resterait faible même sans rognage.
   -------------------------------------------------------------------------- */
.wrap:has(#scGame.on) #careerBtn .cbadge{
  top:50%!important;right:9px!important;bottom:auto!important;left:auto!important;
  transform:translateY(-50%);
  min-width:24px!important;height:24px!important;padding:0 6px!important;
  border-radius:12px!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  background:#08192a!important;color:#ffd44e!important;
  border:1.5px solid #ffd44e!important;
  font:800 12.5px/1 var(--mono)!important;letter-spacing:.02em!important;
  box-shadow:0 0 0 2px rgba(6,17,28,.92),0 0 7px rgba(255,205,64,.55)!important;
}
/* La place n'est réservée QUE s'il y a un badge : `has-badge` est posée par
   `renderCareerButton()`. Sans elle, le bouton garderait un vide à droite. */
.wrap:has(#scGame.on) #careerBtn.has-badge{padding-right:48px!important}

/* Le sous-texte, lui, est un rappel — pas la notification. Mesuré à 390 px, le
   badge posé, il ne reste que 58 px : « formations · objectif · négociation »
   en demande 130 et sortait déjà tronqué AVANT la C.8E (« formations · obj… »).
   Une chaîne coupée par des points de suspension n'informe pas mieux qu'une
   chaîne courte et entière — donc on raccourcit sur mobile au lieu de rogner.
   Au-delà de 780 px la place existe : la version longue est conservée. */
@media (max-width:779px){
  .wrap:has(#scGame.on) #careerBtn::after{content:"formations"}
}
/* Et sur TOUT le mobile, quand le badge est là, le rappel s'efface. Mesure de
   la largeur RÉELLEMENT utilisée par le navigateur, badge posé, à 390 px :
   33,4 px pour un mot qui en demande 41 — « formations » sortait donc encore
   tronqué en « format… ». Un premier calcul, fait à la main à partir de la
   boîte du bouton, avait conclu l'inverse ; c'est la largeur utilisée du
   pseudo-élément qui fait foi, pas une soustraction de marges.
   Sans badge la place existe (le padding réservé retombe de 48 à 12 px) et le
   rappel reste affiché en entier — court sur mobile, long au-delà de 780 px.
   La règle n'est PAS conditionnée à la largeur de fenêtre : la scène reste
   9:16 et ne dépasse jamais 506 px, donc la place sous le bouton ne dépend pas
   d'elle. Mesuré à 1 440 px, badge posé : la version longue sortait encore
   tronquée. Dès qu'il y a quelque chose à notifier, le rappel s'efface. */
.wrap:has(#scGame.on) #careerBtn.has-badge::after{display:none}

/* --------------------------------------------------------------------------
   C.8E — POINT 3 : REDONNER AUX ENTRETIENS INDIVIDUELS UN DESIGN À PART.

   Deux constats, mesurés sur un EI réellement déclenché.

   1. La prise d'écran de l'entretien N'AVAIT PLUS LIEU. `interview-v5.css`
      demande `body.rcf-milestone-event .stats,#plate{display:none!important}`,
      mais `lot12-v4.css` pose `.wrap:has(#scGame.on) #plate{display:grid
      !important}` — plus spécifique ET chargée après. Relevé pendant un EI :
      `#stats` en `grid` sur 209 px, `#plate` en `grid` sur 67 px. L'entretien
      s'affichait donc SOUS le HUD complet, comme un événement de plus.
      C'est antérieur à la C.8D : la suppression de la bande n'a pas créé ce
      défaut, elle a retiré le dernier signal qui le masquait.

   2. La carte elle-même valait `linear-gradient(155deg,rgba(11,38,58,.80),…)`
      là où une carte d'événement ordinaire vaut `(150deg,rgba(17,50,72,.67),…)`
      — deux bleus voisins. Rien ne disait « moment important ».

   On ne réintroduit NI la bande photo interne, NI un recadrage du portrait :
   le signal est reconstruit en structure et en lumière. Le fond EI plein écran
   et son tirage aléatoire ne sont pas touchés.
   -------------------------------------------------------------------------- */

/* 1. La prise d'écran, avec le poids nécessaire pour passer devant la v4. */
body.rcf-milestone-event .wrap:has(#scGame.on) #plate,
body.rcf-milestone-event .wrap:has(#scGame.on) #stats,
body.rcf-milestone-event .wrap:has(#scGame.on) .rig{display:none!important}
/* Le carnet et le bandeau formation n'ont rien à faire pendant l'entretien. */
body.rcf-milestone-event .wrap:has(#scGame.on) details.log,
body.rcf-milestone-event .wrap:has(#scGame.on) #formBanner{display:none!important}

/* 2. La carte : plus sombre, plus contrastée, cerclée d'or, et surmontée d'un
      filet doré plein — c'est le liseré qui fait « dossier », pas une photo.

   ATTENTION AU POIDS DU SÉLECTEUR — toutes les règles de ce bloc portent le
   préfixe `body.rcf-milestone-event .wrap:has(#scGame.on)`, et ce n'est pas
   décoratif. `lot12-c3-feedback.css:231` pose
   `.wrap:has(#scGame.on) #eventCard{background:…!important}` : DEUX
   identifiants (`#scGame` via `:has`, puis `#eventCard`). Un
   `body.rcf-milestone-event #eventCard.milestone-event` n'en a qu'UN et perd,
   quel que soit l'ordre de chargement. C'est pourquoi la carte d'entretien
   était peinte par la règle générique depuis la C.3 — y compris par la règle
   C.7 quarante lignes plus haut, qui a toujours été inopérante. Mesuré avant
   correction, pendant un EI : fond `linear-gradient(150deg, rgba(12,38,58,.78)
   …)` et bordure `rgba(180,216,244,.32)` sur 1 px, c'est-à-dire exactement une
   carte d'événement ordinaire. */
body.rcf-milestone-event .wrap:has(#scGame.on) #eventCard.milestone-event{
  border:1px solid rgba(255,201,57,.46)!important;
  border-top:3px solid var(--l12-yellow,#ffc92e)!important;
  border-radius:4px 4px 14px 14px!important;
  background:linear-gradient(168deg,rgba(9,32,50,.93),rgba(2,11,20,.96))!important;
  box-shadow:0 30px 70px -40px #000,0 0 0 1px rgba(255,201,57,.10) inset,
             0 0 46px -30px rgba(255,201,57,.75)!important;
  /* Le padding horizontal est posé ICI, explicitement, parce que l'en-tête le
     compense par une marge négative. `interview-v5.css` écrit `margin:0 -19px`
     — une valeur qui visait une carte à 19 px de padding que la carte n'a plus.
     Mesuré avant correction, à 390 px : la carte à x = 10, mais `.intv-head` à
     x = −8, débordant de l'écran par la gauche et tronquant le titre. Les deux
     valeurs sont désormais liées et valent 14 px. */
  padding:0 14px 14px!important;
  /* ET SURTOUT : `overflow-x:clip` au lieu de `hidden`.
     La carte hérite d'un `overflow:hidden`, ce qui en fait un CONTENEUR DE
     DÉFILEMENT. Mesuré : `clientWidth` 368 pour un `scrollWidth` de 438 — il y
     a 70 px de débordement horizontal. Il suffit alors qu'un focus survienne
     pendant l'entretien pour que le navigateur fasse défiler la carte : relevé
     `scrollLeft` à 28, et TOUS ses enfants — l'en-tête comme le corps, qui n'a
     pourtant aucune marge — se retrouvaient 28 px à gauche, le titre tronqué
     hors écran. Ce n'était donc pas la marge négative de l'en-tête, contrairement
     à ce que la première lecture laissait croire.
     `clip` coupe exactement comme `hidden` mais ne crée PAS de conteneur de
     défilement : la carte devient impossible à décaler. Un navigateur qui ne
     connaîtrait pas `clip` ignore la déclaration et retombe sur `hidden`,
     c'est-à-dire sur le comportement actuel.
     Il faut les DEUX axes : posé sur le seul axe horizontal, `clip` est
     retombé à `hidden` — la spécification impose qu'un axe en `clip` redevienne
     `hidden` dès que l'autre axe défile, et `overflow-y` valait `hidden`.
     Mesuré après coup : `overflow-x` calculé à `hidden`, et la carte toujours
     décalable jusqu'à `scrollLeft` 70. */
  overflow:clip!important;
}

/* 3. L'en-tête : accroche, titre, jalons, puis deux blocs encadrés. */
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-head{
  margin:0 -14px 16px!important;padding:15px 14px 14px!important;
  border-bottom:1px solid rgba(255,201,57,.30)!important;
  background:linear-gradient(150deg,rgba(41,26,4,.72),rgba(9,32,50,.42) 62%,rgba(6,24,38,.30))!important;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-kicker{
  display:flex;align-items:center;gap:7px;
  color:#ffd97a;font:700 8.5px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-kicker::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--l12-yellow,#ffc92e);box-shadow:0 0 9px rgba(255,201,46,.9);flex:0 0 auto;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-title{
  margin-top:7px!important;font-size:23px!important;line-height:1!important;
  color:#ffd45c!important;text-shadow:0 2px 16px #000,0 0 26px rgba(255,201,46,.32)!important;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-step{
  display:flex;align-items:center;gap:9px;
  margin-top:9px!important;color:#cfe2ec!important;
}
.intv-dots{display:inline-flex;gap:4px;flex:0 0 auto}
.intv-dots i{width:5px;height:5px;border-radius:50%;background:rgba(207,226,236,.26)}
.intv-dots i.f{background:rgba(255,201,46,.55)}
.intv-dots i.n{background:var(--l12-yellow,#ffc92e);box-shadow:0 0 8px rgba(255,201,46,.85)}

/* Poste et salaire : deux blocs, pas deux lignes. C'est ce que le brief appelle
   une hiérarchie marquée — la donnée est encadrée, donc elle se lit d'un coup. */
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context{
  display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:13px!important;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context .intv-c{
  display:flex!important;flex-direction:column;gap:4px;
  padding:8px 10px;border-radius:9px;
  border:1px solid rgba(174,211,231,.22);background:rgba(4,18,30,.62);
  text-align:left!important;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context .intv-c small{
  color:#9fb8c8;font:600 7.6px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context .intv-c b{
  display:block;margin:0!important;color:#f8fbff;font:700 14px/1.1 var(--disp);letter-spacing:.01em;
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context .intv-c:last-child{
  border-color:rgba(255,201,57,.34);background:rgba(38,26,4,.42);
}
body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context .intv-c:last-child b{
  color:var(--l12-yellow,#ffc92e);font-family:var(--mono);font-size:15px;
}

/* 4. Le corps garde la charte, mais l'étiquette et le titre d'étape gagnent le
      même accent doré : l'entretien reste lisible comme une seule séquence. */
body.rcf-milestone-event .wrap:has(#scGame.on) #eventCard .etag{
  border-color:rgba(255,201,57,.42)!important;color:#ffd97a!important;
  background:rgba(38,26,4,.40)!important;
}
body.rcf-milestone-event .wrap:has(#scGame.on) #eventCard .etitle{
  padding-left:11px!important;border-left:3px solid rgba(255,201,57,.55)!important;
}

@media (max-width:430px){
  body.rcf-milestone-event .wrap:has(#scGame.on) .intv-head{margin:0 -14px 14px!important;padding:13px 14px 12px!important}
  body.rcf-milestone-event .wrap:has(#scGame.on) .intv-title{font-size:20px!important}
  body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context .intv-c b{font-size:12.5px}
  body.rcf-milestone-event .wrap:has(#scGame.on) .intv-context .intv-c:last-child b{font-size:13.5px}
}