/* ETHNOS R493 — Univers officiels : hiérarchie bleu/crème, boutons standards, lisibilité et responsive.
   Base fonctionnelle : R492. Aucun changement du moteur de données / API. */

/* --------------------------------------------------------------------------
   0. Correction prouvée de l'icône parasite du Back-office.
   R482 ajoute un 8e élément dans une grille historique figée à 7 colonnes.
   Quand ce lien est présent, la navigation reçoit exactement 8 colonnes :
   aucun retour à la ligne, aucun SVG ne peut déborder sous la barre haute.
   -------------------------------------------------------------------------- */
html body .memberTopNavigation:has(.ethnosBackofficeEntry){
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
}
html body .memberTopNavigation:has(.ethnosBackofficeEntry) > .memberTopNavButton{
  min-width:0 !important;
}
html body .memberTopNavigation:has(.ethnosBackofficeEntry) > .memberTopNavButton span{
  min-width:0 !important;
  max-width:100% !important;
}
html body .memberTopNavigation:has(.ethnosBackofficeEntry) > .ethnosBackofficeEntry span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* --------------------------------------------------------------------------
   1. Création/modification d'un salon : 1 thème principal + 2 secondaires.
   Le composant R492 est conservé fonctionnellement, avec responsive local.
   -------------------------------------------------------------------------- */
.r492SalonThemeFields{
  grid-column:1/-1;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:2px 0 0;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(6,19,28,.28);
}
.r492SalonThemeFields legend{
  padding:0 7px;
  color:#9fc5d1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.r492SalonThemeFields legend small{color:#ef8b55;font-size:9px;letter-spacing:0;text-transform:none}
.r492SalonThemeFields>p{grid-column:1/-1;margin:0;color:#799aa5;font-size:10px;line-height:1.45}
.r492PreviewThemes{display:block;margin-top:7px;color:#8eb8c5;font-size:9px;line-height:1.4}

/* --------------------------------------------------------------------------
   2. Page « Univers des créateurs » : une seule introduction, puis deux
   grandes surfaces ouvertes. Le cadre n'est conservé que pour les objets.
   -------------------------------------------------------------------------- */
.bodyView-houses{
  --r493-cream-top:var(--r190-cream-top,#fffdf9);
  --r493-cream-bottom:var(--r190-cream-bottom,#eee1d0);
  --r493-cream-line:var(--r190-cream-line,#d8c8b3);
  --r493-navy:#071a39;
  --r493-deep:#041721;
  --r493-surface:#062231;
  padding-inline:clamp(18px,2.25vw,44px) !important;
}
.bodyView-houses .bodyViewHeader{
  align-items:center;
  gap:clamp(18px,2vw,36px);
  margin-bottom:0;
  padding-bottom:clamp(20px,1.8vw,32px);
}
.bodyView-houses .bodyViewHeader>div:first-child{max-width:min(780px,58vw)}
.bodyView-houses .bodyViewHeader h1{font-size:clamp(34px,3vw,58px)}
.bodyView-houses .bodyViewHeader p{font-size:clamp(11px,.76vw,14px);line-height:1.55}

.r493UniverseHeaderTools{
  flex:0 1 min(700px,42vw);
  min-width:min(480px,42vw);
  display:grid;
  grid-template-columns:auto minmax(260px,1fr);
  align-items:center;
  gap:clamp(14px,1.2vw,24px);
}
.r493UniverseHeaderTools .bodyHeaderMark{min-width:74px}
.r493UniverseHeaderTools form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0}
.r493UniverseHeaderTools input{
  width:100%;min-width:0;height:40px;padding:0 13px;
  border:1px solid rgba(190,226,231,.22);border-radius:9px;
  background:#061d2a;color:#edf5f5;font:inherit;font-size:clamp(10px,.7vw,13px);outline:none;
}
.r493UniverseHeaderTools input:focus{border-color:rgba(49,209,207,.55);box-shadow:0 0 0 3px rgba(49,209,207,.08)}
.r493UniverseSearchButton{min-width:112px !important}

/* Les deux rangées sont des zones de page, pas des cartes dans une carte. */
.r492UniverseSection.r493UniverseSection{
  margin:0;
  padding:clamp(24px,2vw,38px) clamp(18px,1.6vw,30px) clamp(28px,2.2vw,42px);
  border:0;
  border-radius:0;
  box-shadow:none;
}
.r493UniverseSection.isPopular{
  background:linear-gradient(180deg,var(--r493-cream-top),var(--r493-cream-bottom));
  border-top:1px solid var(--r493-cream-line);
  border-bottom:1px solid var(--r493-cream-line);
  color:var(--r493-navy);
}
.r493UniverseSection.isNewest{
  background:linear-gradient(180deg,rgba(5,28,40,.52),rgba(2,17,26,.20));
  border-bottom:1px solid rgba(190,226,231,.12);
}
.r492UniverseSection>header{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  margin-bottom:16px;
}
.r492UniverseSection>header span{font-size:9px;font-weight:800;letter-spacing:.14em}
.r492UniverseSection>header h2{
  margin:5px 0 0;font-family:var(--font-title,Georgia,serif);
  font-size:clamp(25px,2vw,36px);font-weight:400;line-height:1.08;
}
.r492UniverseSection>header p{margin:6px 0 0;font-size:clamp(10px,.7vw,13px);line-height:1.45}
.r492UniverseSection>header>strong{flex:0 0 auto;font-size:clamp(10px,.72vw,13px);font-weight:700}
.r493UniverseSection.isPopular>header span{color:#d8662c}
.r493UniverseSection.isPopular>header h2{color:var(--r493-navy)}
.r493UniverseSection.isPopular>header p,.r493UniverseSection.isPopular>header>strong{color:#61717a}
.r493UniverseSection.isNewest>header span{color:var(--r110-orange)}
.r493UniverseSection.isNewest>header h2{color:#f4eee5}
.r493UniverseSection.isNewest>header p,.r493UniverseSection.isNewest>header>strong{color:#8fa6ae}

.r492UniverseFilters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.r492UniverseFilters label{display:grid;gap:6px;min-width:0}
.r492UniverseFilters label>span{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.r492UniverseFilters select{
  width:100%;min-width:0;height:40px;padding:0 11px;
  border:1px solid rgba(190,226,231,.18);border-radius:9px;
  background:#071d2a;color:#dce8e9;font:inherit;font-size:clamp(10px,.7vw,13px);outline:none;
}
.r492UniverseFilters select:disabled{opacity:.45}
.r493UniverseSection.isPopular .r492UniverseFilters label>span{color:#647681}
.r493UniverseSection.isPopular .r492UniverseFilters select{
  border-color:#d7cbbd;background:#fffdf9;color:var(--r493-navy);
}
.r493UniverseSection.isPopular .r492UniverseFilters select:focus{border-color:#f28a4a;box-shadow:0 0 0 3px rgba(242,138,74,.12)}
.r493UniverseSection.isNewest .r492UniverseFilters label>span{color:#78939b}

/* Cartes : seules vraies « cartes » conservées, plus présentes sur grands écrans. */
.r492UniverseStrip{
  display:flex;gap:14px;min-height:260px;overflow-x:auto;overflow-y:hidden;
  padding:2px 2px 10px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;
}
.r492UniverseStrip::-webkit-scrollbar{height:7px}
.r492UniverseStrip::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(104,128,137,.34)}
.r492UniverseCard{
  flex:0 0 clamp(300px,20vw,410px);min-width:0;overflow:hidden;scroll-snap-align:start;
  border:1px solid rgba(190,226,231,.16);border-radius:16px;background:#061d2a;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.r492UniverseCardBanner{height:105px;background:linear-gradient(135deg,#123a4b,#071d2a);background-position:center;background-size:cover}
.r492UniverseCardBody{padding:15px}
.r492UniverseCardBody header{display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:center;margin-top:-36px}
.r492UniverseLogo{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border:2px solid #082433;border-radius:14px;background:#0e3445;color:#fff;font-family:var(--font-title,Georgia,serif);font-size:15px}
.r492UniverseLogo img{width:100%;height:100%;object-fit:cover}
.r492UniverseCardBody header small{color:#7fb2c0;font-size:clamp(9px,.62vw,11px);letter-spacing:.03em;line-height:1.3}
.r492UniverseCardBody h3{overflow:hidden;margin:4px 0 0;color:#f4f0e9;font-family:var(--font-title,Georgia,serif);font-size:clamp(21px,1.3vw,27px);font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.r492UniverseCardBody header p{margin:3px 0 0;color:#92a7ad;font-size:clamp(9px,.62vw,11px)}
.r492UniverseDescription{min-height:58px;margin:14px 0 11px;color:#a8bac0;font-size:clamp(12px,.78vw,15px);line-height:1.55}
.r492UniverseThemes{display:flex;flex-wrap:wrap;gap:6px}
.r492UniverseThemes span{padding:5px 8px;border:1px solid rgba(190,226,231,.14);border-radius:999px;color:#9cb0b6;font-size:clamp(8px,.55vw,10px);line-height:1.2}
.r492UniverseCardBody footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(190,226,231,.10)}
.r492UniverseCardBody footer>span{color:#9aacb2;font-size:clamp(10px,.66vw,12px);font-weight:650;line-height:1.35}
.r493UniverseAction{flex:0 0 auto;min-width:108px !important}
.r492UniverseLoading,.r492UniverseEmpty{display:grid;place-items:center;flex:1 0 100%;min-height:190px;margin:0;color:#718b94;text-align:center;font-size:clamp(11px,.72vw,13px)}
.r493UniverseSection.isPopular .r492UniverseLoading,.r493UniverseSection.isPopular .r492UniverseEmpty{color:#61717a}

/* --------------------------------------------------------------------------
   3. Fiche publique d'un Univers : informations secondaires lisibles,
   boutons orange officiels et salons nettement plus lisibles.
   -------------------------------------------------------------------------- */
.bodyView-house{padding-inline:clamp(18px,2.25vw,44px) !important}
.r492UniverseDetailHero{
  position:relative;min-height:clamp(245px,24vw,360px);overflow:hidden;
  border:1px solid rgba(190,226,231,.18);border-radius:18px;
  background:linear-gradient(135deg,#14394a,#071d2a);background-position:center;background-size:cover;
}
.r492UniverseDetailShade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,17,26,.97),rgba(3,17,26,.18) 78%)}
.r492UniverseDetailHero>[data-r492-back-universes]{position:absolute;z-index:3;top:18px;left:18px;min-width:132px !important}
.r492UniverseDetailIdentity{position:absolute;z-index:2;left:clamp(22px,2.2vw,42px);right:22px;bottom:clamp(22px,2vw,34px);display:flex;align-items:center;gap:18px}
.r492UniverseDetailLogo{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;overflow:hidden;border:3px solid #082433;border-radius:20px;background:#0d3243;color:#fff;font-family:var(--font-title,Georgia,serif);font-size:22px}
.r492UniverseDetailLogo img{width:100%;height:100%;object-fit:cover}
.r492UniverseDetailIdentity span{color:#8bc4d3;font-size:clamp(11px,.75vw,14px);font-weight:600;letter-spacing:.025em;line-height:1.35}
.r492UniverseDetailIdentity h2{margin:5px 0 0;color:#fff;font-family:var(--font-title,Georgia,serif);font-size:clamp(34px,3.4vw,62px);font-weight:400;line-height:1.02}
.r492UniverseDetailIdentity p{margin:7px 0 0;color:#b2c1c5;font-size:clamp(12px,.8vw,15px);font-weight:600}
.r492UniverseDetailBody{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:16px;margin-top:16px}
.r492UniverseAbout,.r492UniverseSalons{min-width:0;padding:clamp(20px,1.6vw,28px);border:1px solid rgba(190,226,231,.14);border-radius:16px;background:rgba(5,25,37,.70)}
.r492UniverseAbout h3,.r492UniverseSalons h3{margin:0;color:#f2eee7;font-family:var(--font-title,Georgia,serif);font-size:clamp(25px,1.8vw,34px);font-weight:400;line-height:1.08}
.r492UniverseAbout>p{margin:12px 0 16px;color:#a2b3b8;font-size:clamp(12px,.78vw,15px);line-height:1.6}
.r492UniverseSalons>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.r492UniverseSalons>header span{color:var(--r110-orange);font-size:9px;font-weight:800;letter-spacing:.1em}
.r492UniverseSalons>header strong{color:#9dc3ce;font-size:clamp(11px,.72vw,13px)}
.r492UniverseSalonList{display:grid;gap:10px}
.r492UniverseSalonCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:clamp(15px,1.2vw,20px);border:1px solid rgba(190,226,231,.12);border-radius:13px;background:rgba(2,17,25,.46)}
.r492UniverseSalonCard>div>span{color:#91a7ad;font-size:clamp(10px,.66vw,12px);font-weight:650}
.r492UniverseSalonCard h4{margin:5px 0 0;color:#f1f4f2;font-size:clamp(17px,1.15vw,22px);line-height:1.2}
.r492UniverseSalonCard p{margin:7px 0 10px;color:#a0b1b6;font-size:clamp(12px,.76vw,14px);line-height:1.5}
.r493UniverseSalonAction{min-width:155px !important}
.r492UniverseError{display:grid;place-items:center;min-height:280px;text-align:center}
.r492UniverseError h2{margin:0}.r492UniverseError p{color:#8ca3aa;font-size:13px}.r492UniverseError .r493UniverseAction{margin-top:12px}

/* --------------------------------------------------------------------------
   4. Responsive : largeurs cibles Ethnos + transitions intermédiaires.
   Aucun scroll horizontal de page ; seules les rangées de cartes défilent.
   -------------------------------------------------------------------------- */

@media(max-width:1920px){
  .bodyView-houses .bodyViewHeader{display:grid;grid-template-columns:1fr;align-items:start}
  .bodyView-houses .bodyViewHeader>div:first-child{max-width:none}
  .r493UniverseHeaderTools{width:100%;min-width:0;grid-template-columns:auto minmax(0,1fr)}
  .r493UniverseHeaderTools .bodyHeaderMark{text-align:left}
}
@media(max-width:1707px){
  .r493UniverseHeaderTools{min-width:min(430px,42vw);grid-template-columns:auto minmax(230px,1fr)}
  .r492UniverseCard{flex-basis:clamp(285px,24vw,360px)}
}
@media(max-width:1536px){
  .r493UniverseHeaderTools{grid-template-columns:1fr}
  .r492UniverseCard{flex-basis:320px}
}
@media(max-width:1366px){
  .bodyView-houses,.bodyView-house{padding-inline:16px !important}
  .bodyView-houses .bodyViewHeader{gap:16px}
  .bodyView-houses .bodyViewHeader>div:first-child{max-width:54vw}
  .r493UniverseHeaderTools{min-width:390px}
  .r492UniverseSection.r493UniverseSection{padding:22px 16px 28px}
  .r492UniverseCard{flex-basis:300px}
  .r492UniverseCardBanner{height:92px}
  .r492UniverseDescription{min-height:52px}
  .r492UniverseDetailIdentity h2{font-size:clamp(32px,3vw,44px)}
  .r492UniverseDetailBody{grid-template-columns:1fr}
}
@media(max-width:1180px){
  .bodyView-houses .bodyViewHeader{display:grid;grid-template-columns:1fr}
  .bodyView-houses .bodyViewHeader>div:first-child{max-width:none}
  .r493UniverseHeaderTools{width:100%;min-width:0;grid-template-columns:auto minmax(0,1fr)}
  .r492UniverseDetailBody{grid-template-columns:1fr}
}
@media(max-width:980px){
  .r492SalonThemeFields{grid-template-columns:1fr 1fr}.r492SalonThemeFields label:last-of-type{grid-column:1/-1}
  .r493UniverseHeaderTools{grid-template-columns:1fr}
  .r493UniverseHeaderTools .bodyHeaderMark{text-align:left}
  .r492UniverseCard{flex-basis:min(72vw,340px)}
  .r492UniverseDetailIdentity{align-items:flex-end}
}
@media(max-width:720px){
  .r492SalonThemeFields{grid-template-columns:1fr;padding:12px}.r492SalonThemeFields label:last-of-type{grid-column:auto}
  .bodyView-houses,.bodyView-house{padding-inline:10px !important}
  .bodyView-houses .bodyViewHeader{padding-bottom:18px}
  .r493UniverseHeaderTools form{grid-template-columns:1fr}
  .r493UniverseSearchButton{width:100% !important}
  .r492UniverseSection.r493UniverseSection{padding:20px 12px 25px}
  .r492UniverseSection>header{align-items:flex-start}
  .r492UniverseFilters{grid-template-columns:1fr}
  .r492UniverseCard{flex-basis:min(84vw,330px)}
  .r492UniverseCardBody footer{align-items:flex-start;flex-direction:column}
  .r493UniverseAction{width:100% !important}
  .r492UniverseDetailHero{min-height:285px}
  .r492UniverseDetailHero>[data-r492-back-universes]{top:12px;left:12px}
  .r492UniverseDetailIdentity{left:14px;right:14px;bottom:16px;align-items:flex-end;gap:12px}
  .r492UniverseDetailLogo{flex-basis:62px;width:62px;height:62px;border-radius:16px}
  .r492UniverseDetailIdentity h2{font-size:clamp(29px,8vw,38px)}
  .r492UniverseSalonCard{grid-template-columns:1fr}
  .r493UniverseSalonAction{justify-self:start;width:100% !important}
}

/* --------------------------------------------------------------------------
   R494 — corrections validées après revue R493.
   - Les deux rangées utilisent le crème officiel, séparées par une respiration
     bleue provenant du fond réel de la page (pas de nouveau cadre décoratif).
   - Le statut des cartes ne repose plus sur la photo de bannière.
   - Le voile de la fiche Univers est physiquement clipsé dans la bannière.
   -------------------------------------------------------------------------- */
.bodyView-houses .r493UniverseSection.isNewest{
  margin-top:clamp(46px,4vw,68px);
  background:linear-gradient(180deg,var(--r493-cream-top),var(--r493-cream-bottom));
  border-top:1px solid var(--r493-cream-line);
  border-bottom:1px solid var(--r493-cream-line);
  color:var(--r493-navy);
}
.bodyView-houses .r493UniverseSection.isNewest>header span{color:#d8662c}
.bodyView-houses .r493UniverseSection.isNewest>header h2{color:var(--r493-navy)}
.bodyView-houses .r493UniverseSection.isNewest>header p,
.bodyView-houses .r493UniverseSection.isNewest>header>strong{color:#61717a}
.bodyView-houses .r493UniverseSection.isNewest .r492UniverseFilters label>span{color:#647681}
.bodyView-houses .r493UniverseSection.isNewest .r492UniverseFilters select{
  border-color:#d7cbbd;
  background:#fffdf9;
  color:var(--r493-navy);
}
.bodyView-houses .r493UniverseSection.isNewest .r492UniverseFilters select:focus{
  border-color:#f28a4a;
  box-shadow:0 0 0 3px rgba(242,138,74,.12);
}
.bodyView-houses .r493UniverseSection.isNewest .r492UniverseLoading,
.bodyView-houses .r493UniverseSection.isNewest .r492UniverseEmpty{color:#61717a}

/* Le logo peut chevaucher légèrement la bannière, le texte jamais. */
.r492UniverseCardBody header{align-items:start}
.r494UniverseCardIdentity{
  min-width:0;
  padding-top:38px;
}
.r494UniverseCardIdentity small{
  display:block;
  overflow:hidden;
  color:#7fb2c0;
  font-size:clamp(10px,.68vw,12px);
  font-weight:650;
  letter-spacing:.025em;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.r494UniverseCardIdentity h3{margin-top:5px}
.r494UniverseCardIdentity p{margin-top:4px}

/* Le filtre de la bannière reste strictement dans le rayon du composant. */
.r492UniverseDetailHero{
  isolation:isolate;
  clip-path:inset(0 round 18px);
  background-clip:padding-box;
}
.r492UniverseDetailShade{
  z-index:1;
  border-radius:inherit;
  pointer-events:none;
}
.r492UniverseDetailHero>[data-r492-back-universes],
.r492UniverseDetailIdentity{z-index:3}

@media(max-width:1366px){
  .bodyView-houses .r493UniverseSection.isNewest{margin-top:40px}
  .r494UniverseCardIdentity{padding-top:35px}
}
@media(max-width:720px){
  .bodyView-houses .r493UniverseSection.isNewest{margin-top:30px}
  .r494UniverseCardIdentity{padding-top:33px}
}

/* --------------------------------------------------------------------------
   R495 — découverte compacte, 8 cartes par rangée, séparation ouverte.
   -------------------------------------------------------------------------- */
.bodyView-houses .r492UniverseSection.r493UniverseSection{
  padding:clamp(18px,1.35vw,26px) clamp(16px,1.35vw,26px) clamp(20px,1.55vw,30px);
}
.bodyView-houses .r492UniverseSection>header{margin-bottom:12px}
.bodyView-houses .r492UniverseSection>header h2{font-size:clamp(24px,1.7vw,32px)}
.bodyView-houses .r492UniverseSection>header p{margin-top:4px}
.bodyView-houses .r492UniverseFilters{margin-bottom:13px}
.bodyView-houses .r492UniverseFilters select{height:36px}
.bodyView-houses .r492UniverseStrip{
  min-height:0;
  gap:12px;
  padding:2px 2px 7px;
}
.bodyView-houses .r492UniverseCard{
  flex-basis:clamp(265px,17vw,335px);
  border-radius:14px;
}
.bodyView-houses .r492UniverseCardBanner{height:88px}
.bodyView-houses .r492UniverseCardBody{padding:12px}
.bodyView-houses .r492UniverseCardBody header{grid-template-columns:48px minmax(0,1fr);gap:9px;margin-top:-30px}
.bodyView-houses .r492UniverseLogo{width:48px;height:48px;border-radius:12px}
.bodyView-houses .r494UniverseCardIdentity{padding-top:31px}
.bodyView-houses .r492UniverseCardBody h3{font-size:clamp(19px,1.15vw,24px)}
.bodyView-houses .r492UniverseDescription{min-height:42px;margin:10px 0 8px;font-size:clamp(11px,.7vw,14px);line-height:1.45}
.bodyView-houses .r492UniverseThemes{gap:4px}
.bodyView-houses .r492UniverseThemes span{padding:4px 7px}
.bodyView-houses .r492UniverseCardBody footer{margin-top:10px;padding-top:10px}
.bodyView-houses .r493UniverseAction{min-width:98px !important}
.bodyView-houses .r492UniverseLoading,
.bodyView-houses .r492UniverseEmpty{min-height:130px}

.r495UniverseDivider{
  position:relative;
  height:clamp(34px,2.8vw,48px);
  background:transparent;
}
.r495UniverseDivider::before{
  content:"";
  position:absolute;
  left:clamp(16px,1.35vw,26px);
  right:clamp(16px,1.35vw,26px);
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,138,74,.55),rgba(190,226,231,.16),transparent);
}
.r495UniverseDivider span{
  position:absolute;
  left:50%;top:50%;
  width:6px;height:6px;
  border-radius:50%;
  background:#f28a4a;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 5px rgba(242,138,74,.08);
}
.bodyView-houses .r493UniverseSection.isNewest{margin-top:0 !important}
.r495UniverseMore{display:flex;justify-content:center;min-height:0;margin-top:13px}
.r495UniverseMore:empty{display:none}
.r495UniverseMoreButton{min-width:118px !important}

/* Maps : les créateurs officiels deviennent un niveau réel de navigation. */
.salonDrawerPanel--official-creators,
.salonDrawerPanel--official-creator-salons{flex-basis:clamp(285px,25vw,350px) !important}
.salonDrawerPanel--official-creators .salonPrivateEmpty,
.salonDrawerPanel--official-creator-salons .salonPrivateEmpty{
  margin:8px 2px;
  color:#6d8994;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:1707px){
  .bodyView-houses .r492UniverseCard{flex-basis:285px}
}
@media(max-width:1366px){
  .bodyView-houses .r492UniverseSection.r493UniverseSection{padding:18px 14px 22px}
  .bodyView-houses .r492UniverseCard{flex-basis:270px}
  .bodyView-houses .r492UniverseCardBanner{height:82px}
  .bodyView-houses .r494UniverseCardIdentity{padding-top:29px}
  .r495UniverseDivider{height:32px}
}
@media(max-width:980px){
  .salonDrawerPanel--official-creators,
  .salonDrawerPanel--official-creator-salons{flex-basis:280px !important}
}
@media(max-width:720px){
  .bodyView-houses .r492UniverseCard{flex-basis:min(80vw,300px)}
  .r495UniverseMoreButton{width:100% !important}
  .r495UniverseDivider{height:26px}
}

/* R496 — Maps : distinguer clairement l'Univers de ses salons. */
.salonDrawerPanel--official-creator-salons .r496CreatorUniverseSection{
  margin:0 0 16px;
  padding:0 0 16px;
  border-bottom:1px solid rgba(18,55,72,.14);
}
.salonDrawerPanel--official-creator-salons .r496CreatorSectionLabel{
  margin:2px 2px 8px;
  color:#d85f20;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.salonDrawerPanel--official-creator-salons .r496CreatorUniverseSection .salonDrawerListButton{
  border-color:rgba(216,95,32,.28) !important;
  background:rgba(255,248,238,.88) !important;
}
.salonDrawerPanel--official-creator-salons .r496CreatorSalonSection{
  display:block;
}
.salonDrawerPanel--official-creator-salons .r496CreatorSalonHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin:0 2px 10px;
}
.salonDrawerPanel--official-creator-salons .r496CreatorSalonHead strong{
  color:#123748;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.08em;
}
.salonDrawerPanel--official-creator-salons .r496CreatorSalonHead span{
  color:#6d8994;
  font-size:10px;
  line-height:1.2;
}
.salonDrawerPanel--official-creator-salons .r496CreatorSalonList{
  display:grid;
  gap:8px;
}
.salonDrawerPanel--official-creator-salons .r496CreatorSalonList .salonDrawerListButton{
  margin-bottom:0 !important;
}