/* Adjugé! — front. Extrait de app.css (Écrans victoire / défaite).
   Les app.*.css sont chargés DANS L'ORDRE (la cascade en dépend) ;
   ne pas réordonner les <link>. */
/* ---------- Victoire / défaite ---------- */
#screen-win, #screen-lose { position: relative; overflow: auto; }
.confetti { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 5; }
.conf {
  position: absolute; top: -20px; width: 7px; height: 12px; border-radius: 2px;
  opacity: 0.85; animation: confFall linear infinite;
}
.result-wrap {
  min-height: 100dvh; display: flex; flex-direction: column; align-items: center;
  justify-content: center; padding: calc(60px + var(--sat)) 26px 60px;
  text-align: center; position: relative;
}
.result-wrap.lose { justify-content: flex-start; padding-top: calc(80px + var(--sat)); }
.win-check {
  width: 88px; height: 88px; border-radius: 999px; background: var(--orange);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 16px 36px rgba(232,89,12,0.35);
  animation: popIn 0.5s cubic-bezier(0.2,0.9,0.3,1) both;
  font-size: 38px; color: #FFFFFF; font-weight: 900;
}
.win-logo {
  margin-top: 18px; width: 128px; height: 128px; object-fit: contain;
}
.result-sub { margin-top: 10px; font-size: 14px; color: var(--muted); font-weight: 500; }
.result-card {
  margin-top: 26px; width: 100%; background: #FFFFFF; border: 1px solid var(--card-line);
  border-radius: 18px; padding: 14px; display: flex; align-items: center; gap: 13px;
  text-align: left;
}
.result-thumb { width: 58px; height: 58px; border-radius: 12px; flex-shrink: 0; }
.result-thumb.small { width: 52px; height: 52px; }
.result-info { flex: 1; }
.result-title { font-size: 13.5px; font-weight: 700; line-height: 1.3; }
.result-meta { font-size: 11.5px; color: var(--muted); margin-top: 3px; }
.final-row { margin-top: 18px; display: flex; align-items: baseline; gap: 10px; }
.final-label { font-size: 13px; font-weight: 600; color: var(--muted); }
.final-price {
  font-size: 40px; font-weight: 900; letter-spacing: -1.2px;
  font-variant-numeric: tabular-nums;
}
/* Montant réel à régler (protection acheteurs incluse), façon Vinted. */
.win-incl {
  margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--muted);
  font-variant-numeric: tabular-nums;
}
#win-share { margin-top: 22px; }
#win-pay { margin-top: 12px; }
.cta svg { flex-shrink: 0; }
.cta-ic { margin-right: 9px; }
.lose-circle {
  width: 84px; height: 84px; border-radius: 999px; background: #EFE3D4;
  display: flex; align-items: center; justify-content: center;
  animation: popIn 0.5s cubic-bezier(0.2,0.9,0.3,1) both;
  font-size: 30px; color: #B9AA94; font-weight: 700;
}
.lose-title { margin-top: 20px; font-size: 30px; font-weight: 900; letter-spacing: -0.6px; }
.lose-sub { margin-top: 9px; font-size: 13.5px; color: var(--muted); line-height: 1.6; }
.lose-sub strong { font-weight: 900; color: var(--ink); font-variant-numeric: tabular-nums; }
.sim-block { margin-top: 30px; width: 100%; text-align: left; }
.sim-title { font-size: 14px; font-weight: 800; margin-bottom: 11px; }
.sim-grid { padding: 0; }
.sim-grid .g-photo { height: 130px; border-radius: 14px; }
#lose-more { margin-top: 26px; }