/* ════════════════════════════════════════
   OBJECTIF CAP EPC – LE QUIZ
   © Cerpeg – Lycée Henri Brulle, Libourne
   ════════════════════════════════════════ */

/* ── VARIABLES ── */
:root{
  --jaune:#FFC107; --vert:#4CAF50; --rose:#E91E8C;
  --bleu:#5B8BF5;  --orange:#FF9800; --menthe:#3ABFA0;
  --rouge:#e91e3c;
  --bg:#0f0f1a;    --card:#1a1a2e;  --white:#ffffff;
  --radius:18px;   --shadow:0 8px 32px rgba(0,0,0,.45);

  /* ── COULEURS THÈMES ── */
  --col-red:#F0921E;    --col-red-bg:#F0921E;
  --col-teal:#3ABFA0;   --col-teal-bg:#3ABFA0;
  --col-pink:#E060B0;   --col-pink-bg:#E060B0;
  --col-salmon:#E86080; --col-salmon-bg:#E86080;
  --col-blue:#6888E8;   --col-blue-bg:#6888E8;
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito',sans-serif;background:var(--bg);color:var(--white);min-height:100vh;overflow-x:hidden;}

/* ── ÉCRANS ── */
.screen{display:none;min-height:100vh;}
.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center;}

/* ══════════════════════════════
   JAUGE LATÉRALE
══════════════════════════════ */
.gauge-col{
  position:sticky;top:0;
  width:72px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:24px 0;
  background:rgba(0,0,0,.25);
  border-right:1px solid rgba(255,255,255,.12);
  min-height:100vh;
  transition:background .4s;
  backdrop-filter:blur(4px);
}
.gauge-track{
  width:28px;flex:1;max-height:480px;
  background:rgba(255,255,255,.08);border-radius:20px;
  overflow:hidden;position:relative;border:1.5px solid rgba(255,255,255,.1);
}
.gauge-fill{
  position:absolute;bottom:0;left:0;right:0;border-radius:20px;
  background:linear-gradient(to top,var(--jaune) 0%,#ffeb60 60%,#fff8c0 100%);
  transition:height .7s cubic-bezier(.22,1,.36,1);height:0%;
}
.gauge-fill::after{
  content:'';position:absolute;top:0;left:3px;right:3px;height:40%;
  background:rgba(255,255,255,.25);border-radius:10px;
}
.gauge-marks{position:absolute;inset:0;pointer-events:none;}
.gauge-mark{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.18);}
.gauge-score-label{margin-top:12px;font-weight:900;font-size:.78rem;color:var(--jaune);text-align:center;line-height:1.2;letter-spacing:.3px;}
.gauge-score-num{display:block;font-size:1.05rem;color:#fff;margin-top:2px;font-variant-numeric:tabular-nums;}
.gauge-cats{display:flex;flex-direction:column;gap:5px;margin-top:14px;}
.gauge-dot{width:10px;height:10px;border-radius:50%;opacity:.4;transition:opacity .3s,transform .3s;}
.gauge-dot.active{opacity:1;transform:scale(1.3);}
.main-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}

/* ══ ACCUEIL ══ */
#screen-home{background:radial-gradient(ellipse at 30% 20%,#2a1a5e 0%,var(--bg) 60%);gap:26px;padding:40px 20px;text-align:center;}
.logo-top{display:flex;align-items:center;gap:12px;background:var(--jaune);color:#111;padding:14px 28px;border-radius:var(--radius);font-family:'Black Han Sans',sans-serif;font-size:2rem;}
.logo-top svg{flex-shrink:0;}
#screen-home h1{font-family:'Black Han Sans',sans-serif;font-size:clamp(1.6rem,5vw,3rem);color:var(--jaune);line-height:1.15;}
#screen-home p{font-size:1.1rem;opacity:.8;max-width:520px;}
.btn-start{background:var(--vert);color:#fff;font-weight:900;font-size:1.3rem;border:none;border-radius:50px;padding:16px 52px;cursor:pointer;box-shadow:0 4px 24px rgba(76,175,80,.4);transition:.2s;letter-spacing:.5px;display:flex;align-items:center;gap:10px;}
.btn-start:hover{transform:scale(1.06);background:#3da83d;}
.note-calc{display:flex;align-items:center;gap:10px;font-size:.95rem;opacity:.75;background:rgba(255,255,255,.06);padding:10px 18px;border-radius:10px;}
.field-name{display:flex;flex-direction:column;align-items:center;gap:10px;}
.field-name label{font-weight:700;font-size:1rem;opacity:.85;}
.field-name input{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#fff;font-family:'Nunito',sans-serif;font-size:1.1rem;padding:10px 20px;border-radius:50px;outline:none;width:260px;text-align:center;transition:.2s;}
.field-name input:focus{border-color:var(--jaune);background:rgba(255,193,7,.08);}
.field-name input::placeholder{opacity:.45;}

/* ── ERREUR PRÉNOM ── */
.name-error{font-size:.85rem;font-weight:800;color:#ff7a7a;display:flex;align-items:center;gap:6px;animation:popIn .25s cubic-bezier(.34,1.56,.64,1);}
.field-name input.input-error{border-color:#ff7a7a !important;background:rgba(255,80,80,.08) !important;animation:shake .35s ease;}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}

/* ══ GRILLE ══ */
#screen-grid{background:radial-gradient(ellipse at 70% 80%,#1a3a2e 0%,var(--bg) 70%);display:none;min-height:100vh;padding:0;align-items:stretch;justify-content:flex-start;}
#screen-grid.active{display:flex;flex-direction:row;}
#screen-grid .main-col{padding:28px 20px;gap:20px;align-items:center;justify-content:center;}
#screen-grid h2{font-family:'Black Han Sans',sans-serif;font-size:clamp(1.1rem,3.5vw,1.8rem);color:var(--jaune);text-align:center;}
.score-bar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-weight:800;font-size:.92rem;}
.score-bar .chip{background:rgba(255,255,255,.09);padding:5px 14px;border-radius:50px;display:flex;align-items:center;gap:5px;}
.score-bar .chip span{color:var(--jaune);}
.grid-table{width:100%;max-width:860px;border-collapse:separate;border-spacing:7px;}
.grid-table th{padding:9px 5px;font-weight:900;font-size:.75rem;text-align:center;border-radius:10px;color:#fff;letter-spacing:.4px;}
.th-red{background:var(--col-red);}
.th-teal{background:var(--col-teal);}
.th-pink{background:var(--col-pink);}
.th-salmon{background:var(--col-salmon);}
.th-blue{background:var(--col-blue);}
.grid-table td{text-align:center;padding:3px;}
.cell-btn{width:100%;padding:13px 5px;font-family:'Nunito',sans-serif;font-weight:900;font-size:1.4rem;border:none;border-radius:11px;cursor:pointer;transition:.2s;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);}
.cell-btn:hover:not(:disabled){transform:scale(1.07);filter:brightness(1.12);}
.cell-btn:disabled{opacity:.35;cursor:default;filter:grayscale(.5);}
.cell-btn.done{background:#2a2a3a !important;color:#555;text-decoration:line-through;}

/* Couleur plate par niveau (100=clair → 500=foncé) dans la teinte du thème */
.col-red.val-100{background:#FAC070;} .col-red.val-200{background:#EE9030;} .col-red.val-300{background:#D06800;} .col-red.val-400{background:#A84800;} .col-red.val-500{background:#7A2800;}
.col-teal.val-100{background:#7CE8CC;} .col-teal.val-200{background:#40C8A0;} .col-teal.val-300{background:#20A078;} .col-teal.val-400{background:#0E7858;} .col-teal.val-500{background:#045038;}
.col-pink.val-100{background:#F8A0D8;} .col-pink.val-200{background:#E068B8;} .col-pink.val-300{background:#C03898;} .col-pink.val-400{background:#960870;} .col-pink.val-500{background:#680048;}
.col-salmon.val-100{background:#F8A0B8;} .col-salmon.val-200{background:#E06888;} .col-salmon.val-300{background:#C03860;} .col-salmon.val-400{background:#960840;} .col-salmon.val-500{background:#680020;}
.col-blue.val-100{background:#A0B8F8;} .col-blue.val-200{background:#6880E0;} .col-blue.val-300{background:#3858C0;} .col-blue.val-400{background:#1838A0;} .col-blue.val-500{background:#041878;}

.btn-results-big{background:var(--rose);color:#fff;font-weight:900;font-size:1.1rem;border:none;border-radius:50px;padding:14px 42px;cursor:pointer;box-shadow:0 4px 20px rgba(233,30,140,.4);transition:.2s;display:none;align-items:center;gap:10px;}
.btn-results-big:hover{transform:scale(1.05);}

/* ══ ÉCRAN QUESTION ══ */
#screen-question{display:none;min-height:100vh;background:var(--bg);padding:0;transition:background .4s ease;}
#screen-question.active{display:flex;flex-direction:row;align-items:stretch;}
#screen-question .main-col{padding:20px 20px 26px;gap:14px;align-items:center;justify-content:flex-start;padding-top:22px;}

/* Fonds par thème */
#screen-question.theme-red   {background:var(--col-red-bg);}
#screen-question.theme-teal  {background:var(--col-teal-bg);}
#screen-question.theme-pink  {background:var(--col-pink-bg);}
#screen-question.theme-salmon{background:var(--col-salmon-bg);}
#screen-question.theme-blue  {background:var(--col-blue-bg);}

/* en-tête */
.q-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:820px;}
.pts-badge{font-weight:900;font-size:.95rem;padding:6px 18px;border-radius:50px;min-width:90px;text-align:center;color:#111;}
.cat-label{font-size:.82rem;opacity:.55;text-align:center;font-weight:700;letter-spacing:.5px;flex:1;padding:0 12px;}
.calc-badge{
  display:flex;align-items:center;gap:7px;
  background:#fff;
  border:2.5px solid #f0a000;
  padding:7px 16px;border-radius:50px;
  font-size:.85rem;font-weight:900;color:#a06000;
  box-shadow:0 3px 14px rgba(0,0,0,.35);
  animation:calcPulse 1.6s ease-in-out infinite;
  letter-spacing:.2px;
}
@keyframes calcPulse{
  0%,100%{box-shadow:0 3px 14px rgba(0,0,0,.35), 0 0 0 0 rgba(255,193,7,.6);}
  50%    {box-shadow:0 3px 14px rgba(0,0,0,.35), 0 0 0 7px rgba(255,193,7,0);}
}

/* chronomètre */
.timer-zone{display:flex;align-items:center;gap:18px;width:100%;max-width:820px;background:rgba(0,0,0,.25);border-radius:16px;padding:10px 18px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);}
.clock-wrap{position:relative;flex-shrink:0;}
#clock-svg{transform:rotate(-90deg);}
#clock-track{fill:none;stroke:rgba(255,255,255,.2);stroke-width:5;}
#clock-arc{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .95s linear,stroke .3s;}
.clock-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.clock-label span{font-weight:900;font-size:1.15rem;color:#fff;line-height:1;font-variant-numeric:tabular-nums;}
.timer-bar-wrap{flex:1;display:flex;flex-direction:column;gap:6px;}
.timer-bar-bg{height:8px;background:rgba(255,255,255,.2);border-radius:6px;overflow:hidden;}
.timer-bar{height:100%;border-radius:6px;background:rgba(255,255,255,.8);transition:width .95s linear,background .3s;}
.timer-hint{font-size:.78rem;color:rgba(255,255,255,.75);font-weight:700;}

/* carte question */
.question-card{background:rgba(0,0,0,.30);border-radius:var(--radius);padding:22px 30px;max-width:820px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.5);border:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);}
.question-card p{font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;line-height:1.4;text-align:center;color:#fff;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.4);}
.question-card p .q-sentence{display:block;margin-bottom:.3em;}
.question-card p .q-sentence:last-child{margin-bottom:0;}
.question-card p .q-ask{display:block;font-size:clamp(1rem,2.2vw,1.15rem);font-weight:900;color:#fff;margin-top:.4em;}

/* réponses */
.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:820px;width:100%;}
.ans-btn{background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35);color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:1rem;padding:18px 16px;border-radius:14px;cursor:pointer;transition:.18s;text-align:left;line-height:1.45;display:flex;align-items:center;gap:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);min-height:58px;}
.ans-letter{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900;color:#fff;margin-top:1px;}
.ans-btn:hover:not(:disabled){background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.7);}
.ans-btn.selected{background:rgba(255,255,255,.38);border-color:#fff;}
.ans-btn.selected .ans-letter{background:rgba(255,255,255,.7);color:#111;}
.ans-btn.correct{background:rgba(76,175,80,.5) !important;border-color:#7ef09a !important;}
.ans-btn.correct .ans-letter{background:#4CAF50;color:#fff;}
.ans-btn.wrong{background:rgba(233,30,60,.35) !important;border-color:#ff9aaa !important;}
.ans-btn.wrong .ans-letter{background:#e91e3c;color:#fff;}
.ans-btn:disabled{cursor:default;}

/* feedback */
.feedback-row{display:flex;align-items:center;gap:10px;max-width:820px;width:100%;padding:10px 18px;border-radius:12px;font-weight:800;font-size:1rem;min-height:48px;}
.feedback-row.ok{background:rgba(30,180,80,.4);border:1.5px solid rgba(120,255,160,.6);color:#e0ffe8;}
.feedback-row.ko{background:rgba(200,20,40,.35);border:1.5px solid rgba(255,140,160,.5);color:#ffe0e4;}
.feedback-row.hidden{background:transparent;border-color:transparent;}

.validate-btn{background:rgba(255,255,255,.92);color:#222;font-weight:900;font-size:1.05rem;border:none;border-radius:50px;padding:12px 44px;cursor:pointer;transition:.2s;box-shadow:0 4px 18px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px;}
.validate-btn:hover:not(:disabled){background:#fff;transform:scale(1.03);}
.validate-btn:disabled{opacity:.38;cursor:default;}

/* ── ZONE RETOUR AUTO (fixed bas-droite) ── */
.auto-return{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:50px;background:rgba(10,10,20,.82);border:1.5px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);box-shadow:0 6px 28px rgba(0,0,0,.5);font-weight:800;font-size:.92rem;color:#fff;max-width:360px;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);}
@keyframes slideInRight{from{transform:translateX(60px);opacity:0}to{transform:translateX(0);opacity:1}}
.auto-return.hidden{display:none !important;}
.return-wheel{flex-shrink:0;position:relative;width:44px;height:44px;}
.return-wheel svg{transform:rotate(-90deg);}
.wheel-track{fill:none;stroke:rgba(255,255,255,.2);stroke-width:4;}
.wheel-arc{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .9s linear;}
.return-wheel-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#fff;}
.auto-return-text{flex:1;opacity:.9;font-size:.9rem;}
.cancel-return{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:.8rem;padding:5px 14px;border-radius:50px;cursor:pointer;transition:.18s;white-space:nowrap;}
.cancel-return:hover{background:rgba(255,255,255,.25);}
.go-return{background:rgba(255,255,255,.92);color:#222;font-family:'Nunito',sans-serif;font-weight:900;font-size:.88rem;border:none;border-radius:50px;padding:8px 22px;cursor:pointer;transition:.18s;display:flex;align-items:center;gap:6px;white-space:nowrap;}
.go-return:hover{background:#fff;transform:scale(1.03);}
.auto-return.stayed .return-wheel{display:none;}
.auto-return.stayed .auto-return-text{font-size:.88rem;opacity:.8;}
.auto-return.stayed .cancel-return{display:none;}

/* ══ RÉSULTATS ══ */
#screen-results{padding:28px 16px;gap:20px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#1a2e50 0%,var(--bg) 65%);}
#screen-results h2{font-family:'Black Han Sans',sans-serif;font-size:clamp(1.4rem,5vw,2.4rem);color:var(--jaune);display:flex;align-items:center;gap:10px;justify-content:center;}
.final-score-wrap{background:var(--card);border-radius:var(--radius);padding:26px 38px;box-shadow:var(--shadow);border:2px solid rgba(255,193,7,.2);}
.final-score-num{font-size:clamp(2.8rem,10vw,4.5rem);font-weight:900;color:var(--jaune);line-height:1;}
.final-score-lbl{font-size:.95rem;opacity:.6;margin-top:6px;}
.final-stats{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:14px;}
.stat-pill{background:rgba(255,255,255,.07);padding:8px 16px;border-radius:50px;font-size:.88rem;}
.stat-pill strong{color:var(--jaune);}
.coach-card{max-width:700px;width:100%;background:var(--card);border-radius:var(--radius);padding:20px 26px;border-left:5px solid var(--jaune);text-align:left;font-size:.93rem;line-height:1.65;}
.coach-card h4{color:var(--jaune);font-weight:900;margin-bottom:8px;font-size:1.05rem;display:flex;align-items:center;gap:8px;}
.review-section{max-width:800px;width:100%;}
.review-section h3{font-weight:800;font-size:1.05rem;color:var(--rose);margin-bottom:10px;text-align:left;display:flex;align-items:center;gap:8px;}
.review-item{background:var(--card);border-radius:12px;padding:14px 16px;margin-bottom:8px;border-left:4px solid transparent;text-align:left;font-size:.88rem;line-height:1.5;}
.review-item.ok-item{border-left-color:var(--vert);}
.review-item.ko-item{border-left-color:var(--rouge);}
.review-item .ri-cat{font-size:.72rem;color:var(--jaune);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.review-item .ri-q{font-weight:700;margin:3px 0 5px;color:#dde0ff;}
.review-item .ri-your{color:#ff8a9a;font-size:.84rem;}
.review-item .ri-good{color:#7ef09a;font-size:.84rem;}
.review-item .ri-ok{color:#7ef09a;font-size:.84rem;}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.btn-print{background:var(--bleu);color:#fff;font-weight:900;font-size:.98rem;border:none;border-radius:50px;padding:12px 36px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;}
.btn-print:hover{background:#4a78e0;}
.btn-retry{background:rgba(255,255,255,.09);color:#fff;font-weight:700;font-size:.98rem;border:2px solid rgba(255,255,255,.2);border-radius:50px;padding:12px 36px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;}
.btn-retry:hover{background:rgba(255,255,255,.14);}

/* ══ IMPRESSION ══ */
@media print{
  body{background:#fff;color:#111;}
  .screen{display:none !important;}
  #print-zone{display:block !important;}
  @page{size:A4 portrait;margin:10mm 10mm;}
  /* Forcer une coupure après la première section (score + coach) */
  .pz-page-break{page-break-before:always;break-before:page;}
}
#print-zone{display:none;font-family:'Nunito',sans-serif;font-size:8.5px;line-height:1.25;}
.pz-header{text-align:center;margin-bottom:6px;}
.pz-header h1{font-size:13px;color:#2a2a6e;margin:0;}
.pz-header p{font-size:8px;color:#555;margin-top:2px;}
.pz-score-box{border:2px solid #FFC107;border-radius:6px;padding:6px 12px;text-align:center;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:18px;}
.pz-score-box .big{font-size:22px;font-weight:900;color:#c49000;line-height:1;}
.pz-score-box .pz-score-info{text-align:left;}
.pz-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px;font-size:8px;color:#444;}
.pz-meta span{background:#f5f5f5;padding:2px 7px;border-radius:10px;}
.pz-coach{background:#fffde7;border-radius:5px;padding:6px 10px;margin-bottom:6px;font-size:8px;line-height:1.35;border-left:3px solid #FFC107;}
.pz-coach strong{color:#c49000;}
.pz-section-title{font-size:9px;font-weight:800;color:#c00;margin-bottom:4px;padding-bottom:2px;border-bottom:1.5px solid #eee;}
/* Grille compacte 2 colonnes pour les 25 réponses */
.pz-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.pz-item{border-radius:4px;padding:4px 7px;font-size:7.5px;page-break-inside:avoid;break-inside:avoid;}
.pz-item.ok{background:#f0fff4;border-left:3px solid #4CAF50;}
.pz-item.ko{background:#fff0f0;border-left:3px solid #e91e3c;}
.pz-item .pi-cat{font-size:6.5px;color:#888;text-transform:uppercase;letter-spacing:.4px;}
.pz-item .pi-q{font-weight:700;margin:1px 0 2px;color:#222;font-size:7.5px;line-height:1.2;}
.pz-item .pi-ans{font-size:7px;}
.pz-item .pi-ok{color:#2e7d32;}
.pz-item .pi-ko{color:#c62828;}
.pz-footer{text-align:center;margin-top:6px;font-size:7px;color:#aaa;}

.site-footer{width:100%;text-align:center;padding:10px 20px;font-size:.72rem;color:rgba(255,255,255,.3);font-weight:600;letter-spacing:.4px;font-style:italic;flex-shrink:0;}
#screen-question .site-footer{color:rgba(255,255,255,.45);}
#screen-grid .site-footer{color:rgba(255,255,255,.25);}

/* ── UTILITAIRES / ANIMATIONS ── */
.hidden{display:none !important;}
@keyframes popIn{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
.pop{animation:popIn .28s cubic-bezier(.34,1.56,.64,1);}
@keyframes scoreUp{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.score-bump{animation:scoreUp .45s cubic-bezier(.34,1.56,.64,1);}
@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-60px) scale(.8)}}
.score-particle{position:fixed;pointer-events:none;font-family:'Nunito',sans-serif;font-weight:900;font-size:1.1rem;color:var(--jaune);text-shadow:0 2px 8px rgba(0,0,0,.5);animation:floatUp .9s ease-out forwards;z-index:9999;}
