.rrac{margin:28px auto 0;max-width:1180px}.rrac__d{border:1px solid rgba(242,240,235,.14);border-radius:10px;background:rgba(242,240,235,.02)}.rrac__s{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:15px 20px;cursor:pointer;list-style:none;font:inherit}.rrac__s::-webkit-details-marker{display:none}.rrac__s::marker{content:''}.rrac__q{color:var(--ash,#8A8F98);font-size:15px}.rrac__a{color:var(--signal,#E8C547);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.rrac__s::after{content:'';margin-left:auto;width:8px;height:8px;border-right:1.5px solid var(--signal,#E8C547);border-bottom:1.5px solid var(--signal,#E8C547);transform:rotate(45deg) translateY(-2px);transition:transform .18s ease;flex:none}.rrac__d[open] .rrac__s::after{transform:rotate(-135deg) translateY(-2px)}.rrac__s:focus-visible{outline:2px solid var(--signal,#E8C547);outline-offset:2px;border-radius:10px}.rrac__body{padding:4px 20px 22px}.rrac__intro{color:var(--ash,#8A8F98);font-size:14px;margin:0 0 18px;max-width:62ch}.rrac__g{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash-dim,#5A5F68);margin:20px 0 10px}.rrac__g:first-of-type{margin-top:4px}.rrac__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.rrac__c{display:flex;flex-direction:column;border:1px solid rgba(242,240,235,.12);border-radius:8px;padding:14px;background:rgba(242,240,235,.015)}.rrac__img{aspect-ratio:16 / 9;border-radius:6px;background:rgba(242,240,235,.05);margin-bottom:12px;overflow:hidden}.rrac__img img{width:100%;height:100%;object-fit:cover;display:block}.rrac__n{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--bone,#F2F0EB)}.rrac__t{font-size:13px;line-height:1.45;color:var(--ash,#8A8F98);margin:0 0 14px}.rrac__f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.rrac__p{font-size:16px;font-weight:600;color:var(--bone,#F2F0EB);font-variant-numeric:tabular-nums}.rrac__from{font-size:11px;color:var(--ash-dim,#5A5F68);margin-right:4px;font-weight:400}.rrac__cta{font-size:13px;font-weight:600;color:var(--signal,#E8C547);text-decoration:none;white-space:nowrap;border:1px solid rgba(232,197,71,.35);border-radius:6px;padding:6px 12px}.rrac__cta:hover{border-color:var(--signal,#E8C547)}.rrac__cta:focus-visible{outline:2px solid var(--signal,#E8C547);outline-offset:2px}.rrac__note{font-size:12px;color:var(--ash-dim,#5A5F68);margin:18px 0 0}@media (max-width:640px){.rrac{margin-top:20px}.rrac__s{padding:13px 15px}.rrac__body{padding:2px 15px 18px}.rrac__row{grid-template-columns:1fr}.rrac__img{aspect-ratio:21 / 9}}@media (prefers-reduced-motion:reduce){.rrac__s::after{transition:none}}.rrac{margin-top:40px}.rrac__d{border:1px solid rgba(232,197,71,.28);background:rgba(232,197,71,.04);border-radius:12px}.rrac__d:hover{border-color:rgba(232,197,71,.45)}.rrac__s{align-items:center;gap:24px;padding:24px 26px}.rrac__head{display:flex;flex-direction:column;gap:6px;min-width:0}.rrac__q{color:var(--bone,#F2F0EB);font-size:clamp(19px,2.1vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.01em}.rrac__msg{color:var(--ash,#8A8F98);font-size:15px;line-height:1.45;max-width:52ch}.rrac__a{font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid rgba(232,197,71,.55);border-radius:8px;padding:11px 20px;flex:none}.rrac__d:hover .rrac__a{border-color:var(--signal,#E8C547)}.rrac__s::after{margin-left:0}.rrac__qty{display:flex;align-items:center;gap:8px;margin:0 0 14px}.rrac__qty-l{font-size:12px;color:var(--ash-dim,#5A5F68);white-space:nowrap}.rrac__qty-s{flex:1;min-width:0;font:inherit;font-size:13px;color:var(--bone,#F2F0EB);background:rgba(242,240,235,.06);border:1px solid rgba(242,240,235,.18);border-radius:6px;padding:7px 9px;cursor:pointer}.rrac__qty-s:focus-visible{outline:2px solid var(--signal,#E8C547);outline-offset:2px}.rrac__qty-s option{background:#14161A;color:#F2F0EB}@media (max-width:720px){.rrac__s{flex-direction:column;align-items:stretch;gap:16px;padding:20px 18px}.rrac__a{text-align:center;padding:13px 20px}.rrac__s::after{display:none}.rrac__msg{font-size:14px}}
/* =========================================================================
   v120 — LE TITRE A LA CARTE PASSE A LA MAIN

   Reprend exactement le mecanisme de .rpan__hand (release.html) : Permanent
   Marker auto-hebergee, un mot par couleur, teintes deja calibrees AA sur
   le fond #0A0B0D. Aucune police ni aucun fichier nouveau.

   ONE fait 2x le corps des autres mots : c'est lui le point d'entree du
   regard. Le titre manuscrit est aria-hidden et double par un .sr-only,
   comme la citation de release.html — sinon un lecteur d'ecran epelle
   quatre fragments separes.
   ========================================================================= */
.rrac__hand {
  font-family: 'Permanent Marker', 'Bradley Hand', 'Segoe Script',
               'Brush Script MT', cursive;
  font-weight: 400;
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.1;
  letter-spacing: .005em;
  transform: rotate(-1.2deg);
  transform-origin: left center;
  display: block;
  padding-right: .15rem;   /* la rotation deporte la fin de ligne a droite */
  text-wrap: balance;
}
.rrac__w { display: inline; }
.rrac__w--1 { color: #FF9E2C; }   /* orange */
.rrac__w--2 { color: #63B8FF; }   /* bleu   */
.rrac__w--4 { color: #F5A9B8; }   /* rose   */
.rrac__w--big {
  color: #FFE14D;                 /* jaune : la teinte la plus lumineuse
                                     du jeu, 15,1:1 sur le fond */
  font-size: 2em;
  line-height: .9;
}

/* Le CTA passe en aplat blanc.
   /!\ Cette regle sort de la charte documentee plus haut, qui reserve le
   blanc plein au parcours de commande. Pour revenir en arriere : supprimer
   ce bloc, le HTML n'a pas besoin d'etre touche. */
.rrac__a--solid {
  background: #FFFFFF;
  color: #0A0B0D;
  border-color: #FFFFFF;
  padding: 14px 26px;
  font-size: 16px;
  font-weight: 700;
}
.rrac__d:hover .rrac__a--solid {
  background: var(--signal, #E8C547);
  border-color: var(--signal, #E8C547);
  color: #0A0B0D;
}
.rrac__a--solid:focus-visible {
  outline: 2px solid var(--signal, #E8C547);
  outline-offset: 3px;
}

@media (forced-colors: active) {
  .rrac__w, .rrac__w--big { color: CanvasText; }
}

@media (prefers-reduced-motion: reduce) {
  .rrac__hand { transform: none; }
}