/* ETHNOS R698 — UNIVERS : sémantique communautaire + certification Officiel. */

/* R697 avait volontairement exclu la carte Jeux de la typo officielle : R698
   applique la même typo que Solidarité / marque Ethnos au libellé JOUER. */
html[data-ethnos-ui] body .r183MetricCard.r697MetricGames > strong,
html[data-ethnos-ui] body .r183MetricCard.r696MetricGames > strong{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-weight:900 !important;
}

/* Vos univers — filtre supplémentaire Statut, sans casser les trois filtres R554. */
html[data-ethnos-ui] body .r698UniverseFilters{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media (max-width:1707px){
  html[data-ethnos-ui] body .r698UniverseFilters{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
  html[data-ethnos-ui] body .r698UniverseFilters{grid-template-columns:1fr !important;}
}

/* Fiche membre — Univers et Partie sont deux actions sœurs sur la rangée basse. */
html body .memberDirectoryIdentityFooter .r698MemberUniverseGameRow{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:10px !important;
  align-items:stretch !important;
  width:min(900px,100%) !important;
  margin:10px auto 0 !important;
}
html body .memberDirectoryIdentityFooter .r698MemberUniverseGameRow > .r698MemberUniverseButton,
html body .memberDirectoryIdentityFooter .r698MemberUniverseGameRow > .memberDirectoryIdentityGameAction{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
html[data-ethnos-ui] body .memberDirectoryIdentityFooter .r698MemberUniverseButton{
  box-sizing:border-box !important;
  min-height:42px !important;
  border:1px solid #075372 !important;
  border-radius:10px !important;
  background:#0b607d !important;
  color:#fff !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.15 !important;
  padding:10px 16px !important;
  white-space:normal !important;
  cursor:pointer !important;
}
html[data-ethnos-ui] body .memberDirectoryIdentityFooter .r698MemberUniverseButton:disabled{
  opacity:.48 !important;
  cursor:default !important;
  filter:saturate(.55) !important;
}
html body .memberDirectoryIdentityFooter .r698MemberUniverseGameRow .memberDirectoryIdentityGameAction > .ethnosGamesProfileButtonR649{
  width:100% !important;
  max-width:none !important;
  min-height:42px !important;
}
@media (max-width:760px){
  html body .memberDirectoryIdentityFooter .r698MemberUniverseGameRow{grid-template-columns:1fr !important;gap:8px !important;}
}

/* Profil personnel : même bouton standard, deux états textuels. */
html[data-ethnos-ui] body .ethnosProfileDrawerR576 button.r698UniverseProfileButton{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}

/* Tableau de bord Univers — création et certification. */
html body .r698UniverseCreateCard{max-width:980px;margin:0 auto !important;}
html body .r698UniverseCreateSection .r485OfficialFields,
html body .r698CertificationSection .r485OfficialFields{
  align-items:start !important;
}
html body .r698ProofLinks{display:grid;grid-template-columns:1fr;gap:8px;width:100%;}
html body .r698ProofLinks input{width:100%;box-sizing:border-box;}
html body .r698CertificationStatus{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  margin:0 0 18px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(7,83,114,.28);
  background:rgba(7,83,114,.08);
  color:#075372;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-weight:850;
  font-size:12px;
  letter-spacing:.035em;
}
html body .r698CertificationStatus.isVerified{background:rgba(33,137,86,.10);border-color:rgba(33,137,86,.35);color:#17663f;}
html body .r698CertificationStatus.isPending{background:rgba(242,103,34,.10);border-color:rgba(242,103,34,.34);color:#9a461b;}
html body .r698CertificationStatus.isRejected{background:rgba(176,49,49,.08);border-color:rgba(176,49,49,.28);color:#8a2f2f;}
html body .r579OfficialCreatorLine [data-r698-official-icon][hidden],
html body [data-r698-preview-official][hidden],
html body [data-r698-official-only][hidden],
html body .r485OfficialNav[hidden]{display:none !important;}

@media (max-width:1366px){
  html body .r698UniverseCreateSection .r485OfficialFields,
  html body .r698CertificationSection .r485OfficialFields{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:760px){
  html body .r698UniverseCreateSection .r485OfficialFields,
  html body .r698CertificationSection .r485OfficialFields{grid-template-columns:1fr !important;}
  html body .r698UniverseCreateSection .r485OfficialField.isWide,
  html body .r698CertificationSection .r485OfficialField.isWide{grid-column:auto !important;}
}
/* R747 — Mon Univers / création : centrage du contenu quand la navigation est masquée.
   Le correctif reste strictement local à l'état "Créer mon Univers" :
   - le contenu principal occupe les deux colonnes historiques quand la nav est hidden ;
   - la section de création est centrée dans une largeur maîtrisée ;
   - la grille de création reste sur une seule colonne de carte, sans modifier les champs internes. */
:root{--R747_UNIVERSE_CREATE_CENTERING:1}

html body .r579OfficialSpace .r485OfficialNav[hidden] + .r485OfficialContent{
  grid-column:1 / -1;
  width:100%;
  box-sizing:border-box;
}

html body .r579OfficialSpace .r698UniverseCreateSection{
  width:min(980px,100%);
  max-width:980px;
  margin-inline:auto !important;
  box-sizing:border-box;
}

html body .r579OfficialSpace .r698UniverseCreateSection .r485OfficialGrid{
  grid-template-columns:minmax(0,1fr) !important;
}

html body .r579OfficialSpace .r698UniverseCreateSection .r698UniverseCreateCard{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}

/* R748 — Mon Univers : lecture simple par défaut, édition volontaire. */
:root{--R748_UNIVERSE_SIMPLE_HOME:1}

html body .r748UniverseOverviewGrid{
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr) !important;
  align-items:start !important;
  gap:24px !important;
}
html body .r748UniverseIdentityCard,
html body .r748UniverseMediaCard{overflow:visible !important;}
html body .r748UniverseSummaryHero{padding:4px 0 20px;}
html body .r748UniverseSummaryTitle h3{
  margin:10px 0 8px;
  color:#f7f1e8;
  font-size:clamp(28px,2.1vw,42px);
  line-height:1.05;
  letter-spacing:-.025em;
}
html body .r748UniverseSummaryTitle p{
  margin:0;
  max-width:760px;
  color:#b8c9cf;
  font-size:15px;
  line-height:1.55;
}
html body .r748UniverseStatusPill{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid rgba(120,188,211,.24);
  border-radius:999px;
  background:rgba(7,83,114,.16);
  color:#9dc9d8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}
html body .r748UniverseStatusPill.isOfficial{border-color:rgba(106,195,143,.36);background:rgba(47,139,89,.14);color:#a8dbba;}
html body .r748UniverseStatusPill.isPending{border-color:rgba(255,159,101,.35);background:rgba(242,103,34,.12);color:#ffb98d;}
html body .r748UniverseFacts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(190,211,218,.14);
  border-radius:14px;
  background:rgba(190,211,218,.12);
}
html body .r748UniverseFacts > div{min-width:0;padding:16px 18px;background:#172832;}
html body .r748UniverseFacts dt{margin:0 0 6px;color:#8fb0bb;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;}
html body .r748UniverseFacts dd{margin:0;color:#f7f1e8;font-size:15px;font-weight:800;line-height:1.35;}
html body .r748CountryFact{display:flex;align-items:center;gap:8px;}
html body .r748CountryFact img{width:23px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.15);}
html body .r748UniverseDescription{margin:18px 0 0;padding:16px 18px;border-left:3px solid #f26722;background:rgba(255,255,255,.025);color:#c6d4d9;line-height:1.55;white-space:pre-line;}
html body .r748UniverseSummaryActions{justify-content:flex-start !important;margin-top:22px !important;}
html body .r748UniverseSummaryActions .isDanger{border-color:rgba(212,103,86,.52) !important;color:#f2b0a5 !important;background:transparent !important;}

/* Médias : accompagnement tant qu'il manque une image, aperçu simple ensuite. */
html body .r748MediaGuide{display:grid;grid-template-columns:1fr;gap:18px;}
html body .r748MediaGuide article{padding:18px;border:1px solid rgba(190,211,218,.14);border-radius:14px;background:rgba(255,255,255,.025);}
html body .r748MediaGuide h4{margin:0 0 7px;color:#f7f1e8;font-size:18px;}
html body .r748MediaGuide p{margin:0 0 16px;color:#aec2c9;line-height:1.5;font-size:13px;}
html body .r748MediaGuide strong{color:#f7f1e8;}
html body .r748MediaGuide .r485OfficialLogoBox{width:150px;height:150px;margin:0 0 12px;}
html body .r748MediaGuide .r485OfficialBannerBox{width:100%;height:auto;aspect-ratio:16/5;margin:0 0 12px;}
html body .r748MediaGuide .r485OfficialLogoBox img,
html body .r748MediaGuide .r485OfficialBannerBox img{width:100%;height:100%;object-fit:cover;}
html body .r748MediaShowcase{position:relative;display:grid;grid-template-columns:1fr 110px;gap:14px;align-items:end;}
html body .r748MediaShowcase span{display:block;margin:0 0 7px;color:#8fb0bb;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
html body .r748MediaBannerPreview img{display:block;width:100%;aspect-ratio:16/5;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.16);}
html body .r748MediaLogoPreview img{display:block;width:110px;height:110px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.16);}
html body .r748MediaReminder{margin:16px 0 0;color:#aec2c9;line-height:1.5;font-size:13px;}
html body .r748UniverseMediaCard .r485OfficialActions{justify-content:flex-start !important;margin-top:18px !important;}

/* Pays principal : sélecteur visuel avec les PNG de drapeaux Ethnos, fiable sous Windows. */
html body select.r748NativeCountrySelect{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;overflow:hidden !important;}
html body .r748CountryPicker{position:relative;width:100%;z-index:4;}
html body .r748CountryPickerButton{
  box-sizing:border-box;display:grid;grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 14px;border:1px solid #19506a;border-radius:11px;background:#082f40;color:#fff;text-align:left;font:inherit;font-weight:750;cursor:pointer;
}
html body .r748CountryPickerButton img,
html body .r748CountryPickerOption img{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.16);}
html body .r748CountryPickerButton b{font-size:23px;line-height:1;text-align:right;font-weight:500;}
html body .r748CountryPickerMenu{
  position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:80;max-height:360px;overflow:auto;padding:6px;border:1px solid #4c6874;border-radius:10px;background:#082f40;box-shadow:0 18px 40px rgba(0,0,0,.42);
}
html body .r748CountryPickerMenu[hidden]{display:none !important;}
html body .r748CountryPickerOption{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:39px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#fff;text-align:left;font:inherit;font-weight:700;cursor:pointer;}
html body .r748CountryPickerOption:hover,
html body .r748CountryPickerOption[aria-selected="true"]{background:#1767c5;}

html body .r748UniverseHome [hidden],
html body [data-r748-create-category-field][hidden],
html body [data-r748-edit-category-field][hidden]{display:none !important;}

@media (max-width:1180px){
  html body .r748UniverseOverviewGrid{grid-template-columns:1fr !important;}
  html body .r748UniverseMediaCard{max-width:none;}
}
@media (max-width:720px){
  html body .r748UniverseFacts{grid-template-columns:1fr;}
  html body .r748MediaShowcase{grid-template-columns:1fr;}
  html body .r748MediaLogoPreview img{width:96px;height:96px;}
  html body .r748UniverseSummaryActions{display:grid !important;grid-template-columns:1fr !important;}
}
html body .r698UniverseCreateCard{overflow:visible !important;}
html body .r748UniverseSummaryHero{padding:20px 20px 16px;}
html body .r748UniverseFacts{margin:0 20px;}
html body .r748UniverseDescription{margin:18px 20px 0;}
html body .r748MediaGuide{padding:20px;}
html body [data-r748-media-summary]{padding:20px;}
html body [data-r748-media-summary] .r485OfficialActions{padding:0 !important;}
html body [data-r748-media-editor] > .r485OfficialActions{padding:0 20px 20px !important;}


/* R749 — parcours guidé Mon Univers + certification renforcée + rendu fidèle bannière. */
:root{--R749_UNIVERSE_GUIDED_FLOW:1}

/* Chevron du sélecteur pays : même dessin que les selects Ethnos officiels. */
html body .r748CountryPickerButton{grid-template-columns:26px minmax(0,1fr) 18px;}
html body .r749CountryChevron{
  display:block;width:12px;height:8px;justify-self:end;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%23f7f2e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 8px no-repeat;
}

/* Refus photo / bannière : message impossible à rater. */
html body .r748UniverseHome .r485OfficialStatus[data-r749-media-error]{
  box-sizing:border-box;min-height:0;margin:18px 20px 4px;padding:14px 16px;
  border:2px solid rgba(255,112,92,.72);border-radius:12px;background:rgba(146,37,29,.22);
  color:#ffd5ce;font-size:16px;font-weight:850;line-height:1.45;
}

/* Certification : obligation visible. */
html body .r749RequiredBadge{
  display:inline-flex;margin-left:7px;padding:2px 7px;border-radius:999px;
  background:#a62f2f;color:#fff;font-size:9px;font-weight:950;letter-spacing:.06em;vertical-align:middle;
}
html body .r698CertificationSection [data-r698-cert-email]:invalid:not(:placeholder-shown),
html body .r698CertificationSection [data-r698-cert-link="0"]:invalid:not(:placeholder-shown){border-color:#e96457 !important;}

/* Thèmes et salons : 3 étapes simples. */
html body .r749SalonSteps{grid-template-columns:1fr !important;gap:20px !important;}
html body .r749StepCard{position:relative;overflow:visible !important;}
html body .r749StepHead{padding-bottom:18px !important;}
html body .r749StepNumber{
  display:inline-flex;align-items:center;min-height:24px;margin:0 0 8px;padding:3px 9px;
  border-radius:999px;background:rgba(242,103,34,.16);color:#ff9f65;font-size:10px;font-weight:950;letter-spacing:.08em;
}
html body .r749StepHead h3{font-size:clamp(22px,1.55vw,30px) !important;}
html body .r749StepHead p{max-width:980px;font-size:13px !important;line-height:1.55 !important;}
html body .r749StepInstruction{
  display:grid;gap:5px;margin:0 20px 16px;padding:14px 16px;border-left:4px solid #f26722;
  background:rgba(242,103,34,.07);color:#c6d5da;
}
html body .r749StepInstruction strong{color:#fff;font-size:14px;}
html body .r749StepInstruction span{font-size:12px;line-height:1.45;}
html body .r749ThemeCreate{align-items:end !important;}
html body .r749ThemeNameLabel{display:grid;gap:7px;min-width:0;flex:1;color:#9dbcc6;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
html body .r749ThemeNameLabel .r620SalonCategoryNameField{width:100%;}
html body .r749SalonGate{
  display:grid;gap:6px;margin:20px;padding:18px;border:1px dashed rgba(143,176,187,.34);border-radius:12px;
  background:rgba(255,255,255,.025);color:#a9c0c7;text-align:center;
}
html body .r749SalonGate[hidden]{display:none !important;}
html body .r749SalonGate strong{color:#f7f1e8;font-size:15px;}
html body .r749SalonGate span{font-size:12px;line-height:1.45;}
html body .r749SalonLocked{margin:10px 20px 20px !important;}
html body .r749SalonJourney [data-r486-salon-form][hidden]{display:none !important;}

/* La bannière publique affiche exactement l'image 1600x500 validée : aucun second recadrage. */
html body .r749UniverseDetailHero{
  min-height:0 !important;height:auto !important;background:none !important;overflow:hidden !important;
}
html body .r749UniverseDetailMedia{position:relative;width:100%;aspect-ratio:16/5;background:#082536;overflow:hidden;}
html body .r749UniverseDetailMedia > img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
html body .r749UniverseDetailMedia.isEmpty{background:linear-gradient(135deg,#14394a,#071d2a);}
html body .r749UniverseDetailMediaShade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,17,26,.03),rgba(3,17,26,.18));pointer-events:none;}
html body .r749UniverseDetailIdentityBand{position:relative;padding:20px clamp(22px,2.2vw,42px) 24px;background:#0b3143;}
html body .r749UniverseDetailIdentity{position:static !important;left:auto !important;right:auto !important;bottom:auto !important;align-items:center !important;}
html body .r749UniverseDetailHero > [data-r492-back-universes]{top:18px !important;left:18px !important;}

/* Aperçu interne : même ratio que le fichier final. */
html body .r485PreviewBanner{aspect-ratio:16/5;height:auto !important;min-height:0 !important;background-size:cover !important;background-position:center !important;}

@media (max-width:760px){
  html body .r749ThemeCreate{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
  html body .r749UniverseDetailIdentityBand{padding:16px 14px 18px;}
  html body .r749UniverseDetailIdentity{gap:12px !important;align-items:center !important;}
}


/* R750 — UX Mon Univers / Centre de communauté. */
:root{--R750_UNIVERSE_COMMUNITY:1}
/* Le thème actif doit être évident et lisible. */
html body .r749SalonJourney .r618SalonCategoryRow.isSelected{
  background:linear-gradient(135deg,#176b52 0%,#205f4f 100%) !important;
  border-color:#65c69e !important;
  box-shadow:inset 4px 0 0 #8ee0bb,0 8px 22px rgba(0,0,0,.14) !important;
}
html body .r749SalonJourney .r618SalonCategoryRow.isSelected strong,
html body .r749SalonJourney .r618SalonCategoryRow.isSelected small{color:#f5fff9 !important}
html body .r749SalonJourney .r618SalonCategoryRow.isSelected .r485OfficialButton{border-color:rgba(255,255,255,.34);color:#fff}
/* Vue d'ensemble : accompagnement au lieu des statistiques. */
html body .r750CommunityOverviewIntro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:18px;border:1px solid rgba(49,209,207,.24);border-radius:16px;background:rgba(7,45,58,.72)}
html body .r750CommunityOverviewIntro p{margin:0;color:#b8cbd0;font:650 14px/1.45 Inter,"Segoe UI",Arial,sans-serif}
html body .r750CommunityOverviewIntro strong{flex:none;padding:9px 14px;border:1px solid rgba(245,138,75,.35);border-radius:999px;color:#ffad7a;font:800 12px/1 Inter,"Segoe UI",Arial,sans-serif}
html body .r750CommunityGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body .r750CommunityGuideGrid article{display:flex;flex-direction:column;min-height:166px;padding:20px;border:1px solid rgba(149,205,218,.17);border-radius:16px;background:#092331}
html body .r750CommunityGuideGrid h3{margin:0 0 8px;color:#f6f2e9;font:750 18px/1.2 Inter,"Segoe UI",Arial,sans-serif}
html body .r750CommunityGuideGrid p{flex:1;margin:0 0 16px;color:#9db3bb;font:600 13px/1.48 Inter,"Segoe UI",Arial,sans-serif}
html body .r750CommunityGuideGrid button{align-self:flex-start;min-height:42px;padding:0 15px;border:1px solid rgba(49,209,207,.35);border-radius:10px;background:#0a3040;color:#d8f5ef;font:750 12px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
html body .r750CommunityGuideGrid button:hover{border-color:#31d1cf}
@media(max-width:900px){html body .r750CommunityGuideGrid{grid-template-columns:1fr}}

/* R751 — Centre de communauté : actions explicites et fiche Univers publique stable. */
:root{--R751_UNIVERSE_COMMUNITY:1}
html body .r751CommunityBreadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 18px;color:#93adb6;font:750 12px/1.3 Inter,"Segoe UI",Arial,sans-serif}
html body .r751CommunityBreadcrumb button{appearance:none;border:0;background:transparent;color:#65d8d4;font:800 12px/1.3 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;padding:0}
html body .r751CommunityBreadcrumb button:hover{text-decoration:underline}
html body .r751CommunityItemActions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px}
html body .r751RelaunchButton{min-height:38px;padding:0 13px;border:1px solid rgba(49,209,207,.34);border-radius:9px;background:#0a3040;color:#daf7f1;font:800 11px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
html body .r751RelaunchButton:hover{border-color:#31d1cf}
html body .r751RelaunchButton:disabled{opacity:.58;cursor:wait}
html body .r751RelaunchStatus{flex-basis:100%;min-height:18px;margin:0;color:#82d8ae;font:750 12px/1.35 Inter,"Segoe UI",Arial,sans-serif}
html body .r751FeatureEmojiControl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
html body .r751FeatureEmojiControl>button{min-width:46px;min-height:46px;border:1px solid rgba(49,209,207,.32);border-radius:10px;background:#0a3040;color:#fff;font-size:21px;cursor:pointer}
html body .r751FeatureEmojiPicker{grid-column:1/-1;display:grid;gap:10px;padding:12px;border:1px solid rgba(149,205,218,.18);border-radius:12px;background:#071f2b;box-shadow:0 18px 36px rgba(0,0,0,.28)}
html body .r751FeatureEmojiPicker[hidden]{display:none!important}
html body .r751FeatureEmojiPicker input{width:100%;min-height:40px;box-sizing:border-box;padding:0 11px;border:1px solid rgba(149,205,218,.24);border-radius:9px;background:#082b3a;color:#fff}
html body .r751FeatureEmojiItems{display:grid;grid-template-columns:repeat(10,minmax(34px,1fr));gap:6px;max-height:230px;overflow:auto}
html body .r751FeatureEmojiItems button{min-height:36px;border:1px solid rgba(149,205,218,.13);border-radius:8px;background:#092735;color:#fff;font-size:19px;cursor:pointer}
html body .r751FeatureEmojiItems button:hover{border-color:#31d1cf;background:#0b3443}

/* La fiche publique reste lisible sur les très grands écrans : la bannière
   validée 1600x500 ne devient jamais un mur de 600/800 px de haut. */
html.ethnosConnectedUnified body.isR553UniverseView
.memberWorkspace.hasBodyView[data-body-view="houses"] > .bodyView-house > .bodyViewContent{
  width:min(100%,1600px) !important;
  max-width:1600px !important;
  margin:0 auto !important;
}
html.ethnosConnectedUnified body.isR553UniverseView
.memberWorkspace.hasBodyView[data-body-view="houses"] > .bodyView-house .r492UniverseDetailHero{
  width:100% !important;
  max-width:1600px !important;
}
html.ethnosConnectedUnified body.isR553UniverseView
.memberWorkspace.hasBodyView[data-body-view="houses"] > .bodyView-house .r492UniverseDetailBody{
  width:100% !important;
  max-width:1600px !important;
  margin:0 auto 118px !important;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr) !important;
  gap:18px !important;
}
@media(max-width:980px){
  html.ethnosConnectedUnified body.isR553UniverseView
  .memberWorkspace.hasBodyView[data-body-view="houses"] > .bodyView-house .r492UniverseDetailBody{grid-template-columns:1fr !important;margin-bottom:104px !important}
  html body .r751FeatureEmojiItems{grid-template-columns:repeat(7,minmax(34px,1fr))}
}
@media(max-width:620px){html body .r751FeatureEmojiItems{grid-template-columns:repeat(5,minmax(34px,1fr))}}