/* RCF LOT 12 — C.5 CONSOLIDÉE
   Corrections visuelles validées par l'utilisateur : menu, Quêtes, EI, Portrait final. */

/* ============================================================
   MENU PRINCIPAL — retrouver le fond, la transparence et la respiration
   ============================================================ */
#scHome .home{
  background-position:center 42%!important;
  background-size:cover!important;
  --rcf-home-scrim:linear-gradient(180deg,rgba(3,10,17,.18) 0%,rgba(3,10,17,.06) 28%,rgba(3,10,17,.05) 55%,rgba(3,10,17,.50) 73%,rgba(2,8,14,.88) 100%)!important;
}
#scHome .home::before{background:radial-gradient(ellipse at 50% 42%,transparent 42%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.28) 100%)!important}
#scHome .home::after{opacity:.38!important}
/* `padding-top:30vh` mesurait le VIEWPORT. Depuis que la Phase C.4 rend la
   scène strictement 9:16, la scène est plus courte que le viewport sur un
   téléphone élancé : 30vh y valait 253 px pour un cadre de 693 px, et la barre
   basse `Paramètres · Classement · Infos` sortait du cadre.
   Le socle du Lot 12.1 place déjà le menu par `margin-top:auto`, qui consomme
   exactement l'espace disponible : sur PC 1440x900 il redonne les mêmes 270 px
   que 30vh — le rendu validé est donc inchangé — et sur téléphone il s'ajuste
   au cadre au lieu de le déborder. On lui rend la main. */
#scHome .home-menu{width:min(78vw,390px)!important;gap:9px!important}
#scHome .menu-btn:not(.primary){
  background:linear-gradient(180deg,rgba(8,28,45,.35),rgba(3,14,24,.48))!important;
  border-color:rgba(199,221,238,.34)!important;
  backdrop-filter:blur(10px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 14px 30px -25px rgba(0,0,0,.75)!important;
}
#scHome .menu-btn:not(.primary):hover{background:linear-gradient(180deg,rgba(12,38,58,.48),rgba(5,18,30,.60))!important}
#scHome .menu-btn.primary{background:linear-gradient(180deg,rgba(255,205,65,.98),rgba(238,161,0,.96))!important}

/* ============================================================
   QUÊTES — navigation en 2 temps : familles puis Quêtes
   ============================================================ */
#scQuetes{padding:0!important;background:#06111c!important}
#quetesStage{padding:0!important;overflow-x:hidden!important}
.q5-shell{position:relative;min-height:100%;isolation:isolate;padding-bottom:calc(24px + var(--rcf-safe-b))}
.q5-bg{position:fixed;inset:0;z-index:-3;background:url('../../assets/backgrounds/FOND_MENU_PRINCIPAL_VALIDE.png') center/cover no-repeat;filter:saturate(.82) brightness(.62)}
.q5-veil{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,12,21,.34),rgba(3,12,21,.78) 43%,#06111c 82%)}
.q5-hero,.q5-family-hero,.q5-pick-hero{position:relative;padding:calc(72px + var(--rcf-safe-t)) 18px 24px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.q5-hero{min-height:250px;background:linear-gradient(180deg,rgba(2,9,16,.18),rgba(4,17,29,.84))}
.q5-family-hero,.q5-pick-hero{min-height:220px;background:linear-gradient(145deg,rgba(8,38,62,.94),rgba(3,14,24,.94))}
.q5-menu{position:absolute!important;top:calc(15px + var(--rcf-safe-t));left:16px;margin:0!important}
.q5-kicker{font:800 10px/1 var(--mono);letter-spacing:.18em;color:#ffc52d;text-transform:uppercase;margin-bottom:8px}
.q5-hero h1,.q5-family-hero h1,.q5-pick-hero h1{font:800 32px/1.03 var(--disp);letter-spacing:.01em;color:#fff;margin:0 0 9px;text-transform:none}
.q5-hero p,.q5-family-hero p,.q5-pick-hero p{max-width:440px;margin:0;color:#c4d2dd;font-size:12.5px;line-height:1.5}
.q5-progress{margin-top:22px;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(4,18,31,.48);backdrop-filter:blur(10px)}
.q5-progress>div{display:flex;justify-content:space-between;gap:12px;color:#b8c8d5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.q5-progress b{color:#fff}
.q5-progress>i{display:block;height:5px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden}.q5-progress em{display:block;height:100%;background:linear-gradient(90deg,#ffc52d,#55c6ff);border-radius:99px}
.q5-main{padding:18px 16px 0}
.q5-section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 2px 12px}.q5-section-title>span{font:800 15px/1 var(--disp);text-transform:uppercase;letter-spacing:.08em;color:#fff}.q5-section-title small{max-width:56%;text-align:right;color:#7891a3;font-size:9.5px;line-height:1.3}
.q5-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.q5-family{position:relative;min-height:178px;text-align:left;padding:14px;border-radius:16px;border:1px solid rgba(164,194,216,.22);background:linear-gradient(155deg,rgba(10,34,53,.70),rgba(4,17,29,.76));color:#fff;overflow:hidden;cursor:pointer;box-shadow:0 16px 38px -31px #000;backdrop-filter:blur(10px);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.q5-family::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-52px;top:-50px;background:radial-gradient(circle,rgba(255,197,45,.15),transparent 68%)}
.q5-family:hover{transform:translateY(-2px);border-color:rgba(255,197,45,.55);background:linear-gradient(155deg,rgba(14,46,69,.79),rgba(4,20,33,.84))}
.q5-family-top{display:flex;justify-content:space-between;align-items:center}.q5-index{font:800 25px/1 var(--disp);color:rgba(255,255,255,.24)}.q5-count{font:700 9px/1 var(--mono);color:#b6c6d3;border:1px solid rgba(255,255,255,.12);padding:5px 6px;border-radius:99px}
.q5-family-tag{margin-top:18px;color:#ffc52d;font:800 8px/1 var(--mono);letter-spacing:.14em}.q5-family h2{margin:6px 0 5px;font:700 16px/1.06 var(--disp);color:#fff}.q5-family p{margin:0;color:#91a6b6;font-size:9.6px;line-height:1.38}.q5-family-foot{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;color:#b9c8d3;font-size:9px}.q5-family-foot b{font-size:18px;line-height:9px;color:#ffc52d}
.q5-family-num{position:absolute;right:18px;top:50px;font:800 72px/1 var(--disp);color:rgba(255,255,255,.055)}
.q5-mini-progress{display:inline-flex;margin-top:16px;padding:6px 9px;border:1px solid rgba(255,197,45,.25);border-radius:99px;background:rgba(255,197,45,.08);color:#ffd565;font:700 9px/1 var(--mono);letter-spacing:.08em}
.q5-list{display:grid;gap:9px}
.q5-list .q5-section-title{margin-bottom:3px}
.q5-quest{width:100%;text-align:left;padding:13px 13px 11px;border-radius:14px;border:1px solid rgba(166,198,220,.24);background:linear-gradient(155deg,rgba(8,30,48,.78),rgba(3,15,26,.88));color:#fff;cursor:pointer;box-shadow:0 12px 28px -26px #000;transition:transform .15s ease,border-color .15s ease}
.q5-quest:hover{transform:translateY(-1px);border-color:rgba(255,197,45,.54)}.q5-quest.q5-done{border-color:rgba(82,213,157,.38);background:linear-gradient(155deg,rgba(7,47,43,.72),rgba(3,24,28,.88))}
.q5-q-head{display:flex;gap:10px;align-items:flex-start}.q5-q-head h3{flex:1;margin:0;font:700 14px/1.14 var(--disp);color:#fff}.q5-diff{flex:0 0 auto;padding:4px 7px;border-radius:99px;font:800 7.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.16)}
.q5-diff-facile{color:#92e3be;background:rgba(47,162,112,.12);border-color:rgba(94,220,159,.28)}.q5-diff-normale{color:#8fd4ff;background:rgba(43,133,192,.12);border-color:rgba(97,190,246,.28)}.q5-diff-difficile{color:#ffd163;background:rgba(201,148,26,.13);border-color:rgba(255,199,62,.30)}.q5-diff-extreme{color:#ff8a86;background:rgba(193,66,61,.15);border-color:rgba(255,112,104,.30)}
.q5-quest>p{margin:7px 0 10px;color:#a7b9c7;font-size:10.2px;line-height:1.42}.q5-q-foot{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);color:#7f96a7;font-size:9px}.q5-q-foot b{color:#ffc52d;font-size:18px;line-height:9px}
.q5-pick-main{padding-top:20px}.q5-modes{display:grid;gap:9px}.q5-mode{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"name arr" "desc arr";gap:3px 10px;text-align:left;padding:14px;border-radius:14px;border:1px solid rgba(166,198,220,.24);background:rgba(7,27,44,.78);color:#fff;cursor:pointer}.q5-mode b{grid-area:name;font:700 15px/1 var(--disp)}.q5-mode span{grid-area:desc;color:#92a8b8;font-size:10px;line-height:1.35}.q5-mode strong{grid-area:arr;align-self:center;color:#ffc52d;font-size:21px}
@media(max-width:390px){.q5-family-grid{gap:8px}.q5-family{min-height:172px;padding:12px}.q5-family h2{font-size:14.5px}.q5-family p{font-size:9.2px}.q5-hero h1,.q5-family-hero h1,.q5-pick-hero h1{font-size:29px}}
@media(max-width:350px){.q5-family-grid{grid-template-columns:1fr}.q5-family{min-height:150px}}

/* ============================================================
   ENTRETIENS INDIVIDUELS — compacts, denses, question + réponses liées
   ============================================================ */
body.rcf-milestone-event #eventCard.milestone-event{padding-top:0!important;overflow:hidden}
body.rcf-milestone-event .intv-head{margin:0 -14px 10px!important;padding:11px 14px 9px!important}
body.rcf-milestone-event .intv-title{font-size:18px!important}.intv-step{margin-top:3px!important}
body.rcf-milestone-event .intv-context{margin-top:8px!important;gap:8px!important}.intv-context b{font-size:11.5px!important}
body.rcf-milestone-event #eventCard .ehead{margin:8px 0 3px!important}
body.rcf-milestone-event #eventCard .etitle{margin:4px 0 5px!important;font-size:18px!important;line-height:1.12!important}
body.rcf-milestone-event #eventCard .ebody{margin:0 0 10px!important;font-size:13px!important;line-height:1.46!important}
body.rcf-milestone-event #eventCard .choices{margin-top:8px!important;gap:7px!important}
body.rcf-milestone-event #eventCard .choice{padding:10px 12px!important;min-height:48px!important;border-radius:11px!important}
body.rcf-milestone-event #eventCard .choice .cl{font-size:12.3px!important;line-height:1.32!important}
body.rcf-milestone-event #eventCard .choice .ch{margin-top:3px!important;font-size:8.8px!important;line-height:1.25!important}
body.rcf-milestone-event .intv-arguments{gap:6px!important;margin:9px 0!important}.intv-axis{padding:8px 9px!important}.intv-left{margin:5px 0 9px!important}

/* ============================================================
   PORTRAIT FINAL — carte carrière alignée + radar réellement lisible
   ============================================================ */
.pt-career{display:block!important;padding:14px!important}
.pt-career-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08)}
.pt-career-head .pt-card-t{margin:0!important}.pt-career-kicker{font:700 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#718a9d}
.pt-career-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);gap:14px;align-items:stretch}
.pt-career-main{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:12px;border-right:1px solid rgba(255,255,255,.08)}
.pt-job-name{font-size:22px!important;line-height:1.08!important;text-align:left!important}.pt-job-badge{margin-top:7px!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important}.pt-career-meta{margin-top:10px!important;display:grid!important;gap:3px!important}.pt-meta-l{font-size:10px!important;line-height:1.35!important;color:#91a6b6!important}
.pt-career-side{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-content:center!important}.pt-years{display:grid!important;grid-template-columns:auto 1fr;align-items:end;gap:7px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08)}.pt-years b{font-size:34px!important;line-height:.85!important}.pt-years span{font-size:8.5px!important;line-height:1.25!important;text-transform:uppercase;letter-spacing:.08em;color:#8499aa!important}
.pt-dates{display:grid!important;grid-template-columns:auto 1fr!important;gap:5px 8px!important;margin:0!important}.pt-dates dt{font-size:8px!important;letter-spacing:.09em!important}.pt-dates dd{margin:0!important;text-align:right!important;font-size:10px!important;color:#fff!important}
.pt-radar{padding-bottom:13px!important}.pt-radar-wrap{margin-top:4px!important;overflow:visible!important}.pt-radar-svg{max-width:340px!important;margin:0 auto!important;overflow:visible!important}.pt-radar-ring{stroke:rgba(151,184,210,.20)!important}.pt-radar-spoke{stroke:rgba(151,184,210,.18)!important}.pt-radar-final{fill:rgba(61,157,255,.24)!important;stroke:#4da6ff!important;stroke-width:2.4!important}.pt-radar-initial{stroke:#b9cee0!important;opacity:.75!important}.pt-radar-dot{r:3.8!important;fill:#9fd0ff!important;stroke:#d8efff;stroke-width:.8}.pt-radar-axis-label{fill:#9fb4c5;font:700 8.2px/1 var(--mono);letter-spacing:.045em;text-transform:uppercase}
.pt-axes{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:2px!important}.pt-axis{padding:7px 6px!important;border-radius:9px!important;background:rgba(5,21,35,.48);border:1px solid rgba(163,198,225,.10)}.pt-axis-l{font-size:7.6px!important}.pt-axis-v{font-size:16px!important}
@media(max-width:390px){.pt-career-grid{grid-template-columns:1fr;gap:11px}.pt-career-main{padding-right:0;padding-bottom:11px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.pt-career-side{grid-template-columns:1fr 1fr!important}.pt-years{border-bottom:0;padding-bottom:0}.pt-radar-svg{max-width:320px!important}.pt-radar-axis-label{font-size:7.6px}}

@media(prefers-reduced-motion:reduce){.q5-family,.q5-quest,.q5-mode{transition:none!important}}