/* Arène YouTips — cartes à deviner (dos de carte) */
.yta-cq-on > :not(.yta-cq){ visibility:hidden !important; }
.yta-cq{ position:absolute !important; inset:0 !important; display:flex !important; flex-direction:column !important; justify-content:flex-start !important;
  gap:8px !important; padding:16px !important; overflow-y:auto !important; text-align:left !important; z-index:2; }
.yta-cq > :first-child{ margin-top:auto !important; }
.yta-cq > :last-child{ margin-bottom:auto !important; }
.yta-cq-q{ margin-bottom:4px !important; font-size:14px !important; font-weight:700 !important; line-height:1.3 !important; color:inherit !important; }
.yta-cq-k{ display:inline-block; min-width:24px; padding:1px 7px; border-radius:6px; border:1px solid currentColor; font-weight:700; text-align:center; }
button.yta-cq-o{ all:unset; box-sizing:border-box !important; display:block !important; width:100% !important; cursor:pointer;
  padding:8px 10px !important; border-radius:12px !important; border:1px solid rgba(128,128,128,0.35) !important;
  background:rgba(128,128,128,0.08) !important; color:inherit !important; font:inherit; font-size:13px !important; font-weight:500 !important; line-height:1.3 !important; overflow-wrap:anywhere !important;
  transition:background .15s, border-color .15s; }
button.yta-cq-o:hover:not(:disabled){ background:rgba(128,128,128,0.18) !important; }
button.yta-cq-o:focus-visible{ outline:3px solid #0059D0 !important; outline-offset:2px; }
button.yta-cq-o:disabled{ cursor:default; opacity:.55; }
button.yta-cq-o.is-good{ opacity:1; background:rgba(52,199,89,0.2) !important; border-color:#34C759 !important; }
button.yta-cq-o.is-bad{ opacity:1; background:rgba(200,16,46,0.12) !important; border-color:#C8102E !important; }
.yta-cq-res{ margin:0 0 6px !important; font-size:12px !important; font-weight:700 !important; letter-spacing:0.04em; text-transform:uppercase; }
.yta-cq-res.is-good{ color:#1f8a3b !important; }
.yta-cq-res.is-bad{ color:#C8102E !important; }
@media (max-width:600px){ .yta-cq{ padding:10px !important; gap:6px !important; } .yta-cq-q{ font-size:13px !important; } button.yta-cq-o{ font-size:12px !important; padding:6px 8px !important; border-radius:10px !important; } }
@media (prefers-reduced-motion: reduce){ button.yta-cq-o{ transition:none; } }
/* Ligne de progression au-dessus des cartes */
.yta-cbar{ display:block !important; margin:0 auto 20px !important; padding:0 !important; max-width:760px; text-align:center;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
.yta-cbar.is-wait{ display:none !important; }
.yta-cbar p{ margin:0 !important; font-size:14px !important; line-height:1.5 !important; color:#6e6e73 !important; }
.yta-cbar strong{ color:#1d1d1f; font-weight:700; }
.yta-cbar a{ color:#0059D0 !important; font-weight:600; text-decoration:none !important; white-space:nowrap; }
.yta-cbar a:hover, .yta-cbar a:focus-visible{ text-decoration:underline !important; }
.yta-cbar a:focus-visible{ outline:3px solid #0059D0; outline-offset:2px; border-radius:4px; }
.yta-cbar-ok{ color:#34C759; font-weight:800; margin-right:2px; }
@media (max-width:600px){ .yta-cbar{ margin-bottom:14px !important; } .yta-cbar p{ font-size:13px !important; } }
/* Rappel discret aux visiteurs (après 5 réponses) */
.yta-ctoast{ position:fixed; left:50%; bottom:20px; z-index:99990; box-sizing:border-box; width:max-content; max-width:calc(100vw - 32px);
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:12px 44px 12px 20px; border-radius:18px;
  background:linear-gradient(165deg,#232326 0%,#121215 100%); color:#a1a1a6; box-shadow:0 12px 40px rgba(0,0,0,0.22);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  opacity:0; transform:translate(-50%,12px); transition:opacity .25s, transform .25s; }
.yta-ctoast.is-on{ opacity:1; transform:translate(-50%,0); }
.yta-ctoast-txt{ margin:0 !important; font-size:14px !important; line-height:1.4 !important; color:#a1a1a6 !important; }
.yta-ctoast-txt strong{ color:#fff; }
a.yta-ctoast-btn{ font-size:14px !important; font-weight:600 !important; color:#9CC0FF !important; text-decoration:none !important; white-space:nowrap; }
a.yta-ctoast-btn:hover, a.yta-ctoast-btn:focus-visible{ text-decoration:underline !important; }
button.yta-ctoast-x{ all:unset; position:absolute; top:50%; right:12px; transform:translateY(-50%); width:28px; height:28px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:pointer; color:#a1a1a6; font-size:20px; line-height:1; }
button.yta-ctoast-x:hover{ color:#fff; background:rgba(255,255,255,0.08); }
.yta-ctoast a:focus-visible, button.yta-ctoast-x:focus-visible{ outline:3px solid #9CC0FF; outline-offset:2px; }
@media (max-width:600px){ .yta-ctoast{ bottom:12px; padding:10px 40px 10px 14px; gap:4px 12px; } }
@media (prefers-reduced-motion: reduce){ .yta-ctoast{ transition:none; } }
/* « Je le sais » : remplacé par la réponse au quiz */
.yl-card .yl-mini[data-mark], .yf-card .yf-mini[data-mark]{ display:none !important; }
/* Fin de série */
.yta-cend{ box-sizing:border-box; margin:28px auto 8px !important; max-width:640px; padding:24px 28px !important; border-radius:18px; text-align:center;
  background:#fff; border:1px solid rgba(0,0,0,0.06); box-shadow:0 4px 20px rgba(0,0,0,0.04),0 1px 3px rgba(0,0,0,0.02);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
.yta-cend-kicker{ margin:0 0 6px !important; font-size:12px !important; font-weight:700 !important; letter-spacing:0.08em; text-transform:uppercase; color:#6e6e73 !important; }
.yta-cend-score{ margin:0 0 6px !important; font-size:20px !important; color:#1d1d1f !important; line-height:1.3 !important; }
.yta-cend-score strong{ font-size:32px; font-weight:800; letter-spacing:-0.02em; }
.yta-cend-txt{ margin:0 auto 16px !important; max-width:460px; font-size:15px !important; line-height:1.5 !important; color:#515154 !important; }
.yta-cend-actions{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 20px; }
button.yta-cend-btn{ all:unset; cursor:pointer; border-radius:980px; padding:10px 22px; background:#0059D0; color:#fff; font-size:15px; font-weight:600; }
button.yta-cend-btn:hover{ background:#0047a8; }
button.yta-cend-link{ all:unset; cursor:pointer; font-size:15px; font-weight:600; color:#0059D0; }
button.yta-cend-link:hover{ text-decoration:underline; }
.yta-cend button:focus-visible{ outline:3px solid #0059D0; outline-offset:3px; }
@media (max-width:600px){ .yta-cend{ padding:20px 16px !important; margin-top:20px !important; } }
.yta-cend-join{ margin:16px 0 0 !important; padding-top:14px; border-top:1px solid rgba(0,0,0,0.06); font-size:14px !important; color:#515154 !important; }
.yta-cend-join a{ color:#0059D0 !important; font-weight:600; text-decoration:none !important; }
.yta-cend-join a:hover{ text-decoration:underline !important; }