/* Nexus Pulse ? replica dashboard PlayJoystick | prefix nx- */







:root {







  --nx-bg: #0b0b0f;







  --nx-bg-2: #121214;







  --nx-ink: #f5f5f7;







  --nx-muted: #9aa0ae;







  --nx-line: rgba(255, 255, 255, 0.08);  --nx-accent: #3d7eff;







  --nx-accent-2: #6b9aff;











  /* Alias rétro-compatibilité : l'accent était nommé « pink » alors qu'il est bleu ;



     l'ancien nom reste défini et pointe vers le nouveau token. */



  --nx-pink: var(--nx-accent);







  --nx-pink-2: var(--nx-accent-2);







  --nx-purple: #7c3aed;







  --nx-glass: rgba(18, 18, 20, 0.72);







  --nx-sans: "Sora", "Segoe UI", sans-serif;







  --nx-serif: "Newsreader", Georgia, serif;







  --nx-header: 4.15rem;







  --nx-max: 1240px;







  --nx-r: 12px;







}















*, *::before, *::after { box-sizing: border-box; }







html { scroll-behavior: smooth; }







img { max-width: 100%; display: block; }







a { color: inherit; text-decoration: none; }















.nx-body {







  margin: 0;







  min-height: 100vh;







  font-family: var(--nx-sans);







  color: var(--nx-ink);







  background: radial-gradient(900px 420px at 80% -10%, rgba(255, 0, 85, 0.16), transparent 55%), var(--nx-bg);







  line-height: 1.5;







  -webkit-font-smoothing: antialiased;







}







.nx-main { display: block; }







.nx-wrap { width: min(var(--nx-max), calc(100% - 2rem)); margin-inline: auto; }







.nx-wrap--wide { width: min(1360px, calc(100% - 1.4rem)); }







.nx-preview { padding: 0.5rem 1rem; background: var(--nx-accent); color: #fff; text-align: center; font-weight: 700; }







.nx-empty { color: var(--nx-muted); }







.nx-page { width: min(var(--nx-max), calc(100% - 2rem)); margin: 1.4rem auto 3rem; }















/* Header */







.nx-mast {







  position: sticky;







  top: 0;







  z-index: 50;







  background: rgba(11, 11, 15, 0.92);







  border-bottom: 1px solid var(--nx-line);







  backdrop-filter: blur(16px);







  overflow: visible;







}







.nx-mast__bar {







  display: flex;







  align-items: center;







  justify-content: space-between;







  gap: 1rem;







  min-height: var(--nx-header);







}







.nx-logo { display: flex; align-items: center; gap: 0.55rem; white-space: nowrap; }







.nx-logo__word {







  font-weight: 800;







  letter-spacing: 0.04em;







  text-transform: uppercase;







  font-size: 0.92rem;







}







.nx-logo__nexus,







.nx-hero__badge {







  display: inline-flex;







  align-items: center;







  padding: 0.18rem 0.48rem;







  border: 1px solid var(--nx-accent);







  border-radius: 999px;







  color: var(--nx-accent);







  font-size: 0.62rem;







  font-weight: 800;







  letter-spacing: 0.14em;







  text-transform: uppercase;







}







.nx-cats {







  display: flex;







  align-items: center;







  justify-content: center;







  gap: 0.15rem 0.85rem;







  overflow: visible;







  flex-wrap: nowrap;







}







.nx-cats > a,







.nx-jeux__trigger {







  font-size: 0.78rem;







  font-weight: 600;







  letter-spacing: 0.04em;







  text-transform: uppercase;







  color: var(--nx-muted);







  padding: 0.45rem 0;







  border-bottom: 2px solid transparent;







  white-space: nowrap;







}







.nx-cats > a:hover,







.nx-cats > a.is-active,







.nx-jeux__trigger:hover,







.nx-jeux__trigger.is-active {







  color: #fff;







  border-bottom-color: var(--nx-accent);







}







.nx-jeux { position: relative; align-self: stretch; display: flex; align-items: center; }







.nx-jeux__trigger { display: inline-flex; align-items: center; gap: 0.28rem; }







.nx-jeux__chev {







  width: 0; height: 0;







  border-left: 4px solid transparent;







  border-right: 4px solid transparent;







  border-top: 5px solid currentColor;







}







.nx-jeux__hit { position: absolute; inset: 0 -12px auto; bottom: 0; }







.nx-jeux.is-open .nx-jeux__hit { bottom: -2.5rem; }







.nx-jeux__panel {







  display: none;







  position: absolute;







  top: calc(100% + 6px);







  left: 50%;







  transform: translateX(-50%);







  width: min(22.5rem, calc(100vw - 1.5rem));







  max-height: min(22rem, calc(100vh - 6rem));







  overflow: auto;







  background: #16161c;







  border: 1px solid var(--nx-line);







  border-radius: 16px;







  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);







  z-index: 60;







}







.nx-jeux:hover .nx-jeux__panel,







.nx-jeux:focus-within .nx-jeux__panel,







.nx-jeux.is-open .nx-jeux__panel { display: block; }







.nx-jeux__sheet { padding: 0.8rem; }







.nx-jeux__kicker { margin: 0 0 0.5rem; font-size: 0.68rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--nx-accent); font-weight: 700; }







.nx-jeux__label { margin: 0 0 0.5rem; font-weight: 700; }







.nx-jeux__block { margin: 0 0 1rem; padding-top: 0.55rem; border-top: 1px solid var(--nx-line); }







.nx-jeux__block:first-of-type { padding-top: 0; border-top: 0; }







.nx-jeux__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.2rem; }







.nx-jeux__tile { display: flex; flex-direction: column; align-items: center; gap: 0.15rem; padding: 0.2rem 0.1rem 0.35rem; border-radius: 10px; text-align: center; }







.nx-jeux__tile-art { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; }







.nx-jeux__tile-art svg, .nx-jeux__tile-art img { width: 48px; height: 48px; object-fit: contain; }







.nx-jeux__tile-name { font-size: 0.72rem; font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }







.nx-jeux__tile:hover .nx-jeux__tile-art { background: rgba(255, 0, 85, 0.14); }







.nx-jeux__guides { display: flex; flex-wrap: wrap; gap: 0.5rem 0.8rem; font-size: 0.8rem; font-weight: 600; }







.nx-jeux__guides a { color: var(--nx-accent); }















.nx-mast__tools { display: flex; align-items: center; gap: 0.55rem; }







.nx-search { display: flex; align-items: center; background: #1a1a22; border: 1px solid var(--nx-line); border-radius: 999px; overflow: hidden; }







.nx-search input {







  width: 0;







  border: 0;







  background: transparent;







  color: #fff;







  padding: 0;







  font: 500 0.85rem var(--nx-sans);







  transition: width 0.2s, padding 0.2s;







}







.nx-search:focus-within input, .nx-nav-overlay .nx-search input { width: 10rem; padding: 0.45rem 0.7rem; }







.nx-search button {







  border: 0;







  background: transparent;







  color: #fff;







  width: 2.4rem;







  height: 2.4rem;







  display: grid;







  place-items: center;







  cursor: pointer;







}







.nx-avatar {







  width: 2.35rem;







  height: 2.35rem;







  border-radius: 50%;







  border: 1px solid var(--nx-line);







  display: grid;







  place-items: center;







  color: #fff;







  background: #1a1a22;







}







.nx-feed {







  width: 2.35rem;







  height: 2.35rem;







  flex: 0 0 auto;







  border-radius: 50%;







  border: 1px solid var(--nx-border, var(--nx-line));







  display: grid;







  place-items: center;







  color: var(--nx-accent);







  background: #1a1a22;







}







.nx-feed:hover {







  color: #fff;







  background: var(--nx-accent);







  border-color: var(--nx-accent);







}







/* Menu unifi? box-art : logo ? gauche ? recherche + compte + burger ? droite.







   Hamburger = navigation / catalogue.







   Ancien menu desktop : themes/box-art/_backup/ */







.nx-cats,







.nx-plats-bar {







  display: none !important;







}







.nx-mast__tools {







  display: flex;







  align-items: center;







  justify-content: flex-end;







  gap: 0.7rem;







  margin-left: auto;







  min-width: 0;







  flex: 1 1 auto;







}







.nx-mast__search {







  display: flex;







  flex: 0 1 16rem;







  max-width: 16rem;







  min-width: 8rem;







}







.nx-mast__search input {







  width: 100%;







  flex: 1 1 auto;







  min-width: 0;







  padding: 0.45rem 0.75rem;







}







.nx-mast__search:focus-within {







  flex-basis: 18rem;







  max-width: 18rem;







}







.nx-mast__account {







  display: block;







  flex-shrink: 0;







  padding-left: 0.65rem;







  border-left: 1px solid var(--nx-line);







}







.nx-menu-btn {







  display: grid;







  place-items: center;







  width: 2.4rem;







  height: 2.4rem;







  border: 1px solid var(--nx-line);







  background: #1a1a22;







  color: #fff;







  border-radius: 8px;







  cursor: pointer;







  flex-shrink: 0;







}















/* Compte dans la barre : compact, hi?rarchie claire (CTA fort / actions secondaires discr?tes) */







.nx-mast .member-nav--mast {







  display: flex;







  align-items: center;







  gap: 0.4rem;







}







.nx-mast .member-nav--mast .member-nav-sep {







  display: none;







}







.nx-mast .member-nav--mast .member-nav-link {







  display: inline-flex;







  align-items: center;







  justify-content: center;







  min-height: 2rem;







  padding: 0.28rem 0.7rem;







  font-size: 0.62rem;







  font-weight: 800;







  letter-spacing: 0.06em;







  text-transform: uppercase;







  border-radius: 999px;







  border: 1px solid var(--nx-border2);







  background: transparent;







  color: var(--nx-muted);







  box-shadow: none;







  transition: color 0.12s, border-color 0.12s, background 0.12s, transform 0.12s, box-shadow 0.12s;







}







.nx-mast .member-nav--mast .member-nav-link:hover {







  color: var(--nx-ink);







  border-color: var(--nx-accent);







  transform: none;







  box-shadow: none;







}







.nx-mast .member-nav--mast .member-nav-link--account,







.nx-mast .member-nav--mast .member-nav-link--up {







  color: #fff;







  background: var(--nx-accent);







  border-color: var(--nx-accent);







  box-shadow: 3px 3px 0 #1a3a7a;







}







.nx-mast .member-nav--mast .member-nav-link--account:hover,







.nx-mast .member-nav--mast .member-nav-link--up:hover {







  color: #fff;







  transform: translate(-1px, -1px);







  box-shadow: 4px 4px 0 #1a3a7a;







}







.nx-mast .member-nav--mast .member-nav-link--in {







  color: var(--nx-ink);







  border-color: var(--nx-accent);







}







.nx-mast .member-nav--mast .member-nav-link--in:hover {







  background: rgba(61, 126, 255, 0.12);







}







.nx-mast .member-nav--mast .member-nav-link--out,







.nx-mast .member-nav--mast .member-nav-link--admin {







  color: var(--nx-muted);







  border-color: transparent;







  background: transparent;







  box-shadow: none;







  padding-inline: 0.45rem;







}







.nx-mast .member-nav--mast .member-nav-link--out:hover,







.nx-mast .member-nav--mast .member-nav-link--admin:hover {







  color: var(--nx-accent);







  border-color: transparent;







  background: transparent;







}















@media (max-width: 720px) {







  .nx-mast .member-nav--mast .member-nav-link--admin { display: none; }







}







.nx-menu-btn__bars, .nx-menu-btn__bars::before, .nx-menu-btn__bars::after {







  display: block; width: 1rem; height: 2px; margin: 0 auto; background: var(--nx-ink); content: "";







}







.nx-menu-btn__bars { position: relative; }







.nx-menu-btn__bars::before { position: absolute; top: -5px; }







.nx-menu-btn__bars::after { position: absolute; top: 5px; }















.nx-nav-overlay .member-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; }







.nx-nav-overlay .member-nav-sep {







  width: 2px; height: 1rem; background: var(--nx-accent);







}







.nx-nav-overlay .member-nav-link {







  display: inline-flex;







  align-items: center;







  justify-content: center;







  min-height: 2.4rem;







  border: 1px solid var(--nx-border2);







  color: var(--nx-ink);







  background: transparent;







  padding: 0.32rem 0.85rem;







  font-size: 0.68rem;







  font-weight: 800;







  letter-spacing: 0.06em;







  text-transform: uppercase;







  border-radius: 999px;







  box-shadow: 3px 3px 0 var(--nx-offset);







  transition: transform 0.12s, box-shadow 0.12s;







}







.nx-nav-overlay .member-nav-link--up,







.nx-nav-overlay .member-nav-link--account {







  background: var(--nx-accent);







  color: var(--nx-ink-on-accent);







  border-color: var(--nx-accent);







}







.nx-nav-overlay .member-nav-link:hover {







  transform: translate(-2px, -2px);







  box-shadow: 5px 5px 0 var(--nx-offset);







}















.nx-nav-overlay { display: none; position: fixed; inset: 0; z-index: 10000; }







.nx-nav-overlay.is-open { display: block; }







.nx-nav-overlay[hidden]:not(.is-open) { display: none; }







.nx-nav-overlay__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.65); }







.nx-nav-overlay__panel {







  position: absolute; inset: 0 0 0 auto; width: min(26rem, 100%);







  background: var(--nx-hard); overflow: auto; padding: 1rem 1rem 2rem;







  border-left: 1px solid var(--nx-line);







}







.nx-nav-overlay__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; gap: 0.6rem; }







.nx-nav-overlay__tools { display: flex; align-items: center; gap: 0.5rem; }







.nx-nav-overlay__close {







  border: 1px solid var(--nx-accent); background: transparent; color: var(--nx-ink);







  min-height: 44px; padding: 0 0.9rem; border-radius: 999px; cursor: pointer;







}







html.nx-nav-lock, body.nx-nav-lock { overflow: hidden; position: relative; }















/* Hero */







.nx-hero {







  position: relative;







  min-height: 32rem;







  overflow: hidden;







  isolation: isolate;







}







.nx-hero--home { min-height: calc(100vh - var(--nx-header)); }







.nx-hero--spot { min-height: 0; }







.nx-hero--spot .nx-hero__grid {







  padding: 1.45rem 0 1.5rem;







  align-items: center;







  grid-template-columns: 11.5rem minmax(0, 1fr) minmax(14rem, 16.5rem);







  gap: 1.15rem 1.35rem;







}







.nx-hero--spot .nx-hero__veil {







  background:







    linear-gradient(90deg, rgba(11,11,15,.92) 0%, rgba(11,11,15,.55) 42%, rgba(11,11,15,.78) 100%),







    linear-gradient(180deg, rgba(11,11,15,.12), rgba(11,11,15,.94));







}







.nx-hero--spot .nx-hero__title {







  font-size: clamp(1.7rem, 3.4vw, 2.65rem);







  margin-bottom: 0.55rem;







}







.nx-hero--spot .nx-hero__lede {







  margin: 0 0 1rem;







  max-width: 42ch;







  font-size: 0.95rem;







  color: var(--nx-muted);







}







.nx-hero__actions {







  display: flex;







  flex-wrap: wrap;







  gap: 0.55rem;







  align-items: center;







}







.nx-hero--spot .nx-cta { margin-top: 0; }







.nx-wish--inline {







  width: auto;







  margin-top: 0;







  padding: 0 1rem;







}







.nx-hero__art, .nx-hero__veil { position: absolute; inset: 0; }







.nx-hero__art img { width: 100%; height: 100%; object-fit: cover; }







.nx-hero__art.is-ken img, .nx-hero__art img.is-ken { animation: nx-ken 18s ease-in-out alternate infinite; }







.nx-hero__veil {







  background: linear-gradient(90deg, rgba(11,11,15,.88) 8%, rgba(11,11,15,.35) 48%, rgba(11,11,15,.7) 100%),







    linear-gradient(180deg, rgba(11,11,15,.2), rgba(11,11,15,.92));







}







.nx-hero__grid {







  position: relative;







  z-index: 2;







  width: min(var(--nx-max), calc(100% - 2rem));







  margin: 0 auto;







  padding: 3.2rem 0 2.2rem;







  display: grid;







  grid-template-columns: 13rem minmax(0, 1fr) 17rem;







  gap: 1.4rem;







  align-items: end;







}







.nx-hero__grid--home { grid-template-columns: minmax(0, 1fr); max-width: 44rem; margin-left: min(6vw, 5rem); padding-bottom: 4rem; }







.nx-jack { margin: 0; }







.nx-jack img {







  width: 100%;







  aspect-ratio: 3/4;







  object-fit: cover;







  border-radius: 10px;







  border: 1px solid rgba(255, 0, 85, 0.35);







  box-shadow: 0 0 0 1px rgba(255, 0, 85, 0.2), 0 18px 40px rgba(0, 0, 0, 0.5), 0 0 28px rgba(255, 0, 85, 0.22);







}







.nx-wish, .nx-cta {







  display: inline-flex;







  align-items: center;







  justify-content: center;







  gap: 0.4rem;







  margin-top: 0.8rem;







  width: 100%;







  min-height: 2.6rem;







  border: 1px solid var(--nx-accent);







  border-radius: 10px;







  color: #fff;







  font-size: 0.75rem;







  font-weight: 800;







  letter-spacing: 0.06em;







  text-transform: uppercase;







  background: transparent;







}







.nx-cta { width: auto; padding: 0 1.2rem; background: var(--nx-accent); box-shadow: 4px 4px 0 #8a0030; }







.nx-cta:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #8a0030; }







.nx-hero__title {







  margin: 0 0 0.7rem;







  font-family: var(--nx-serif);







  font-size: clamp(2.1rem, 5vw, 3.6rem);







  line-height: 0.95;







  font-weight: 700;







  letter-spacing: -0.02em;







}







.nx-hero__lede { margin: 0; max-width: 42rem; color: var(--nx-muted); line-height: 1.55; }







.nx-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0 0 0.9rem; padding: 0; }







.nx-chip {







  padding: 0.22rem 0.55rem;







  border-radius: 999px;







  font-size: 0.68rem;







  font-weight: 700;







  letter-spacing: 0.06em;







  text-transform: uppercase;







  background: #3a1020;







  color: #ffd0df;







}







.nx-chip--1 { background: #2a1650; color: #e4d7ff; }







.nx-chip--2 { background: #4a1028; color: #ffc1d4; }







.nx-chip--3 { background: #1d1638; color: #cfc6ff; }







.nx-float {







  background: var(--nx-glass);







  border: 1px solid var(--nx-line);







  border-radius: var(--nx-r);







  padding: 1rem 1rem 1.1rem;







  backdrop-filter: blur(18px);







}







.nx-float__kicker {







  margin: 0 0 0.7rem;







  font-size: 0.68rem;







  font-weight: 800;







  letter-spacing: 0.14em;







  text-transform: uppercase;







  color: var(--nx-accent);







}







.nx-plats { list-style: none; margin: 0; padding: 0; }







.nx-plats li {







  display: grid;







  grid-template-columns: 1fr auto 0.7rem;







  gap: 0.5rem;







  align-items: center;







  padding: 0.42rem 0;







  border-bottom: 1px solid var(--nx-line);







  font-size: 0.82rem;







}







.nx-plats__date { color: var(--nx-muted); }







.nx-dot { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: #4b5160; }







.nx-dot.is-in { background: #22c55e; box-shadow: 0 0 8px #22c55e; }







.nx-dot.is-soon { background: #eab308; box-shadow: 0 0 8px #eab308; }







.nx-score { margin-top: 0.9rem; padding-top: 0.8rem; border-top: 1px solid var(--nx-line); }







.nx-score__kicker { margin: 0; font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--nx-muted); }







.nx-score__num { margin: 0.15rem 0; font-size: 2rem; font-weight: 800; color: var(--nx-accent); }







.nx-score__num small { font-size: 0.95rem; color: var(--nx-muted); font-weight: 600; }







.nx-stars { margin: 0; color: var(--nx-accent); letter-spacing: 0.12em; text-shadow: 0 0 10px rgba(255,0,85,.6); }















/* Test PlayJoystick ? accord?ons */







.nx-test { scroll-margin-top: 5rem; }







.nx-test__head { margin-bottom: 1rem; }







.nx-test__eyebrow {







  margin: 0 0 0.25rem;







  font-size: 0.68rem;







  letter-spacing: 0.14em;







  text-transform: uppercase;







  color: var(--nx-accent);







  font-weight: 800;







}







.nx-test__head h2 { margin: 0; font-size: 1.35rem; }







.nx-test__empty {







  margin: 0;







  padding: 1.25rem 1rem;







  text-align: center;







  color: var(--nx-muted);







  border: 1px dashed var(--nx-line);







  border-radius: 12px;







  background: rgba(255, 255, 255, 0.02);







}







.nx-prose .pj-test,







.pj-prose .pj-test {







  margin: 0.4rem 0 0;







  padding: 1rem 1.05rem 1.1rem;







  border: 1px solid var(--nx-line);







  border-radius: 10px;







  background: rgba(255,255,255,0.03);







}







.nx-prose .pj-test__note,







.pj-prose .pj-test__note {







  margin: 0 0 0.85rem;







  font-size: 1.55rem;







  font-weight: 800;







}







.nx-prose .pj-test__star,







.pj-prose .pj-test__star { color: #e8a317; }







.nx-prose .pj-test__den,







.pj-prose .pj-test__den { color: var(--nx-muted); font-size: 0.72em; }







/* Writer test — boîte verdict ★/10 + points +/- (hors TestV2) */



.nx-prose .pj-writer-verdict,



.pj-prose .pj-writer-verdict {



  margin: 1.75rem 0 0;



  padding: 1.25rem 1.1rem 1.15rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: rgba(255, 255, 255, 0.03);



}



.nx-prose .pj-writer-verdict__note,



.pj-prose .pj-writer-verdict__note {



  margin: 0 0 0.9rem;



  font-size: 1.65rem;



  font-weight: 800;



  line-height: 1.1;



}



.nx-prose .pj-writer-verdict__star,



.pj-prose .pj-writer-verdict__star { color: #e8a317; }



.nx-prose .pj-writer-verdict__den,



.pj-prose .pj-writer-verdict__den {



  color: var(--nx-muted);



  font-size: 0.7em;



  font-weight: 700;



}



.nx-prose .pj-writer-verdict__text,



.pj-prose .pj-writer-verdict__text {



  margin: 0 0 1rem;



  font: 450 1.02rem/1.55 var(--nx-serif, Georgia, "Times New Roman", serif);



}



.nx-prose .pj-writer-verdict__text p,



.pj-prose .pj-writer-verdict__text p { margin: 0; }



.nx-prose .pj-writer-verdict__balance,



.pj-prose .pj-writer-verdict__balance {



  display: grid;



  grid-template-columns: 1fr;



  gap: 1.25rem;



  margin: 0.35rem 0 0;



}



.nx-prose .pj-writer-verdict__balance h3,



.pj-prose .pj-writer-verdict__balance h3 {



  margin: 0 0 0.5rem;



  font: 700 0.78rem/1.2 var(--nx-sans, system-ui, sans-serif);



  letter-spacing: 0.06em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.nx-prose .pj-writer-verdict__balance ul,



.pj-prose .pj-writer-verdict__balance ul {



  margin: 0;



  padding: 0;



  list-style: none;



}



.nx-prose .pj-writer-verdict__balance li,



.pj-prose .pj-writer-verdict__balance li {



  margin: 0 0 0.5rem;



  padding: 0 0 0.5rem;



  border-bottom: 1px solid var(--nx-line);



  font: 450 0.95rem/1.45 var(--nx-serif, Georgia, "Times New Roman", serif);



}



.nx-prose .pj-writer-verdict__balance li:last-child,



.pj-prose .pj-writer-verdict__balance li:last-child {



  margin-bottom: 0;



  padding-bottom: 0;



  border-bottom: 0;



}



.nx-prose .pj-writer-verdict__source,



.pj-prose .pj-writer-verdict__source {



  margin: 1rem 0 0;



  font-size: 0.88rem;



  color: var(--nx-muted);



}



@media (min-width: 720px) {



  .nx-prose .pj-writer-verdict__balance,



  .pj-prose .pj-writer-verdict__balance {



    grid-template-columns: 1fr 1fr;



    gap: 1.75rem;



  }



}







.nx-prose .pj-test__resume-title,







.pj-prose .pj-test__resume-title {







  margin: 0 0 0.4rem;







  font-size: 1.05rem;







  font-weight: 800;







}







.nx-prose .pj-fold,







.pj-prose .pj-fold {







  margin: 0.55rem 0 0;







  border: 1px solid var(--nx-line);







  border-radius: 8px;







  background: rgba(0,0,0,0.2);







}







.nx-prose .pj-fold > summary,







.pj-prose .pj-fold > summary {







  cursor: pointer;







  list-style: none;







  padding: 0.75rem 0.9rem;







  font-weight: 700;







  display: flex;







  justify-content: space-between;







  align-items: center;







}







.nx-prose .pj-fold > summary::-webkit-details-marker,







.pj-prose .pj-fold > summary::-webkit-details-marker { display: none; }







.nx-prose .pj-fold > summary::after,







.pj-prose .pj-fold > summary::after { content: "?"; color: var(--nx-muted); }







.nx-prose .pj-fold[open] > summary::after,







.pj-prose .pj-fold[open] > summary::after { content: "?"; }







.nx-prose .pj-test__detail,







.pj-prose .pj-test__detail { padding: 0.2rem 0.75rem 0.75rem; }







.nx-prose .pj-test__part,







.pj-prose .pj-test__part { border-top: 1px solid var(--nx-line); }







.nx-prose .pj-test__part > summary,







.pj-prose .pj-test__part > summary {







  cursor: pointer;







  list-style: none;







  padding: 0.6rem 0.1rem;







  font-weight: 700;







  display: flex;







  justify-content: space-between;







}







.nx-prose .pj-test__part > summary::-webkit-details-marker,







.pj-prose .pj-test__part > summary::-webkit-details-marker { display: none; }







.nx-prose .pj-test__part > summary::after,







.pj-prose .pj-test__part > summary::after { content: "?"; color: var(--nx-muted); }







.nx-prose .pj-test__part[open] > summary::after,







.pj-prose .pj-test__part[open] > summary::after { content: "?"; }







.nx-prose .pj-test__part-body,







.pj-prose .pj-test__part-body { padding: 0 0.1rem 0.75rem; }







.nx-prose .pj-test__part-body p,







.pj-prose .pj-test__part-body p { margin: 0 0 0.65rem; }















/* Soluce ? coquille accord?on + sommaire + chapitres */







.nx-prose .pj-solution,







.pj-prose .pj-solution {







  margin: 0.35rem 0 0;







  padding: 0;







  border: 1px solid var(--nx-line);







  border-radius: 10px;







  background: rgba(255,255,255,0.03);







  overflow: hidden;







}







.nx-prose .pj-solution__shell,







.pj-prose .pj-solution__shell { margin: 0; border: 0; background: transparent; }







.nx-prose .pj-solution__shell > summary,







.pj-prose .pj-solution__shell > summary {







  list-style: none;







  cursor: pointer;







}







.nx-prose .pj-solution__shell > summary::-webkit-details-marker,







.pj-prose .pj-solution__shell > summary::-webkit-details-marker { display: none; }







.nx-prose .pj-solution__head,







.pj-prose .pj-solution__head {







  display: flex;







  justify-content: space-between;







  align-items: center;







  gap: 0.75rem;







  margin: 0;







  padding: 0.75rem 0.9rem;







  font-weight: 700;







}







.nx-prose .pj-solution__head-label,







.pj-prose .pj-solution__head-label {







  display: flex;







  flex-wrap: wrap;







  align-items: baseline;







  gap: 0.35rem 0.85rem;







  min-width: 0;







}







.nx-prose .pj-solution__head::after,







.pj-prose .pj-solution__head::after {







  content: "?";







  color: var(--nx-muted);







  flex: 0 0 auto;







  font-size: 0.85rem;







  line-height: 1;







}







.nx-prose .pj-solution__shell[open] > .pj-solution__head::after,







.pj-prose .pj-solution__shell[open] > .pj-solution__head::after { content: "?"; }







.nx-prose .pj-solution__inner,







.pj-prose .pj-solution__inner {







  padding: 0 1.05rem 1.15rem;







  border-top: 1px solid var(--nx-line);







}







.nx-prose .pj-solution__kicker,







.pj-prose .pj-solution__kicker {







  margin: 0;







  font-size: 0.68rem;







  letter-spacing: 0.12em;







  text-transform: uppercase;







  color: var(--nx-accent);







  font-weight: 800;







}







.nx-prose .pj-solution__count,







.pj-prose .pj-solution__count { margin: 0; color: var(--nx-muted); font-weight: 600; }







.nx-prose .pj-solution__note,







.pj-prose .pj-solution__note {







  margin: 0.75rem 0;







  padding: 0.55rem 0.7rem;







  border: 1px dashed var(--nx-line);







  font-size: 0.88rem;







  color: var(--nx-muted);







}







.nx-prose .pj-solution__toc,







.pj-prose .pj-solution__toc {







  margin: 0 0 1rem;







  padding: 0;







  border: 1px solid var(--nx-line);







  border-radius: 8px;







  background: rgba(0,0,0,0.22);







  overflow: hidden;







}







.nx-prose .pj-solution__toc-label,







.pj-prose .pj-solution__toc-label {







  display: flex;







  align-items: center;







  margin: 0;







  padding: 0.65rem 0.85rem;







  font-size: 0.68rem;







  letter-spacing: 0.1em;







  text-transform: uppercase;







  font-weight: 800;







  color: var(--nx-muted);







  cursor: pointer;







  list-style: none;







}







.nx-prose .pj-solution__toc-label::-webkit-details-marker,







.pj-prose .pj-solution__toc-label::-webkit-details-marker { display: none; }







.nx-prose .pj-solution__toc-label::after,







.pj-prose .pj-solution__toc-label::after {







  content: "?";







  margin-left: auto;







  color: var(--nx-muted);







}







.nx-prose .pj-solution__toc[open] > .pj-solution__toc-label::after,







.pj-prose .pj-solution__toc[open] > .pj-solution__toc-label::after { content: "?"; }







.nx-prose .pj-solution__toc-list,







.pj-prose .pj-solution__toc-list,







.nx-prose .pj-solution__toc ol,







.pj-prose .pj-solution__toc ol {







  list-style: none;







  margin: 0;







  padding: 0 0.6rem 0.65rem;







  display: grid;







  gap: 0.2rem;







  max-height: min(42vh, 22rem);







  overflow: auto;







}







.nx-prose .pj-solution__toc a,







.pj-prose .pj-solution__toc a {







  display: flex;







  gap: 0.55rem;







  padding: 0.4rem 0.25rem;







  color: var(--nx-ink);







  text-decoration: none;







  font-weight: 600;







  font-size: 0.9rem;







  border-radius: 4px;







}







.nx-prose .pj-solution__toc a:hover,







.pj-prose .pj-solution__toc a:hover { color: var(--nx-accent); background: rgba(255,0,85,0.08); }







.nx-prose .pj-solution__toc-n,







.pj-prose .pj-solution__toc-n {







  flex: 0 0 1.4rem;







  color: var(--nx-accent);







  font-weight: 800;







}







.nx-prose .pj-solution__ch,







.pj-prose .pj-solution__ch {







  margin: 0 0 0.55rem;







  border: 1px solid var(--nx-line);







  border-radius: 8px;







  background: rgba(0,0,0,0.2);







  scroll-margin-top: 5rem;







}







.nx-prose .pj-solution__ch-sum,







.pj-prose .pj-solution__ch-sum {







  cursor: pointer;







  list-style: none;







  display: flex;







  align-items: center;







  gap: 0.75rem;







  padding: 0.75rem 0.85rem;







  font-weight: 800;







  font-size: 1.02rem;







}







.nx-prose .pj-solution__ch-sum::-webkit-details-marker,







.pj-prose .pj-solution__ch-sum::-webkit-details-marker { display: none; }







.nx-prose .pj-solution__ch-sum::after,







.pj-prose .pj-solution__ch-sum::after {







  content: "?";







  margin-left: auto;







  color: var(--nx-muted);







}







.nx-prose .pj-solution__ch[open] > .pj-solution__ch-sum::after,







.pj-prose .pj-solution__ch[open] > .pj-solution__ch-sum::after { content: "?"; }







.nx-prose .pj-solution__num,







.pj-prose .pj-solution__num {







  flex: 0 0 2rem;







  height: 2rem;







  display: grid;







  place-items: center;







  border-radius: 6px;







  background: var(--nx-accent);







  color: #fff;







  font-size: 0.9rem;







}







.nx-prose .pj-solution__body,







.pj-prose .pj-solution__body { padding: 0 0.9rem 1rem; }







.nx-prose .pj-solution__intro,







.pj-prose .pj-solution__intro {







  margin: 0 0 0.85rem;







  color: var(--nx-muted);







  line-height: 1.55;







}







.nx-prose .pj-solution__sec-title,







.pj-prose .pj-solution__sec-title {







  margin: 0.75rem 0 0.4rem;







  font-size: 0.95rem;







  color: #fff;







}







.nx-prose .pj-solution__sec p,







.pj-prose .pj-solution__sec p { margin: 0 0 0.65rem; line-height: 1.55; }







.nx-prose .pj-solution__steps,







.pj-prose .pj-solution__steps {







  list-style: none;







  margin: 0.5rem 0 0.85rem;







  padding: 0;







  display: grid;







  gap: 0.55rem;







}







.nx-prose .pj-solution__steps li,







.pj-prose .pj-solution__steps li {







  display: grid;







  gap: 0.2rem;







  padding: 0.7rem 0.8rem;







  border: 1px solid var(--nx-line);







  border-left: 3px solid var(--nx-accent);







  border-radius: 6px;







  background: rgba(255,255,255,0.03);







}







.nx-prose .pj-solution__step-n,







.pj-prose .pj-solution__step-n {







  font-size: 0.68rem;







  letter-spacing: 0.1em;







  text-transform: uppercase;







  color: var(--nx-accent);







  font-weight: 800;







}







.nx-prose .pj-solution__step-t,







.pj-prose .pj-solution__step-t { line-height: 1.5; font-size: 0.95rem; }







.nx-prose .pj-solution__pager,







.pj-prose .pj-solution__pager {







  display: flex;







  justify-content: space-between;







  gap: 0.75rem;







  margin-top: 1rem;







  padding-top: 0.75rem;







  border-top: 1px solid var(--nx-line);







  font-size: 0.88rem;







  font-weight: 700;







}







.nx-prose .pj-solution__pager a,







.pj-prose .pj-solution__pager a { color: var(--nx-accent); }







.nx-prose .pj-solution__end,







.pj-prose .pj-solution__end { color: var(--nx-muted); }







.nx-prose .pj-tip,







.nx-prose .pj-warning,







.pj-prose .pj-tip,







.pj-prose .pj-warning {







  margin: 0.75rem 0 0;







  padding: 0.7rem 0.85rem;







  border: 1px solid var(--nx-line);







  border-radius: 8px;







  background: rgba(0,0,0,0.18);







}







.nx-prose .pj-tip,







.pj-prose .pj-tip { border-color: rgba(255,0,85,0.35); }







.nx-prose .pj-warning,







.pj-prose .pj-warning { border-color: rgba(248,113,113,0.45); }







.nx-prose .pj-tip strong,







.nx-prose .pj-warning strong,







.pj-prose .pj-tip strong,







.pj-prose .pj-warning strong {







  display: block;







  font-size: 0.68rem;







  letter-spacing: 0.1em;







  text-transform: uppercase;







  margin: 0 0 0.35rem;







  color: var(--nx-accent);







}







.nx-prose .pj-tip p,







.nx-prose .pj-warning p,







.pj-prose .pj-tip p,







.pj-prose .pj-warning p { margin: 0; font-size: 0.92rem; line-height: 1.5; }















/* Tabs / specs */







.nx-tabs, .pj-hub-rail.nx-tabs {







  display: flex;







  gap: 0.2rem 1.1rem;







  overflow-x: auto;







  width: min(var(--nx-max), calc(100% - 2rem));







  margin: 0 auto;







  padding: 0.15rem 0 0;







  border-bottom: 1px solid var(--nx-line);







  background: transparent;







}







.nx-tabs a {







  display: inline-flex;







  align-items: center;







  gap: 0.4rem;







  padding: 0.85rem 0 0.7rem;







  color: var(--nx-muted);







  font-size: 0.78rem;







  font-weight: 700;







  letter-spacing: 0.04em;







  text-transform: uppercase;







  border-bottom: 2px solid transparent;







  white-space: nowrap;







}







.nx-tabs a.is-active, .nx-tabs a:hover { color: #fff; border-bottom-color: var(--nx-accent); }







.nx-tabs__ico { display: grid; place-items: center; width: 1.05rem; height: 1.05rem; color: var(--nx-accent); }







.nx-tabs__ico svg { width: 100%; height: 100%; }







.nx-hub-open {







  display: none;







  margin: 0.8rem auto;







  border: 1px solid var(--nx-accent);







  background: transparent;







  color: #fff;







  padding: 0.55rem 1rem;







  border-radius: 999px;







}







.nx-specs {







  display: grid;







  grid-template-columns: repeat(5, minmax(0, 1fr));







  gap: 0.7rem;







  width: min(var(--nx-max), calc(100% - 2rem));







  margin: 1.1rem auto 1.4rem;







}







.nx-specs div {







  background: var(--nx-bg-2);







  border: 1px solid var(--nx-line);







  border-radius: 10px;







  padding: 0.7rem 0.8rem;







}







.nx-specs dt { font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--nx-muted); }







.nx-specs dd { margin: 0.2rem 0 0; font-weight: 700; font-size: 0.88rem; }















/* Board */







.nx-board {







  display: grid;







  grid-template-columns: minmax(0, 1.4fr) 18.5rem;







  gap: 1rem;







  width: min(var(--nx-max), calc(100% - 2rem));







  margin: 0 auto 2rem;







  align-items: start;







}







.nx-board--home { grid-template-columns: 1.3fr 1.1fr 0.9fr; margin: 1.2rem auto 2.4rem; }







.nx-home {







  width: min(var(--nx-max), calc(100% - 2rem));







  margin: 1.35rem auto 2.8rem;







  display: grid;







  gap: 1.15rem;







}







.nx-band {







  margin-bottom: 0;







  padding: 1.15rem 1.15rem 1.25rem;







}







.nx-band__head {







  display: flex;







  flex-wrap: wrap;







  align-items: baseline;







  justify-content: space-between;







  gap: 0.5rem 1rem;







  margin-bottom: 0.95rem;







}







.nx-band__head h2 { margin: 0; }







.nx-band__head .nx-more { margin-top: 0; }







.nx-card {







  background: var(--nx-bg-2);







  border: 1px solid var(--nx-line);







  border-radius: var(--nx-r);







  padding: 1rem 1.05rem 1.15rem;







  margin-bottom: 1rem;







}







.nx-card h2 {



  margin: 0 0 0.85rem;



  font-size: 0.82rem;



  letter-spacing: 0.12em;



  text-transform: uppercase;



  color: #fff;



}



/* Paragraphe ?dito g?n?r? (editorial_summary) ? au-dessus du r?sum? IGDB, dans ? ? propos du jeu ? */



.nx-editorial {



  margin: 0 0 1rem;



  padding-bottom: 1rem;



  border-bottom: 1px solid var(--nx-line);



  font-family: var(--nx-serif, Georgia, "Times New Roman", serif);



  font-size: 1.05rem;



  line-height: 1.65;



  color: var(--nx-ink);



  text-wrap: balance;



}



.nx-editorial:first-child { margin-top: 0; }



.nx-news { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 0.95rem 1.15rem; align-items: start; }







.nx-news__lead { display: grid; gap: 0.45rem; min-width: 0; }







.nx-news__lead img {







  width: 100%;







  aspect-ratio: 16 / 9;







  height: auto;







  object-fit: cover;







  border-radius: 8px;







  margin-bottom: 0.15rem;







  background: var(--nx-hard);







}







.nx-news__lead .nx-chip { justify-self: start; }







.nx-news__lead strong {







  font-family: var(--nx-serif);







  font-size: 1.25rem;







  line-height: 1.2;







  font-weight: 650;







}







.nx-news__lead time, .nx-news__excerpt { color: var(--nx-muted); font-size: 0.8rem; }







.nx-news__excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }







.nx-news__stack { list-style: none; margin: 0; padding: 0; }







.nx-news__stack a { display: grid; grid-template-columns: 4.2rem minmax(0, 1fr); gap: 0.7rem; margin-bottom: 0.75rem; align-items: center; }







.nx-news__stack a:last-child { margin-bottom: 0; }







.nx-news__stack img { width: 4.2rem; height: 4.2rem; object-fit: cover; border-radius: 6px; background: var(--nx-hard); }







.nx-news__stack span { display: grid; gap: 0.12rem; min-width: 0; color: inherit; }







.nx-news__k { color: var(--nx-accent); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }







.nx-news__stack strong {







  display: -webkit-box;







  -webkit-line-clamp: 2;







  -webkit-box-orient: vertical;







  overflow: hidden;







  font-size: 0.92rem;







  line-height: 1.25;







}







.nx-news__stack time { color: var(--nx-muted); font-size: 0.75rem; }







.nx-month { display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem; }







.nx-month__list { list-style: none; margin: 0; padding: 0; }







.nx-month__list a { display: flex; flex-direction: column; gap: 0.1rem; padding: 0.35rem 0; border-bottom: 1px solid var(--nx-line); }







.nx-month__list span { color: var(--nx-accent); font-size: 0.72rem; font-weight: 700; }







.nx-cal {







  list-style: none;







  margin: 0;







  padding: 0.4rem;







  display: grid;







  grid-template-columns: repeat(7, 1fr);







  gap: 0.2rem;







  background: var(--nx-hard);







  border-radius: 8px;







}







.nx-cal li { text-align: center; font-size: 0.68rem; padding: 0.28rem 0; color: var(--nx-muted); }







.nx-cal li.is-hot {







  background: var(--nx-accent);







  color: #fff;







  border-radius: 50%;







  font-weight: 800;







}







.nx-wait { list-style: none; margin: 0; padding: 0; }







.nx-wait a { display: grid; grid-template-columns: 1.4rem 2.6rem minmax(0, 1fr); gap: 0.55rem; align-items: center; padding: 0.4rem 0; border-bottom: 1px solid var(--nx-line); }







.nx-wait__n { color: var(--nx-accent); font-weight: 800; }







.nx-wait img { width: 2.6rem; height: 3.4rem; object-fit: contain; object-position: center; border-radius: 4px; background: var(--nx-hard); }







.nx-wait--page a { grid-template-columns: 2rem 4rem minmax(0, 1fr); }







.nx-wait--page img { width: 4rem; height: 5.2rem; }







.nx-more { display: inline-block; margin-top: 0.7rem; color: var(--nx-accent); font-size: 0.78rem; font-weight: 700; }







.nx-more:hover, .nx-news__lead:hover strong, .nx-news__stack a:hover strong { color: var(--nx-accent-2); }







.nx-cta:focus-visible, .nx-wish:focus-visible, .nx-more:focus-visible,







.nx-news a:focus-visible, .nx-game:focus-visible, .nx-guide:focus-visible, .nx-out__card:focus-visible {







  outline: 2px solid var(--nx-accent);







  outline-offset: 3px;







}















.nx-shelf, .nx-guides, .nx-out {







  list-style: none;







  margin: 0;







  padding: 0;







  display: grid;







  gap: 0.9rem;







}







.nx-shelf { grid-template-columns: repeat(4, minmax(0, 1fr)); }







.nx-guides { grid-template-columns: repeat(4, minmax(0, 1fr)); }







.nx-out { grid-template-columns: repeat(6, minmax(0, 1fr)); }







.nx-game, .nx-guide, .nx-out__card {







  display: grid;







  gap: 0.4rem;







  min-width: 0;







  color: inherit;







  transition: transform 0.2s ease;







}







.nx-game__jack, .nx-out__jack, .nx-guide__art {







  display: grid;







  overflow: hidden;







  border-radius: 8px;







  border: 1px solid var(--nx-line);







  background: var(--nx-hard);







}







.nx-game__jack, .nx-out__jack { aspect-ratio: 3 / 4; }







.nx-guide__art { aspect-ratio: 16 / 9; }







.nx-game__jack img, .nx-out__jack img, .nx-guide__art img {







  width: 100%;







  height: 100%;







  object-fit: contain;







  object-position: center center;







  aspect-ratio: inherit;







  transition: transform 0.35s ease;







}







.nx-game__jack.is-empty, .nx-out__jack.is-empty, .nx-guide__art.is-empty {







  background: repeating-linear-gradient(-18deg, transparent 0 9px, rgba(255,255,255,.04) 9px 10px), var(--nx-hard);







}







.nx-game strong, .nx-guide strong, .nx-out__card strong {







  display: -webkit-box;







  -webkit-line-clamp: 2;







  -webkit-box-orient: vertical;







  overflow: hidden;







  font-size: 0.88rem;







  line-height: 1.25;







}







.nx-game__meta, .nx-out__date {







  color: var(--nx-muted);







  font-size: 0.72rem;







  line-height: 1.3;







}







.nx-out__date {







  color: var(--nx-accent);







  font-weight: 800;







  letter-spacing: 0.04em;







  text-transform: uppercase;







}







.nx-guide .nx-float__kicker { margin: 0.15rem 0 0; }







.nx-guide__cta { color: var(--nx-accent); font-size: 0.75rem; font-weight: 700; }







.nx-game:hover, .nx-guide:hover, .nx-out__card:hover { transform: translateY(-3px); }







.nx-game:hover img, .nx-guide:hover img, .nx-out__card:hover img { transform: scale(1.04); }







.nx-media { position: relative; display: block; }







.nx-media img { width: 100%; height: 10rem; object-fit: cover; border-radius: 8px; }







.nx-media__play {







  position: absolute; inset: 50% auto auto 50%;







  width: 3rem; height: 3rem; margin: -1.5rem 0 0 -1.5rem;







  border-radius: 50%; background: var(--nx-accent);







  box-shadow: 0 0 0 6px rgba(255,0,85,.25);







}







.nx-media__play::after {







  content: ""; position: absolute; left: 1.15rem; top: 0.95rem;







  border-style: solid; border-width: 8px 0 8px 12px;







  border-color: transparent transparent transparent #fff;







}







.nx-media--embed {







  position: relative;







  width: 100%;







  aspect-ratio: 16 / 9;







  border-radius: 10px;







  overflow: hidden;







  background: #0a0b0f;







  border: 1px solid var(--nx-line);







}







.nx-media--embed iframe {







  position: absolute;







  inset: 0;







  width: 100%;







  height: 100%;







  border: 0;







}







.nx-media--yt {







  position: relative;







  display: block;







  aspect-ratio: 16 / 9;







  border-radius: 10px;







  overflow: hidden;







  border: 1px solid var(--nx-line);







  text-decoration: none;







  color: inherit;







  background: #0a0b0f;







}







.nx-media--yt img {







  width: 100%;







  height: 100%;







  object-fit: cover;







  border-radius: 0;







}







.nx-media__hit {







  position: absolute;







  inset: 0;







  z-index: 1;







  display: block;







  width: 100%;







  height: 100%;







  margin: 0;







  padding: 0;







  border: 0;







  background: transparent;







  cursor: pointer;







  color: inherit;







}







.nx-media__hit:focus-visible {







  outline: 2px solid var(--nx-accent, #3b82f6);







  outline-offset: -2px;







}







.nx-media--yt.is-playing .nx-media__hit,







.nx-media--yt.is-playing .nx-media__play,







.nx-media--yt.is-playing .nx-media__yt-label {







  display: none;







}







.nx-media--yt.is-playing iframe {







  position: absolute;







  inset: 0;







  z-index: 1;







  width: 100%;







  height: 100%;







  border: 0;







}







.nx-media__yt-label {







  position: absolute;







  left: 0.75rem;







  bottom: 0.75rem;







  z-index: 4;







  padding: 0.35rem 0.7rem;







  border-radius: 999px;







  background: rgba(0, 0, 0, 0.72);







  color: #fff;







  font-size: 0.78rem;







  font-weight: 700;







  text-decoration: none;







}







.nx-media__yt-label:hover {







  background: rgba(0, 0, 0, 0.88);







  color: #fff;







}







/* Plaque PlayJoystick sur vignettes YT (M?dias + corps) */







.nx-media--yt .nx-media__brand,







.pj-embed--yt::after,







.pj-embed:has(.nx-media--yt)::after,







.nx-prose .ap-video:has(.nx-media--yt)::after,







.nx-prose .pj-embed--yt::after {







  content: "";







  position: absolute;







  right: 0.65rem;







  bottom: 0.65rem;







  z-index: 3;







  width: min(38%, 11.5rem);







  aspect-ratio: 638 / 166;







  background: url("/assets/img/brand/pj-plaque.png") no-repeat center / contain;







  pointer-events: none;







  opacity: 0.96;







  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));







}







.nx-media--yt .nx-media__brand {







  display: block;







}







.nx-media--embed-sm .nx-media__brand {







  width: min(42%, 8.5rem);







  right: 0.5rem;







  bottom: 0.5rem;







}







@media (prefers-reduced-motion: reduce) {







  .nx-media--yt .nx-media__brand,







  .pj-embed--yt::after,







  .pj-embed:has(.nx-media--yt)::after {







    filter: none;







  }







}







.nx-media--embed-sm { border-radius: 8px; }







.pj-yt-wrap { margin: 1.25rem 0; }







.pj-embed--yt {







  position: relative;







  width: 100%;







  aspect-ratio: 16 / 9;







  margin: 1.25rem 0;







  border-radius: 10px;







  overflow: hidden;







  background: #0a0b0f;







  border: 1px solid var(--nx-line);







}







.pj-embed--yt > .nx-media--yt {







  border: 0;







  border-radius: 0;







  height: 100%;







}







.nx-prose .pj-yt-wrap .nx-media--yt,







.nx-prose > .nx-media--yt,







.nx-prose .pj-embed--yt { margin: 1.25rem 0; }







.pj-embed,







.nx-prose .ap-video,







.nx-prose .scrape-video,







.nx-prose .pj-x-video {







  position: relative;







  width: 100%;







  aspect-ratio: 16 / 9;







  margin: 1.25rem 0;







  border-radius: 10px;







  overflow: hidden;







  background: #000;







}







.nx-prose .pj-x-video {



  aspect-ratio: auto;



  overflow: visible;



  background: transparent;



}







.nx-prose .pj-x-video--player .pj-x-video__player,



.nx-prose .pj-x-video video {



  display: block;



  width: 100%;



  aspect-ratio: 16 / 9;



  background: #000;



  border-radius: 10px;



}







/* Tweet.html = carte fixe ~550px : ne pas forcer un cadre 16/10 noir */



.nx-prose .pj-x-video--embed {



  max-width: 550px;



  margin-left: auto;



  margin-right: auto;



}







.nx-prose .pj-x-video--embed .pj-x-video__frame {



  position: relative;



  width: 100%;



  min-height: 0;



  aspect-ratio: auto;



  border-radius: 12px;



  overflow: hidden;



  background: transparent;



}







.nx-prose .pj-x-video--embed iframe {



  position: static;



  display: block;



  width: 100%;



  min-height: 560px;



  height: 720px;



  border: 0;



  background: transparent;



}







.nx-prose .pj-x-video__fallback {



  display: none !important;



}







.nx-prose .pj-x-video figcaption {



  margin-top: 0.4rem;



  font-size: 0.85rem;



  opacity: 0.75;



}







/* Pas de plaque PJ sur lecteur X (ne pas bloquer / masquer le player) */



.nx-prose .pj-x-video::after,



.nx-prose .pj-x-video .pj-embed::after {



  content: none !important;



  display: none !important;



}

/* Ancien wrapping ap-video > pj-embed : neutraliser le cadre extérieur (évite overflow iOS) */
.nx-prose .ap-video:has(> .pj-embed),
.nx-prose .ap-video:has(> .pj-embed--yt),
.nx-prose figure.ap-video:has(> figure.pj-embed){
  aspect-ratio:auto;
  overflow:visible;
  background:transparent;
  border:0;
  margin:0;
  padding:0;
  width:100%;
  max-width:100%;
  min-width:0
}
.nx-prose .ap-video:has(> .pj-embed)::after,
.nx-prose .ap-video:has(> .pj-embed--yt)::after,
.nx-prose figure.ap-video:has(> figure.pj-embed)::after{
  content:none !important;
  display:none !important
}







.pj-embed > iframe,







.nx-prose .ap-video iframe,







.nx-prose .scrape-video iframe {







  position: absolute;







  inset: 0;







  width: 100%;







  height: 100%;







  border: 0;







}







/* Vid?os embed : plaque B en overlay (YouTube non modifiable) */







.pj-embed::after,







.nx-prose .ap-video::after,







.nx-prose .scrape-video::after {







  content: "";







  position: absolute;







  right: 0.65rem;







  bottom: 0.65rem;







  z-index: 3;







  width: min(38%, 11.5rem);







  aspect-ratio: 638 / 166;







  background: url("/assets/img/brand/pj-plaque.png") no-repeat center / contain;







  pointer-events: none;







  opacity: 0.96;







  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));







}







@media (prefers-reduced-motion: reduce) {







  .pj-embed::after,







  .nx-prose .ap-video::after,







  .nx-prose .scrape-video::after {







    filter: none;







  }







}







.nx-prose iframe:not(.pj-embed iframe) {







  display: block;







  width: 100%;







  aspect-ratio: 16 / 9;







  height: auto;







  min-height: 200px;







  border: 0;







  border-radius: 10px;







  margin: 1.25rem 0;







  background: #000;







}







.nx-media--static img { width: 100%; height: auto; border-radius: 8px; display: block; }







.nx-media__ext {







  margin: 0.55rem 0 0;







  font-size: 0.78rem;







  color: var(--nx-muted);







}







.nx-media__ext a { color: var(--nx-accent); text-decoration: underline; }







.nx-list { margin: 0; padding-left: 1.1rem; }







.nx-article-medias .nx-videos--article { margin-top: 0.85rem; }







.nx-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; list-style: none; margin: 0; padding: 0; }







.nx-videos img { height: 6rem; object-fit: cover; border-radius: 8px; width: 100%; }







.nx-videos__cap { margin: 0.4rem 0 0; font-size: 0.82rem; color: var(--nx-muted); }







.nx-by { color: var(--nx-muted); font-size: 0.85rem; }







.nx-prose { max-width: 42rem; }







.nx-prose p { margin: 0 0 1rem; }







.nx-prose img { border-radius: 8px; margin: 1rem 0; }







.nx-hub--article .nx-prose { max-width: none; }















/* Lecture : 1 cadre par paragraphe */







.nx-hub--article .nx-prose--framed > p {







  margin: 0 0 1rem;







  padding: 1.05rem 1.2rem;







  border-radius: 12px;







  background:







    linear-gradient(165deg, color-mix(in srgb, var(--nx-panel, #151820) 92%, #fff) 0%, var(--nx-panel, #151820) 100%);







  border: 1px solid color-mix(in srgb, var(--nx-line, #2a3140) 80%, transparent);







  box-shadow:







    0 1px 0 color-mix(in srgb, #fff 6%, transparent) inset,







    0 10px 28px rgba(0, 0, 0, .18);







  line-height: 1.65;







}







.nx-hub--article .nx-prose--framed > p:last-child { margin-bottom: 0; }















/* Intertitres corps : ? rails de chapitre ? (pas les cadres de paragraphes) */







.nx-hub--article .nx-prose--framed {







  counter-reset: ba-chap;







}







.nx-hub--article .nx-prose--framed > h2,







.nx-hub--article .nx-prose--framed > h3 {







  counter-increment: ba-chap;







  position: relative;







  display: grid;







  grid-template-columns: auto 1fr;







  gap: .85rem;







  align-items: center;







  margin: 1.85rem 0 1rem;







  padding: .85rem 1rem .85rem .9rem;







  border: 0;







  border-radius: 0;







  background: transparent;







  box-shadow: none;







  font-family: var(--nx-sans);







  font-weight: 900;







  letter-spacing: -.02em;







  line-height: 1.15;







  text-transform: none;







  overflow: hidden;







}







.nx-hub--article .nx-prose--framed > h2 {







  font-size: clamp(1.25rem, 2.4vw, 1.55rem);







}







.nx-hub--article .nx-prose--framed > h3 {







  font-size: clamp(1.05rem, 2vw, 1.22rem);







  font-weight: 800;







}







.nx-hub--article .nx-prose--framed > h2::before,







.nx-hub--article .nx-prose--framed > h3::before {







  content: counter(ba-chap, decimal-leading-zero);







  display: grid;







  place-items: center;







  min-width: 2.55rem;







  height: 2.55rem;







  padding: 0 .2rem;







  border-radius: 8px;







  font-size: .78rem;







  font-weight: 900;







  letter-spacing: .08em;







  color: #0b0b10;







  background: linear-gradient(135deg, #6b9aff, var(--nx-accent, #3d7eff));







  box-shadow: 3px 3px 0 #111;







  flex-shrink: 0;







}







/* Roundup SoP : titres de structure / notes hors compteur de trailers */



.nx-hub--article .nx-prose--framed > h2.pj-roundup-struct,



.nx-hub--article .nx-prose--framed > h3.pj-roundup-note {



  counter-increment: none;



  display: block;



  grid-template-columns: none;



}



.nx-hub--article .nx-prose--framed > h2.pj-roundup-struct::before,



.nx-hub--article .nx-prose--framed > h3.pj-roundup-note::before {



  content: none;



  display: none;



}



.nx-hub--article .nx-prose--framed > h3.pj-roundup-note {



  margin-top: 1.25rem;



  font-size: clamp(1.05rem, 2vw, 1.2rem);



  opacity: .92;



}







.nx-hub--article .nx-prose--framed > h3::before {







  min-width: 2.15rem;







  height: 2.15rem;







  font-size: .7rem;







  background: linear-gradient(135deg, #7aa2ff, #3d7eff);







  box-shadow: 3px 3px 0 #111;







}







.nx-hub--article .nx-prose--framed > h2::after,







.nx-hub--article .nx-prose--framed > h3::after {







  content: "";







  position: absolute;







  left: 0;







  right: 0;







  bottom: 0;







  height: 2px;







  background: linear-gradient(90deg, var(--nx-accent, #3d7eff), transparent 72%);







  opacity: .85;







  pointer-events: none;







}















.nx-hub--article .nx-prose--framed > .pj-gallery,







.nx-hub--article .nx-prose--framed > figure,







.nx-hub--article .nx-prose--framed > .pj-embed {







  margin-top: 1.15rem;







  margin-bottom: 1.15rem;







}







/* Roundup State of Play — replay événement mis en valeur */



.nx-prose .ap-video--feature,



.nx-prose .pj-roundup-feature__video,



.nx-prose .pj-embed.ap-video--feature {



  margin: 1.5rem 0 2rem;



  border: 2px solid #1d4ed8;



  border-radius: 12px;



  overflow: hidden;



  box-shadow: 0 12px 36px rgba(29, 78, 216, .22);



  background: #0b1220;



}



.nx-prose .ap-video--feature iframe,



.nx-prose .pj-roundup-feature__video iframe {



  aspect-ratio: 16 / 9;



  width: 100%;



  min-height: 280px;



}



@media (min-width: 768px) {



  .nx-prose .ap-video--feature iframe,



  .nx-prose .pj-roundup-feature__video iframe {



    min-height: 420px;



  }



}



.nx-prose h2 + .ap-video--feature,



.nx-prose h2 + p + .ap-video--feature {



  margin-top: .75rem;



}







html[data-theme="light"] .nx-hub--article .nx-prose--framed > p {







  background: linear-gradient(165deg, #fff 0%, #f6f7f9 100%);







  border-color: #e4e7ec;







  box-shadow: 0 1px 0 #fff inset, 0 8px 22px rgba(15, 23, 42, .06);







}















/* Titre H1 article : plaque box-art (ombre dure, filet rose) ? pas un cadre soft */







.nx-hub--article .ba-mast {







  position: relative;







  margin: 0 0 1rem;







  max-width: 36rem;







}







.nx-hub--article .ba-mast__mark {







  display: inline-flex;







  align-items: center;







  gap: .4rem;







  margin: 0 0 .55rem;







  padding: .2rem .55rem .2rem .28rem;







  border-radius: 999px;







  font-size: .62rem;







  font-weight: 800;







  letter-spacing: .16em;







  text-transform: uppercase;







  color: #0b0b10;







  background: #ffd54f;







  box-shadow: 2px 2px 0 #111;







}







.nx-hub--article .ba-mast__mark span {







  display: grid;







  place-items: center;







  width: 1.35rem;







  height: 1.35rem;







  border-radius: 50%;







  background: #111;







  color: #ffd54f;







  font-size: .55rem;







  letter-spacing: 0;







}







.nx-hub--article .ba-mast__title {







  position: relative;







  z-index: 1;







  margin: 0 !important;







  padding: .95rem 1.15rem 1.05rem;







  border: 2px solid var(--nx-ink, #e8eaed);







  border-radius: 4px 14px 4px 14px;







  background:







    linear-gradient(120deg, color-mix(in srgb, var(--nx-accent, #3d7eff) 18%, transparent), transparent 42%),







    var(--nx-panel, #151820);







  box-shadow:







    6px 6px 0 var(--nx-accent, #3d7eff),







    0 0 0 1px color-mix(in srgb, #000 35%, transparent);







  font-family: var(--nx-sans);







  font-weight: 900;







  font-size: clamp(1.55rem, 4.2vw, 2.65rem) !important;







  line-height: 1.05 !important;







  letter-spacing: -.03em;







  text-wrap: balance;







  transform: rotate(-0.6deg);







}







.nx-hub--article .ba-mast__title::after {







  content: "";







  position: absolute;







  top: .45rem;







  right: .55rem;







  width: .55rem;







  height: .55rem;







  border-radius: 50%;







  background: var(--nx-accent, #3d7eff);







  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nx-accent, #3d7eff) 25%, transparent);







}







html[data-theme="light"] .nx-hub--article .ba-mast__title {







  background:







    linear-gradient(120deg, color-mix(in srgb, var(--nx-accent, #3d7eff) 12%, #fff), #fff 45%);







  border-color: #111;







  box-shadow: 6px 6px 0 var(--nx-accent, #3d7eff);







  color: #111;







}







@media (prefers-reduced-motion: reduce) {







  .nx-hub--article .ba-mast__title { transform: none; }







}







@media (max-width: 700px) {







  .nx-hub--article .ba-mast__title {







    transform: none;







    box-shadow: 4px 4px 0 var(--nx-accent, #3d7eff);







    padding: .8rem .9rem .85rem;







  }







}















/* Badge jaune Sniper : masqu? si un vieux corps l?a encore */







.nx-hub--article .pj-sniper-test,
.arc-game-hub--test-sheet .pj-sniper-test { display: none !important; }







.nx-hub--article .nx-hero { min-height: 0; }







.nx-hub--article .nx-hero__grid { padding: 2.2rem 0 1.4rem; }







.nx-hub--article .nx-specs { margin: 0.55rem auto 1rem; }







.nx-hub--article .nx-tabs a { padding: 0.65rem 0 0.55rem; }







.nx-related { width: min(var(--nx-max), calc(100% - 2rem)); margin: 0 auto 3rem; }















.nx-stats {







  display: grid;







  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));







  gap: 0.8rem;







  width: min(var(--nx-max), calc(100% - 2rem));







  margin: 0 auto 1.2rem;







  padding: 1.1rem 0;







  border-top: 1px solid var(--nx-line);







}







.nx-stats p { margin: 0; display: flex; gap: 0.6rem; align-items: center; font-weight: 700; }







.nx-stats span { color: var(--nx-accent); font-size: 1.3rem; }







.nx-foot {







  padding: 1.6rem 1rem 2.2rem;







  border-top: 1px solid var(--nx-line);







  text-align: center;







}







.nx-foot .nx-logo { justify-content: center; margin-bottom: 0.7rem; }







.nx-foot__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1rem; font-size: 0.85rem; }







.nx-foot__nav a:hover { color: var(--nx-accent); }







.nx-foot__meta { color: var(--nx-muted); font-size: 0.8rem; }















/* Override Nexus catalog/calendar inside this theme */







.nx-body .pj-rayon, .nx-body .pj-hub {







  color: var(--nx-ink);







}







.nx-body .pj-rayon__head h1, .nx-body .pj-hub-hero h1 { font-family: var(--nx-serif); }







.nx-hub-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.65); z-index: 80; display: grid; place-items: end center; }







.nx-hub-overlay[hidden] { display: none; }







.nx-hub-overlay .pj-hub-overlay__panel {







  width: min(26rem, 100%);







  background: var(--nx-hard);







  border-radius: 16px 16px 0 0;







  padding: 1rem;







}















@keyframes nx-ken {







  from { transform: scale(1.04); }







  to { transform: scale(1.12) translate3d(-2%, 1%, 0); }







}















@media (max-width: 1100px) {







  .nx-hero__grid { grid-template-columns: 1fr; }







  .nx-hero--spot .nx-hero__grid {







    grid-template-columns: 8.6rem minmax(0, 1fr);







  }







  .nx-hero--spot .nx-float { grid-column: 1 / -1; }







  .nx-board, .nx-board--home, .nx-news, .nx-month, .nx-specs { grid-template-columns: 1fr; }







  .nx-shelf { grid-template-columns: repeat(3, minmax(0, 1fr)); }







  .nx-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); }







  .nx-out { grid-template-columns: repeat(3, minmax(0, 1fr)); }







  .nx-tabs { display: none; }







  .nx-hub-open { display: block; }







  .nx-tabs--grid {







    display: grid;







    grid-template-columns: repeat(4, minmax(0, 1fr));







    gap: 0.4rem;







    width: 100%;







    border: 0;







  }







  .nx-tabs--grid a {







    flex-direction: column;







    border: 1px solid var(--nx-line);







    border-radius: 10px;







    padding: 0.7rem 0.2rem;







    font-size: 0.62rem;







  }







}







@media (max-width: 768px) {







  .nx-hero--spot .nx-hero__grid { grid-template-columns: 7.4rem minmax(0, 1fr); padding: 1.1rem 0 1.2rem; }







  .nx-hero--spot .nx-hero__title { font-size: 1.55rem; }







  .nx-shelf, .nx-out { grid-template-columns: repeat(2, minmax(0, 1fr)); }







  .nx-guides { grid-template-columns: 1fr; }







  .ba-gamecard,







  .nx-shelf.ba-shelf .ba-gamecard__link {







    padding: 0.5rem 0.5rem 0.65rem;







  }







  .ba-gamecard__link { gap: 0.22rem; }







  .ba-gamecard__title { font-size: 0.84rem; }







  .ba-gamecard__line { font-size: 0.72rem; }







}







@media (max-width: 390px) {







  .nx-hero--spot .nx-hero__grid { grid-template-columns: 1fr; }







  .nx-hero--spot .nx-jack { max-width: 9.2rem; }







  .nx-hero__actions { width: 100%; }







  .nx-hero--spot .nx-cta, .nx-wish--inline { flex: 1 1 auto; }







  .nx-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; }







  .nx-tabs--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }







}







@media (min-width: 1101px) {







  .nx-hub-open { display: none; }







  .nx-nav-overlay__panel {







    width: min(28rem, 42vw);







    border-radius: 0;







    box-shadow: -18px 0 50px rgba(0, 0, 0, 0.55);







  }







}







@media (prefers-reduced-motion: reduce) {







  html { scroll-behavior: auto; }







  .nx-hero__art img { animation: none; }







  .nx-cta:hover, .nx-mast .member-nav-link:hover,







  .nx-game:hover, .nx-guide:hover, .nx-out__card:hover { transform: none; }







  .nx-game:hover img, .nx-guide:hover img, .nx-out__card:hover img { transform: none; }







}















/* ====================================================================







   BOX ART ? skin PlayJoystick







   Appel? en fin de style.css : red?finit l'apparence du th?me







   nexus-pulse (m?mes classes .nx-*, m?mes templates) avec :







   - fond graphite, accent bleu #3d7eff







   - key arts encadr?s fa?on box art







   - boutons pilules, coins 6px, cartes plates







   - menu Jeux compact ? ic?nes







   ==================================================================== */















/* ---------- 1. Palette ---------- */







:root,







html[data-theme="dark"]{







  --nx-bg:      #0f1216;







  --nx-bg-2:    #171c23;







  --nx-ink:     #eef1f5;







  --nx-muted:   #c2cad6;







  --nx-line:    rgba(152,162,176,.16);







  --nx-accent:    #3d7eff;   /* accent principal (le th?me l'appelle pink) */







  --nx-accent-2:  #6b9aff;







  --nx-purple:  #a972ff;







  --nx-glass:   rgba(15,18,22,.85);







  --nx-panel:   #171c23;







  --nx-panel2:  #1c222b;







  --nx-border:  #242c37;







  --nx-border2: #323d4b;







  --nx-r:       6px;







  --nx-mast:    rgba(15,18,22,.92);







  --nx-foot:    #12151b;







  --nx-hard:    #0b0b0f;







  --nx-input:   #0b0d12;







  --nx-offset:  #05070c;







  --nx-select-hover: #121820;







  --nx-glow-1:  rgba(61,126,255,.10);







  --nx-glow-2:  rgba(169,114,255,.06);







  --nx-veil-90: rgba(15,18,22,.92);







  --nx-veil-55: rgba(15,18,22,.55);







  --nx-veil-35: rgba(15,18,22,.35);







  --nx-veil-25: rgba(15,18,22,.25);







  --nx-veil-97: rgba(15,18,22,.97);







  --nx-ink-on-accent: #fff;







  --nx-theme-color: #0f1216;







  color-scheme: dark;







}







html[data-theme="light"]{







  --nx-bg:      #eef1f5;







  --nx-bg-2:    #ffffff;







  --nx-ink:     #0f1216;







  --nx-muted:   #3d4a5a;







  --nx-line:    rgba(15,18,22,.28);







  --nx-glass:   rgba(238,241,245,.88);







  --nx-panel:   #ffffff;







  --nx-panel2:  #e3e7ee;







  --nx-border:  #242c37;







  --nx-border2: #171c23;







  --nx-mast:    rgba(238,241,245,.94);







  --nx-foot:    #e3e7ee;







  --nx-hard:    #eef1f5;







  --nx-input:   #ffffff;







  --nx-offset:  #0f1216;







  --nx-select-hover: #e3e7ee;







  --nx-glow-1:  rgba(61,126,255,.14);







  --nx-glow-2:  rgba(169,114,255,.08);







  --nx-veil-90: rgba(238,241,245,.92);







  --nx-veil-55: rgba(238,241,245,.55);







  --nx-veil-35: rgba(238,241,245,.35);







  --nx-veil-25: rgba(238,241,245,.25);







  --nx-veil-97: rgba(238,241,245,.97);







  --nx-ink-on-accent: #fff;







  --nx-theme-color: #eef1f5;







  color-scheme: light;







}















/* ---------- 2. Fond ---------- */







.nx-body{







  background:







    radial-gradient(900px 420px at 80% -10%, var(--nx-glow-1), transparent 55%),







    radial-gradient(700px 380px at 0% 110%, var(--nx-glow-2), transparent 60%),







    var(--nx-bg);







}







::selection{ background: rgba(61,126,255,.35); color: #fff; }















/* ---------- 3. Header ---------- */







.nx-mast{







  background: var(--nx-mast);







  backdrop-filter: blur(12px);







  -webkit-backdrop-filter: blur(12px);







  border-bottom: 1px solid var(--nx-border);







}







.nx-logo{ font-weight: 800; letter-spacing: -.02em; }







.nx-logo__nexus{







  background: transparent;







  color: var(--nx-accent);







  border: 0;







  box-shadow: none;







  text-shadow: none;







}







.nx-cats a{ color: var(--nx-muted); font-weight: 600; letter-spacing: .02em; }







.nx-cats a:hover{ color: var(--nx-ink); text-shadow: none; }







.nx-cats a.is-active{ color: var(--nx-accent); }







.nx-search{ background: var(--nx-panel2); border: 1px solid var(--nx-border); border-radius: 999px; }







.nx-search input{ background: transparent; border: 0; color: var(--nx-ink); }







.nx-search input::placeholder{ color: var(--nx-muted); }







.nx-search input:focus{ outline: none; }







.nx-search button{ color: var(--nx-muted); }







.nx-search button:hover{ color: var(--nx-accent); }







.nx-avatar{ border-radius: 50%; border: 1px solid var(--nx-border); color: var(--nx-muted); background: transparent; }







.nx-avatar:hover{ color: var(--nx-accent); border-color: var(--nx-accent); }







.nx-feed{ border: 1px solid var(--nx-border); color: var(--nx-accent); background: transparent; }







.nx-feed:hover{ color: var(--nx-ink-on-accent); background: var(--nx-accent); border-color: var(--nx-accent); }







.nx-theme{







  width: 2.35rem;







  height: 2.35rem;







  flex: 0 0 auto;







  border-radius: 50%;







  border: 1px solid var(--nx-border);







  display: grid;







  place-items: center;







  color: var(--nx-ink);







  background: transparent;







  cursor: pointer;







  padding: 0;







}







.nx-theme:hover{







  color: var(--nx-ink-on-accent);







  background: var(--nx-accent);







  border-color: var(--nx-accent);







}







.nx-theme__sun,







.nx-theme__moon{ display: block; }







html[data-theme="dark"] .nx-theme__moon,







html[data-theme="light"] .nx-theme__sun{ display: none; }







html[data-theme="dark"] .nx-theme__sun,







html[data-theme="light"] .nx-theme__moon{ display: block; }







.nx-menu-btn{ border: 1px solid var(--nx-border); background: transparent; color: var(--nx-ink); }







.nx-menu-btn:hover{ border-color: var(--nx-accent); }















/* ---------- 4. Hero + key art ---------- */







.nx-hero{ border-bottom: 1px solid var(--nx-border); }







.nx-hero__veil{







  background:







    linear-gradient(90deg, var(--nx-veil-90) 18%, var(--nx-veil-55) 55%, var(--nx-veil-35)),







    linear-gradient(180deg, var(--nx-veil-25), transparent 30%, var(--nx-veil-97) 97%);







}







.nx-hero__art img{ filter: saturate(.92) contrast(1.02); }







.nx-jack{







  background: var(--nx-panel);







  border: 1px solid var(--nx-border2);







  border-radius: var(--nx-r);







  padding: 10px;







  box-shadow: 0 18px 40px rgba(0,0,0,.45);







}







.nx-jack img{







  border: 1px solid var(--nx-border);







  border-radius: 3px;







  box-shadow: none;







}







.nx-hero__title{







  font-family: var(--nx-sans);







  font-weight: 800;







  font-size: clamp(1.9rem, 4.6vw, 3.2rem);







  line-height: 1.04;







  letter-spacing: -.02em;







}







.nx-hero__title a{ color: var(--nx-ink); }







.nx-hero__title a:hover{ color: var(--nx-accent); }







.nx-hero__lede{ color: var(--nx-muted); max-width: 58ch; line-height: 1.65; }







.nx-float__kicker{







  color: var(--nx-accent);







  font-weight: 700;







  letter-spacing: .22em;







  text-transform: uppercase;







  font-size: .66rem;







}















/* chips */







.nx-chip{







  border-radius: 4px;







  border: 1px solid var(--nx-border2);







  background: var(--nx-panel2);







  color: var(--nx-muted);







  font-weight: 600;







  font-size: .62rem;







  letter-spacing: .08em;







  text-transform: uppercase;







}







.nx-chip--0{ border-color: rgba(61,126,255,.5); color: var(--nx-accent); background: rgba(61,126,255,.08); }







.nx-chip--1, .nx-chip--2, .nx-chip--3{ border-color: var(--nx-border2); color: var(--nx-muted); }















/* boutons */







.nx-cta{







  background: var(--nx-accent);







  border-radius: 999px;







  padding: .65rem 1.4rem;







  font-weight: 700;







  letter-spacing: .02em;







  box-shadow: none;







}







.nx-cta:hover{







  transform: none;







  background: #2f66d6;







  box-shadow: 0 8px 22px rgba(61,126,255,.35);







}







.nx-wish{







  border-radius: 999px;







  border: 1px solid var(--nx-border2);







  background: transparent;







  color: var(--nx-ink);







}







.nx-wish:hover{ border-color: var(--nx-accent); color: var(--nx-accent); }







.nx-wish-form { margin: 0; width: 100%; }







button.nx-wish {







  font: inherit;







  font-size: 0.75rem;







  font-weight: 800;







  letter-spacing: 0.06em;







  text-transform: uppercase;







  cursor: pointer;







  appearance: none;







  -webkit-appearance: none;







}







.nx-wish.is-on {







  border-color: var(--nx-accent);







  background: rgba(61, 126, 255, 0.16);







  color: var(--nx-accent);







}















/* fiche flottante (m?ta) */







.nx-float{







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  backdrop-filter: none;







  -webkit-backdrop-filter: none;







  box-shadow: none;







}







.nx-plats li{ border-color: var(--nx-border); }







.nx-plats__name{ color: var(--nx-muted); }







.nx-plats__date{ color: var(--nx-ink); }







.nx-dot.is-in{ background: var(--nx-accent); box-shadow: 0 0 8px rgba(61,126,255,.6); }















/* ---------- 5. Cartes / sections ---------- */







.nx-band, .nx-card{







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  backdrop-filter: none;







  -webkit-backdrop-filter: none;







  box-shadow: none;







}







.nx-card{







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







}







.nx-band__head{ border-bottom: 1px solid var(--nx-border); }







.nx-band__head h2, .nx-card h2{ font-weight: 800; letter-spacing: -.01em; color: var(--nx-ink); }







.nx-more{ color: var(--nx-muted); font-weight: 600; text-decoration: none; }







.nx-more:hover{ color: var(--nx-accent); }















/* rayon jeux */







.nx-game__jack{







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  overflow: hidden;







  background: var(--nx-panel2);







  box-shadow: none;







  transition: border-color .15s, box-shadow .15s;







}







.nx-game:hover{ transform: translateY(-3px); }







.nx-game:hover .nx-game__jack{







  border-color: var(--nx-accent);







  box-shadow: 0 12px 30px rgba(61,126,255,.16);







}







.nx-game__meta{ color: var(--nx-muted); }







.nx-game strong:hover, .nx-game:hover strong{ color: var(--nx-accent); }















/* actualit?s */







.nx-news__lead{







  background: var(--nx-panel2);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  overflow: hidden;







}







.nx-news__lead img{ border-radius: 0; border: 0; }







.nx-news__lead strong{







  font-family: var(--nx-sans);







  font-weight: 700;







  font-size: 1.15rem;







  letter-spacing: -.01em;







  color: var(--nx-ink);







}







.nx-news__lead:hover strong{ color: var(--nx-accent); }







.nx-news__excerpt{ color: var(--nx-muted); }







.nx-news__k{ color: var(--nx-accent); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: .6rem; }







.nx-news__stack a strong{ color: var(--nx-ink); }







.nx-news__stack a:hover strong{ color: var(--nx-accent); }















/* sorties + guides */







.nx-out__card, .nx-guide{







  background: var(--nx-panel2);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  transition: border-color .15s, transform .15s;







}







.nx-out__card:hover, .nx-guide:hover{ border-color: var(--nx-accent); transform: translateY(-3px); }







.nx-out__date{ color: var(--nx-accent); font-weight: 700; }







.nx-out__jack, .nx-guide__art{







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  background: var(--nx-bg);







  box-shadow: none;







}







.nx-guide__cta{ color: var(--nx-accent); }















/* ---------- 6. Menu Jeux (desktop) ---------- */







.nx-jeux__trigger{







  color: var(--nx-muted);







  font-weight: 600;







  padding: .5rem .8rem;







  border-radius: var(--nx-r);







}







.nx-jeux:hover .nx-jeux__trigger,







.nx-jeux__trigger.is-active{ color: var(--nx-ink); background: var(--nx-panel2); }







.nx-jeux__sheet{







  background: var(--nx-panel);







  border: 1px solid var(--nx-border2);







  border-radius: var(--nx-r);







  backdrop-filter: none;







  -webkit-backdrop-filter: none;







  box-shadow: 0 18px 44px rgba(0,0,0,.55);







}







.nx-jeux__kicker{







  color: var(--nx-accent);







  font-weight: 700;







  letter-spacing: .22em;







  text-transform: uppercase;







  font-size: .62rem;







}







.nx-jeux__label{







  color: var(--nx-muted);







  font-weight: 700;







  letter-spacing: .2em;







  text-transform: uppercase;







  font-size: .58rem;







}







/* tuiles compactes : ic?ne + label horizontal */







.nx-jeux__tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }







.nx-jeux__tiles--catalog{ grid-template-columns: repeat(3, minmax(0, 1fr)); }







.nx-jeux__tile{







  flex-direction: row;







  justify-content: flex-start;







  align-items: center;







  gap: .55rem;







  text-align: left;







  padding: .38rem .55rem;







  border: 1px solid var(--nx-border);







  border-radius: 4px;







  background: transparent;







  transition: border-color .12s, background .12s;







}







.nx-jeux__tile-art{







  width: 30px;







  height: 30px;







  border-radius: 6px;







  background: transparent;







  flex: none;







}







.nx-jeux__tile-art svg, .nx-jeux__tile-art img{ width: 22px; height: 22px; }







.nx-jeux__tile-name{







  font-size: .74rem;







  font-weight: 500;







  white-space: normal;







  line-height: 1.2;







  color: var(--nx-muted);







}







.nx-jeux__tile:hover{ border-color: var(--nx-accent); background: var(--nx-panel2); }







.nx-jeux__tile:hover .nx-jeux__tile-art{ background: rgba(61,126,255,.12); }







.nx-jeux__tile:hover .nx-jeux__tile-name{ color: var(--nx-ink); }







.nx-jeux__guides a{ color: var(--nx-muted); font-weight: 600; }







.nx-jeux__guides a:hover{ color: var(--nx-accent); }















/* ---------- 7. Menu mobile (overlay) ---------- */







.nx-nav-overlay__backdrop{ background: rgba(4,6,9,.65); }







.nx-nav-overlay__panel{







  background: var(--nx-bg);







  border: 1px solid var(--nx-border2);







  border-radius: var(--nx-r) var(--nx-r) 0 0;







  box-shadow: 0 -18px 50px rgba(0,0,0,.55);







}







.nx-nav-overlay__close{ color: var(--nx-muted); background: transparent; }







.nx-nav-overlay__close:hover{ color: var(--nx-ink); }







.nx-nav-overlay__search{







  display: flex;







  width: 100%;







  max-width: none;







  margin: 0 0 .9rem;







}







.nx-nav-overlay__search input{







  width: 100%;







  flex: 1 1 auto;







  min-width: 0;







}







.nx-nav-overlay__member{







  margin: 0 0 1rem;







  padding-bottom: .9rem;







  border-bottom: 1px solid var(--nx-border);







}















/* ---------- 8. Article ---------- */







.nx-tabs{ border-bottom: 1px solid var(--nx-border); }







.nx-tabs a{ color: var(--nx-muted); font-weight: 600; }







.nx-tabs a.is-active, .nx-tabs a:hover{ color: var(--nx-accent); border-bottom-color: var(--nx-accent); }







.nx-specs{







  background: transparent;







  border: 0;







  border-radius: 0;







}







.nx-specs div{







  background: var(--nx-panel2);







  border-color: var(--nx-border);







}







.nx-specs dt{







  color: var(--nx-muted);







  font-size: .6rem;







  letter-spacing: .18em;







  text-transform: uppercase;







  font-weight: 700;







}







.nx-specs dd{ color: var(--nx-ink); }







.nx-specs a{ color: var(--nx-accent); text-decoration: none; }







.nx-specs a:hover{ text-decoration: underline; }















/* Hub Android ? chip t?l?chargement (style specs Genre / Action) */







.ba-ps-dl{







  display: block;







  margin-top: 1rem;







  padding: 0.7rem 0.8rem;







  background: var(--nx-panel2);







  border: 1px solid var(--nx-border);







  border-radius: 10px;







  text-decoration: none;







  color: inherit;







  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;







}







.ba-ps-dl:hover{







  border-color: color-mix(in srgb, var(--nx-accent) 55%, var(--nx-border) 45%);







  transform: translateY(-1px);







  box-shadow: 0 6px 18px rgba(61, 126, 255, .12);







}







.ba-ps-dl__kicker{







  display: block;







  font-size: .6rem;







  letter-spacing: .18em;







  text-transform: uppercase;







  font-weight: 700;







  color: var(--nx-muted);







}







.ba-ps-dl__title{







  display: block;







  margin-top: .2rem;







  font-weight: 700;







  font-size: .88rem;







  color: var(--nx-ink);







}







.ba-ps-dl:hover .ba-ps-dl__title{ color: var(--nx-accent); }







.nx-prose,







.pj-prose{







  font-family: var(--nx-sans);







  font-size: 1.05rem;







  line-height: 1.75;







  color: var(--nx-ink);







}







.nx-prose h2{ font-weight: 800; letter-spacing: -.01em; color: var(--nx-ink); }







.nx-prose h3{ font-weight: 700; color: var(--nx-ink); }







.nx-prose strong{ color: var(--nx-ink); }







.nx-prose a{ color: var(--nx-accent); }







.nx-prose blockquote{







  border-left: 3px solid var(--nx-accent);







  background: var(--nx-panel);







  border-radius: 0 var(--nx-r) var(--nx-r) 0;







}







.nx-prose img{ border-radius: var(--nx-r); }







.nx-prose table{ border-color: var(--nx-border); }















/* rail lat?ral */







.nx-board__side .nx-card h2{ font-size: 1rem; }







.pj-hub .nx-board{







  align-items: start;







  margin-bottom: 1.2rem;







}







.pj-hub .nx-board__main{







  min-width: 0;







}







.pj-hub .nx-board__main .nx-test{







  margin-bottom: 0;







}







.nx-month__list a strong{ color: var(--nx-ink); }







.nx-month__list a:hover strong{ color: var(--nx-accent); }







.nx-cal li.is-hot{ color: var(--nx-accent); font-weight: 700; }







.nx-wait__n{ color: var(--nx-accent); font-weight: 800; }















/* ---------- 9. Pied de page ---------- */







.nx-stats{ border-top: 1px solid var(--nx-border); }







.nx-stats p{







  color: var(--nx-muted);







  font-size: .72rem;







  letter-spacing: .1em;







  text-transform: uppercase;







}







.nx-stats span{ color: var(--nx-accent); }







.nx-foot{ background: var(--nx-foot); border-top: 1px solid var(--nx-border); }







.nx-foot__nav a{ color: var(--nx-muted); }







.nx-foot__nav a:hover{ color: var(--nx-ink); }







.nx-foot__meta{ color: var(--nx-muted); }















/* ---------- 10. Divers ---------- */







.nx-empty, .nx-wait{ color: var(--nx-muted); }







a:focus-visible, button:focus-visible, input:focus-visible{







  outline: 2px solid var(--nx-accent);







  outline-offset: 2px;







}















/* ---------- 11. Layout BOX ART (home) ---------- */







.ba-band{ padding: 0; overflow: hidden; }







.ba-band .nx-band__head{ padding: 1.1rem 1.3rem .9rem; }







.ba-news-grid{







  display: grid;







  grid-template-columns: repeat(3, minmax(0, 1fr));







  gap: 16px;







  padding: 1.1rem 1.3rem 1.4rem;







}







.ba-news-card{







  display: flex;







  flex-direction: column;







  background: var(--nx-panel2);







  /* Cadre bo?te fin autour de toute la carte (image + texte) */







  border: 1.5px solid #0a0c10;







  border-radius: 4px;







  overflow: hidden;







  box-shadow:







    0 0 0 1px rgba(255,255,255,.06) inset,







    0 6px 14px rgba(0,0,0,.18);







  transition: border-color .15s, box-shadow .15s;







}







.ba-news-card:hover{







  transform: none;







  border-color: var(--nx-accent);







  box-shadow:







    0 0 0 1px rgba(255,255,255,.06) inset,







    0 8px 18px rgba(61,126,255,.16);







}







.ba-news-card__art{







  position: relative;







  isolation: isolate;







  aspect-ratio: 16 / 9;







  overflow: hidden;







  display: grid;







  place-items: center;







  padding: .45rem .5rem;







  background:







    linear-gradient(180deg, rgba(255,255,255,.04), transparent 40%),







    var(--nx-hard);







}







.ba-news-card__art.is-empty{







  background: repeating-linear-gradient(-18deg, transparent 0 7px, rgba(255,255,255,.04) 7px 8px), var(--nx-hard);







}







.ba-news-card__art:not(.is-empty)::before{ display: none; }







.ba-news-card__art img{







  position: relative;







  z-index: 1;







  width: auto;







  height: 100%;







  max-width: 100%;







  aspect-ratio: 3 / 4;







  object-fit: cover;







  object-position: center center;







  display: block;







  /* Filet int?rieur l?ger ? le vrai cadre est sur la carte */







  border: 1px solid rgba(10,12,16,.55);







  border-radius: 2px;







  box-shadow: none;







  background: #0a0c10;







}







.ba-news-card__art .nx-chip{







  position: absolute;







  top: 10px;







  left: 10px;







  z-index: 2;







}







.ba-news-card__body{







  display: flex;







  flex-direction: column;







  gap: .45rem;







  min-width: 0;







  padding: .9rem 1rem 1rem;







}







.ba-news-card__body .nx-chip{ display: none; }







.ba-news-card__body strong{







  font-size: .98rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.35;







  color: var(--nx-ink);







  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;







}







.ba-news-card:hover .ba-news-card__body strong{ color: var(--nx-accent); }







.ba-news-card__body time{







  font-size: .68rem; color: var(--nx-muted); letter-spacing: .1em;







  text-transform: uppercase; font-weight: 600; margin-top: auto;







}







.ba-shelf{ padding: 1rem 1.3rem 1.3rem; }







.ba-dates{







  list-style: none;







  margin: 0;







  padding: .2rem 1.3rem 1.4rem;







  display: grid;







  grid-template-columns: repeat(5, minmax(0, 1fr));







  gap: 1rem .85rem;







}







.ba-datecard{







  display: grid;







  gap: .45rem;







  min-width: 0;







  color: inherit;







  text-decoration: none;







}







.ba-datecard__jack{







  position: relative;







  display: block;







  aspect-ratio: 3 / 4;







  overflow: hidden;







  border-radius: 8px;







  border: 1px solid var(--nx-border);







  background: var(--nx-hard);







}







.ba-datecard__jack img{







  width: 100%;







  height: 100%;







  object-fit: cover;







  display: block;







  transition: transform .35s ease;







}







.ba-datecard__jack.is-empty{







  background: repeating-linear-gradient(-18deg, transparent 0 9px, rgba(255,255,255,.04) 9px 10px), var(--nx-hard);







}







.ba-datecard__stamp{







  position: absolute;







  top: .45rem;







  left: .45rem;







  z-index: 1;







  min-width: 2.55rem;







  padding: .28rem .35rem .32rem;







  border-radius: 4px;







  background: #f4f1ea;







  color: #1a1208;







  box-shadow: 3px 3px 0 #0a0c10;







  text-align: center;







  line-height: 1;







}







.ba-datecard.is-soon .ba-datecard__stamp{







  background: var(--nx-accent);







  color: #fff;







  box-shadow: 3px 3px 0 rgba(0,0,0,.45);







}







.ba-datecard__stamp b{







  display: block;







  font-size: 1.05rem;







  font-weight: 800;







  letter-spacing: -.03em;







}







.ba-datecard__stamp em{







  display: block;







  margin-top: .12rem;







  font-style: normal;







  font-size: .58rem;







  font-weight: 800;







  letter-spacing: .12em;







  text-transform: uppercase;







}







.ba-datecard strong{







  display: -webkit-box;







  -webkit-line-clamp: 2;







  -webkit-box-orient: vertical;







  overflow: hidden;







  font-size: .82rem;







  font-weight: 700;







  line-height: 1.25;







  letter-spacing: -.01em;







  color: var(--nx-ink);







}







.ba-datecard span{







  font-size: .62rem;







  font-weight: 700;







  letter-spacing: .06em;







  text-transform: uppercase;







  color: var(--nx-muted);







}







.ba-datecard:hover strong{ color: var(--nx-accent); }







.ba-datecard:hover img{ transform: scale(1.04); }







@media (max-width: 980px){







  .ba-news-grid{ grid-template-columns: repeat(2, 1fr); }







  .ba-dates{ grid-template-columns: repeat(3, minmax(0, 1fr)); }







}







@media (max-width: 560px){







  .ba-news-grid{ grid-template-columns: 1fr; }







  .ba-dates{ grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 1rem; }







}







.ba-cat-mag{







  width: min(var(--nx-max), calc(100% - 2rem));







  margin: 0 auto 2.4rem;







  padding: 1.4rem 0 2rem;







}







.ba-cat-mag .pj-rayon__head{ margin-bottom: 1.2rem; }







.ba-news-grid--cat{







  padding: 0;







  grid-template-columns: repeat(2, minmax(0, 1fr));







  gap: 14px;







}







/* Cat?gorie : m?me dispo image|titre que l?accueil, duo compact */







.ba-news-grid--cat .ba-news-card{







  display: grid;







  grid-template-columns: minmax(5.2rem, 30%) minmax(0, 1fr);







  align-items: stretch;







  min-height: 7.2rem;







  flex-direction: unset;







}







.ba-news-grid--cat .ba-news-card:hover{ transform: none; }







.ba-news-grid--cat .ba-news-card__art{







  aspect-ratio: auto;







  height: 100%;







  min-height: 7.2rem;







  align-self: stretch;







  padding: .4rem .45rem;







}







.ba-news-grid--cat .ba-news-card__art .nx-chip{ display: none; }







.ba-news-grid--cat .ba-news-card__body{







  justify-content: center;







  gap: .3rem;







  padding: .65rem .8rem;







}







.ba-news-grid--cat .ba-news-card__body .nx-chip{







  display: inline-flex;







  align-self: flex-start;







  position: static;







  font-size: .56rem;







  padding: .1rem .38rem;







}







.ba-news-grid--cat .ba-news-card__body strong{







  font-size: .92rem;







  line-height: 1.28;







  -webkit-line-clamp: 3;







}







.ba-news-grid--cat .ba-news-card__body time{







  margin-top: .1rem;







  font-size: .6rem;







}







@media (max-width: 700px){







  .ba-news-grid--cat{ grid-template-columns: 1fr; }







  .ba-news-grid--cat .ba-news-card{







    grid-template-columns: minmax(4.8rem, 32%) minmax(0, 1fr);







    min-height: 6.4rem;







  }







  .ba-news-grid--cat .ba-news-card__art{ min-height: 6.4rem; }







}







.pj-pages{







  display: flex;







  flex-wrap: wrap;







  align-items: center;







  gap: .45rem;







  margin: 1.5rem 0 0;







}







.pj-pages a{







  display: inline-flex;







  align-items: center;







  justify-content: center;







  min-width: 2.5rem;







  min-height: 2.5rem;







  padding: 0 .7rem;







  border: 1px solid var(--nx-border);







  border-radius: 999px;







  background: var(--nx-panel);







  color: var(--nx-ink);







  font-size: .82rem;







  font-weight: 700;







}







.pj-pages a:hover{







  border-color: var(--nx-accent);







  color: var(--nx-accent);







}







.pj-pages a.is-active{







  background: var(--nx-accent);







  border-color: var(--nx-accent);







  color: #fff;







}







.pj-pages__gap{ color: var(--nx-muted); padding: 0 .2rem; }
.pj-pages a.pj-pages__dir{ min-width: auto; padding: 0 .9rem; font-size: .78rem; }







@media (prefers-reduced-motion: reduce){







  .ba-datecard__jack img, .ba-datecard:hover img{ transition: none; transform: none; }







}















.ba-foot{







  text-align: left;







  padding: 2rem 1.2rem 2.4rem;







}







.ba-foot__grid{







  width: min(var(--nx-max), calc(100% - 0rem));







  margin: 0 auto 1.4rem;







  display: grid;







  grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr));







  gap: 1.6rem 2rem;







}







.ba-foot .nx-logo{ justify-content: flex-start; margin: 0 0 .7rem; }







.ba-foot__brand p{







  margin: 0;







  max-width: 18rem;







  color: var(--nx-muted);







  font-size: .88rem;







  line-height: 1.45;







}







.ba-foot__label{







  margin: 0 0 .55rem;







  font-size: .68rem;







  font-weight: 800;







  letter-spacing: .16em;







  text-transform: uppercase;







  color: var(--nx-accent);







}







.ba-foot__col{







  display: grid;







  align-content: start;







  gap: .4rem;







}







.ba-foot__col a{







  color: var(--nx-muted);







  font-size: .88rem;







  text-decoration: none;







}







.ba-foot__col a:hover{ color: var(--nx-ink); }







.ba-foot .nx-foot__meta{







  width: min(var(--nx-max), 100%);







  margin: 0 auto;







  padding-top: 1.1rem;







  border-top: 1px solid var(--nx-border);







}







@media (max-width: 800px){







  .ba-foot__grid{ grid-template-columns: 1fr 1fr; }







}







@media (max-width: 520px){







  .ba-foot__grid{ grid-template-columns: 1fr; gap: 1.3rem; }







}















/* ====================================================================







   Fin de la skin BOX ART







   ==================================================================== */















/* ---------- 12. v1.2 ? hero "store", rayon mixte, menu pill ---------- */







.ba-spot{







  background:







    radial-gradient(640px 340px at 14% 38%, rgba(61,126,255,.10), transparent 70%),







    var(--nx-bg);







  border-bottom: 1px solid var(--nx-border);







  min-height: 0;







  padding: 0;







}







.ba-spot .nx-hero__art, .ba-spot .nx-hero__veil{ display: none; }







.ba-spot__inner{







  max-width: var(--nx-max);







  margin: 0 auto;







  padding: 3rem 20px 3.2rem;







  display: grid;







  grid-template-columns: auto minmax(0, 1fr) auto;







  gap: 2.4rem;







  align-items: center;







}







.ba-spot__art .nx-jack{







  position: relative;







  isolation: isolate;







  overflow: hidden;







  width: min(280px, 68vw);







  padding: 14px;







  background: var(--nx-panel);







  border: 1px solid var(--nx-border2);







  border-radius: var(--nx-r);







  box-shadow:







    0 34px 70px rgba(0,0,0,.55),







    0 0 0 1px rgba(61,126,255,.10),







    0 0 52px rgba(61,126,255,.14);







}







.ba-spot__art .nx-jack img{







  width: 100%;







  border: 1px solid var(--nx-border);







  border-radius: 3px;







  box-shadow: none;







}







.ba-spot__copy .nx-hero__title{







  font-size: clamp(2rem, 4.6vw, 3.4rem);







  font-weight: 900;







  line-height: 1.03;







}







.ba-spot__copy .nx-hero__lede{ max-width: 62ch; margin: 1rem 0 1.4rem; }







.ba-spot__meta{







  display: flex; flex-wrap: wrap; gap: .7rem;







  margin-top: 1.4rem;







  font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;







  color: var(--nx-muted);







}







.ba-spot__side .nx-float, .ba-spot__side{







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  padding: 1rem 1.2rem;







  min-width: 220px;







}















/* ---------- Double vitrine ? ? la une ? ? 2 billets, hauteur courte ---------- */







.ba-spot--duo{







  background:







    radial-gradient(520px 220px at 8% 40%, rgba(61,126,255,.09), transparent 65%),







    var(--nx-bg);







  padding: .85rem 0 1rem;







}







.ba-spot-duo{







  max-width: var(--nx-max);







  margin: 0 auto;







  padding: 0 16px;







  display: grid;







  grid-template-columns: auto minmax(0, 1fr);







  gap: 0;







  align-items: stretch;







  border: 1.5px solid #0a0c10;







  border-radius: 5px;







  overflow: hidden;







  background: var(--nx-panel2);







  box-shadow:







    0 0 0 1px rgba(255,255,255,.05) inset,







    0 8px 22px rgba(0,0,0,.16);







}







.ba-spot-duo--empty{







  display: block;







  padding: 1.4rem 1.2rem;







}







.ba-spot-duo__rail{







  margin: 0;







  writing-mode: vertical-rl;







  transform: rotate(180deg);







  display: grid;







  place-items: center;







  padding: .7rem .4rem;







  background: var(--nx-accent);







  color: #fff;







  font-size: .66rem;







  font-weight: 700;







  letter-spacing: .22em;







  text-transform: uppercase;







  border-right: 0;







}







.ba-spot-duo__rail span{ display: block; }







.ba-spot-duo__bills{







  display: grid;







  grid-template-columns: repeat(2, minmax(0, 1fr));







  min-width: 0;







}







.ba-spot-duo--solo .ba-spot-duo__bills{ grid-template-columns: 1fr; }







.ba-spot-bill{







  display: grid;







  grid-template-columns: 5.6rem minmax(0, 1fr);







  gap: .75rem;







  align-items: center;







  min-height: 0;







  padding: .7rem .85rem .7rem .7rem;







  color: inherit;







  text-decoration: none;







  border-right: 1px solid var(--nx-line);







  transition: background .15s ease;







}







.ba-spot-bill:last-child{ border-right: 0; }







.ba-spot-bill:hover{ background: rgba(61,126,255,.05); }







.ba-spot-bill__jack{







  position: relative;







  width: 5.6rem;







  aspect-ratio: 3 / 4;







  overflow: hidden;







  border: 1.5px solid #0a0c10;







  border-radius: 3px;







  background: var(--nx-hard);







  box-shadow: 0 4px 12px rgba(0,0,0,.22);







  flex-shrink: 0;







}







.ba-spot-bill__jack.is-empty{







  background: repeating-linear-gradient(-18deg, transparent 0 7px, rgba(255,255,255,.04) 7px 8px), var(--nx-hard);







}







.ba-spot-bill__jack img{







  width: 100%;







  height: 100%;







  object-fit: cover;







  object-position: center;







  display: block;







}







.ba-spot-bill__copy{







  display: flex;







  flex-direction: column;







  gap: .28rem;







  min-width: 0;







}







.ba-spot-bill__copy .nx-chip{







  align-self: flex-start;







  font-size: .54rem;







  padding: .1rem .38rem;







}







.ba-spot-bill__title{







  margin: 0;







  font-size: clamp(.95rem, 1.6vw, 1.12rem);







  font-weight: 800;







  line-height: 1.22;







  letter-spacing: -.015em;







  color: var(--nx-ink);







  display: -webkit-box;







  -webkit-line-clamp: 3;







  -webkit-box-orient: vertical;







  overflow: hidden;







}







.ba-spot-bill:hover .ba-spot-bill__title{ color: var(--nx-accent); }







.ba-spot-bill__when{







  font-size: .58rem;







  font-weight: 700;







  letter-spacing: .1em;







  text-transform: uppercase;







  color: var(--nx-muted);







}







.ba-spot-bill__go{







  margin-top: .15rem;







  font-size: .68rem;







  font-weight: 800;







  letter-spacing: .06em;







  text-transform: uppercase;







  color: var(--nx-accent);







  opacity: .85;







}







@media (max-width: 820px){







  .ba-spot-duo__bills{ grid-template-columns: 1fr; }







  .ba-spot-bill{ border-right: 0; border-bottom: 1px solid var(--nx-line); }







  .ba-spot-bill:last-child{ border-bottom: 0; }







}







@media (max-width: 520px){







  .ba-spot--duo{ padding: .65rem 0 .75rem; }







  .ba-spot-duo{ margin-inline: 12px; width: auto; max-width: none; }







  .ba-spot-duo__rail{ letter-spacing: .18em; padding: .55rem .28rem; font-size: .55rem; }







  .ba-spot-bill{







    grid-template-columns: 4.8rem minmax(0, 1fr);







    gap: .65rem;







    padding: .6rem .7rem;







  }







  .ba-spot-bill__jack{ width: 4.8rem; }







  .ba-spot-bill__title{ font-size: .92rem; -webkit-line-clamp: 2; }







}







/* rayon : cartes "sortie" */







.ba-shelf-release{ position: relative; }







.ba-shelf-release .nx-game__jack{ border-style: dashed; }







.ba-shelf-release .ba-soon{







  position: absolute; top: 10px; left: 10px; z-index: 2;







  font-size: .56rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;







  color: #fff; background: linear-gradient(90deg, var(--nx-accent), var(--nx-purple));







  padding: .3rem .65rem; border-radius: 999px;







  box-shadow: 0 6px 18px rgba(61,126,255,.35);







}







/* menu : trigger pill */







.nx-jeux__trigger{







  background: var(--nx-panel2);







  border: 1px solid var(--nx-border);







  color: var(--nx-ink);







  border-radius: 999px;







  padding: .5rem 1.2rem;







}







.nx-jeux:hover .nx-jeux__trigger,







.nx-jeux__trigger.is-active{







  border-color: var(--nx-accent);







  color: var(--nx-accent);







  background: rgba(61,126,255,.07);







}







.nx-jeux__sheet{ border-left: 3px solid var(--nx-accent); }







/* polish grille actus */







.ba-news-card__art img{ transform: none; transition: transform .35s ease; }







.ba-news-card:hover .ba-news-card__art img{ transform: scale(1.03); }















/* Home split : actus | t?l?chargements (tableau ? droite) */







.ba-home-split{







  display: grid;







  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);







  gap: 0;







  align-items: stretch;







  border-top: 1px solid var(--nx-line);







}







.ba-home-split--solo{ grid-template-columns: 1fr; }







.ba-home-split > .ba-news-grid{







  grid-column: 1;







  min-width: 0;







}







.ba-home-split > .ba-home-dl{







  grid-column: 2;







  min-width: 0;







}







.ba-home-split--solo > .ba-news-grid{ grid-column: 1; }







.ba-home-dl{







  display: flex;







  flex-direction: column;







  padding: 1rem 1.15rem 1.25rem;







  border-left: 1px solid var(--nx-line);







  background: var(--nx-panel);







  min-height: 100%;







}







.ba-home-dl h3{







  margin: 0 0 .85rem;







  font-size: .78rem;







  font-weight: 800;







  letter-spacing: .12em;







  text-transform: uppercase;







  color: var(--nx-ink);







  flex: 0 0 auto;







}







.ba-home-dl__list{







  margin: 0;







  flex: 1 1 auto;







  display: flex;







  flex-direction: column;







  justify-content: space-between;







  gap: 0;







  min-height: 0;







}







.ba-home-dl__list > li{







  flex: 1 1 0;







  display: flex;







  align-items: center;







  min-height: 0;







}







.ba-home-dl__list > li > a{







  width: 100%;







  height: 100%;







  align-content: center;







  border-bottom: 1px solid var(--nx-line);







  padding: .35rem 0;







}







.ba-home-dl__list > li:last-child > a{ border-bottom: 0; }







.ba-home-dl .nx-more{







  margin-top: .85rem;







  flex: 0 0 auto;







}







.ba-home-dl__ph{







  display: grid;







  place-items: center;







  width: 2.6rem;







  height: 3.4rem;







  border-radius: 4px;







  background: var(--nx-hard);







  border: 1px solid var(--nx-line);







  font-size: .85rem;







  font-weight: 800;







  color: var(--nx-muted);







}







/* Home actus : duo image|titre ? un cran plus lisible, hauteur ma?tris?e */







.ba-home-split .ba-news-grid{







  grid-template-columns: repeat(2, minmax(0, 1fr));







  gap: 14px;







  padding: 1rem 1.2rem 1.25rem;







}







.ba-home-split--solo .ba-news-grid{







  grid-template-columns: repeat(2, minmax(0, 1fr));







}







.ba-home-split .ba-news-card{







  display: grid;







  grid-template-columns: minmax(5.2rem, 30%) minmax(0, 1fr);







  align-items: stretch;







  min-height: 7.2rem;







  flex-direction: unset;







}







.ba-home-split .ba-news-card:hover{ transform: none; }







.ba-home-split .ba-news-card__art{







  aspect-ratio: auto;







  height: 100%;







  min-height: 7.2rem;







  align-self: stretch;







  padding: .4rem .45rem;







}







.ba-home-split .ba-news-card__art .nx-chip{ display: none; }







.ba-home-split .ba-news-card__art img{







  object-fit: cover;







  object-position: center center;







}







.ba-home-split .ba-news-card__body{







  justify-content: center;







  gap: .3rem;







  padding: .65rem .8rem;







}







.ba-home-split .ba-news-card__body .nx-chip{







  display: inline-flex;







  align-self: flex-start;







  position: static;







  font-size: .56rem;







  padding: .1rem .38rem;







}







.ba-home-split .ba-news-card__body strong{







  font-size: .92rem;







  line-height: 1.28;







  -webkit-line-clamp: 3;







}







.ba-home-split .ba-news-card__body time{







  margin-top: .1rem;







  font-size: .6rem;







}















/* Home ? bandeau haut ? Les 6 derni?res ? (marquee) */







.ba-top-news{







  display: flex;







  align-items: stretch;







  gap: 0;







  margin: 0 0 .85rem;







  border: 1px solid var(--nx-line);







  border-radius: var(--nx-r);







  background: var(--nx-panel);







  overflow: hidden;







  box-shadow: 0 4px 14px rgba(0,0,0,.12);







}







.ba-top-news__label{







  flex: 0 0 auto;







  display: flex;







  align-items: center;







  margin: 0;







  padding: .55rem .85rem;







  background: linear-gradient(135deg, var(--nx-accent), color-mix(in srgb, var(--nx-accent) 72%, #000 28%));







  color: #fff;







  font-size: .62rem;







  font-weight: 800;







  letter-spacing: .14em;







  text-transform: uppercase;







  white-space: nowrap;







}







.ba-top-news__viewport{







  flex: 1 1 auto;







  min-width: 0;







  overflow: hidden;







  position: relative;







  mask-image: linear-gradient(90deg, transparent, #000 1.25rem, #000 calc(100% - 1.25rem), transparent);







}







.ba-top-news__track{







  display: flex;







  align-items: center;







  gap: .85rem;







  width: max-content;







  padding: .62rem 1rem;







  animation: ba-top-news-scroll 42s linear infinite;







}







.ba-top-news:hover .ba-top-news__track,







.ba-top-news:focus-within .ba-top-news__track{







  animation-play-state: paused;







}







.ba-top-news__item{







  display: inline-flex;







  align-items: baseline;







  gap: .55rem;







  flex: 0 0 auto;







  color: var(--nx-ink);







  text-decoration: none;







  white-space: nowrap;







  transition: color .15s ease;







}







.ba-top-news__item:hover{ color: var(--nx-accent); }







.ba-top-news__item strong{







  font-size: .82rem;







  font-weight: 700;







  letter-spacing: -.01em;







}







.ba-top-news__item time{







  font-size: .62rem;







  font-weight: 700;







  letter-spacing: .06em;







  text-transform: uppercase;







  color: var(--nx-muted);







}







.ba-top-news__sep{







  flex: 0 0 auto;







  font-size: .45rem;







  color: color-mix(in srgb, var(--nx-accent) 55%, var(--nx-muted) 45%);







  opacity: .85;







}







.ba-top-news__more{







  flex: 0 0 auto;







  align-self: center;







  margin-right: .75rem;







  padding: .35rem .55rem;







  font-size: .62rem;







  font-weight: 800;







  letter-spacing: .08em;







  text-transform: uppercase;







  color: var(--nx-accent);







  white-space: nowrap;







}







.ba-top-news__more:hover{ text-decoration: underline; }







@keyframes ba-top-news-scroll{







  from{ transform: translateX(0); }







  to{ transform: translateX(-50%); }







}







@media (max-width: 720px){







  .ba-top-news{ flex-wrap: wrap; }







  .ba-top-news__label{ width: 100%; justify-content: center; }







  .ba-top-news__viewport{ width: 100%; }







  .ba-top-news__more{







    width: 100%;







    margin: 0;







    padding: .45rem .85rem .65rem;







    text-align: center;







    border-top: 1px solid var(--nx-line);







  }







}







@media (prefers-reduced-motion: reduce){







  .ba-top-news__track{







    animation: none;







    flex-wrap: wrap;







    width: auto;







    white-space: normal;







    row-gap: .35rem;







  }







  .ba-top-news__item{ white-space: normal; }







  .ba-top-news__sep{ display: none; }







}















@media (max-width: 980px){







  .ba-home-split{ grid-template-columns: 1fr; }







  .ba-home-split > .ba-news-grid,







  .ba-home-split > .ba-home-dl{ grid-column: 1; }







  .ba-home-dl{







    border-left: 0;







    border-top: 1px solid var(--nx-line);







    min-height: 0;







  }







  .ba-home-dl__list{







    display: grid;







    grid-template-columns: 1fr;







    justify-content: start;







  }







  .ba-home-dl__list > li{ flex: none; }







  .ba-home-split .ba-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }







}







@media (max-width: 560px){







  .ba-home-split .ba-news-grid,







  .ba-home-split--solo .ba-news-grid{ grid-template-columns: 1fr; }







  .ba-home-split .ba-news-card{







    grid-template-columns: minmax(4.8rem, 32%) minmax(0, 1fr);







    min-height: 6.4rem;







  }







  .ba-home-split .ba-news-card__art{ min-height: 6.4rem; }







}







@media (prefers-reduced-motion: reduce){







  .ba-gamecard .nx-game__jack-glow,







  .nx-shelf .nx-game__jack-glow,







  .ba-news-card__art::before{ filter: blur(10px) saturate(1); opacity: .35; transform: none; }







}







/* responsive hero store */







@media (max-width: 1080px){







  .ba-spot__inner{ grid-template-columns: auto minmax(0, 1fr); }







  .ba-spot__side{ display: none; }







}







@media (max-width: 700px){







  .ba-spot__inner{







    grid-template-columns: 7.4rem minmax(0, 1fr);







    gap: .85rem .9rem;







    padding: 1rem 16px 1.15rem;







    align-items: start;







  }







  .ba-spot__art .nx-jack{ width: 7.4rem; padding: 6px; }







  .ba-spot__art .nx-jack img{ width: 100%; }







  .ba-spot__copy .nx-hero__title{ font-size: clamp(1.28rem, 6.2vw, 1.55rem); }







  .ba-spot__copy .nx-hero__lede{ margin: .45rem 0 .7rem; font-size: .9rem; }







  .ba-spot__meta{ margin-top: .7rem; }







}















/* ---------- 14. v1.4 ? hero store global (articles, hub, pages) + logo ---------- */







.nx-logo__tag{







  font-size: .55rem;







  font-weight: 800;







  letter-spacing: .32em;







  text-transform: uppercase;







  color: var(--nx-accent);







  margin-left: .55rem;







  align-self: flex-end;







  padding-bottom: .2rem;







}







/* hero : fond plat par d?faut ; fiches jeu = key art plein cadre */







.nx-hero{







  background:







    radial-gradient(640px 340px at 12% 42%, rgba(61,126,255,.10), transparent 70%),







    var(--nx-bg);







  min-height: 0;







  border-bottom: 1px solid var(--nx-border);







}







.nx-hero--home{ min-height: 0; }







.nx-hero__art, .nx-hero__veil{ display: none; }















/* Hub jeu ? banni?re type store (jaquette + fond cin?matique) */







.pj-hub .nx-hero{







  position: relative;







  overflow: hidden;







  isolation: isolate;







  min-height: clamp(18rem, 42vw, 26rem);







  background: #07090e;







  border-bottom: 1px solid var(--nx-border);







}







.pj-hub .nx-hero__art,







.pj-hub .nx-hero__veil{







  display: block;







  position: absolute;







  inset: 0;







  z-index: 0;







}







.pj-hub .nx-hero__art img{







  width: 100%;







  height: 100%;







  object-fit: cover;







  object-position: center 28%;







  filter: saturate(1.05) contrast(1.04);







}







.pj-hub .nx-hero--cover-bg .nx-hero__art img{







  filter: blur(22px) saturate(1.2) contrast(1.05);







  transform: scale(1.22);







  object-position: center;







}







.pj-hub .nx-hero__veil{







  z-index: 1;







  background:







    linear-gradient(90deg, rgba(7,9,14,.94) 0%, rgba(7,9,14,.72) 38%, rgba(7,9,14,.28) 68%, rgba(7,9,14,.55) 100%),







    linear-gradient(180deg, rgba(7,9,14,.25) 0%, transparent 35%, rgba(7,9,14,.88) 100%);







  pointer-events: none;







}







.pj-hub .nx-hero__grid{







  position: relative;







  z-index: 2;







  align-items: center;







  padding-top: 2.4rem;







  padding-bottom: 2.4rem;







}







.pj-hub .nx-hero__title,







.pj-hub .nx-hero__lede{







  color: #f4f7fc;







  text-shadow: 0 1px 18px rgba(0,0,0,.45);







}







.pj-hub .nx-hero__lede{ color: rgba(232,238,247,.88); }







.pj-hub .nx-plats-pills{







  display: flex;







  flex-wrap: wrap;







  gap: .4rem;







  list-style: none;







  margin: 0 0 .75rem;







  padding: 0;







}







.pj-hub .nx-plats-pills li{







  padding: .28rem .7rem;







  border-radius: 999px;







  background: rgba(255,255,255,.92);







  color: #121820;







  font-size: .68rem;







  font-weight: 800;







  letter-spacing: .04em;







  text-transform: uppercase;







}







@media (prefers-reduced-motion: reduce){







  .pj-hub .nx-hero__art img{ animation: none !important; }







}







.nx-hero__grid{







  max-width: var(--nx-max);







  margin: 0 auto;







  padding: 2.8rem 20px 3rem;







  display: grid;







  grid-template-columns: auto minmax(0, 1fr) auto;







  gap: 2.4rem;







  align-items: center;







}







.nx-jack{







  position: relative;







  isolation: isolate;







  overflow: hidden;







  padding: 14px;







  background: var(--nx-panel);







  border: 1px solid var(--nx-border2);







  border-radius: var(--nx-r);







  box-shadow:







    0 34px 70px rgba(0,0,0,.55),







    0 0 0 1px rgba(61,126,255,.10),







    0 0 52px rgba(61,126,255,.14);







}







.nx-jack__glow{







  position: absolute;







  inset: 6px;







  border-radius: 4px;







  background-image: var(--jack);







  background-size: cover;







  background-position: center;







  filter: blur(18px) saturate(1.15);







  transform: scale(1.08);







  opacity: .42;







  z-index: 0;







  pointer-events: none;







}







.nx-jack img{







  position: relative;







  z-index: 1;







  display: block;







  width: min(280px, 68vw);







  height: auto;







  aspect-ratio: 3 / 4;







  object-fit: contain;







  object-position: center center;







  background: #0b0b10;







  border: 1px solid var(--nx-border);







  border-radius: 3px;







  box-shadow: none;







}







.nx-jack--admin{







  padding: 10px;







  background: #121218;







  border: 1px solid rgba(255,255,255,.12);







  border-radius: 10px;







  box-shadow: none;







}















@media (prefers-reduced-motion: reduce) {







  .nx-jack__glow { filter: blur(10px) saturate(1); opacity: .35; transform: none; }







}







.nx-hero__title{







  font-family: var(--nx-sans);







  font-weight: 900;







  font-size: clamp(2rem, 4.6vw, 3.4rem);







  line-height: 1.03;







  letter-spacing: -.02em;







}







.nx-hero__lede{ color: var(--nx-muted); max-width: 62ch; }







.pj-hub .nx-hero{







  min-height: 0;







}







.pj-hub .nx-hero__grid{







  align-items: end;







  padding: 1.6rem 20px 1.1rem;







  gap: 1.35rem 2rem;







}







.pj-hub .nx-jack img{







  width: min(280px, 68vw);







  height: auto;







  aspect-ratio: 3 / 4;







  object-fit: contain;







  object-position: center center;







}







.nx-float{







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







}







@media (max-width: 1080px){







  .nx-hero__grid{ grid-template-columns: auto minmax(0, 1fr); }







  .nx-float{ display: none; }







}







@media (max-width: 700px){







  .nx-hero__grid{ grid-template-columns: 1fr; gap: 1.2rem; padding: 1.4rem 16px 1.6rem; }







  .nx-jack img{ width: min(168px, 48vw); }







}















/* ---------- 15. Cartes catalogue / sorties / recherche (box-art) ---------- */







.nx-body .pj-rayon-shelf,







.nx-body .pj-cal-day__shelf,







.nx-body .pj-search-block .pj-shelf {







  display: grid;







  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));







  gap: 1.4rem 1.1rem;







  align-items: stretch;







}







.nx-body .pj-rayon-shelf .ba-gamecard,







.nx-body .pj-cal-day__shelf .ba-gamecard,







.nx-body .pj-search-block .ba-gamecard,







.nx-body .pj-family-bay .ba-gamecard {







  width: 100%;







  max-width: none;







  min-width: 0;







  flex: none;







  height: 100%;







}







.ba-gamecard {







  display: flex;







  flex-direction: column;







  height: 100%;







  margin: 0;







  padding: 0.7rem 0.7rem 0.85rem;







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  box-shadow: none;







  transition: border-color 0.15s ease, box-shadow 0.15s ease;







}







.ba-gamecard:hover {







  border-color: rgba(61, 126, 255, 0.55);







  box-shadow: 0 10px 28px rgba(61, 126, 255, 0.12);







}







.ba-gamecard__link {







  display: flex;







  flex-direction: column;







  gap: 0.35rem;







  flex: 1 1 auto;







  min-height: 100%;







  min-width: 0;







  color: inherit;







  text-decoration: none;







}







.ba-gamecard__link:hover {







  transform: none;







}







.ba-gamecard .nx-game__jack,







.ba-gamecard__link .nx-game__jack,







.nx-shelf .nx-game__jack {







  position: relative;







  isolation: isolate;







  display: grid;







  aspect-ratio: 3 / 4;







  overflow: hidden;







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  background: var(--nx-panel2);







  box-shadow: none;







  transition: border-color 0.15s ease, box-shadow 0.15s ease;







}







.ba-gamecard .nx-game__jack-glow,







.ba-gamecard__link .nx-game__jack-glow,







.nx-shelf .nx-game__jack-glow{







  position: absolute;







  inset: 0;







  z-index: 0;







  background-image: var(--jack);







  background-size: cover;







  background-position: center;







  filter: blur(16px) saturate(1.1);







  transform: scale(1.12);







  opacity: .45;







  pointer-events: none;







}







.ba-gamecard .nx-game__jack img,







.ba-gamecard__link .nx-game__jack img {







  position: relative;







  z-index: 1;







  width: 100%;







  height: 100%;







  object-fit: contain;







  object-position: center center;







  transition: transform 0.35s ease;







}







.ba-gamecard__link:hover .nx-game__jack {







  border-color: var(--nx-accent);







  box-shadow: 0 12px 30px rgba(61, 126, 255, 0.16);







}







.ba-gamecard__link:hover .nx-game__jack img {







  transform: scale(1.04);







}







.ba-gamecard__title {







  display: -webkit-box;







  -webkit-line-clamp: 2;







  -webkit-box-orient: vertical;







  overflow: hidden;







  min-height: 0;







  margin: 0.15rem 0 0;







  font-size: 0.92rem;







  font-weight: 800;







  line-height: 1.25;







  letter-spacing: -0.01em;







  color: var(--nx-ink);







}







.ba-gamecard__line {







  display: -webkit-box;







  -webkit-line-clamp: 2;







  -webkit-box-orient: vertical;







  min-height: 0;







  margin: 0;







  font-size: 0.78rem;







  font-weight: 600;







  line-height: 1.35;







  color: var(--nx-muted);







  white-space: normal;







  overflow: hidden;







}







.ba-gamecard__line:empty {







  display: none;







}







.ba-gamecard__link:hover .ba-gamecard__title {







  color: var(--nx-accent);







}







.ba-gamecard__plat,







.ba-gamecard__genre,







.ba-gamecard__date {







  color: var(--nx-muted);







}







.ba-gamecard__date {







  text-transform: uppercase;







  letter-spacing: 0.04em;







  font-size: 0.74rem;







}







.ba-gamecard__flags {







  color: var(--nx-accent);







  font-weight: 700;







  font-size: 0.68rem;







  letter-spacing: 0.06em;







  text-transform: uppercase;







}







.nx-shelf.ba-shelf {







  align-items: stretch;







}







.nx-shelf.ba-shelf > li {







  display: flex;







  min-height: 100%;







}







.nx-shelf.ba-shelf .ba-gamecard__link {







  flex: 1 1 auto;







  width: 100%;







  height: 100%;







  padding: 0.7rem 0.7rem 0.85rem;







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  box-sizing: border-box;







}







.nx-shelf.ba-shelf .ba-gamecard__link:hover {







  border-color: rgba(61, 126, 255, 0.55);







  box-shadow: 0 10px 28px rgba(61, 126, 255, 0.12);







}







.nx-body .pj-rayon__light {







  display: none;







}







.nx-body .pj-rayon__head h1 {







  font-family: var(--nx-sans);







  font-weight: 900;







  letter-spacing: -0.02em;







  color: var(--nx-ink);







}







.nx-body .pj-rayon__lede,







.nx-body .pj-rayon__count,







.nx-body .pj-crumb {







  color: var(--nx-muted);







}







@media (prefers-reduced-motion: reduce) {







  .ba-gamecard__link:hover,







  .ba-gamecard__link:hover .nx-game__jack img {







    transform: none;







  }







}







@media (max-width: 640px) {







  .nx-body .pj-rayon-shelf,







  .nx-body .pj-cal-day__shelf,







  .nx-body .pj-search-block .pj-shelf {







    grid-template-columns: repeat(2, minmax(0, 1fr));







    gap: 1.1rem 0.85rem;







  }







}















/* ---------- 16. Filtres catalogue ? cadres s?par?s + selects lisibles ---------- */







.nx-body .pj-filters,







.nx-body .pj-cal-filters {







  display: flex;







  flex-wrap: wrap;







  gap: 0.75rem;







  align-items: stretch;







  margin: 0 0 1.75rem;







  padding: 0.85rem;







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







  box-shadow: none;







}







.nx-body .pj-filters label,







.nx-body .pj-cal-filters label {







  display: grid;







  gap: 0.4rem;







  flex: 1 1 10.5rem;







  min-width: 9.5rem;







  max-width: 100%;







  margin: 0;







  padding: 0.7rem 0.8rem 0.85rem;







  background: var(--nx-panel2);







  border: 1px solid var(--nx-border2);







  border-radius: var(--nx-r);







  color: var(--nx-muted);







  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);







}







.nx-body .pj-filters label:focus-within,







.nx-body .pj-cal-filters label:focus-within {







  border-color: var(--nx-accent);







  box-shadow: 0 0 0 1px rgba(61, 126, 255, 0.35);







}







.nx-body .pj-filters span,







.nx-body .pj-cal-filters span {







  display: block;







  margin: 0;







  font-family: var(--nx-sans);







  font-size: 0.62rem;







  font-weight: 800;







  letter-spacing: 0.14em;







  text-transform: uppercase;







  color: var(--nx-accent);







  line-height: 1.2;







}







.nx-body .pj-filters select,







.nx-body .pj-cal-filters select {







  appearance: none;







  -webkit-appearance: none;







  width: 100%;







  min-width: 0;







  max-width: none;







  min-height: 2.55rem;







  margin: 0;







  padding: 0.55rem 2.2rem 0.55rem 0.75rem;







  border: 1px solid var(--nx-border2);







  border-radius: 999px;







  background-color: var(--nx-input);







  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%233d7eff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");







  background-repeat: no-repeat;







  background-position: right 0.85rem center;







  background-size: 12px 8px;







  color: var(--nx-ink);







  font-family: var(--nx-sans);







  font-size: 0.88rem;







  font-weight: 700;







  line-height: 1.25;







  cursor: pointer;







  box-shadow: none;







}







.nx-body .pj-filters select:hover,







.nx-body .pj-cal-filters select:hover {







  border-color: var(--nx-accent);







  background-color: var(--nx-select-hover);







}







.nx-body .pj-filters select:focus,







.nx-body .pj-cal-filters select:focus {







  outline: none;







  border-color: var(--nx-accent);







  box-shadow: 0 0 0 2px rgba(61, 126, 255, 0.28);







}







.nx-body .pj-filters select option,







.nx-body .pj-cal-filters select option {







  background-color: var(--nx-panel);







  color: var(--nx-ink);







  font-weight: 600;







}







.nx-body .pj-filters button,







.nx-body .pj-cal-filters button {







  align-self: stretch;







  flex: 0 0 auto;







  min-height: 100%;







  min-width: 7.5rem;







  margin: 0;







  padding: 0.85rem 1.25rem;







  border: 1px solid var(--nx-accent);







  border-radius: var(--nx-r);







  background: var(--nx-accent);







  color: #fff;







  font-family: var(--nx-sans);







  font-size: 0.78rem;







  font-weight: 800;







  letter-spacing: 0.08em;







  text-transform: uppercase;







  cursor: pointer;







  box-shadow: 3px 3px 0 #1a3a7a;







  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;







}







.nx-body .pj-filters button:hover,







.nx-body .pj-cal-filters button:hover {







  filter: none;







  transform: translate(-1px, -1px);







  box-shadow: 4px 4px 0 #1a3a7a;







}







.nx-body .pj-subs {







  margin: 0 0 1.25rem;







  padding: 0.85rem 1rem;







  background: var(--nx-panel);







  border: 1px solid var(--nx-border);







  border-radius: var(--nx-r);







}







.nx-body .pj-subs__label {







  color: var(--nx-accent);







  font-family: var(--nx-sans);







  font-weight: 800;







  letter-spacing: 0.14em;







}







.nx-body .pj-badge,







.nx-body .pj-badge--link {







  background: var(--nx-panel2);







  border: 1px solid var(--nx-border2);







  border-radius: 999px;







  color: var(--nx-ink);







  font-family: var(--nx-sans);







  font-weight: 700;







}







.nx-body a.pj-badge:hover,







.nx-body .pj-badge--link:hover {







  border-color: var(--nx-accent);







  color: var(--nx-accent);







  background: rgba(61, 126, 255, 0.1);







}







@media (max-width: 720px) {







  .nx-body .pj-filters,







  .nx-body .pj-cal-filters {







    padding: 0.65rem;







    gap: 0.55rem;







  }







  .nx-body .pj-filters label,







  .nx-body .pj-cal-filters label {







    flex: 1 1 calc(50% - 0.55rem);







    min-width: 0;







  }







  .nx-body .pj-filters button,







  .nx-body .pj-cal-filters button {







    flex: 1 1 100%;







    min-height: 2.8rem;







  }







}







@media (prefers-reduced-motion: reduce) {







  .nx-body .pj-filters button:hover,







  .nx-body .pj-cal-filters button:hover {







    transform: none;







  }







}















/* ---------- 17. Android ? rang?es Play Store ---------- */







.nx-body .pj-rayon.ba-playstore {







  --ps-bg: #f6f8fc;







  --ps-ink: #1f1f1f;







  --ps-muted: #5f6368;







  --ps-border: rgba(60, 64, 67, 0.12);







}







.nx-body .ba-playstore__head .pj-kicker {







  color: #01875f;







  font-weight: 700;







  letter-spacing: 0.04em;







  text-transform: uppercase;







}







.nx-body .ba-playstore__panel {







  margin-top: 1.5rem;







  padding: 1.25rem 0 2rem;







  background: var(--ps-bg);







  border-radius: calc(var(--nx-r) + 4px);







  color: var(--ps-ink);







}







.nx-body .ba-playstore__empty {







  margin: 0 1.25rem;







  padding: 2rem 1rem;







  text-align: center;







  color: var(--ps-muted);







  font-size: 0.95rem;







}







.nx-body .ba-playstore__row {







  margin-bottom: 1.75rem;







}







.nx-body .ba-playstore__row-head {







  display: flex;







  align-items: baseline;







  justify-content: space-between;







  gap: 1rem;







  padding: 0 1.25rem 0.65rem;







}







.nx-body .ba-playstore__row-title {







  margin: 0;







  font-size: 1.15rem;







  font-weight: 700;







  letter-spacing: -0.02em;







  color: var(--ps-ink);







}







.nx-body .ba-playstore__row-more {







  font-size: 0.82rem;







  font-weight: 600;







  color: #01875f;







  text-decoration: none;







  white-space: nowrap;







}







.nx-body .ba-playstore__row-more:hover {







  text-decoration: underline;







}







.nx-body .ba-playstore__track-wrap {







  position: relative;







}







.nx-body .ba-playstore__track {







  display: flex;







  gap: 1rem;







  overflow-x: auto;







  scroll-snap-type: x mandatory;







  scroll-padding-inline: 1.25rem;







  padding: 0.35rem 1.25rem 0.5rem;







  -webkit-overflow-scrolling: touch;







  scrollbar-width: none;







}







.nx-body .ba-playstore__track::-webkit-scrollbar {







  display: none;







}







.nx-body .ba-playstore__scroll {







  position: absolute;







  top: 50%;







  right: 0.35rem;







  z-index: 2;







  width: 2.5rem;







  height: 2.5rem;







  margin-top: -1.25rem;







  border: none;







  border-radius: 50%;







  background: #fff;







  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.28), 0 4px 8px rgba(60, 64, 67, 0.12);







  color: var(--ps-muted);







  font-size: 1.6rem;







  line-height: 1;







  cursor: pointer;







  transition: box-shadow 0.15s ease, transform 0.15s ease;







}







.nx-body .ba-playstore__scroll:hover {







  box-shadow: 0 2px 6px rgba(60, 64, 67, 0.32);







  transform: scale(1.04);







}







.nx-body .ba-ps-tile {







  flex: 0 0 7rem;







  scroll-snap-align: start;







}







.nx-body .ba-ps-tile__link {







  display: flex;







  flex-direction: column;







  gap: 0.35rem;







  padding: 0.35rem 0.45rem;







  border-radius: 12px;







  color: inherit;







  text-decoration: none;







  transition: background 0.12s ease;







}







.nx-body .ba-ps-tile__link:hover {







  background: rgba(60, 64, 67, 0.06);







}







.nx-body .ba-ps-tile__icon {







  display: block;







  width: 7rem;







  height: 7rem;







  border-radius: 22%;







  overflow: hidden;







  background: #e8eaed;







  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.18);







}







.nx-body .ba-ps-tile__icon.is-empty {







  background: linear-gradient(145deg, #e8eaed, #dadce0);







}







.nx-body .ba-ps-tile__icon img {







  width: 100%;







  height: 100%;







  object-fit: cover;







}







.nx-body .ba-ps-tile__title {







  display: -webkit-box;







  -webkit-line-clamp: 2;







  -webkit-box-orient: vertical;







  overflow: hidden;







  min-height: 2.5em;







  font-size: 0.82rem;







  font-weight: 500;







  line-height: 1.25;







  color: var(--ps-ink);







}







.nx-body .ba-ps-tile__rating {







  display: inline-flex;







  align-items: center;







  gap: 0.2rem;







  font-size: 0.75rem;







  color: var(--ps-muted);







}







.nx-body .ba-ps-tile__star {







  font-size: 0.68rem;







  color: var(--ps-muted);







}







.nx-body .ba-playstore__all {







  margin-top: 2rem;







  padding: 0 1.25rem;







  border-top: 1px solid var(--ps-border);







  padding-top: 1.5rem;







}







.nx-body .ba-playstore__grid {







  display: grid;







  grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));







  gap: 0.5rem 1rem;







}







.nx-body .ba-playstore__count {







  margin: 0.25rem 0 1rem;







  font-size: 0.85rem;







  color: var(--ps-muted);







}







@media (max-width: 640px) {







  .nx-body .ba-ps-tile {







    flex-basis: 6.2rem;







  }







  .nx-body .ba-ps-tile__icon {







    width: 6.2rem;







    height: 6.2rem;







  }







  .nx-body .ba-playstore__scroll {







    display: none;







  }







}















.pj-edit-fab{







  position: fixed;







  right: 1.1rem;







  bottom: 1.1rem;







  z-index: 80;







  display: inline-flex;







  align-items: center;







  padding: .7rem 1rem;







  border-radius: 8px;







  background: var(--nx-accent);







  color: #fff;







  font-size: .78rem;







  font-weight: 800;







  letter-spacing: .06em;







  text-transform: uppercase;







  text-decoration: none;







  box-shadow: 4px 4px 0 var(--nx-offset);







}







.pj-edit-fab:hover{







  transform: translate(-2px, -2px);







  box-shadow: 6px 6px 0 var(--nx-offset);







  color: #fff;







}







.ba-comments{ padding: 1.1rem 1.3rem 1.35rem; }







.ba-comments h2{ margin: 0 0 .85rem; }







.ba-comments__flash{







  margin: 0 0 .8rem;







  font-size: .85rem;







  color: var(--nx-accent);







}







.ba-comments__list{







  list-style: none;







  margin: 0 0 1.1rem;







  padding: 0;







  display: grid;







  gap: .75rem;







}







.ba-comment{







  padding: .85rem 1rem;







  border: 1px solid var(--nx-border);







  border-radius: 8px;







  background: var(--nx-panel2);







}







.ba-comment.is-on{ animation: ba-comment-in .35s ease; }







.ba-comment__who{







  display: block;







  font-size: .68rem;







  font-weight: 800;







  letter-spacing: .12em;







  text-transform: uppercase;







  color: var(--nx-accent);







  margin-bottom: .35rem;







}







.ba-comment p{ margin: 0; font-size: .92rem; line-height: 1.45; color: var(--nx-ink); }







.ba-comments__form{ display: grid; gap: .7rem; }







.ba-comments__form label{ display: grid; gap: .28rem; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--nx-muted); }







.ba-comments__form input,







.ba-comments__form textarea{







  width: 100%;







  border: 1px solid var(--nx-border);







  border-radius: 8px;







  background: var(--nx-input);







  color: var(--nx-ink);







  padding: .65rem .75rem;







  font: inherit;







}







.ba-comments__hp{ display: none !important; }







.ba-comments__send{







  justify-self: start;







  border: 0;







  border-radius: 8px;







  background: var(--nx-accent);







  color: #fff;







  font-weight: 800;







  letter-spacing: .08em;







  text-transform: uppercase;







  padding: .7rem 1.1rem;







  cursor: pointer;







  box-shadow: 3px 3px 0 var(--nx-offset);







}







.ba-comments__send:hover{ transform: translate(-1px, -1px); }







@keyframes ba-comment-in{







  from{ opacity: 0; transform: translateY(8px); }







  to{ opacity: 1; transform: none; }







}







@media (prefers-reduced-motion: reduce){







  .pj-edit-fab:hover, .ba-comments__send:hover{ transform: none; }







  .ba-comment.is-on{ animation: none; }







  .ba-dl__card:hover, .ba-dl__jack img{ transform: none; }







}















/* ---------- T?l?chargements (rayon officiel) ---------- */







.nx-mast__chrome{







  display: flex;







  align-items: center;







  justify-content: center;







  gap: .15rem 1rem;







  flex: 1 1 auto;







  min-width: 0;







  overflow: hidden;







}







.nx-mast__chrome a{







  font-size: .78rem;







  font-weight: 600;







  letter-spacing: .04em;







  text-transform: uppercase;







  color: var(--nx-muted);







  padding: .45rem 0;







  border-bottom: 2px solid transparent;







  white-space: nowrap;







}







.nx-mast__chrome a:hover,







.nx-mast__chrome a.is-active{







  color: var(--nx-ink);







  border-bottom-color: var(--nx-accent);







}







.ba-dl{ width: min(var(--nx-max), calc(100% - 2rem)); margin: 1.2rem auto 3rem; }







.ba-dl__hero{







  padding: 1.6rem 0 1.2rem;







  border-bottom: 1px solid var(--nx-line);







  margin-bottom: 1.2rem;







}







.ba-dl__kicker{







  margin: 0 0 .4rem;







  font-size: .68rem;







  letter-spacing: .16em;







  text-transform: uppercase;







  color: var(--nx-accent);







  font-weight: 800;







}







.ba-dl__hero h1{







  margin: 0 0 .55rem;







  font-size: clamp(1.8rem, 4vw, 2.8rem);







  letter-spacing: -.03em;







  line-height: 1.1;







}







.ba-dl__lede{







  margin: 0 0 .7rem;







  max-width: 42rem;







  color: var(--nx-muted);







  font-size: 1.02rem;







  line-height: 1.5;







}







.ba-dl__warn{







  margin: 0 0 1rem;







  font-size: .82rem;







  color: var(--nx-muted);







  border-left: 3px solid var(--nx-accent);







  padding-left: .75rem;







}







.ba-dl__tabs{







  display: flex;







  flex-wrap: wrap;







  gap: .4rem;







}







.ba-dl__tabs a{







  padding: .38rem .85rem;







  border: 1px solid var(--nx-border);







  border-radius: 999px;







  font-size: .72rem;







  font-weight: 700;







  letter-spacing: .08em;







  text-transform: uppercase;







  color: var(--nx-muted);







}







.ba-dl__tabs a.is-on,







.ba-dl__tabs a:hover{







  color: var(--nx-accent);







  border-color: var(--nx-accent);







  background: rgba(61,126,255,.12);







}







.ba-dl__grid{







  list-style: none;







  margin: 0;







  padding: .2rem 1.3rem 1.4rem;







  display: grid;







  grid-template-columns: repeat(4, minmax(0, 1fr));







  gap: 1.1rem .85rem;







}







.ba-dl__grid--home{ grid-template-columns: repeat(4, minmax(0, 1fr)); }







.ba-dl__card{







  display: grid;







  gap: .4rem;







  min-width: 0;







  color: inherit;







}







.ba-dl__jack{







  position: relative;







  display: grid;







  place-items: center;







  aspect-ratio: 3 / 4;







  overflow: hidden;







  border-radius: 8px;







  border: 1px solid var(--nx-border, var(--nx-line));







  background: var(--nx-hard);







}







.ba-dl__jack img{







  width: 100%;







  height: 100%;







  object-fit: contain;







  object-position: center center;







  display: block;







  background: #0b0b10;







  transition: transform .35s ease;







}







.ba-dl__card:hover .ba-dl__jack img{ transform: scale(1.04); }







.ba-dl__jack.is-empty{







  background:







    radial-gradient(120% 80% at 20% 0%, rgba(255,0,85,.28), transparent 55%),







    repeating-linear-gradient(-18deg, transparent 0 9px, rgba(255,255,255,.04) 9px 10px),







    var(--nx-hard);







}







.ba-dl__jack.is-logo{







  background:







    radial-gradient(80% 70% at 50% 40%, rgba(61,126,255,.16), transparent 62%),







    #16161c;







}







.ba-dl__jack.is-logo img{







  object-fit: contain;







  padding: 16%;







}







.ba-dl__jack b{







  font-size: 2.4rem;







  font-weight: 800;







  letter-spacing: -.04em;







  color: #fff;







}







.ba-dl__card strong{







  font-size: .92rem;







  line-height: 1.3;







  display: -webkit-box;







  -webkit-line-clamp: 2;







  -webkit-box-orient: vertical;







  overflow: hidden;







}







.ba-dl__card span{







  font-size: .68rem;







  letter-spacing: .1em;







  text-transform: uppercase;







  color: var(--nx-muted);







  font-weight: 600;







}







.ba-dl__ext{







  font-size: .68rem;







  font-weight: 800;







  letter-spacing: .1em;







  text-transform: uppercase;







  color: var(--nx-accent);







}







.ba-dl__ext:hover{ color: #fff; }







.ba-dl-wish{







  background: var(--nx-accent) !important;







  color: #fff !important;







}







.nx-prose .ba-dl-facts{







  list-style: none;







  margin: 1.1rem 0;







  padding: 0;







  display: grid;







  gap: .45rem;







}







.nx-prose .ba-dl-facts li{







  display: flex;







  gap: .6rem;







  padding: .45rem .6rem;







  border: 1px solid var(--nx-line);







  border-radius: 8px;







  background: rgba(255,255,255,.03);







}







.nx-prose .ba-dl-facts span{







  min-width: 5.5rem;







  font-size: .68rem;







  font-weight: 800;







  letter-spacing: .1em;







  text-transform: uppercase;







  color: var(--nx-muted);







}







.nx-prose .ba-dl-note{







  font-size: .92rem;







  color: var(--nx-muted);







  border-left: 3px solid var(--nx-accent);







  padding-left: .8rem;







}







.nx-prose .ba-dl-go{







  display: inline-flex;







  align-items: center;







  margin-top: .4rem;







  padding: .75rem 1.15rem;







  background: var(--nx-accent);







  color: #fff !important;







  font-weight: 800;







  letter-spacing: .06em;







  text-transform: uppercase;







  border-radius: 8px;







  box-shadow: 3px 3px 0 var(--nx-offset);







}







.nx-prose .ba-dl-go:hover{ transform: translate(-1px, -1px); }







@media (max-width: 980px){







  .ba-dl__grid,







  .ba-dl__grid--home{ grid-template-columns: repeat(3, minmax(0, 1fr)); }







}







@media (max-width: 900px){







  .nx-mast__chrome{ display: none; }







  .nx-mast__search,







  .nx-mast__account{ display: none !important; }







  .nx-mast__tools{







    flex: 0 0 auto;







    gap: .4rem;







  }







  .nx-mast__bar{ gap: .5rem; }







  .nx-logo__word{ font-size: .8rem; }







  .nx-feed,







  .nx-theme,







  .nx-menu-btn{







    width: 2.75rem;







    height: 2.75rem;







  }







}







@media (max-width: 720px){







  .ba-dl__grid,







  .ba-dl__grid--home{ grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 1rem; }







}















/* Actu Sniper ? carte Test (jaquette + badge) */







.pj-sniper-test {







  position: relative;







  display: inline-block;







  max-width: 220px;







  margin: 1.25rem 0 1.5rem;







  vertical-align: top;







}







.pj-sniper-test__badge {







  position: absolute;







  top: 0.55rem;







  left: 0.55rem;







  z-index: 2;







  display: inline-flex;







  align-items: center;







  gap: 0.25rem;







  padding: 0.28rem 0.55rem;







  border-radius: 999px;







  font-size: 0.68rem;







  font-weight: 800;







  letter-spacing: 0.08em;







  text-transform: uppercase;







  color: #0b0b0f;







  background: linear-gradient(135deg, #ffc857, #ff9f1c);







  box-shadow: 2px 2px 0 #111;







}







.pj-sniper-test__badge::before {







  content: "";







  width: 0.45rem;







  height: 0.45rem;







  border-radius: 50%;







  background: #111;







}







.pj-sniper-test__jack {







  position: relative;







  margin: 0;







  border-radius: 10px;







  overflow: hidden;







  border: 2px solid var(--nx-line, #2a2a32);







  box-shadow: 4px 4px 0 var(--nx-offset, #111);







  background: #111;







}







.pj-sniper-test__jack::before {







  content: "";







  position: absolute;







  inset: 0;







  background: inherit;







  background-image: inherit;







  opacity: 0;







  pointer-events: none;







}







.pj-sniper-test__jack img {







  display: block;







  width: 100%;







  height: auto;







  aspect-ratio: 3 / 4;







  object-fit: contain;







  object-position: center center;







  background:







    radial-gradient(120% 80% at 50% 20%, rgba(61,126,255,.18), transparent 60%),







    #0b0b10;







}







@media (min-width: 900px) {







  .pj-sniper-test { float: right; margin: 0 0 1.25rem 1.5rem; }







}















/* Itin?raire soluce ? waypoints verrouill?s */







.ba-itin{ padding: .2rem 0 .4rem; }







.ba-itin__kicker{







  margin: 0;







  color: var(--nx-accent);







  font-size: .66rem;







  font-weight: 800;







  letter-spacing: .22em;







  text-transform: uppercase;







}







.ba-itin__meta, .ba-itin__src{ margin: .25rem 0 0; color: var(--nx-muted); font-size: .85rem; }







.ba-itin__src a{ color: var(--nx-accent); }







.ba-itin__path{ list-style: none; margin: 1.1rem 0 0; padding: 0; display: grid; gap: .7rem; }







.ba-itin__stop{







  display: grid;







  grid-template-columns: 2.2rem minmax(0, 1fr);







  gap: .75rem;







  align-items: start;







}







.ba-itin__cairn{







  display: grid; place-items: center;







  width: 2.2rem; height: 2.2rem; margin-top: .45rem;







  border-radius: 50%;







  background: var(--nx-accent); color: #fff;







  font-weight: 800; font-size: .8rem;







}







.ba-itin__card{







  border: 1.5px solid #0a0c10;







  border-radius: 4px;







  background: var(--nx-panel2);







  padding: .75rem .85rem;







}







.ba-itin__title{ margin: 0 0 .65rem; font-size: 1.02rem; color: var(--nx-ink); }







.ba-itin__grid{ display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin: 0; }







.ba-itin__cell{ margin: 0; padding: .4rem .5rem; background: var(--nx-panel); border-radius: 3px; }







.ba-itin__cell dt{







  font-size: .58rem; font-weight: 800; letter-spacing: .12em;







  text-transform: uppercase; color: var(--nx-accent);







}







.ba-itin__cell dd{ margin: .15rem 0 0; font-size: .82rem; line-height: 1.35; color: var(--nx-ink); }







.ba-itin__cell.is-empty dd{ color: var(--nx-muted); font-style: italic; }







@media (max-width: 640px){ .ba-itin__grid{ grid-template-columns: 1fr; } }















/* Soluce = menu DVD du longplay YouTube */







.ba-vsol{ padding: .15rem 0 .2rem; }







.ba-vsol__kicker{







  margin: 0;







  color: var(--nx-accent);







  font-size: .66rem;







  font-weight: 800;







  letter-spacing: .22em;







  text-transform: uppercase;







}







.ba-vsol__meta{ margin: .28rem 0 0; color: var(--nx-muted); font-size: .88rem; }







.ba-vsol__deck{







  margin-top: 1rem;







  display: grid;







  grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .9fr);







  gap: 1rem;







  align-items: start;







}







.ba-vsol__screen{ min-width: 0; }







.ba-vsol__frame{







  position: sticky;







  top: 4.6rem;







  z-index: 3;







  aspect-ratio: 16 / 9;







  border-radius: 4px;







  overflow: hidden;







  background: #07080c;







  border: 2px solid #0a0c10;







  box-shadow: 4px 4px 0 #0a0c10;







}







.ba-vsol__frame iframe{







  position: absolute; inset: 0;







  width: 100%; height: 100%; border: 0;







}







.ba-vsol__credit{







  margin: .65rem 0 0;







  font-size: .82rem;







  color: var(--nx-ink);







  line-height: 1.35;







}







.ba-vsol__vt{ font-weight: 700; }







.ba-vsol__by, .ba-vsol__legal{ color: var(--nx-muted); }







.ba-vsol__yt{







  color: var(--nx-accent);







  font-weight: 700;







  text-decoration: none;







  margin-left: .15rem;







}







.ba-vsol__yt:hover{ text-decoration: underline; }







.ba-vsol__legal{ margin: .35rem 0 0; font-size: .75rem; line-height: 1.4; }







.ba-vsol__cues{







  list-style: none;







  margin: 0;







  padding: 0;







  max-height: min(70vh, 36rem);







  overflow: auto;







  border: 2px solid #0a0c10;







  background: var(--nx-panel2);







  box-shadow: 4px 4px 0 #0a0c10;







}







.ba-vsol__cues li{ margin: 0; border-bottom: 1px solid var(--nx-line); }







.ba-vsol__cues li:last-child{ border-bottom: 0; }







.ba-vsol__cue{







  display: grid;







  grid-template-columns: 1.7rem 4.1rem minmax(0, 1fr);







  gap: .45rem;







  align-items: center;







  width: 100%;







  margin: 0;







  padding: .55rem .65rem;







  border: 0;







  background: transparent;







  color: inherit;







  font: inherit;







  text-align: left;







  cursor: pointer;







}







.ba-vsol__cue:hover{ background: color-mix(in srgb, var(--nx-accent) 12%, transparent); }







.ba-vsol__cue.is-on{







  background: var(--nx-accent);







  color: #fff;







}







.ba-vsol__n{







  font-size: .68rem;







  font-weight: 800;







  letter-spacing: .04em;







  opacity: .7;







}







.ba-vsol__time{







  font-variant-numeric: tabular-nums;







  font-size: .78rem;







  font-weight: 700;







  font-family: ui-monospace, Consolas, monospace;







}







.ba-vsol__lab{ font-size: .84rem; line-height: 1.3; }







@media (max-width: 860px){







  .ba-vsol__deck{ grid-template-columns: 1fr; }







  .ba-vsol__frame{ position: relative; top: auto; }







  .ba-vsol__cues{ max-height: 22rem; }







}







@media (prefers-reduced-motion: reduce){







  .ba-vsol__frame{ position: relative; top: auto; }







}















/* Spoiler ? [spoiler]?[/spoiler] */







.pj-spoiler {







  display: inline-block;







  cursor: pointer;







  border: none;







  padding: .15em .5em;







  border-radius: 5px;







  font: inherit;







  line-height: inherit;







  background: var(--nx-accent, #e63946);







  color: #fff;







  transition: background .18s, color .18s;







  vertical-align: baseline;







}







.pj-spoiler:hover,







.pj-spoiler:focus-visible {







  filter: brightness(1.08);







  outline: 2px solid var(--nx-accent, #e63946);







  outline-offset: 2px;







}







.pj-spoiler__content { display: none; color: var(--nx-ink, #e8eaed); }







.pj-spoiler__mask { font-size: .84em; font-weight: 600; }







.pj-spoiler.is-revealed {







  background: color-mix(in srgb, var(--nx-ink, #fff) 10%, transparent);







  color: var(--nx-ink, #e8eaed);







  cursor: default;







}







.pj-spoiler.is-revealed .pj-spoiler__mask { display: none; }







.pj-spoiler.is-revealed .pj-spoiler__content { display: inline; }















.nx-prose figure.pj-nexus-inline,



.gh-prose figure.pj-nexus-inline,



.pj-prose figure.pj-nexus-inline {



  margin: 1.2rem 0 1.55rem;



}



.nx-prose figure.pj-nexus-inline img,



.gh-prose figure.pj-nexus-inline img,



.pj-prose figure.pj-nexus-inline img {



  display: block;



  width: 100%;



  height: auto;



  aspect-ratio: 16 / 9;



  object-fit: cover;



  border-radius: 6px;



}

.nx-prose figure.pj-jacket figcaption,
.gh-prose figure.pj-jacket figcaption,
.nx-prose figure figcaption {
  display: block;
  margin: 0.45rem 0 0;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  color: var(--nx-muted, #8b93a7);
}







.nx-prose .pj-gallery,







.pj-gallery {







  display: grid;







  gap: .65rem;







  grid-template-columns: repeat(2, 1fr);







  margin: 1.5rem 0;







  max-width: none;







}







.pj-gallery--2 { grid-template-columns: repeat(2, 1fr); }







.pj-gallery--3 { grid-template-columns: repeat(3, 1fr); }







.pj-gallery--4 { grid-template-columns: repeat(4, 1fr); }







.nx-prose .pj-gallery figure,







.pj-gallery figure {







  margin: 0;







  overflow: hidden;







  border-radius: var(--nx-r, 8px);







  background: var(--nx-raised, #1a1f27);







  cursor: zoom-in;







}







.nx-prose .pj-gallery figure img,







.pj-gallery figure img {







  width: 100%;







  height: 200px;







  object-fit: cover;







  display: block;







  margin: 0;







  border-radius: 0;







  transition: transform .25s, filter .25s;







}







.pj-gallery figure:hover img {







  transform: scale(1.04);







  filter: brightness(1.08);







}







.pj-gallery figure img.pj-gallery--zoom {







  position: fixed;







  inset: 0;







  z-index: 10000;







  width: 100%;







  height: 100%;







  object-fit: contain;







  background: rgba(0, 0, 0, .92);







  cursor: zoom-out;







  border-radius: 0;







  transform: none;







  filter: none;







}







@media (max-width: 600px) {







  .pj-gallery--3,







  .pj-gallery--4 { grid-template-columns: repeat(2, 1fr); }







  .pj-gallery figure img { height: 140px; }







}







@media (prefers-reduced-motion: reduce) {







  .pj-gallery figure img { transition: none; }







  .pj-gallery figure:hover img { transform: none; filter: none; }







}







.nx-board__side { --nx-accent: #3d7eff; }







.nx-month__list .nx-pills { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-top: 0.18rem; }







.nx-month__list .nx-pill { color: var(--nx-muted); font-size: 0.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; background: var(--nx-hard); border-radius: 3px; padding: 0.08rem 0.34rem; line-height: 1.2; }







.nx-month__list .nx-tag { color: var(--nx-accent); font-size: 0.58rem; font-weight: 800; text-transform: uppercase; margin-left: 0.35rem; }







.nx-board__side .nx-more { color: var(--nx-accent); }







.nx-board__side .nx-more:hover { text-decoration: underline; }







/* Fiche jeu: la vid?o Nexus valid?e est un m?dia d'identit?, pas un contenu s?par?. */



.pj-hub .nx-hero__media { margin: 1rem 0 1.15rem; max-width: 58rem; }



.pj-hub .nx-media--hero { overflow: hidden; border: 2px solid var(--nx-accent, #00d7ff); border-radius: 10px; background: #080b10; box-shadow: 0 18px 42px rgba(0,0,0,.35); }



.pj-hub .nx-media--hero img { width: 100%; height: auto; min-height: 180px; aspect-ratio: 16 / 8.25; object-fit: cover; }



.pj-hub .nx-media--hero .nx-media__caption { position: absolute; left: .8rem; bottom: .7rem; max-width: calc(100% - 1.6rem); padding: .42rem .62rem; border-radius: 5px; background: rgba(4,7,12,.8); color: #fff; font-weight: 700; line-height: 1.2; }



.pj-hub .nx-hero__more { display: inline-flex; margin-top: -.5rem; color: var(--nx-accent, #00d7ff); font-weight: 700; font-size: .84rem; }



.pj-hub .nx-hero__more:hover { text-decoration: underline; }



@media (max-width:700px) { .pj-hub .nx-hero__media{margin:.75rem 0 .95rem} .pj-hub .nx-media--hero img{min-height:0} }







/* Fiche Nexus: panneau de r?f?rence et contenus ?ditoriaux reli?s au jeu. */



.pj-hub .nx-float { min-width: 15.5rem; backdrop-filter: blur(18px); background: rgba(13,17,25,.88); box-shadow: 0 20px 48px rgba(0,0,0,.3); }



.pj-hub .nx-float__facts { display: grid; gap: .72rem; margin: 1rem 0 0; padding: 1rem 0 0; border-top: 1px solid var(--nx-line); }



.pj-hub .nx-float__facts div { display: grid; gap: .16rem; }



.pj-hub .nx-float__facts dt { color: var(--nx-muted); font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }



.pj-hub .nx-float__facts dd { margin: 0; color: #fff; font-size: .84rem; font-weight: 650; line-height: 1.35; }



.pj-hub .nx-section-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }



.pj-hub .nx-section-head h2 { margin: 0; }



.pj-hub .nx-section-head__eyebrow { margin: 0 0 .2rem; color: var(--nx-accent); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }



.pj-hub .nx-section-head > span { flex: 0 0 auto; padding: .35rem .66rem; border: 1px solid var(--nx-line); border-radius: 999px; color: var(--nx-muted); font-size: .7rem; font-weight: 700; }



.pj-hub .nx-news__lead .nx-news__k { justify-self: start; margin-top: .18rem; }



.pj-hub .nx-news__stack .nx-news__k { display: block; margin-bottom: .16rem; }



@media (max-width:700px) { .pj-hub .nx-section-head { align-items: start; } }



.pj-hub .nx-hero-gallery { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .5rem; max-width: 58rem; margin: -.45rem 0 1rem; }



.pj-hub .nx-hero-gallery a { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: #080b10; }



.pj-hub .nx-hero-gallery img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform .2s ease, filter .2s ease; }



.pj-hub .nx-hero-gallery a:hover img { transform: scale(1.04); filter: brightness(1.12); }



.pj-hub .nx-hero-gallery .nx-hero-gallery__all { display: flex; align-items: center; justify-content: center; gap: .35rem; min-height: 3.6rem; padding: .5rem; color: #fff; background: rgba(8,11,16,.82); font-size: .72rem; font-weight: 750; text-align: center; }



.pj-hub .nx-gallery__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }



.pj-hub .nx-gallery__grid a { overflow: hidden; border-radius: 10px; background: #080b10; }



.pj-hub .nx-gallery__grid a.is-lead { grid-column: span 2; grid-row: span 2; }



.pj-hub .nx-gallery__grid img { display: block; width: 100%; height: 100%; min-height: 10rem; aspect-ratio: 16/9; object-fit: cover; transition: transform .25s ease, filter .25s ease; }



.pj-hub .nx-gallery__grid a:hover img { transform: scale(1.025); filter: brightness(1.08); }



@media (max-width:700px) { .pj-hub .nx-hero-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); } .pj-hub .nx-gallery__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .pj-hub .nx-gallery__grid a.is-lead { grid-column: span 2; grid-row: auto; } }



@media (prefers-reduced-motion:reduce) { .pj-hub .nx-hero-gallery img,.pj-hub .nx-gallery__grid img { transition:none; } .pj-hub .nx-hero-gallery a:hover img,.pj-hub .nx-gallery__grid a:hover img { transform:none; } }







/* Catalogue Nexus premium. */



.ba-gamecard__score { position:absolute; z-index:3; right:.48rem; top:.48rem; display:inline-flex; align-items:center; gap:.22rem; padding:.3rem .45rem; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#fff; background:rgba(5,8,13,.86); backdrop-filter:blur(8px); box-shadow:0 5px 16px rgba(0,0,0,.32); font-size:.7rem; font-weight:800; line-height:1; }



.ba-gamecard__score span { color:#ffd34e; }



.ba-gamecard__score small { font-size:.62em; font-weight:700; opacity:.85; margin-left:.05em; }







/* Note PlayJoystick — plaque (fiches) */



.pj-note {



  --pj-note-fill: 70;



  --pj-note-hole: var(--nx-bg-2, #121214);



  display: inline-flex;



  align-items: center;



  gap: 0.85rem;



  margin: 0 0 1.15rem;



  padding: 0.72rem 1.15rem 0.72rem 0.72rem;



  max-width: 100%;



  border-radius: 1.15rem;



  border: 1px solid color-mix(in srgb, var(--nx-accent, #3d7eff) 38%, var(--nx-line));



  background:



    linear-gradient(155deg, color-mix(in srgb, var(--nx-accent, #3d7eff) 16%, transparent), transparent 58%),



    var(--nx-bg-2, #121214);



  box-shadow:



    0 12px 28px color-mix(in srgb, var(--nx-accent, #3d7eff) 12%, transparent),



    inset 0 1px 0 rgba(255,255,255,.08);



  color: var(--nx-ink);



}



.pj-note__gauge {



  position: relative;



  flex: 0 0 auto;



  width: 3.35rem;



  height: 3.35rem;



  border-radius: 50%;



  display: grid;



  place-items: center;



  background: conic-gradient(



    from -90deg,



    var(--nx-accent, #3d7eff) calc(var(--pj-note-fill) * 3.6deg),



    color-mix(in srgb, var(--nx-muted) 28%, transparent) 0



  );



  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nx-accent, #3d7eff) 22%, transparent);



}



.pj-note__gauge::after {



  content: "";



  position: absolute;



  inset: 0.4rem;



  border-radius: 50%;



  background: var(--pj-note-hole);



}



.pj-note__star {



  position: relative;



  z-index: 1;



  color: #f3c23a;



  font-size: 1.22rem;



  line-height: 1;



  text-shadow: 0 1px 0 #7a5a12, 0 0 10px rgba(243,194,58,.4);



}



.pj-note__meta {



  display: grid;



  gap: 0.18rem;



  min-width: 0;



}



.pj-note__kicker {



  font: 750 0.62rem/1 var(--nx-sans);



  letter-spacing: 0.14em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.pj-note__value {



  display: flex;



  align-items: baseline;



  gap: 0.12rem;



  line-height: 1;



}



.pj-note__value b {



  font: 800 2.05rem/0.9 var(--nx-sans);



  letter-spacing: -0.045em;



}



.pj-note__value small {



  font: 650 0.95rem/1 var(--nx-sans);



  color: var(--nx-muted);



}



.pj-note--hero {



  margin: 0 0 0.7rem;



  padding: 0.5rem 0.9rem 0.5rem 0.5rem;



  border-radius: 0.95rem;



  background: rgba(8,12,18,.72);



  color: #fff;



  --pj-note-hole: #10151c;



  border-color: rgba(255,255,255,.16);



  backdrop-filter: blur(10px);



}



.pj-note--hero .pj-note__kicker,



.pj-note--hero .pj-note__value small { color: #b8c4d4; }



.pj-note--hero .pj-note__gauge { width: 2.7rem; height: 2.7rem; }



.pj-note--hero .pj-note__gauge::after { inset: 0.32rem; }



.pj-note--hero .pj-note__star { font-size: 1rem; }



.pj-note--hero .pj-note__value b { font-size: 1.55rem; color: #fff; }



.pj-note--verdict { margin: 0.2rem 0 1rem; }



.pj-note--chip {



  position: absolute;



  z-index: 3;



  top: 0.42rem;



  right: 0.42rem;



  margin: 0;



  gap: 0.32rem;



  padding: 0.28rem 0.45rem 0.28rem 0.28rem;



  border-radius: 999px;



  background: rgba(8,12,18,.9);



  color: #fff;



  --pj-note-hole: #141820;



  border-color: rgba(255,255,255,.2);



  box-shadow: 0 6px 16px rgba(0,0,0,.35);



  backdrop-filter: blur(8px);



}



.pj-note--chip .pj-note__kicker { display: none; }



.pj-note--chip .pj-note__gauge { width: 1.65rem; height: 1.65rem; box-shadow: none; }



.pj-note--chip .pj-note__gauge::after { inset: 0.22rem; }



.pj-note--chip .pj-note__star { font-size: 0.72rem; }



.pj-note--chip .pj-note__value b { font-size: 0.82rem; color: #fff; letter-spacing: -0.02em; }



.pj-note--chip .pj-note__value small { font-size: 0.58rem; color: #c5ced8; }



html[data-theme="light"] .pj-note:not(.pj-note--chip):not(.pj-note--hero) {



  background: linear-gradient(155deg, #eef3ff, #fff 55%);



  box-shadow: 0 10px 24px rgba(37,80,160,.08);



  --pj-note-hole: #fff;



}



@media (prefers-reduced-motion: reduce) {



  .pj-note { box-shadow: none; }



}







.ba-gamecard__original { display:block; overflow:hidden; color:var(--nx-muted); font-size:.67rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }



.nx-body .pj-filters__reset { display:flex; align-items:center; justify-content:center; gap:.35rem; align-self:stretch; min-height:3rem; padding:.7rem .9rem; border:1px solid var(--nx-line); border-radius:var(--arc-r-sm,10px); color:var(--nx-muted); font-size:.72rem; font-weight:750; }



.nx-body .pj-filters__reset:hover { border-color:var(--nx-accent); color:var(--nx-ink); }



.nx-body .pj-catalog-summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:.2rem 0 1rem; padding-bottom:.7rem; border-bottom:1px solid var(--nx-line); color:var(--nx-muted); font-size:.72rem; }



.nx-body .pj-catalog-summary p { margin:0; }



.nx-body .pj-catalog-summary .pj-rayon__count { color:var(--nx-ink); font-weight:800; }



.nx-body .pj-rayon__head--entity { position:relative; overflow:hidden; padding:clamp(1.1rem,3vw,2rem); border:1px solid var(--nx-line); border-radius:var(--arc-r-lg,20px); background:radial-gradient(circle at 92% 15%,rgba(255,45,149,.13),transparent 30%),radial-gradient(circle at 8% 90%,rgba(0,229,255,.1),transparent 34%),var(--nx-panel); }



.nx-body .pj-rayon__head--entity h1 { max-width:20ch; margin:.18rem 0 .4rem; font-size:clamp(2rem,5vw,3.7rem); line-height:1.03; }



.nx-body .pj-rayon__head--entity .pj-rayon__lede { max-width:60ch; margin-bottom:0; }



.nx-body .pj-rayon__entity-count { display:inline-flex; margin-top:.85rem; padding:.3rem .6rem; border:1px solid var(--nx-line); border-radius:999px; color:var(--nx-muted); font-size:.68rem; font-weight:750; }



.nx-body .pj-rayon--compact .pj-rayon__light { display:none; }



.nx-body .pj-rayon__head--compact { position:static; overflow:visible; padding:0 0 .55rem; margin:0 0 .85rem; border:0; border-radius:0; border-bottom:0; background:transparent; box-shadow:none; }



.nx-body .pj-rayon__head--compact h1 { max-width:none; margin:0; font-size:clamp(1.35rem,2.4vw,1.85rem); line-height:1.15; letter-spacing:-.03em; }



.nx-body .pj-rayon__head--compact .pj-rayon__lede { max-width:70ch; margin:.35rem 0 0; font-size:.88rem; line-height:1.5; color:var(--nx-muted); }



.nx-body .pj-rayon--no-intro .pj-crumb,



.nx-body .pj-rayon--no-intro .pj-kicker,



.nx-body .pj-rayon--no-intro .pj-rayon__lede { display:none; }



.nx-body .ba-dl__hero--compact {



  padding: 0 0 .85rem;



  margin: 0 0 .85rem;



  border-bottom: 1px solid var(--nx-line);



}



.nx-body .ba-dl__hero--compact h1 {



  margin: 0 0 .65rem;



  font-size: clamp(1.25rem, 2.2vw, 1.7rem);



  line-height: 1.15;



  letter-spacing: -.03em;



}



.nx-body .ba-dl__hero--compact .ba-dl__kicker,



.nx-body .ba-dl__hero--compact .ba-dl__lede,



.nx-body .ba-dl__hero--compact .ba-dl__warn { display: none; }



.nx-body .arc-search__hero--compact {



  margin: 0 0 1.1rem;



  padding: 0 0 .85rem;



  border: 0;



  border-bottom: 1px solid var(--nx-line);



  border-radius: 0;



  background: transparent;



  box-shadow: none;



  overflow: visible;



}



.nx-body .arc-search__hero--compact h1 {



  max-width: none;



  margin: 0 0 .75rem;



  font-size: clamp(1.25rem, 2.2vw, 1.7rem);



  line-height: 1.15;



  letter-spacing: -.03em;



}



.nx-body .arc-search__hero--compact .pj-kicker,



.nx-body .arc-search__hero--compact > p:not(.pj-kicker) { display: none; }



.nx-body .arc-search__hero--compact .arc-search__form {



  display: flex;



  align-items: stretch;



  gap: 0.5rem;



  margin-top: 0;



  max-width: 28rem;



  padding: 0;



  border: 0;



  border-radius: 0;



  background: transparent;



  box-shadow: none;



}



.nx-body .arc-search__hero--compact .arc-search__form input {



  min-width: 0;



  flex: 1;



  padding: 0.5rem 0.7rem;



  border: 1px solid var(--nx-line);



  border-radius: 6px;



  outline: 0;



  color: var(--nx-ink);



  background: var(--nx-panel, transparent);



  font: 450 0.92rem/1.3 inherit;



}



.nx-body .arc-search__hero--compact .arc-search__form input:focus {



  border-color: color-mix(in srgb, var(--nx-ink) 40%, var(--nx-line));



}



.nx-body .arc-search__hero--compact .arc-search__form button {



  flex: 0 0 auto;



  padding: 0.5rem 0.85rem;



  border: 1px solid var(--nx-line);



  border-radius: 6px;



  color: var(--nx-ink);



  background: transparent;



  font: 650 0.82rem/1.3 inherit;



  cursor: pointer;



}



.nx-body .arc-search__hero--compact .arc-search__form button:hover {



  border-color: color-mix(in srgb, var(--nx-ink) 35%, var(--nx-line));



  background: color-mix(in srgb, var(--nx-ink) 6%, transparent);



}







/* Visually hidden — labels / a11y titles */



.nx-body .u-sr-only,



.nx-body .sr-only {



  position: absolute;



  width: 1px;



  height: 1px;



  padding: 0;



  margin: -1px;



  overflow: hidden;



  clip: rect(0, 0, 0, 0);



  white-space: nowrap;



  border: 0;



}







/* EDITORIAL-1 ? pages Test / Soluce / Astuces / Codes */



.nx-body .arc-ed {



  width: min(44rem, calc(100% - 2rem));



  margin: 1rem auto 3rem;



}



.nx-body .arc-ed__game {



  display: grid;



  grid-template-columns: 4.5rem minmax(0, 1fr);



  gap: 0.85rem 1rem;



  align-items: center;



  margin: 0 0 1.25rem;



  padding: 0 0 1rem;



  border-bottom: 1px solid var(--nx-line);



}



.nx-body .arc-ed__cover {



  display: block;



  overflow: hidden;



  border-radius: 8px;



  aspect-ratio: 3/4;



  background: var(--nx-panel);



}



.nx-body .arc-ed__cover img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  display: block;



}



.nx-body .arc-ed__kicker {



  margin: 0 0 0.2rem;



  font-size: 0.68rem;



  font-weight: 800;



  letter-spacing: 0.1em;



  text-transform: uppercase;



  color: var(--nx-accent, #ff2d95);



}



.nx-body .arc-ed__game-title {



  margin: 0;



  font-size: 1.05rem;



  font-weight: 750;



  line-height: 1.25;



}



.nx-body .arc-ed__game-title a { color: inherit; text-decoration: none; }



.nx-body .arc-ed__game-title a:hover { text-decoration: underline; }



.nx-body .arc-ed__plats {



  margin: 0.25rem 0 0;



  font-size: 0.78rem;



  color: var(--nx-muted);



}



.nx-body .arc-ed__to-game {



  display: inline-flex;



  align-items: center;



  min-height: 44px;



  margin-top: 0.35rem;



  font-size: 0.85rem;



  font-weight: 700;



}



.nx-body .arc-ed__head {



  margin: 0 0 1.4rem;



}



.nx-body .arc-ed__head h1 {



  margin: 0;



  font-size: clamp(1.35rem, 3vw, 1.85rem);



  line-height: 1.2;



  letter-spacing: -0.03em;



}



.nx-body .arc-ed__score {



  margin: 0.55rem 0 0;



  font-size: 1.35rem;



  font-weight: 800;



  letter-spacing: -0.02em;



}



.nx-body .arc-ed__chapeau {



  margin: 0.7rem 0 0;



  font-size: 1.05rem;



  line-height: 1.55;



  color: var(--nx-muted);



}



.nx-body .arc-ed__body {



  font-size: 1.02rem;



  line-height: 1.7;



}



.nx-body .arc-ed__body p { margin: 0 0 1rem; }



.nx-body .arc-ed__tips,



.nx-body .arc-ed__codes {



  margin: 0;



  padding: 0;



  list-style: none;



}



.nx-body .arc-ed__tips li,



.nx-body .arc-ed__codes li {



  margin: 0 0 0.75rem;



  padding: 0.75rem 0.9rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: var(--nx-panel);



}



.nx-body .arc-ed__codes code {



  display: inline-block;



  margin-top: 0.25rem;



  padding: 0.15rem 0.4rem;



  border-radius: 4px;



  background: rgba(255,255,255,0.06);



  font-size: 0.92em;



}



.nx-body .arc-ed__gallery {



  margin: 2rem 0 0;



  padding-top: 1.25rem;



  border-top: 1px solid var(--nx-line);



}



.nx-body .arc-ed__gallery h2,



.nx-body .arc-ed__related h2 {



  margin: 0 0 0.65rem;



  font-size: 1.05rem;



}



.nx-body .arc-ed__gal-note {



  margin: 0 0 0.75rem;



  font-size: 0.78rem;



  color: var(--nx-muted);



}



.nx-body .arc-ed__gal-grid {



  display: grid;



  grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));



  gap: 0.55rem;



}



.nx-body .arc-ed__gal-grid a {



  display: block;



  overflow: hidden;



  border-radius: 8px;



  aspect-ratio: 16/10;



  background: var(--nx-panel);



}



.nx-body .arc-ed__gal-grid img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  display: block;



}



.nx-body .arc-ed__related {



  margin: 2rem 0 0;



  padding-top: 1.25rem;



  border-top: 1px solid var(--nx-line);



}



.nx-body .arc-ed__related ul {



  display: flex;



  flex-wrap: wrap;



  gap: 0.5rem 0.85rem;



  margin: 0;



  padding: 0;



  list-style: none;



}



.nx-body .arc-ed__related a {



  display: inline-flex;



  align-items: center;



  min-height: 44px;



  font-weight: 700;



}



.nx-body .arc-ed__toc {



  margin: 0 0 1.4rem;



  padding: 0.85rem 1rem;



  border: 1px solid var(--nx-line);



  border-radius: 12px;



  background: var(--nx-panel);



}



.nx-body .arc-ed__toc h2 {



  margin: 0 0 0.55rem;



  font-size: 0.78rem;



  letter-spacing: 0.08em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.nx-body .arc-ed__toc ol {



  margin: 0;



  padding: 0;



  list-style: none;



  display: grid;



  gap: 0.35rem;



}



.nx-body .arc-ed__toc a {



  display: flex;



  gap: 0.55rem;



  align-items: baseline;



  min-height: 44px;



  color: inherit;



  text-decoration: none;



  font-size: 0.92rem;



  line-height: 1.35;



}



.nx-body .arc-ed__toc a:hover { text-decoration: underline; }



.nx-body .arc-ed__toc span {



  flex: 0 0 1.5rem;



  color: var(--nx-muted);



  font-weight: 700;



  font-size: 0.8rem;



}



.nx-body .arc-ed .pj-solution--dedicated .pj-solution__shell > summary {



  cursor: default;



}



@media (max-width: 520px) {



  .nx-body .arc-ed__game {



    grid-template-columns: 3.6rem minmax(0, 1fr);



  }



  .nx-body .arc-ed__gal-grid {



    grid-template-columns: repeat(2, minmax(0, 1fr));



  }



}







/* EDITORIAL ? chrome jeu partag? (m?me famille que la fiche) */



.nx-body .arc-ed.arc-ed--frame {



  width: 100%;



  max-width: none;



  margin: 0 0 3rem;



}



.nx-body .arc-ed-frame {



  position: relative;



  overflow: hidden;



  padding: 1.25rem 1rem 1.1rem;



  border-bottom: 1px solid var(--nx-line);



  background: #0b0d12;



}



.nx-body .arc-ed-frame__backdrop {



  position: absolute;



  inset: 0;



  pointer-events: none;



}



.nx-body .arc-ed-frame__backdrop img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  object-position: center 30%;



  opacity: 0.38;



  filter: saturate(0.85);



}



.nx-body .arc-ed-frame__backdrop::after {



  content: "";



  position: absolute;



  inset: 0;



  background: linear-gradient(180deg, rgba(11,13,18,0.35) 0%, rgba(11,13,18,0.82) 55%, #0b0d12 100%);



}



.nx-body .arc-ed-frame__inner {



  position: relative;



  z-index: 1;



  display: grid;



  grid-template-columns: 5.5rem minmax(0, 1fr);



  gap: 0.85rem 1rem;



  align-items: start;



  width: min(56rem, 100%);



  margin: 0 auto;



}



.nx-body .arc-ed-frame__cover {



  display: block;



  overflow: hidden;



  border-radius: 4px;



  aspect-ratio: 3/4;



  background: var(--nx-panel);



  box-shadow: 0 8px 24px rgba(0,0,0,0.35);



}



.nx-body .arc-ed-frame__cover img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  display: block;



}



.nx-body .arc-ed-frame__title {



  margin: 0;



  color: #fff;



  font: 700 clamp(1.35rem, 2.4vw, 2rem)/1.15 var(--nx-sans);



  letter-spacing: -0.03em;



}



.nx-body .arc-ed-frame__plats {



  margin: 0.35rem 0 0;



  font-size: 0.78rem;



  color: #c9ced8;



}



.nx-body .arc-ed-frame__score {



  display: inline-flex;



  align-items: baseline;



  gap: 0.2rem;



  margin: 0.65rem 0 0;



  padding: 0.55rem 0.85rem 0.5rem;



  border: 2px solid #2866da;



  border-radius: 12px;



  background: rgba(40, 102, 218, 0.18);



  box-shadow: 0 0 0 4px rgba(40, 102, 218, 0.14);



  color: #fff;



  font: 800 1.55rem/1 var(--nx-sans);



  letter-spacing: -0.03em;



}



.nx-body .arc-ed-frame__score span {



  font-weight: 700;



  font-size: 0.62em;



  color: #c9d8f5;



}



html[data-theme="light"] .nx-body .arc-ed-frame__score {



  background: #2866da;



  border-color: #2158bf;



  box-shadow: 0 6px 18px rgba(40, 102, 218, 0.28);



  color: #fff;



}



html[data-theme="light"] .nx-body .arc-ed-frame__score span {



  color: rgba(255, 255, 255, 0.82);



}



.nx-body .arc-ed-frame__actions {



  display: flex;



  flex-wrap: wrap;



  gap: 0.45rem;



  margin-top: 0.75rem;



}



.nx-body .arc-ed-frame__cta {



  display: inline-flex;



  align-items: center;



  justify-content: center;



  min-height: 36px;



  padding: 0.45rem 0.85rem;



  border-radius: 4px;



  border: 1px solid #2866da;



  background: #2866da;



  color: #fff;



  font: 600 0.78rem/1.3 var(--nx-sans);



  text-decoration: none;



}



.nx-body .arc-ed-frame__cta:hover { background: #2158bf; border-color: #2158bf; color: #fff; }



.nx-body .arc-ed-frame__cta--ghost {



  background: transparent;



  border-color: #ffffff38;



  color: #fff;



}



.nx-body .arc-ed-frame__cta--ghost:hover { background: #ffffff12; color: #fff; }



.nx-body .arc-ed-frame__cta.is-current {



  background: #1a4aad;



  border-color: #1a4aad;



  color: #fff;



  cursor: default;



}



.nx-body .arc-ed-frame__body {



  width: min(40rem, calc(100% - 2rem));



  margin: 1.5rem auto 0;



}



.nx-body .arc-ed--frame .arc-ed__head {



  margin: 0 0 1.25rem;



}



.nx-body .arc-ed--frame .arc-ed__doc-title {



  margin: 0.25rem 0 0;



  font: 700 clamp(1.25rem, 2.5vw, 1.65rem)/1.2 var(--nx-serif);



  letter-spacing: -0.02em;



}



.nx-body .arc-ed--frame .arc-ed__kicker {



  margin: 0;



}



@media (max-width: 640px) {



  .nx-body .arc-ed-frame__inner {



    grid-template-columns: 4rem minmax(0, 1fr);



  }



  .nx-body .arc-ed-frame__cta,



  .nx-body .arc-ed-frame__cta.is-current {



    flex: 1 1 auto;



  }



}







/* EDITORIAL UI-1 ? prototype Test magazine (Shadows only via .arc-ed--proto) */



.nx-body .arc-ed.arc-ed--proto .arc-ed-frame__body {



  width: min(40rem, calc(100% - 2rem));



}



.nx-body .arc-ed-proto__mast { margin: 0 0 1.75rem; }



.nx-body .arc-ed-proto__eyebrow {



  margin: 0 0 0.45rem;



  font: 800 0.7rem/1 var(--nx-sans);



  letter-spacing: 0.14em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.nx-body .arc-ed-proto__lede {



  margin: 0.35rem 0 1.15rem;



  padding: 1.05rem 1.2rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: color-mix(in srgb, var(--nx-bg-2, #161a22) 92%, #000);



  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);



  font: 500 1.12rem/1.55 var(--nx-serif);



  color: var(--nx-muted);



  max-width: 38rem;



}



.nx-body .arc-ed-proto__lede-body {



  margin: 0 0 1.15rem;



  padding: 1.15rem 1.2rem 1.25rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: color-mix(in srgb, var(--nx-bg-2, #161a22) 92%, #000);



  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);



}



.nx-body .arc-ed-proto__lede-body > .arc-ed-proto__hero {



  margin: 1rem 0 0;



}



.nx-body .arc-ed-proto__lede-body > .arc-ed-proto__hero:first-child {



  margin: 0 0 1rem;



}



.nx-body .arc-ed-proto__score {



  margin: 1.1rem 0 0;



  font: 800 1.45rem/1 var(--nx-sans);



  letter-spacing: -0.03em;



}



.nx-body .arc-ed-proto__score--verdict { font-size: 1.85rem; margin: 0.35rem 0 1rem; }



.nx-body .arc-ed-proto__den {



  font-weight: 600;



  font-size: 0.72em;



  color: var(--nx-muted);



  margin-left: 0.05em;



}



.nx-body .arc-ed-proto__hero {



  margin: 1.15rem -0.75rem 0;



  width: calc(100% + 1.5rem);



}



.nx-body .arc-ed-proto__hero img,



.nx-body .arc-ed-proto__bleed img {



  display: block;



  width: 100%;



  height: auto;



  aspect-ratio: 16 / 9;



  object-fit: cover;



  border-radius: 2px;



  background: var(--nx-panel);



}



.nx-body .arc-ed-proto__read { margin: 0; }



.nx-body .arc-ed-proto__section {



  margin: 0 0 1.35rem;



  padding: 1.2rem 1.25rem 1.3rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: color-mix(in srgb, var(--nx-bg-2, #161a22) 92%, #000);



  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);



}



.nx-body .arc-ed-proto__section h2,



.nx-body .arc-ed-proto__section h3 {



  margin: 0 0 1rem;



  padding: 0 0 0.7rem;



  border-bottom: 1px solid color-mix(in srgb, var(--nx-line) 85%, transparent);



  font: 700 1.15rem/1.3 var(--nx-sans);



  letter-spacing: -0.02em;



  color: var(--nx-ink);



}



.nx-body .arc-ed-proto__prose {



  font: 450 1.05rem/1.72 var(--nx-serif);



}



.nx-body .arc-ed-proto__prose p { margin: 0 0 1rem; }



.nx-body .arc-ed-proto__prose p:last-child { margin-bottom: 0; }



.arc-game-hub--editorial .pj-test-still figcaption,



.nx-body .arc-ed-proto__bleed figcaption,



.nx-body .pj-test-still figcaption,



.arc-game-hub--editorial .pj-test-still figcaption {



  display: none;



}



.gh-prose .pj-test-still,



.nx-prose .pj-test-still,



.arc-ed__body .pj-test-still {



  margin: 1.35rem 0 1.6rem;



}



.gh-prose .pj-test-still img,



.nx-prose .pj-test-still img,



.arc-ed__body .pj-test-still img {



  display: block;



  width: 100%;



  height: auto;



  aspect-ratio: 16 / 9;



  object-fit: cover;



  border-radius: 6px;



  background: var(--nx-panel, #111);



}



.nx-body .arc-ed-proto__verdict {



  margin: 1.75rem 0 0;



  padding: 1.25rem 1.25rem 1.35rem;



  border: 1px solid color-mix(in srgb, var(--nx-accent, #3d7eff) 28%, var(--nx-line));



  border-radius: 12px;



  background:



    linear-gradient(160deg, color-mix(in srgb, var(--nx-accent, #3d7eff) 10%, transparent), transparent 55%),



    color-mix(in srgb, var(--nx-bg-2, #14161c) 88%, transparent);



}



.nx-body .arc-ed-proto__verdict > h2,



.nx-body .arc-ed-proto__verdict > h3 {



  margin: 0 0 0.85rem;



  font: 800 0.72rem/1 var(--nx-sans);



  letter-spacing: 0.12em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.nx-body .arc-ed-proto__verdict .pj-note--verdict {



  margin: 0 0 1rem;



}



.nx-body .arc-ed-proto__verdict > .arc-ed-proto__prose {



  margin: 0 0 0.25rem;



}



.nx-body .arc-ed-proto__balance {



  display: grid;



  grid-template-columns: 1fr;



  gap: 1.25rem;



  margin: 1.5rem 0 0;



}



.nx-body .arc-ed-proto__balance h3 {



  margin: 0 0 0.55rem;



  font: 700 0.82rem/1.2 var(--nx-sans);



  letter-spacing: 0.04em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.nx-body .arc-ed-proto__balance ul {



  margin: 0;



  padding: 0;



  list-style: none;



}



.nx-body .arc-ed-proto__balance li {



  margin: 0 0 0.55rem;



  padding: 0 0 0.55rem;



  border-bottom: 1px solid var(--nx-line);



  font: 450 0.95rem/1.45 var(--nx-serif);



}



.nx-body .arc-ed-proto__balance li:last-child {



  margin-bottom: 0;



  padding-bottom: 0;



  border-bottom: 0;



}



.nx-body .arc-ed-proto__gallery {



  margin: 2.5rem 0 0;



  padding-top: 1.5rem;



  border-top: 1px solid var(--nx-line);



}



.nx-body .arc-ed-proto__gallery > h2 {



  margin: 0 0 0.45rem;



  font: 700 1.05rem/1.25 var(--nx-sans);



}



.nx-body .arc-ed-proto__gal-note {



  margin: 0 0 0.85rem;



  font-size: 0.75rem;



  color: var(--nx-muted);



}



.nx-body .arc-ed-proto__gal-grid {



  display: grid;



  grid-template-columns: repeat(3, minmax(0, 1fr));



  gap: 0.45rem;



}



.nx-body .arc-ed-proto__gal-grid a {



  display: block;



  overflow: hidden;



  border-radius: 2px;



  aspect-ratio: 16/10;



  background: var(--nx-panel);



}



.nx-body .arc-ed-proto__gal-grid img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  display: block;



}



@media (min-width: 720px) {



  .nx-body .arc-ed-proto__balance {



    grid-template-columns: 1fr 1fr;



    gap: 1.75rem;



  }



}



@media (max-width: 640px) {



  .nx-body .arc-ed-proto__gal-grid {



    grid-template-columns: repeat(2, minmax(0, 1fr));



  }



  .nx-body .arc-ed-proto__hero,



  .nx-body .arc-ed-proto__bleed {



    width: 100%;



    margin-left: 0;



    margin-right: 0;



  }



}







/* Entity surfaces ? company / franchise (IGDB-3) : catalogue dense, pas magazine. */



.nx-body .pj-rayon--entity .pj-rayon__head--compact h1 {



  font-size: clamp(1.25rem, 2.2vw, 1.7rem);



}



.nx-body .pj-entity-bay {



  margin: 0 0 1.75rem;



}



.nx-body .pj-entity-bay__head {



  display: flex;



  align-items: baseline;



  justify-content: space-between;



  gap: 0.75rem;



  margin: 0 0 0.85rem;



  padding-bottom: 0.55rem;



  border-bottom: 1px solid var(--nx-line);



}



.nx-body .pj-entity-bay__head h2 {



  margin: 0;



  font-size: clamp(1rem, 1.6vw, 1.2rem);



  font-weight: 750;



  letter-spacing: -0.02em;



}



.nx-body .pj-entity-bay__more {



  margin: 0.75rem 0 0;



  font-size: 0.85rem;



}



.nx-body .pj-rayon-shelf--dense {



  grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));



  gap: 1rem 0.85rem;



}



@media (max-width: 768px) {



  .nx-body .pj-rayon-shelf--dense {



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 0.85rem 0.7rem;



  }



}



@media (max-width: 360px) {



  .nx-body .pj-rayon-shelf--dense {



    grid-template-columns: repeat(2, minmax(0, 1fr));



    gap: 0.7rem 0.55rem;



  }



}







/* Recherche transversale Nexus + magazine. */



.arc-search__hero { position:relative; overflow:hidden; margin:0 0 2rem; padding:clamp(1.4rem,4vw,2.8rem); border:1px solid var(--nx-line); border-radius:var(--arc-r-lg,20px); background:radial-gradient(circle at 85% 15%,rgba(255,45,149,.18),transparent 34%),radial-gradient(circle at 15% 85%,rgba(0,229,255,.14),transparent 38%),var(--nx-panel); }



.arc-search__hero h1 { max-width:18ch; margin:.2rem 0 .55rem; font-size:clamp(2rem,5vw,4rem); line-height:1.02; letter-spacing:-.04em; }



.arc-search__hero > p:not(.pj-kicker) { max-width:54ch; color:var(--nx-muted); }



.arc-search__form { display:flex; gap:.6rem; max-width:50rem; margin-top:1.35rem; padding:.45rem; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(5,8,13,.72); box-shadow:0 16px 38px rgba(0,0,0,.24); }



.arc-search__form input { min-width:0; flex:1; padding:.75rem 1rem; border:0; outline:0; color:var(--nx-ink); background:transparent; font:inherit; }



.arc-search__form button { padding:.72rem 1.15rem; border:0; border-radius:999px; color:#071016; background:var(--arc-grad,var(--nx-accent)); font-weight:850; cursor:pointer; }



.arc-search__summary,.arc-search__section-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; }



.arc-search__summary { margin-bottom:1.4rem; color:var(--nx-muted); }



.arc-search__summary strong { color:var(--nx-ink); font-size:1.05rem; }



.arc-search__section-head { margin:0 0 .9rem; padding-bottom:.65rem; border-bottom:1px solid var(--nx-line); }



.arc-search__section-head p,.arc-search__section-head h2 { margin:0; }



.arc-search__section-head p { color:var(--nx-accent); font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }



.arc-search__section-head > span { display:grid; min-width:2rem; height:2rem; place-items:center; border:1px solid var(--nx-line); border-radius:50%; color:var(--nx-muted); font-size:.72rem; font-weight:800; }



.arc-search .pj-search-block { margin-top:2.2rem; }



.arc-search__articles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }



.arc-search-article { display:grid; grid-template-columns:7rem minmax(0,1fr) auto; gap:.9rem; align-items:center; overflow:hidden; padding:.65rem; border:1px solid var(--nx-line); border-radius:var(--arc-r-md,14px); color:inherit; background:var(--nx-panel); transition:transform .18s ease,border-color .18s ease; }



.arc-search-article:hover { transform:translateY(-2px); border-color:rgba(0,229,255,.5); }



.arc-search-article__art { display:block; overflow:hidden; width:7rem; aspect-ratio:16/10; border-radius:9px; background:var(--nx-hard); }



.arc-search-article__art img { width:100%; height:100%; object-fit:cover; }



.arc-search-article__body { display:grid; gap:.25rem; min-width:0; }



.arc-search-article__body strong { line-height:1.3; }



.arc-search-article__body > span:last-child:not(.nx-news__k) { display:-webkit-box; overflow:hidden; color:var(--nx-muted); font-size:.75rem; -webkit-box-orient:vertical; -webkit-line-clamp:2; }



.arc-search-article__arrow { color:var(--nx-accent); font-size:1.25rem; }



.arc-search__empty { display:grid; gap:.25rem; padding:1.4rem; border:1px dashed var(--nx-line); border-radius:var(--arc-r-md,14px); color:var(--nx-muted); text-align:center; }



.arc-search__empty strong { color:var(--nx-ink); }



@media (max-width:760px) { .arc-search__articles{grid-template-columns:1fr} .arc-search__form{border-radius:14px} .arc-search-article{grid-template-columns:5.5rem minmax(0,1fr) auto}.arc-search-article__art{width:5.5rem} }



@media (max-width:480px) { .arc-search__form{display:grid}.arc-search__form button{width:100%}.arc-search-article__arrow{display:none} }



@media (prefers-reduced-motion:reduce) { .arc-search-article{transition:none}.arc-search-article:hover{transform:none} }







/* Accueil: porte d'entr?e explicite vers Nexus. */



.arc-discover { display:grid; grid-template-columns:minmax(14rem,.8fr) minmax(18rem,1.15fr) auto; gap:1.25rem; align-items:center; margin:clamp(1.3rem,3vw,2.4rem) 0; padding:1.15rem 1.25rem; border:1px solid var(--nx-line); border-radius:var(--arc-r-lg,20px); background:linear-gradient(120deg,rgba(0,229,255,.08),transparent 42%,rgba(255,45,149,.08)),var(--nx-panel); box-shadow:var(--arc-sh-sm); }



.arc-discover__copy h2,.arc-discover__copy p { margin:0; }



.arc-discover__copy h2 { margin:.15rem 0 .25rem; font-size:clamp(1.15rem,2vw,1.55rem); letter-spacing:-.025em; }



.arc-discover__copy > p:last-child { color:var(--nx-muted); font-size:.76rem; line-height:1.45; }



.arc-discover__search { display:flex; gap:.4rem; padding:.38rem; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(5,8,13,.72); }



.arc-discover__search input { min-width:0; flex:1; padding:.62rem .85rem; border:0; outline:0; color:var(--nx-ink); background:transparent; font:inherit; }



.arc-discover__search button { padding:.6rem .9rem; border:0; border-radius:999px; color:#071016; background:var(--arc-grad); font-weight:800; cursor:pointer; }



.arc-discover__links { display:flex; gap:.45rem; }



.arc-discover__links a { display:grid; min-width:6.4rem; padding:.6rem .75rem; border:1px solid var(--nx-line); border-radius:var(--arc-r-sm,10px); color:inherit; background:rgba(5,8,13,.42); }



.arc-discover__links strong { color:var(--nx-ink); font-size:1.05rem; }



.arc-discover__links span { color:var(--nx-muted); font-size:.62rem; }



.arc-discover__links a:hover { border-color:var(--nx-accent); }



@media (max-width:980px) { .arc-discover{grid-template-columns:1fr 1fr}.arc-discover__links{grid-column:1/-1}.arc-discover__links a{flex:1} }



@media (max-width:650px) { .arc-discover{grid-template-columns:1fr}.arc-discover__links{grid-column:auto}.arc-discover__search{border-radius:14px}.arc-discover__links{display:grid;grid-template-columns:1fr 1fr} }



@media (max-width:390px) { .arc-discover__search{display:grid}.arc-discover__search button{width:100%}.arc-discover__links{grid-template-columns:1fr} }







/* Article reli? ? son identit? Nexus. */



.arc-article-game { display:grid; grid-template-columns:8.5rem minmax(0,1fr); gap:1.15rem; align-items:stretch; overflow:hidden; }



.arc-article-game__cover { display:block; overflow:hidden; min-height:11rem; border-radius:10px; background:var(--nx-hard); }



.arc-article-game__cover img { width:100%; height:100%; aspect-ratio:3/4; object-fit:cover; }



.arc-article-game__body { display:flex; min-width:0; flex-direction:column; justify-content:center; }



.arc-article-game__body h2 { margin:.1rem 0 .7rem; font-size:clamp(1.25rem,3vw,2rem); }



.arc-article-game__facts { display:flex; flex-wrap:wrap; gap:.45rem 1.2rem; color:var(--nx-ink); font-size:.78rem; }



.arc-article-game__facts span { display:grid; gap:.12rem; }



.arc-article-game__facts small { color:var(--nx-muted); font-size:.58rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }



.arc-article-game__cta { align-self:flex-start; margin-top:.9rem; color:var(--nx-accent); font-size:.78rem; font-weight:800; }



.arc-same-game__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }



.arc-same-game__list a { display:grid; grid-template-columns:5rem minmax(0,1fr); gap:.65rem; align-items:center; min-width:0; padding:.5rem; border:1px solid var(--nx-line); border-radius:10px; color:inherit; }



.arc-same-game__list a:hover { border-color:var(--nx-accent); }



.arc-same-game__art { display:block; overflow:hidden; width:5rem; aspect-ratio:16/10; border-radius:7px; background:var(--nx-hard); }



.arc-same-game__art img { width:100%; height:100%; object-fit:cover; }



.arc-same-game__list a > span:last-child { display:grid; min-width:0; gap:.18rem; }



.arc-same-game__list small { color:var(--nx-accent); font-size:.58rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }



.arc-same-game__list strong { display:-webkit-box; overflow:hidden; font-size:.78rem; line-height:1.3; -webkit-box-orient:vertical; -webkit-line-clamp:3; }



@media (max-width:850px) { .arc-same-game__list{grid-template-columns:1fr} }



@media (max-width:520px) { .arc-article-game{grid-template-columns:5.5rem minmax(0,1fr);gap:.8rem}.arc-article-game__facts{display:grid}.arc-article-game__cta{font-size:.7rem} }



















/* ???????????????????????????????????????????????????????????????????????????



   ARCADIA LAYER v1.1 ? PlayJoystick 2026 ? surcouche charg?e en dernier



   Identit? : magazine ?ditorial ? nuit #0b0b0f ? d?grad? #00e5ff?#ff2d95



   v1.0.1 : correction du h?ros ? la couche travaille AVEC la grille de la



   base (rail lat?ral + .ba-spot-duo__bills) au lieu de la remplacer.



   ??????????????????????????????????????????????????????????????????????????? */







/* ?? A. Polices auto-h?berg?es ??????????????????????????????????????????? */



@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/sora-400.woff2') format('woff2')}



@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/sora-500.woff2') format('woff2')}



@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/sora-600.woff2') format('woff2')}



@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/sora-700.woff2') format('woff2')}



@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/sora-800.woff2') format('woff2')}



@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/newsreader-500.woff2') format('woff2')}



@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/newsreader-600.woff2') format('woff2')}



@font-face{font-family:'Newsreader';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/newsreader-700.woff2') format('woff2')}







/* ?? B. Jetons Arcadia ??????????????????????????????????????????????????? */



:root{



  --arc-cyan:#00e5ff;



  --arc-mag:#ff2d95;



  --arc-grad:linear-gradient(135deg,var(--arc-cyan),var(--arc-mag));



  --arc-r-lg:22px;



  --arc-r-md:16px;



  --arc-r-sm:12px;



  --arc-sh-sm:0 1px 2px rgba(0,0,0,.30);



  --arc-sh-md:0 2px 4px rgba(0,0,0,.32),0 12px 30px rgba(0,0,0,.32);



  --arc-sh-lg:0 4px 10px rgba(0,0,0,.34),0 26px 60px rgba(0,0,0,.40);



  color-scheme:dark;



}



html[data-theme="light"]{



  --arc-sh-sm:0 1px 2px rgba(25,25,50,.07);



  --arc-sh-md:0 2px 4px rgba(25,25,50,.06),0 12px 30px rgba(25,25,50,.11);



  --arc-sh-lg:0 4px 10px rgba(25,25,50,.07),0 26px 60px rgba(25,25,50,.15);



  color-scheme:light;



}



html[data-theme="light"]{ --nx-bg:#f6f6f8; --nx-bg-2:#ffffff; }







/* ?? C. S?lection, focus, scrollbar ?????????????????????????????????????? */



::selection{background:rgba(255,45,149,.35)}



:focus-visible{outline:2px solid var(--nx-accent-2,#6b9aff);outline-offset:2px;border-radius:8px}



::-webkit-scrollbar{width:10px;height:8px}



::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:99px;border:2px solid transparent;background-clip:content-box}



::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.22)}



html[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(20,20,35,.18);background-clip:content-box;border:2px solid transparent}







/* ?? D. En-t?te : barre verre 64 px, une seule ligne, z?ro chevauchement ??



   La base laisse .nx-mast__chrome en flex:1 1 auto + liens uppercase larges ;



   avec recherche + RSS + th?me + liens membre + burger, tout se compressifie



   et se chevauche d?s 1200 px. Ici on impose la mise en page de la maquette. */



.nx-mast{



  background:rgba(11,11,15,.72);



  -webkit-backdrop-filter:blur(14px) saturate(1.4);



  backdrop-filter:blur(14px) saturate(1.4);



}



html[data-theme="light"] .nx-mast{background:rgba(246,246,248,.85)}



.nx-mast__bar{



  display:flex;flex-wrap:nowrap;align-items:center;



  gap:1rem;min-height:64px;height:auto;



  --nx-header:64px;



}



.nx-logo{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}



.nx-logo__mark{display:inline-flex;width:30px;height:30px;border-radius:8px;overflow:hidden;box-shadow:var(--arc-sh-sm);flex:0 0 auto}



.nx-logo__mark svg{display:block;width:100%;height:100%}



.nx-logo__word{font-weight:800;letter-spacing:-.02em;text-transform:none;font-size:1.02rem;white-space:nowrap}



.nx-mast__chrome{



  display:flex;flex-wrap:nowrap;align-items:center;



  flex:0 1 auto;min-width:0;margin-inline:auto;gap:2px;



}



.nx-mast__chrome a{



  white-space:nowrap;border-radius:99px;padding:.42rem .68rem;



  font-weight:600;font-size:.84rem;text-transform:none;letter-spacing:0;



  transition:background-color .15s ease,color .15s ease;



}



.nx-mast__chrome a.is-active{background:rgba(255,255,255,.09)}



.nx-mast__tools{display:flex;align-items:center;gap:.5rem;margin-left:0;flex:0 0 auto}



.nx-mast__search{flex:0 1 13rem;min-width:0}



.nx-search{border-radius:99px}



.nx-search input{border-radius:99px}



.nx-feed,.nx-theme,.nx-menu-btn{border-radius:99px;flex:0 0 auto}



.nx-theme:hover,.nx-feed:hover,.nx-menu-btn:hover{transform:translateY(-1px)}



.nx-mast__account{min-width:max-content;flex:0 0 auto;flex-shrink:0}



.nx-mast__account .member-nav{flex-wrap:nowrap;gap:.4rem;align-items:center}



.nx-mast__account .member-nav-link{white-space:nowrap;border-radius:99px;padding:.38rem .8rem;font-size:.8rem;flex:0 0 auto}



@media (max-width:1280px){ .nx-mast__account .member-nav-link--up{display:none} }



@media (max-width:1080px){ .nx-mast__chrome{display:none} }



@media (max-width:780px){ .nx-mast__account .member-nav-link--in{display:none} .nx-mast__search{flex-basis:9rem} }







/* ?? E. H?ros ?ditorial ? collage maquette (portrait + colonne droite) ?? */



.ba-spot-duo__bills{



  grid-template-columns:minmax(0,7fr) minmax(0,5fr);



  gap:1.6rem;align-items:stretch;



}



/* PRIMAIRE : jaquette portrait magazine, titre en bas en surimpression */



.ba-spot-duo .ba-spot-bill.is-primary{



  position:relative;display:block;grid-column:1;



  grid-template-columns:none;aspect-ratio:4/4.55;min-height:0;padding:0;



  overflow:hidden;border-radius:var(--arc-r-lg);



  border:1px solid var(--nx-line,rgba(255,255,255,.08));



  box-shadow:var(--arc-sh-md);background:var(--nx-bg-2,#121216);



  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;



}



.ba-spot-duo .ba-spot-bill.is-primary:hover{transform:translateY(-3px);box-shadow:var(--arc-sh-lg);border-color:rgba(255,255,255,.16)}



.ba-spot-duo .ba-spot-bill.is-primary .ba-spot-bill__jack{position:absolute;inset:0;width:auto;aspect-ratio:auto;flex-shrink:initial;border-radius:0}



.ba-spot-duo .ba-spot-bill.is-primary .ba-spot-bill__jack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}



.ba-spot-duo .ba-spot-bill.is-primary:hover .ba-spot-bill__jack img{transform:scale(1.025)}



.ba-spot-duo .ba-spot-bill.is-primary .ba-spot-bill__copy{



  position:absolute;left:0;right:0;bottom:0;



  padding:1.15rem 1.3rem 1.25rem;



  background:linear-gradient(180deg,rgba(11,11,15,0) 0%,rgba(11,11,15,.55) 45%,rgba(11,11,15,.84) 100%);



  gap:.5rem;



}



.ba-spot-duo .ba-spot-bill.is-primary .ba-spot-bill__copy .nx-chip{background:rgba(11,11,15,.55);border:1px solid rgba(255,255,255,.18);color:#f5f5f7}



.ba-spot-duo .ba-spot-bill.is-primary .ba-spot-bill__title{



  font-size:clamp(1.35rem,1rem + 1.7vw,2.15rem);line-height:1.08;



  letter-spacing:-.028em;font-weight:800;color:#f5f5f7;-webkit-line-clamp:initial;



}



.ba-spot-duo .ba-spot-bill.is-primary .ba-spot-bill__when{font-size:.8rem;color:#c9ced8}



.ba-spot-duo .ba-spot-bill.is-primary .ba-spot-bill__go{



  margin-top:.4rem;width:fit-content;background:#f5f5f7;color:#0b0b0f;



  font-weight:700;font-size:.82rem;padding:.55rem 1.05rem;border-radius:99px;



  box-shadow:var(--arc-sh-sm);transition:transform .18s ease,box-shadow .18s ease;



}



.ba-spot-duo .ba-spot-bill.is-primary:hover .ba-spot-bill__go{transform:translateX(3px)}



/* SECONDAIRES : rang?es ? story ? comme la maquette (vignette ? gauche) */



.ba-spot-duo .ba-spot-bill:not(.is-primary){



  grid-column:2;display:grid;grid-template-columns:minmax(0,1fr);



  align-self:stretch;align-content:start;gap:0;padding:0;min-height:0;



  border-radius:var(--arc-r-md);border:1px solid var(--nx-line,rgba(255,255,255,.08));



  background:var(--nx-bg-2,#121216);box-shadow:var(--arc-sh-sm);overflow:hidden;



  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;



}



.ba-spot-duo .ba-spot-bill:not(.is-primary):hover{transform:translateY(-3px);box-shadow:var(--arc-sh-md);border-color:rgba(255,255,255,.16)}



.ba-spot-duo .ba-spot-bill:not(.is-primary) .ba-spot-bill__jack{position:relative;inset:auto;width:auto;aspect-ratio:16/9;flex-shrink:initial;border-radius:0}



.ba-spot-duo .ba-spot-bill:not(.is-primary) .ba-spot-bill__jack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}



.ba-spot-duo .ba-spot-bill:not(.is-primary):hover .ba-spot-bill__jack img{transform:scale(1.035)}



.ba-spot-duo .ba-spot-bill:not(.is-primary) .ba-spot-bill__copy{padding:1rem 1.1rem 1.1rem;gap:.35rem}



.ba-spot-duo .ba-spot-bill:not(.is-primary) .ba-spot-bill__title{font-size:1rem;line-height:1.35;letter-spacing:-.012em;font-weight:600}



/* Rail ? ? la une ? : kicker discret fa?on maquette */



.ba-spot-duo__rail{color:var(--nx-muted,#9aa0ae);font-size:.78rem;font-weight:600;letter-spacing:.03em}



.ba-spot-duo__rail span{background:var(--arc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}



.ba-spot-duo--solo .ba-spot-bill.is-primary{aspect-ratio:16/8.5;max-height:520px}







/* ?? F. Sections ????????????????????????????????????????????????????????? */



.nx-home{gap:2.2rem}



.nx-card.nx-band.ba-band{



  background:var(--nx-bg-2,#121216);



  border:1px solid var(--nx-line,rgba(255,255,255,.08));



  border-radius:var(--arc-r-lg);



  box-shadow:var(--arc-sh-sm);



  overflow:hidden;



}



.nx-band__head{display:flex;align-items:center;gap:.9rem;border-bottom:1px solid var(--nx-line,rgba(255,255,255,.08))}



.nx-band__head::before{



  content:"";width:34px;height:3px;border-radius:99px;background:var(--arc-grad);flex:none;



}



.nx-band__head h2{font-size:1.42rem;font-weight:700;letter-spacing:-.02em}



.nx-band__head .nx-more{



  margin-left:auto;border-radius:99px;padding:.4rem .9rem;font-weight:600;font-size:.84rem;



  background:rgba(255,255,255,.05);transition:background-color .15s ease,color .15s ease;



}



.nx-band__head .nx-more:hover{background:rgba(255,255,255,.1)}



html[data-theme="light"] .nx-band__head .nx-more{background:rgba(20,20,35,.05)}



html[data-theme="light"] .nx-band__head .nx-more:hover{background:rgba(20,20,35,.09)}







/* ?? G. Rayon = carrousel horizontal ????????????????????????????????????? */



.nx-shelf.ba-shelf{



  display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;



  padding:1.1rem 1.3rem 1.35rem;scrollbar-width:none;



}



.nx-shelf.ba-shelf::-webkit-scrollbar{display:none}



.nx-shelf.ba-shelf > li{flex:0 0 auto;scroll-snap-align:start;margin:0}



.ba-gamecard,.ba-gamecard__link{



  border-radius:var(--arc-r-sm);overflow:hidden;



  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;



}



.ba-gamecard:hover,.ba-gamecard:hover .ba-gamecard__link{



  transform:translateY(-4px);box-shadow:var(--arc-sh-md);border-color:rgba(255,255,255,.16);



}



.ba-gamecard__title{letter-spacing:-.012em}







/* ?? H. Cartes d'actus ??????????????????????????????????????????????????? */



.ba-news-grid{gap:1.25rem}



.ba-news-card{



  background:var(--nx-bg-2,#121216);border:1px solid var(--nx-line,rgba(255,255,255,.08));



  border-radius:var(--arc-r-md);overflow:hidden;box-shadow:var(--arc-sh-sm);



  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;



  display:flex;flex-direction:column;



}



.ba-news-card:hover{transform:translateY(-3px);box-shadow:var(--arc-sh-md);border-color:rgba(255,255,255,.16)}



.ba-news-card__art{aspect-ratio:16/10;overflow:hidden}



.ba-news-card__art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}



.ba-news-card:hover .ba-news-card__art img{transform:scale(1.035)}



.ba-news-card__body{padding:1rem 1.05rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}



.ba-news-card__body strong{font-size:1rem;font-weight:600;letter-spacing:-.012em;line-height:1.38}







/* ?? I. Chips + boutons ?????????????????????????????????????????????????? */



.nx-chip{font-weight:600;letter-spacing:.04em;border-radius:99px}



.nx-more{border-radius:99px}



a.nx-btn,button.nx-btn,.nx-btn{border-radius:99px}







/* ?? J. Ticker ??????????????????????????????????????????????????????????? */



.ba-top-news{



  border:1px solid var(--nx-line,rgba(255,255,255,.08));



  border-radius:99px;background:var(--nx-bg-2,#121216);



  box-shadow:var(--arc-sh-sm);overflow:hidden;



}







/* ?? K. Fiches, article, m?dias ?????????????????????????????????????????? */



.nx-jack{border-radius:var(--arc-r-sm)}



.nx-jack__glow{opacity:.35}



.nx-media,.nx-media--yt{border-radius:var(--arc-r-md);overflow:hidden;box-shadow:var(--arc-sh-sm)}



.nx-board,.nx-board__main{border-radius:var(--arc-r-md)}



.nx-card{border-radius:var(--arc-r-md)}



.nx-float__kicker{letter-spacing:.04em}



.nx-stats{



  border-radius:99px;border:1px solid var(--nx-line,rgba(255,255,255,.08));



  background:var(--nx-bg-2,#121216);box-shadow:var(--arc-sh-sm);



}







/* ?? L. Pied de page ????????????????????????????????????????????????????? */



.ba-foot{border-top:1px solid var(--nx-line,rgba(255,255,255,.08));background:var(--nx-bg-2,#121216)}



.ba-foot__brand,.ba-foot__grid{padding-block:2.6rem}



.ba-foot__label{letter-spacing:.03em;font-weight:700}







/* ?? M. Images de contenu ???????????????????????????????????????????????? */



.nx-article img,.nx-page img,.nx-board img{border-radius:var(--arc-r-sm)}



.nx-hero__art{border-radius:var(--arc-r-md)}







/* ?? N. Mouvement r?duit ????????????????????????????????????????????????? */



@media (prefers-reduced-motion: reduce){



  .ba-spot-duo .ba-spot-bill,.ba-news-card,.ba-gamecard{transition:none}



  .ba-spot-duo .ba-spot-bill:hover,.ba-news-card:hover,.ba-gamecard:hover{transform:none}



  .ba-spot-duo .ba-spot-bill:hover .ba-spot-bill__jack img,.ba-news-card:hover .ba-news-card__art img{transform:none}



}







/* ?? O. Responsive ? v1.0.1 : reprend les points de rupture de la base ??? */



@media (max-width:820px){



  /* la base passe d?j? .ba-spot-duo__bills en 1 colonne */



  .ba-spot-duo .ba-spot-bill.is-primary{aspect-ratio:16/11}



  .ba-spot-duo .ba-spot-bill:not(.is-primary){



    grid-column:1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);



  }



  .ba-spot-duo .ba-spot-bill:not(.is-primary) .ba-spot-bill__jack{aspect-ratio:auto;border-radius:var(--arc-r-md) 0 0 var(--arc-r-md)}



  .ba-spot-duo .ba-spot-bill:not(.is-primary) .ba-spot-bill__copy{justify-content:center}



}



@media (max-width:520px){



  .ba-spot-duo .ba-spot-bill:not(.is-primary){grid-template-columns:1fr}



  .ba-spot-duo .ba-spot-bill:not(.is-primary) .ba-spot-bill__jack{aspect-ratio:16/10;border-radius:0}



  .nx-band__head h2{font-size:1.22rem}



}







/* ???????????????????????????????????????????????????????????????????????????



   ARCADIA HOME v1.1 ? structure maquette 2026 (.arc-*)



   ??????????????????????????????????????????????????????????????????????????? */



.arc-home{padding-bottom:3rem}



.arc-hero{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,5.5fr);gap:22px;margin:22px 0 8px;align-items:center}



.arc-hero-empty{grid-column:1/-1;padding:2rem 0}



.arc-hero-art{position:relative;border-radius:var(--arc-r-lg);overflow:hidden;box-shadow:var(--arc-sh-lg);



  border:1px solid var(--nx-line,rgba(255,255,255,.08));aspect-ratio:3/4;width:100%;max-width:420px;



  max-height:560px;margin-inline:auto;background:var(--nx-bg-2,#121216);display:block}



.arc-hero-art.is-empty{background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(255,45,149,.12))}



.arc-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .5s ease}



.arc-hero-art:hover img{transform:scale(1.02)}



.arc-hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;



  background:linear-gradient(180deg,rgba(11,11,15,0) 62%,rgba(11,11,15,.55) 100%)}



html[data-theme="light"] .arc-hero-art::after{background:linear-gradient(180deg,rgba(246,246,248,0) 62%,rgba(20,20,35,.28) 100%)}



.arc-hero-tag{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;



  background:rgba(11,11,15,.55);backdrop-filter:blur(10px);border:1px solid var(--nx-line,rgba(255,255,255,.08));



  padding:6px 12px;border-radius:99px;font-size:.72rem;font-weight:600;color:#f5f5f7;max-width:calc(100% - 24px);



  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



html[data-theme="light"] .arc-hero-tag{background:rgba(255,255,255,.6);color:#15151b}



.arc-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:4px 2px;min-width:0}



.arc-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:600;color:var(--nx-muted,#9aa0ae)}



.arc-dot{width:8px;height:8px;border-radius:99px;background:var(--arc-grad);box-shadow:0 0 0 4px rgba(255,45,149,.14);flex:0 0 auto}



.arc-hero-copy h1{font-size:clamp(1.5rem,.95rem + 2.2vw,2.5rem);line-height:1.08;letter-spacing:-.03em;



  font-weight:800;margin:12px 0;color:var(--nx-ink,#f5f5f7)}



.arc-lede{font-family:var(--nx-serif,"Newsreader",Georgia,serif);font-size:1rem;line-height:1.55;color:#c9ced8;max-width:44ch;margin:0}



html[data-theme="light"] .arc-lede{color:#4a5160}



.arc-meta{display:flex;align-items:center;gap:9px;color:var(--nx-muted,#9aa0ae);font-size:.82rem;margin-top:18px}



.arc-sep{opacity:.5}



.arc-cta{display:inline-flex;align-items:center;gap:9px;margin-top:22px;width:fit-content;



  background:var(--nx-ink,#f5f5f7);color:#0b0b0f;font-weight:700;font-size:.88rem;



  padding:12px 20px;border-radius:99px;transition:.18s;box-shadow:var(--arc-sh-sm)}



html[data-theme="light"] .arc-cta{background:#15151b;color:#fff}



.arc-cta:hover{transform:translateY(-2px);box-shadow:var(--arc-sh-md)}



.arc-arr{transition:transform .18s}



.arc-cta:hover .arc-arr{transform:translateX(3px)}



.arc-side-stories{margin-top:26px;border-top:1px solid var(--nx-line,rgba(255,255,255,.08));padding-top:8px}



.arc-side-story{display:flex;gap:14px;padding:13px 8px;border-radius:var(--arc-r-sm);transition:.15s;align-items:center}



.arc-side-story:hover{background:rgba(255,255,255,.045)}



html[data-theme="light"] .arc-side-story:hover{background:rgba(20,20,35,.04)}



.arc-side-story img,.arc-side-ph{width:86px;height:64px;object-fit:cover;border-radius:10px;flex:none}



.arc-side-ph{display:block;background:var(--nx-bg-2,#121216);border:1px solid var(--nx-line,rgba(255,255,255,.08))}



.arc-k{font-size:.72rem;color:var(--nx-accent-2,#6b9aff);font-weight:600}



.arc-side-story h3{font-size:.92rem;font-weight:600;letter-spacing:-.01em;margin-top:3px;line-height:1.35;color:var(--nx-ink,#f5f5f7)}



.arc-block{margin-top:64px}



.arc-s-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}



.arc-s-head h2{font-size:1.42rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--nx-ink,#f5f5f7)}



.arc-bar{width:34px;height:3px;border-radius:99px;background:var(--arc-grad);flex:0 0 auto}



.arc-more{margin-left:auto;font-size:.84rem;color:var(--nx-muted,#9aa0ae);font-weight:600;display:flex;gap:6px;align-items:center;transition:.15s}



.arc-more:hover{color:var(--nx-ink,#f5f5f7)}



.arc-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}



.arc-card{background:var(--nx-bg-2,#121216);border:1px solid var(--nx-line,rgba(255,255,255,.08));border-radius:var(--arc-r-md);overflow:hidden;



  box-shadow:var(--arc-sh-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}



.arc-card:hover{transform:translateY(-3px);box-shadow:var(--arc-sh-md);border-color:rgba(255,255,255,.16)}



.arc-card-art{aspect-ratio:16/10;overflow:hidden;background:var(--nx-bg,#0b0b0f)}



.arc-card-art.is-empty{background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(255,45,149,.08))}



.arc-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}



.arc-card:hover .arc-card-art img{transform:scale(1.035)}



.arc-card-body{padding:16px 17px 18px}



.arc-card-body .arc-k{font-size:.74rem}



.arc-card-body h3{font-size:1rem;font-weight:600;letter-spacing:-.012em;line-height:1.38;margin:7px 0 10px;color:var(--nx-ink,#f5f5f7)}



.arc-card-body .arc-meta{margin-top:0;font-size:.78rem}



.arc-shelf-wrap{position:relative}



.arc-shelf{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;scrollbar-width:none}



.arc-shelf::-webkit-scrollbar{display:none}



.arc-game{flex:0 0 178px;scroll-snap-align:start;min-width:0}



.arc-cover{aspect-ratio:3/4;border-radius:var(--arc-r-sm);overflow:hidden;border:1px solid var(--nx-line,rgba(255,255,255,.08));



  box-shadow:var(--arc-sh-sm);transition:transform .18s ease,box-shadow .18s ease;background:var(--nx-bg-2,#121216)}



.arc-cover.is-empty{background:linear-gradient(160deg,rgba(0,229,255,.1),rgba(255,45,149,.1))}



.arc-game:hover .arc-cover{transform:translateY(-4px);box-shadow:var(--arc-sh-md)}



.arc-cover img{width:100%;height:100%;object-fit:cover}



.arc-game h4{font-size:.86rem;font-weight:600;margin:11px 0 3px;letter-spacing:-.01em;color:var(--nx-ink,#f5f5f7)}



.arc-p{font-size:.73rem;color:var(--nx-muted,#9aa0ae)}



.arc-shelf-btn{position:absolute;top:34%;width:38px;height:38px;border-radius:99px;border:1px solid var(--nx-line,rgba(255,255,255,.08));



  background:rgba(18,18,22,.85);backdrop-filter:blur(8px);color:var(--nx-ink,#f5f5f7);cursor:pointer;font-size:1rem;



  display:grid;place-items:center;transition:.15s;z-index:5}



html[data-theme="light"] .arc-shelf-btn{background:rgba(255,255,255,.9)}



.arc-shelf-btn:hover{background:var(--nx-ink,#f5f5f7);color:#0b0b0f}



.arc-shelf-btn.prev{left:-10px}.arc-shelf-btn.next{right:-10px}



.arc-rel-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}



.arc-rel{display:flex;align-items:center;gap:14px;background:var(--nx-bg-2,#121216);border:1px solid var(--nx-line,rgba(255,255,255,.08));



  border-radius:var(--arc-r-sm);padding:12px 16px;transition:.15s}



.arc-rel:hover{border-color:rgba(255,255,255,.16);background:#17171c}



html[data-theme="light"] .arc-rel:hover{background:#efeff3}



.arc-rel-jack{width:48px;height:64px;flex:none;border-radius:10px;overflow:hidden;background:var(--nx-bg,#0b0b0f);



  border:1px solid var(--nx-line,rgba(255,255,255,.08))}



.arc-rel-jack img{width:100%;height:100%;object-fit:cover;display:block}



.arc-rel-jack.is-empty{background:



  linear-gradient(135deg,rgba(80,200,255,.12),rgba(200,80,255,.1)),



  var(--nx-bg,#0b0b0f)}



html[data-theme="light"] .arc-rel-jack{background:#fafafb}



.arc-rel-body{min-width:0;flex:1}



.arc-rel h4{font-size:.92rem;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--nx-ink,#f5f5f7);



  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.arc-rel .arc-p{margin-top:2px}



.arc-when{margin-left:auto;font-size:.74rem;color:var(--nx-muted,#9aa0ae);flex:none;white-space:nowrap}



@media (prefers-reduced-motion: reduce){



  .arc-hero-art img,.arc-card,.arc-game .arc-cover,.arc-cta{transition:none!important}



  .arc-hero-art:hover img,.arc-card:hover,.arc-game:hover .arc-cover,.arc-cta:hover{transform:none}



}



@media (max-width:1000px){



  .arc-hero{grid-template-columns:1fr;gap:18px}



  .arc-hero-art{aspect-ratio:3/4;max-width:280px;max-height:380px}



  .arc-news-grid{grid-template-columns:1fr 1fr}



  .arc-rel-list{grid-template-columns:1fr}



}



@media (max-width:620px){



  .arc-news-grid{grid-template-columns:1fr}



  .arc-side-story img,.arc-side-ph{width:70px;height:54px}



  .arc-shelf-btn{display:none}



}







/* UI-GAME-HUB-2 ? isolated game page composition; no global overrides. */



.arc-game-hub { --gh-width:1360px; --gh-accent:#3d7eff; width:100%; max-width:none; margin:0; padding:0 0 3rem; color:var(--nx-ink); }



.arc-game-hub .gh-hero { position:relative; isolation:isolate; overflow:hidden; background:#111820; color:#f5f7fb; }



.arc-game-hub .gh-backdrop { position:absolute; inset:0; z-index:-2; opacity:.6; }



.arc-game-hub .gh-backdrop img { width:100%; height:100%; object-fit:cover; object-position:center 35%; }



.arc-game-hub .gh-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(8,13,20,.95),rgba(8,13,20,.67) 65%,rgba(8,13,20,.28)),linear-gradient(0deg,#111820,transparent 70%); }



.arc-game-hub .gh-hero-inner { width:min(var(--gh-width),calc(100% - 64px)); margin:auto; display:grid; grid-template-columns:clamp(160px,19vw,250px) minmax(0,1fr); gap:clamp(28px,4vw,64px); align-items:center; padding:64px 0; min-height:470px; }



.arc-game-hub .gh-cover { margin:0; align-self:center; border-radius:10px; overflow:hidden; box-shadow:0 18px 45px #0006; aspect-ratio:3/4; }



.arc-game-hub .gh-cover img { width:100%; height:100%; object-fit:cover; }



.arc-game-hub .gh-identity:only-child { grid-column:1/-1; }



.arc-game-hub .gh-identity { max-width:900px; min-width:0; }



.arc-game-hub .gh-kicker { margin:0 0 .7rem; font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--nx-muted); line-height:1.5; }



.arc-game-hub .gh-hero .gh-kicker { color:#aebdce; }



.arc-game-hub h1 { margin:0 0 1.35rem; font:750 clamp(2.3rem,4.1vw,4.4rem)/1.05 var(--nx-sans); letter-spacing:-.045em; overflow-wrap:anywhere; text-wrap:balance; }



.arc-game-hub .gh-badges { display:flex; flex-wrap:wrap; gap:.45rem; list-style:none; margin:0 0 .8rem; padding:0; }



.arc-game-hub .gh-badges li { font-size:.72rem; line-height:1.4; padding:.35rem .65rem; border:1px solid #ffffff38; border-radius:5px; color:#f0f4fa; }



.arc-game-hub .gh-hero-meta { display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; margin:.8rem 0; color:#b9c5d4; font-size:.78rem; }



.arc-game-hub .gh-synthesis { max-width:60ch; color:#d1d8e2; font-size:1rem; line-height:1.65; margin:1rem 0 .3rem; }



.arc-game-hub .gh-read { display:inline-flex; gap:.5rem; min-height:44px; align-items:center; color:#d9e4f4; font-size:.8rem; text-decoration:underline; text-underline-offset:4px; }



.arc-game-hub .gh-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }



.arc-game-hub .gh-actions .nx-wish-form { margin:0; width:auto; }



.arc-game-hub .gh-cta,.arc-game-hub .gh-actions .nx-wish { display:inline-flex; width:auto; flex:none; justify-content:center; align-items:center; gap:.6rem; min-height:48px; padding:.8rem 1.25rem; margin:0; border:1px solid #ffffff38; border-radius:6px; background:transparent; color:#fff; font:600 .85rem/1.3 var(--nx-sans); cursor:pointer; box-shadow:none; text-transform:none; letter-spacing:0; }



.arc-game-hub .gh-cta {



  background: #2866da;



  border-color: #2866da;



  color: #fff;



}



.arc-game-hub .gh-cta:hover {



  background: #2158bf;



  border-color: #2158bf;



  color: #fff;



}



.arc-game-hub .gh-cta.gh-cta--ghost {



  background: transparent;



  border-color: #ffffff38;



  color: #fff;



}



.arc-game-hub .gh-cta.gh-cta--ghost:hover { background: #ffffff12; }



/* Page courante : accent site (violet), distinct du bleu des autres CTAs */



.arc-game-hub .gh-cta.is-current {



  background: var(--nx-purple, #7c3aed);



  border-color: var(--nx-purple, #7c3aed);



  color: #fff;



  cursor: default;



}



.arc-game-hub .gh-cta.is-current:hover {



  background: var(--nx-purple, #7c3aed);



  border-color: var(--nx-purple, #7c3aed);



  color: #fff;



}



.arc-game-hub--editorial .gh-section--editorial { margin-top: 0; }



.arc-game-hub--editorial .gh-section--editorial > .pj-note { display: flex; width: fit-content; }



.arc-game-hub--editorial .arc-ed-proto--in-hub { max-width: 42rem; }



.arc-game-hub--editorial .u-sr-only {



  position: absolute;



  width: 1px;



  height: 1px;



  padding: 0;



  margin: -1px;



  overflow: hidden;



  clip: rect(0, 0, 0, 0);



  white-space: nowrap;



  border: 0;



}



.arc-game-hub--editorial .arc-ed-proto__lede,



.arc-game-hub--editorial .arc-ed-proto__lede-body > p:first-child {



  font: 450 1.12rem/1.7 var(--nx-serif);



}



.arc-game-hub--editorial .arc-ed-proto__lede {



  margin: 0 0 1.15rem;



  padding: 1.05rem 1.2rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: linear-gradient(145deg, rgba(20, 32, 48, 0.82), rgba(8, 16, 26, 0.72));



  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);



}



html[data-theme="light"] .arc-game-hub--editorial .arc-ed-proto__lede {



  background: linear-gradient(145deg, #fff, #f2f5f9);



}



.arc-game-hub--editorial .arc-ed-proto__lede-body {



  margin: 0 0 1.15rem;



  padding: 1.15rem 1.2rem 1.25rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: linear-gradient(145deg, rgba(20, 32, 48, 0.82), rgba(8, 16, 26, 0.72));



  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);



  font: 450 1.05rem/1.72 var(--nx-serif);



  color: var(--nx-ink);



}



html[data-theme="light"] .arc-game-hub--editorial .arc-ed-proto__lede-body {



  background: linear-gradient(145deg, #fff, #f2f5f9);



}



.arc-game-hub--editorial .arc-ed-proto__lede + .arc-ed-proto__lede-body {



  margin-top: -0.35rem;



}



.arc-game-hub--editorial .arc-ed-proto__lede-body > .arc-ed-proto__prose {



  font: inherit;



  color: inherit;



}



.arc-game-hub--editorial .arc-ed-proto__lede-body > .arc-ed-proto__prose p { margin: 0 0 0.9rem; }



.arc-game-hub--editorial .arc-ed-proto__lede-body > .arc-ed-proto__prose p:last-child { margin-bottom: 0; }



.arc-game-hub--editorial .arc-ed-proto__lede-body > .arc-ed-proto__hero {



  margin: 1rem 0 0;



}



.arc-game-hub--editorial .arc-ed-proto__lede-body > .arc-ed-proto__hero:first-child {



  margin: 0 0 1rem;



}



.arc-game-hub--editorial .arc-ed-proto__lede-body p { margin: 0 0 0.9rem; }



.arc-game-hub--editorial .arc-ed-proto__lede-body p:last-child { margin-bottom: 0; }



.arc-game-hub--editorial .arc-ed-proto__hero,



.arc-game-hub--editorial .arc-ed-proto__bleed {



  margin: 1rem 0 1.35rem;



}



.arc-game-hub--editorial .arc-ed-proto__hero img,



.arc-game-hub--editorial .arc-ed-proto__bleed img {



  max-height: 20rem;



  width: 100%;



  object-fit: cover;



  border-radius: 4px;



}



.arc-game-hub--editorial .arc-ed-proto__section {



  margin: 0 0 1.35rem;



  padding: 1.2rem 1.25rem 1.3rem;



  border: 1px solid var(--nx-line);



  border-radius: 10px;



  background: linear-gradient(145deg, rgba(20, 32, 48, 0.82), rgba(8, 16, 26, 0.72));



  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);



}



html[data-theme="light"] .arc-game-hub--editorial .arc-ed-proto__section {



  background: linear-gradient(145deg, #fff, #f2f5f9);



}



.arc-game-hub--editorial .gh-section--editorial > .gh-description,



.arc-game-hub--editorial .gh-section--editorial > .gh-prose {



  max-width: 42rem;



}



.arc-game-hub--editorial .gh-prose figure.pj-nexus-inline,



.arc-game-hub--editorial .gh-prose figure.pj-test-still {



  margin: 1.15rem 0 1.45rem;



  max-width: 100%;



}



.arc-game-hub--editorial .gh-prose figure.pj-nexus-inline img,



.arc-game-hub--editorial .gh-prose figure.pj-test-still img {



  aspect-ratio: 16 / 9;



  max-height: 20rem;



  object-fit: cover;



  border-radius: 4px;



}



.arc-game-hub--editorial .arc-ed-proto__section h3 {



  margin: 0 0 1rem;



  padding: 0 0 0.7rem;



  border-bottom: 1px solid color-mix(in srgb, var(--nx-line) 85%, transparent);



  font: 700 1.12rem/1.3 var(--nx-sans);



  letter-spacing: -0.02em;



  color: var(--nx-ink);



}



.arc-game-hub--editorial .arc-ed-proto__section .arc-ed-proto__prose {



  margin-top: 0.15rem;



}



.arc-game-hub--editorial .arc-ed-proto__section .arc-ed-proto__bleed {



  margin-top: 1rem;



  margin-bottom: 1rem;



}



.arc-game-hub--editorial .arc-ed-proto__verdict {



  margin: 1.5rem 0 0;



  padding: 1.2rem 1.2rem 1.3rem;



  border: 1px solid color-mix(in srgb, var(--nx-accent, #3d7eff) 28%, var(--nx-line));



  border-radius: 12px;



  background:



    linear-gradient(160deg, color-mix(in srgb, var(--nx-accent, #3d7eff) 10%, transparent), transparent 55%),



    linear-gradient(145deg, rgba(20, 32, 48, 0.82), rgba(8, 16, 26, 0.72));



  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);



}



html[data-theme="light"] .arc-game-hub--editorial .arc-ed-proto__verdict {



  background:



    linear-gradient(160deg, color-mix(in srgb, var(--nx-accent, #3d7eff) 10%, transparent), transparent 55%),



    linear-gradient(145deg, #fff, #f2f5f9);



}



.arc-game-hub--editorial .arc-ed-proto__verdict > h3,



.arc-game-hub--editorial .arc-ed-proto__balance h4 {



  margin: 0 0 0.55rem;



  font: 700 0.82rem/1.2 var(--nx-sans);



  letter-spacing: 0.04em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.arc-game-hub--editorial .arc-ed-proto__verdict > h3 {



  margin: 0 0 0.85rem;



  letter-spacing: 0.12em;



}



.arc-game-hub--editorial .arc-ed-proto__verdict .pj-note--verdict {



  margin: 0 0 1rem;



}



.arc-game-hub--editorial .arc-ed-proto__hero,



.arc-game-hub--editorial .arc-ed-proto__bleed {



  width: 100%;



  margin-left: 0;



  margin-right: 0;



}







.arc-game-hub .gh-actions .nx-wish:hover { background:#ffffff12; }



.arc-game-hub .gh-nav { position:sticky; top:var(--nx-header,64px); z-index:20; display:flex; gap:2rem; overflow-x:auto; max-width:100%; padding:0 max(32px,calc((100% - var(--gh-width))/2)); margin:0; background:var(--nx-bg); border-bottom:1px solid var(--nx-line); overscroll-behavior-x:contain; scrollbar-width:thin; }



.arc-game-hub .gh-nav a { flex:none; display:flex; align-items:center; min-height:58px; color:var(--nx-muted); font-size:.83rem; font-weight:600; border-bottom:2px solid transparent; }



.arc-game-hub .gh-nav a:hover,.arc-game-hub .gh-nav a:focus-visible { color:var(--nx-ink); border-bottom-color:var(--gh-accent); }



.arc-game-hub .gh-layout { width:min(var(--gh-width),calc(100% - 64px)); margin:48px auto 0; display:grid; grid-template-columns:minmax(0,7fr) minmax(0,3fr); grid-template-areas:"main facts"; gap:clamp(28px,4vw,64px); align-items:start; }



.arc-game-hub .gh-main { grid-area:main; min-width:0; }



.arc-game-hub .gh-facts { grid-area:facts; min-width:0; padding:24px; border-radius:8px; background:var(--nx-bg-2); }



.arc-game-hub h2 { font:700 clamp(1.25rem,1.9vw,1.65rem)/1.25 var(--nx-sans); letter-spacing:-.025em; margin:0 0 1.3rem; color:var(--nx-ink); }



.arc-game-hub h3 { font-size:1rem; line-height:1.45; margin:.45rem 0; letter-spacing:-.01em; overflow-wrap:anywhere; }



.arc-game-hub .gh-facts h2 { font-size:1.15rem; }



.arc-game-hub .gh-facts dl { margin:0; }



.arc-game-hub .gh-facts dl>div { padding:15px 0; border-top:1px solid var(--nx-line); }



.arc-game-hub .gh-facts dt { font-size:.7rem; color:var(--nx-muted); margin-bottom:.5rem; }



.arc-game-hub .gh-facts dd { margin:0; font-size:.85rem; line-height:1.65; overflow-wrap:anywhere; }



.arc-game-hub .gh-release-list { padding:0; margin:0; list-style:none; }



.arc-game-hub .gh-release-list li { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.2rem .75rem; padding:.2rem 0; font-size:.78rem; }



.arc-game-hub .gh-release-list strong { font-weight:600; }



.arc-game-hub .gh-release-list span { color:var(--nx-muted); }



.arc-game-hub .gh-section { margin:0 0 48px; padding:0; min-width:0; scroll-margin-top:calc(var(--nx-header,64px) + 80px); }



.arc-game-hub .gh-description { max-width:68ch; line-height:1.85; font-size:1rem; margin:0; }



.arc-game-hub .gh-prose { margin-top:1rem; max-width:100%; overflow-wrap:anywhere; }



.arc-game-hub .gh-prose iframe { max-width:100%; }



.arc-game-hub .gh-section--quiet { border-top:1px solid var(--nx-line); padding:22px 0 0; margin-bottom:28px; }



.arc-game-hub .gh-section--quiet h2 { font-size:1rem; margin-bottom:.55rem; }



.arc-game-hub .gh-empty { margin:0; color:var(--nx-muted); font-size:.85rem; line-height:1.6; }



.arc-game-hub .gh-section-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-bottom:20px; }



.arc-game-hub .gh-section-heading h2 { margin-bottom:0; }



.arc-game-hub .gh-section-heading>span { font-size:.78rem; color:var(--nx-muted); }



.arc-game-hub .gh-news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }



.arc-game-hub .gh-news-card { min-width:0; }



.arc-game-hub .gh-news-card img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:7px; margin-bottom:14px; }



.arc-game-hub .gh-news-card time { font-size:.72rem; color:var(--nx-muted); }



.arc-game-hub .gh-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }



.arc-game-hub .gh-video { margin:0; min-width:0; }



.arc-game-hub .gh-video--lead { grid-column:1/-1; }



.arc-game-hub .gh-video .nx-media { position:relative; width:100%; aspect-ratio:16/9; height:auto; min-height:0; border:0; border-radius:8px; overflow:hidden; background:#111820; }



.arc-game-hub .gh-video .nx-media__hit { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; cursor:pointer; background:none; }



.arc-game-hub .gh-video .nx-media img,.arc-game-hub .gh-video .nx-media iframe { position:absolute; inset:0; width:100%; height:100%; min-height:0; object-fit:cover; border:0; }



.arc-game-hub .gh-video figcaption { padding:14px 0 0; }



.arc-game-hub .gh-video figcaption .gh-kicker { margin-bottom:.3rem; }



.arc-game-hub .gh-video-source { color:var(--nx-muted); font-size:.75rem; display:block; }



.arc-game-hub .gh-text-link { display:inline-flex; align-items:center; min-height:44px; font-size:.8rem; color:var(--nx-ink); text-decoration:underline; text-underline-offset:4px; }



.arc-game-hub .gh-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }



.arc-game-hub .gh-gallery a { aspect-ratio:16/10; overflow:hidden; border-radius:7px; background:var(--nx-bg-2); min-width:0; }



.arc-game-hub .gh-gallery .gh-gallery-lead { grid-column:span 2; grid-row:span 2; aspect-ratio:auto; }



.arc-game-hub .gh-gallery a:only-child { grid-column:1/-1; aspect-ratio:16/9; }



.arc-game-hub .gh-gallery img,.arc-game-hub .gh-gallery-rest img { width:100%; height:100%; object-fit:cover; }



.arc-game-hub .gh-gallery-more { margin-top:18px; }



.arc-game-hub .gh-gallery-more summary { display:flex; justify-content:center; align-items:center; gap:18px; min-height:48px; padding:12px 22px; border:1px solid var(--nx-line); border-radius:6px; background:var(--nx-bg-2); color:var(--nx-ink); font-size:.85rem; font-weight:600; cursor:pointer; list-style:none; }



.arc-game-hub .gh-gallery-more summary::-webkit-details-marker { display:none; }



.arc-game-hub .gh-gallery-more[open] summary { margin-bottom:16px; }



.arc-game-hub .gh-gallery-rest { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }



.arc-game-hub .gh-gallery-rest a { display:block; aspect-ratio:16/10; border-radius:7px; overflow:hidden; }



.arc-game-hub .gh-other-releases { width:min(var(--gh-width),calc(100% - 64px)); margin:12px auto 0; border-top:1px solid var(--nx-line); padding-top:32px; }



.arc-game-hub .gh-release-cards { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }



.arc-game-hub .gh-release-cards a { display:flex; align-items:center; gap:12px; min-width:0; min-height:80px; }



.arc-game-hub .gh-release-cards img { width:52px; height:72px; object-fit:cover; border-radius:4px; flex:none; }



.arc-game-hub .gh-release-cards strong { display:block; font-size:.8rem; line-height:1.45; overflow-wrap:anywhere; }



.arc-game-hub .gh-release-cards small { color:var(--nx-muted); font-size:.65rem; display:block; margin-bottom:.35rem; }



.arc-game-hub a:focus-visible,.arc-game-hub button:focus-visible,.arc-game-hub summary:focus-visible { outline:3px solid var(--gh-accent); outline-offset:4px; }



@media (max-width:900px) {



  .arc-game-hub .gh-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"facts" "main"; gap:32px; }



  .arc-game-hub .gh-facts dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }



  .arc-game-hub .gh-hero-inner { min-height:0; padding:40px 0; }



  .arc-game-hub .gh-release-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }



}



@media (max-width:600px) {



  .arc-game-hub .gh-hero-inner { width:calc(100% - 32px); grid-template-columns:82px minmax(0,1fr); gap:18px; align-items:start; padding:32px 0; }



  .arc-game-hub .gh-cover { align-self:start; }



  .arc-game-hub h1 { font-size:clamp(1.6rem,6.7vw,2.45rem); margin-bottom:1rem; }



  .arc-game-hub .gh-kicker { font-size:.6rem; letter-spacing:.11em; }



  .arc-game-hub .gh-badges { gap:5px; }



  .arc-game-hub .gh-badges li { font-size:.6rem; padding:4px 6px; }



  .arc-game-hub .gh-hero-meta { font-size:.68rem; }



  .arc-game-hub .gh-synthesis { font-size:.85rem; }



  .arc-game-hub .gh-actions { display:grid; }



  .arc-game-hub .gh-cta,.arc-game-hub .gh-actions .nx-wish { width:100%; font-size:.75rem; padding:12px; }



  .arc-game-hub .gh-nav { gap:22px; padding-inline:16px; }



  .arc-game-hub .gh-nav a { font-size:.75rem; min-height:52px; }



  .arc-game-hub .gh-layout,.arc-game-hub .gh-other-releases { width:calc(100% - 32px); margin-top:28px; }



  .arc-game-hub .gh-facts { padding:18px; }



  .arc-game-hub .gh-facts dl { grid-template-columns:minmax(0,1fr); }



  .arc-game-hub .gh-section { margin-bottom:32px; }



  .arc-game-hub .gh-description { font-size:.92rem; }



  .arc-game-hub .gh-news-grid,.arc-game-hub .gh-video-grid { grid-template-columns:minmax(0,1fr); }



  .arc-game-hub .gh-gallery,.arc-game-hub .gh-gallery-rest { grid-template-columns:repeat(2,minmax(0,1fr)); }



  .arc-game-hub .gh-gallery .gh-gallery-lead { grid-column:span 2; grid-row:auto; aspect-ratio:16/9; }



  .arc-game-hub .gh-release-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }



}



@media (prefers-reduced-motion:reduce) {



  .arc-game-hub * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }



}







/* BENCHMARK-IGDB-2 ? densify game hub (IGDB-first). Scoped to --igdb2. */



.arc-game-hub--igdb2{--gh-width:1120px;padding-bottom:2rem}



.arc-game-hub--igdb2 .gh-hero{min-height:0}



.arc-game-hub--igdb2 .gh-backdrop{opacity:.55}



.arc-game-hub--igdb2 .gh-hero::after{background:linear-gradient(90deg,rgba(8,13,20,.82),rgba(8,13,20,.55) 50%,rgba(8,13,20,.28)),linear-gradient(0deg,#111820 0%,transparent 48%)}



/* Hero : jaquette + identité (1er viewport propre). Facts en rail dessous. */



.arc-game-hub--igdb2 .gh-hero-inner{width:min(var(--gh-width),calc(100% - 40px));display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);grid-template-areas:"stage identity";gap:22px 32px;align-items:start;padding:28px 0 20px;min-height:0}



.arc-game-hub--igdb2 .gh-hero-stage{grid-area:stage;display:block;min-width:0;width:100%}



.arc-game-hub--igdb2 .gh-identity{grid-area:identity;min-width:0;max-width:44rem;padding-top:.1rem}



.arc-game-hub--igdb2 .gh-hero-inner > .gh-identity:only-child{grid-column:1/-1;grid-area:auto}



.arc-game-hub--igdb2 .gh-cover{width:100%;border-radius:8px;box-shadow:0 14px 36px rgba(0,0,0,.45);aspect-ratio:3/4;overflow:hidden;margin:0;background:#0b1018}



.arc-game-hub--igdb2 .gh-cover img{width:100%;height:100%;object-fit:cover;display:block}



.arc-game-hub--igdb2 h1{margin:0 0 .5rem;font:700 clamp(1.4rem,2.6vw,2.05rem)/1.15 var(--nx-sans);letter-spacing:-.03em;overflow-wrap:normal;word-break:normal}



.arc-game-hub--igdb2 .gh-year{font-weight:500;color:#aebdce;font-size:.72em}



.arc-game-hub--igdb2 .gh-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .5rem;padding:0;list-style:none}



.arc-game-hub--igdb2 .gh-badges li{font-size:.68rem;padding:.22rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28)}



.arc-game-hub--igdb2 .gh-badges a{color:inherit;text-decoration:none}



.arc-game-hub--igdb2 .gh-badges a:hover{text-decoration:underline}



.arc-game-hub--igdb2 .gh-hero-meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:0 0 .65rem;font-size:.78rem;color:#b9c5d4}



.arc-game-hub--igdb2 .gh-hero-meta a{color:#d7e4f7;text-decoration:none}



.arc-game-hub--igdb2 .gh-hero-meta a:hover{text-decoration:underline}



.arc-game-hub--igdb2 .gh-sep{opacity:.5}



.arc-game-hub--igdb2 .gh-score{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;margin:0 0 .55rem;font-size:.9rem}



.arc-game-hub--igdb2 .gh-score strong{font-size:1.15rem;letter-spacing:-.02em}



.arc-game-hub--igdb2 .gh-score a{color:#9ec1ff;font-size:.8rem}



.arc-game-hub--igdb2 .gh-synthesis{max-width:62ch;margin:0 0 .75rem;font-size:.9rem;line-height:1.55;color:#d1d8e2}



.arc-game-hub--igdb2 .gh-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}



.arc-game-hub--igdb2 .gh-cta,.arc-game-hub--igdb2 .gh-actions .nx-wish{min-height:36px;padding:.45rem .85rem;font-size:.78rem;border-radius:4px}



.arc-game-hub--igdb2 .gh-layout{width:min(var(--gh-width),calc(100% - 40px));margin:18px auto 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main";gap:0}



.arc-game-hub--igdb2 .gh-main{grid-area:main;min-width:0}



/* Rail infos / prix / config — sous le hero, pas à la place du titre */



.arc-game-hub--igdb2 .gh-facts--rail{



  width:min(var(--gh-width),calc(100% - 40px));



  margin:8px auto 0;



  display:grid;



  grid-template-columns:minmax(0,1.05fr) minmax(200px,.85fr) minmax(0,1.25fr);



  gap:14px 16px;



  align-items:stretch;



  padding:0;



  border:0;



  background:transparent;



}



.arc-game-hub--igdb2 .gh-facts--rail > .gh-facts__col{



  min-width:0;



  padding:14px 16px;



  border-radius:8px;



  border:1px solid var(--nx-line);



  background:rgba(17,24,32,.92);



}



.arc-game-hub--igdb2 .gh-identity .pj-note{margin:0 0 .75rem}



.arc-game-hub--igdb2 .gh-facts--rail .pj-hub-price,



.arc-game-hub--igdb2 .gh-facts--rail .pj-pc-config{margin:0;border:0;background:transparent;padding:0}



.arc-game-hub--igdb2 .gh-facts--rail .pj-pc-config__source{margin-top:.55rem}



.arc-game-hub--igdb2 .gh-facts--rail .pj-pc-config__spec--notes .pj-pc-config__value{



  display:-webkit-box;



  -webkit-line-clamp:3;



  -webkit-box-orient:vertical;



  overflow:hidden;



}



.arc-game-hub--igdb2 .gh-facts{padding:14px 16px;border-radius:4px;border:1px solid var(--nx-line);background:var(--nx-bg-2)}



.arc-game-hub--igdb2 .gh-facts h2,.arc-game-hub--igdb2 h2{font:700 1rem/1.3 var(--nx-sans);letter-spacing:-.015em;margin:0 0 .75rem}



.arc-game-hub--igdb2 .gh-facts dl>div{padding:8px 0;border-top:1px solid var(--nx-line)}



.arc-game-hub--igdb2 .gh-facts dl>div:first-child{border-top:0;padding-top:0}



.arc-game-hub--igdb2 .gh-facts dt{font-size:.65rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.06em}



.arc-game-hub--igdb2 .gh-facts dd{font-size:.8rem;line-height:1.45}



.arc-game-hub--igdb2 .gh-facts a{color:var(--nx-ink);text-decoration:underline;text-underline-offset:2px}



.arc-game-hub--igdb2 .gh-inline-links{line-height:1.55}



.arc-game-hub--igdb2 .gh-release-list li{font-size:.75rem;padding:.15rem 0}



.arc-game-hub--igdb2 .gh-section{margin:0 0 22px;scroll-margin-top:calc(var(--nx-header,64px) + 16px)}



.arc-game-hub--igdb2 .gh-description{max-width:72ch;font-size:.9rem;line-height:1.6;margin:0}



.arc-game-hub--igdb2 .gh-prose{margin-top:.65rem;font-size:.9rem}



.arc-game-hub--igdb2 .gh-media-label{display:inline-flex;align-items:center;min-height:32px;margin:0 0 10px;padding:0 0 6px;border-bottom:2px solid var(--nx-ink);font:700 .82rem/1 var(--nx-sans);letter-spacing:.02em}



.arc-game-hub--igdb2 .gh-media-panel{margin:0 0 18px}



.arc-game-hub--igdb2 .gh-media-panel--gallery{margin-top:4px;padding-top:14px;border-top:1px solid var(--nx-line)}



.arc-game-hub--igdb2 .gh-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}



.arc-game-hub--igdb2 .gh-video{margin:0}



.arc-game-hub--igdb2 .gh-video .nx-media{border-radius:3px}



.arc-game-hub--igdb2 .gh-video figcaption{padding:6px 0 0}



.arc-game-hub--igdb2 .gh-video h4{font-size:.78rem;margin:0;font-weight:600;line-height:1.35}



.arc-game-hub--igdb2 .gh-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}



.arc-game-hub--igdb2 .gh-gallery a{aspect-ratio:16/10;border-radius:3px}



.arc-game-hub--igdb2 .gh-muted{margin:.55rem 0 0;font-size:.75rem;color:var(--nx-muted)}



.arc-game-hub--igdb2 .gh-destinations{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:16px}



.arc-game-hub--igdb2 .gh-dest{padding:12px 14px;border:1px solid var(--nx-line);border-radius:4px;background:var(--nx-bg-2)}



.arc-game-hub--igdb2 .gh-dest h3{margin:0 0 .35rem;font-size:.88rem}



.arc-game-hub--igdb2 .gh-dest-score{margin:0 0 .35rem;font-weight:700;font-size:.95rem}



.arc-game-hub--igdb2 .gh-dest-excerpt{margin:0 0 .45rem;font-size:.8rem;line-height:1.45;color:var(--nx-muted)}



.arc-game-hub--igdb2 .gh-dest-note{margin:0 0 .45rem;font-size:.72rem;line-height:1.4;color:var(--nx-muted)}



.arc-game-hub--igdb2 .gh-dest-cta{display:inline-flex;min-height:32px;align-items:center;font-size:.78rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}



.arc-game-hub--igdb2 .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}



.arc-game-hub--igdb2 .gh-subhead{font-size:.88rem;margin:0 0 .65rem}



.arc-game-hub--igdb2 .gh-news-dense{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px 18px;align-items:start}



.arc-game-hub--igdb2 .gh-news-lead{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start;text-decoration:none;color:inherit}



.arc-game-hub--igdb2 .gh-news-lead img{width:88px;height:58px;object-fit:cover;border-radius:3px}



.arc-game-hub--igdb2 .gh-news-lead strong{display:block;font-size:.85rem;line-height:1.35}



.arc-game-hub--igdb2 .gh-news-lead time,.arc-game-hub--igdb2 .gh-news-side time{display:block;margin-top:.25rem;font-size:.68rem;color:var(--nx-muted)}



.arc-game-hub--igdb2 .gh-news-side{list-style:none;margin:0;padding:0;display:grid;gap:8px}



.arc-game-hub--igdb2 .gh-news-side a{font-size:.8rem;line-height:1.35;text-decoration:none;color:inherit}



.arc-game-hub--igdb2 .gh-news-side a:hover,.arc-game-hub--igdb2 .gh-news-lead:hover strong{text-decoration:underline}







/* Cartes articles li?s ? rail sous la galerie (maquette horizontale sombre). */



.arc-game-hub--igdb2 .arc-hub-article-rail{



  display:grid;



  grid-template-columns:repeat(2,minmax(0,1fr));



  gap:14px 16px;



  margin:0;



  padding:0;



  list-style:none;



}



.arc-game-hub--igdb2 .arc-hub-article-card{



  display:grid;



  grid-template-columns:7.25rem minmax(0,1fr);



  align-items:stretch;



  min-width:0;



  overflow:hidden;



  text-decoration:none;



  color:inherit;



  border-radius:14px;



  background:#12151c;



  border:1px solid rgba(255,255,255,.06);



  box-shadow:0 10px 28px rgba(0,0,0,.28);



  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;



}



.arc-game-hub--igdb2 .arc-hub-article-card:hover{



  border-color:rgba(61,126,255,.45);



  transform:translateY(-1px);



  box-shadow:0 14px 32px rgba(0,0,0,.34);



}



.arc-game-hub--igdb2 .arc-hub-article-card:focus-visible{



  outline:2px solid var(--nx-accent,#3d7eff);



  outline-offset:3px;



}



.arc-game-hub--igdb2 .arc-hub-article-card__art{



  display:block;



  min-height:100%;



  aspect-ratio:3/4;



  background:#0a0c10;



}



.arc-game-hub--igdb2 .arc-hub-article-card__art img{



  display:block;



  width:100%;



  height:100%;



  object-fit:cover;



}



.arc-game-hub--igdb2 .arc-hub-article-card__body{



  display:flex;



  flex-direction:column;



  justify-content:center;



  gap:.55rem;



  min-width:0;



  padding:1rem 1.15rem 1rem 1rem;



}



.arc-game-hub--igdb2 .arc-hub-article-card__badge{



  display:inline-flex;



  align-self:start;



  max-width:100%;



  padding:.22rem .7rem;



  border:1px solid rgba(107,154,255,.85);



  border-radius:999px;



  color:#9ec0ff;



  font:700 .62rem/1.2 var(--nx-sans);



  letter-spacing:.08em;



  text-transform:uppercase;



  white-space:nowrap;



}



.arc-game-hub--igdb2 .arc-hub-article-card__title{



  display:-webkit-box;



  overflow:hidden;



  margin:0;



  color:#f5f7fb;



  font:700 .95rem/1.35 var(--nx-sans);



  letter-spacing:-.01em;



  -webkit-box-orient:vertical;



  -webkit-line-clamp:3;



}



.arc-game-hub--igdb2 .arc-hub-article-card__date{



  margin-top:.15rem;



  color:#9aa3b5;



  font:600 .68rem/1.2 var(--nx-sans);



  letter-spacing:.06em;



  text-transform:uppercase;



}



.arc-game-hub--igdb2 .arc-hub-article-card:hover .arc-hub-article-card__title{



  color:#fff;



}



@media (prefers-reduced-motion:reduce){



  .arc-game-hub--igdb2 .arc-hub-article-card,



  .arc-game-hub--igdb2 .arc-hub-article-card:hover{



    transition:none;



    transform:none;



  }



}



.arc-game-hub--igdb2 .gh-similar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}



.arc-game-hub--igdb2 .gh-similar{display:block;text-decoration:none;color:inherit;font-size:.75rem}



.arc-game-hub--igdb2 .gh-similar img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px;margin-bottom:4px}



.arc-game-hub--igdb2 .gh-legacy{margin:8px 0 0;padding:12px 14px;border:1px dashed var(--nx-line);border-radius:4px;background:transparent}



.arc-game-hub--igdb2 .gh-ed-teaser{display:grid;gap:.55rem;max-width:42rem}



.arc-game-hub--igdb2 .gh-ed-teaser__score{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.01em}



.arc-game-hub--igdb2 .gh-ed-teaser__score span{font-weight:500;opacity:.7;font-size:.85em}



.arc-game-hub--igdb2 .gh-ed-teaser__text{margin:0;font-size:.92rem;line-height:1.55;color:var(--nx-text,#1a1a1a)}



.arc-game-hub--igdb2 .gh-ed-teaser__cta{margin:.15rem 0 0}



.arc-game-hub--igdb2 .gh-ed-teaser__cta .gh-cta{display:inline-flex;color:inherit;text-decoration:none;border-color:var(--nx-line,#ccc);background:var(--nx-panel,#f6f6f6);color:var(--nx-text,#111)}



.arc-game-hub--igdb2 .gh-section--teaser{padding-bottom:4px}



.nx-body .arc-ed__back{margin:1.25rem 0 0}



.nx-body .arc-ed__back a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}



.arc-game-hub--igdb2 .gh-legacy>summary{cursor:pointer;font-size:.8rem;font-weight:600;min-height:36px}



.arc-game-hub--igdb2 .gh-section--legacy{margin-top:14px;padding-top:12px;border-top:1px solid var(--nx-line)}



.arc-game-hub--igdb2 .gh-section--legacy h3{font-size:.9rem;margin:0 0 .55rem}



.arc-game-hub--igdb2 .gh-text-link{min-height:auto;font-size:.78rem}



@media (max-width:900px){



  .arc-game-hub--igdb2 .gh-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main";gap:0}



  .arc-game-hub--igdb2 .gh-facts--rail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:calc(100% - 32px)}



  .arc-game-hub--igdb2 .gh-facts--rail .gh-facts__col--pc{grid-column:1/-1}



  .arc-game-hub--igdb2 .gh-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}



  .arc-game-hub--igdb2 .gh-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}



  .arc-game-hub--igdb2 .gh-news-dense{grid-template-columns:1fr}



  .arc-game-hub--igdb2 .arc-hub-article-rail{grid-template-columns:1fr}



  .arc-game-hub--igdb2 .gh-similar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}



}



@media (max-width:600px){



  .arc-game-hub--igdb2 .gh-hero-inner{



    width:calc(100% - 24px);



    grid-template-columns:104px minmax(0,1fr);



    grid-template-areas:"stage identity";



    gap:12px 14px;



    padding:16px 0;



    align-items:start;



  }



  .arc-game-hub--igdb2 .gh-hero-stage{grid-area:stage}



  .arc-game-hub--igdb2 .gh-identity{grid-area:identity;max-width:none}



  .arc-game-hub--igdb2 .gh-cover{width:104px}



  .arc-game-hub--igdb2 h1{font-size:clamp(1.25rem,6vw,1.55rem);margin-bottom:.35rem;overflow-wrap:anywhere;word-break:normal}



  .arc-game-hub--igdb2 .gh-synthesis{font-size:.82rem;max-width:none}



  .arc-game-hub--igdb2 .gh-hero-meta{display:flex;flex-wrap:wrap}



  .arc-game-hub--igdb2 .gh-badges{display:flex;flex-wrap:wrap}



  .arc-game-hub--igdb2 .gh-badges li{white-space:nowrap}



  .arc-game-hub--igdb2 .gh-facts--rail{width:calc(100% - 24px);grid-template-columns:1fr;gap:10px;margin-bottom:4px}



  .arc-game-hub--igdb2 .gh-facts--rail .gh-facts__col--pc{grid-column:auto}



  .arc-game-hub--igdb2 .arc-hub-article-rail{grid-template-columns:1fr;gap:12px}



  .arc-game-hub--igdb2 .arc-hub-article-card{grid-template-columns:5.75rem minmax(0,1fr)}



  .arc-game-hub--igdb2 .arc-hub-article-card__body{padding:.85rem .9rem .85rem .8rem;gap:.4rem}



  .arc-game-hub--igdb2 .arc-hub-article-card__title{font-size:.88rem;-webkit-line-clamp:4}



  .arc-game-hub--igdb2 .gh-layout{width:calc(100% - 24px);margin-top:14px}



  .arc-game-hub--igdb2 .gh-facts dl{grid-template-columns:1fr}



  .arc-game-hub--igdb2 .gh-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}



  .arc-game-hub--igdb2 .gh-video-grid{grid-template-columns:1fr}



  .arc-game-hub--igdb2 .gh-similar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}



  .arc-game-hub--igdb2 .gh-actions{display:flex;flex-wrap:wrap}



  .arc-game-hub--igdb2 .gh-cta,.arc-game-hub--igdb2 .gh-actions .nx-wish{width:auto}



}







/* Fiche /jeu/ — sheet 3 colonnes (tokens site = même look que l’accueil) */



.arc-game-hub--sheet{--gh-width:1280px;padding:0 0 2.5rem;color:var(--nx-ink)}



.arc-game-hub--sheet .gh-crumb{



  width:min(var(--gh-width),calc(100% - 40px));



  margin:14px auto 18px;



  display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;



  font-size:.78rem;color:var(--nx-muted)



}



.arc-game-hub--sheet .gh-crumb a{color:var(--nx-ink);text-decoration:none;opacity:.78}



.arc-game-hub--sheet .gh-crumb a:hover{opacity:1;text-decoration:underline}



.arc-game-hub--sheet .gh-crumb [aria-current="page"]{color:var(--nx-ink);font-weight:600;opacity:1}



.arc-game-hub--sheet .gh-sheet{



  width:min(var(--gh-width),calc(100% - 40px));



  margin:0 auto;



  display:grid;



  grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(260px,320px);



  gap:22px 28px;



  align-items:start



}



.arc-game-hub--sheet .gh-col{min-width:0;display:grid;gap:14px;align-content:start}



.arc-game-hub--sheet .gh-sheet-cover{



  margin:0;border-radius:10px;overflow:hidden;



  aspect-ratio:3/4;background:#0b1018;



  box-shadow:0 16px 40px rgba(0,0,0,.45)



}



.arc-game-hub--sheet .gh-sheet-cover img{width:100%;height:100%;object-fit:cover;display:block}



.arc-game-hub--sheet .gh-card{



  margin:0;padding:14px;



  border:1px solid var(--nx-line);



  border-radius:10px;



  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));



  box-shadow:0 12px 32px rgba(0,0,0,.12);



  --gh-label:.58rem;



  --gh-value:.72rem;



  --gh-title:.66rem



}



html[data-theme="light"] .arc-game-hub--sheet .gh-card{



  background:linear-gradient(145deg,#fff,#f2f5f9)



}



.arc-game-hub--sheet .gh-card__title{



  margin:0 0 .55rem;font:700 var(--gh-title)/1.2 var(--nx-sans);



  letter-spacing:.05em;text-transform:uppercase;color:var(--nx-muted)



}



.arc-game-hub--sheet .gh-card__more{



  margin:.55rem 0 0;font-size:.72rem;color:var(--nx-accent)



}



.arc-game-hub--sheet .gh-sheet-dl{margin:0}



.arc-game-hub--sheet .gh-sheet-dl > div{



  display:grid;grid-template-columns:6.2rem minmax(0,1fr);



  gap:.25rem .5rem;padding:.38rem 0;



  border-top:1px solid var(--nx-line)



}



.arc-game-hub--sheet .gh-sheet-dl > div:first-child{border-top:0;padding-top:0}



.arc-game-hub--sheet .gh-sheet-dl dt{



  margin:0;font-size:var(--gh-label,.58rem);color:var(--nx-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:.12rem



}



.arc-game-hub--sheet .gh-sheet-dl dd{margin:0;font-size:var(--gh-value,.72rem);line-height:1.35;color:var(--nx-ink);font-weight:600}



.arc-game-hub--sheet .gh-sheet-dl a{color:var(--nx-accent);text-decoration:none;font-weight:600}



.arc-game-hub--sheet .gh-sheet-dl a:hover{text-decoration:underline}



.arc-game-hub--sheet .gh-card--price .pj-hub-price{



  margin:0;border:0;background:transparent;padding:0;max-width:none



}



.arc-game-hub--sheet .gh-card--price .pj-hub-price__kicker{display:none}



.arc-game-hub--sheet .gh-card--price .pj-hub-price__current{



  margin:0 0 .4rem;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--nx-ink)



}



.arc-game-hub--sheet .gh-card--price .pj-hub-price__meta,



.arc-game-hub--sheet .gh-card--price .pj-hub-price__edition{



  font-size:var(--gh-value,.72rem);line-height:1.35;color:var(--nx-muted)



}



.arc-game-hub--sheet .gh-card--price .pj-hub-price__cta{



  display:inline-flex;align-items:center;justify-content:center;



  width:100%;min-height:34px;margin-top:.3rem;padding:.4rem .7rem;



  border-radius:999px;border:0;background:#2fbf71;color:#04140c;



  font-weight:700;font-size:.72rem;text-decoration:none



}



.arc-game-hub--sheet .gh-card--price .pj-hub-price__cta:hover{



  background:#3ad082;color:#04140c



}



.arc-game-hub--sheet .gh-sheet-head{



  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;



  gap:12px 18px;margin:0 0 .55rem



}



.arc-game-hub--sheet .gh-sheet-head h1{



  margin:0;font:800 clamp(1.55rem,2.8vw,2.25rem)/1.1 var(--nx-sans);



  letter-spacing:-.035em;color:#fff;text-transform:none



}



.arc-game-hub--sheet .gh-sheet-kicker{



  display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:.45rem 0 0;



  font-size:.82rem;color:#aeb9c8



}



.arc-game-hub--sheet .gh-sheet-score{



  display:grid;justify-items:end;flex:0 0 auto



}



.arc-game-hub--sheet .gh-sheet-score .pj-note{margin:0}



.arc-game-hub--sheet .gh-sheet-lede{



  margin:0 0 1rem;max-width:62ch;font-size:.92rem;line-height:1.55;color:#c9d3e0



}



.arc-game-hub--sheet .gh-actions--sheet{margin:0 0 1.1rem;gap:.55rem}



.arc-game-hub--sheet .gh-cta{



  display:inline-flex;align-items:center;justify-content:center;



  min-height:40px;padding:.5rem 1rem;border-radius:999px;



  border:1px solid rgba(255,255,255,.16);background:transparent;



  color:#e8eef6;font-size:.8rem;font-weight:650;text-decoration:none



}



.arc-game-hub--sheet .gh-cta:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.04)}



.arc-game-hub--sheet .gh-cta--primary{



  border-color:transparent;background:#2f6dff;color:#fff



}



.arc-game-hub--sheet .gh-cta--primary:hover{background:#4580ff;color:#fff}



.arc-game-hub--sheet .gh-actions--sheet .nx-wish{



  border-radius:999px;min-height:40px



}



.arc-game-hub--sheet .gh-quick{



  display:grid;



  grid-template-columns:repeat(5,minmax(0,1fr));



  gap:8px;margin:0 0 .7rem;



  --gh-label:.58rem;



  --gh-value:.72rem



}



.arc-game-hub--sheet .gh-quick__item{



  padding:10px;border-radius:8px;



  border:1px solid var(--nx-line);



  background:var(--nx-bg-2);



  display:grid;gap:.2rem;min-width:0;align-content:start



}



html[data-theme="light"] .arc-game-hub--sheet .gh-quick__item{



  background:linear-gradient(145deg,#fff,#f2f5f9)



}



.arc-game-hub--sheet .gh-quick__label{



  font-size:var(--gh-label);letter-spacing:.05em;text-transform:uppercase;color:var(--nx-muted);line-height:1.2



}



.arc-game-hub--sheet .gh-quick__item strong{



  font-size:var(--gh-value);font-weight:600;line-height:1.3;color:var(--nx-ink);



  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;



  overflow-wrap:anywhere;word-break:normal



}



.arc-game-hub--sheet .gh-quick__item a{color:var(--nx-accent);text-decoration:none}



.arc-game-hub--sheet .gh-quick__item a:hover{text-decoration:underline}



.arc-game-hub--sheet .gh-sheet-block{margin:0 0 1rem}



.arc-game-hub--sheet .gh-sheet-block__title{



  margin:0 0 .55rem;font:700 .95rem/1.25 var(--nx-sans);letter-spacing:-.02em;color:var(--nx-ink)



}



.arc-game-hub--sheet .gh-sheet-block .pj-pc-config{



  margin:0;padding:14px;border-radius:10px;



  border:1px solid var(--nx-line);



  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));



  box-shadow:0 12px 32px rgba(0,0,0,.12);max-width:none



}



html[data-theme="light"] .arc-game-hub--sheet .gh-sheet-block .pj-pc-config{



  background:linear-gradient(145deg,#fff,#f2f5f9)



}



.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__title{



  font-size:.95rem;letter-spacing:-.02em;text-transform:none;color:var(--nx-ink)



}



.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__label{



  font-size:.58rem;letter-spacing:.04em;color:var(--nx-muted)



}



.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__value{



  font-size:.72rem;line-height:1.35;font-weight:600;color:var(--nx-ink)



}



.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__tabs{
  gap:.45rem;margin:0 0 .65rem
}

.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__tab{
  font-size:.72rem;
  font-weight:700;
  padding:.38rem .7rem;
  min-height:2.2rem;
  border:1.5px solid color-mix(in srgb, var(--nx-ink) 28%, transparent);
  border-radius:9px;
  background:color-mix(in srgb, var(--nx-ink) 6%, transparent);
  color:var(--nx-muted);
  box-shadow:none
}

.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__tab:hover{
  border-color:color-mix(in srgb, var(--nx-accent, #6eb6ff) 55%, var(--nx-line));
  color:var(--nx-ink);
  background:color-mix(in srgb, var(--nx-ink) 9%, transparent)
}

.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__tab.is-active{
  color:var(--nx-ink);
  border-color:#3dba74;
  background:color-mix(in srgb, #5ecf8a 16%, transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, #5ecf8a 40%, transparent)
}

html[data-theme="light"] .arc-game-hub--sheet .gh-sheet-block .pj-pc-config__tab{
  border-color:rgba(15,23,42,.22);
  background:#fff;
  color:#475569
}

html[data-theme="light"] .arc-game-hub--sheet .gh-sheet-block .pj-pc-config__tab:hover{
  border-color:rgba(15,23,42,.38);
  color:#0f172a;
  background:#f8fafc
}

html[data-theme="light"] .arc-game-hub--sheet .gh-sheet-block .pj-pc-config__tab.is-active{
  border-color:#2f9e5f;
  background:rgba(46,180,100,.14);
  color:#0f172a;
  box-shadow:inset 0 0 0 1px rgba(47,158,95,.35)
}

.arc-game-hub--sheet .gh-sheet-block .pj-pc-config__source{



  font-size:.62rem;color:var(--nx-muted)



}



.arc-game-hub--sheet .gh-description{max-width:68ch;font-size:.9rem;line-height:1.65;color:var(--nx-ink);margin:0}



.arc-game-hub--sheet .gh-prose{margin-top:.65rem;font-size:.9rem;color:var(--nx-ink)}



.arc-game-hub--sheet .gh-video{margin:0}



.arc-game-hub--sheet .gh-video figcaption{



  margin:.4rem 0 0;font-size:.72rem;line-height:1.35;color:var(--nx-muted);



  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden



}



.arc-game-hub--sheet .gh-video--lead{margin-bottom:.55rem}



.arc-game-hub--sheet .gh-video--lead .nx-media{border-radius:8px;overflow:hidden}



.arc-game-hub--sheet .gh-video-thumbs{



  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px



}



.arc-game-hub--sheet .gh-video-thumbs .nx-media{border-radius:6px;overflow:hidden}



.arc-game-hub--sheet .gh-sheet-gallery{



  display:grid;



  grid-template-columns:1.2fr 1fr 1fr;



  grid-template-rows:repeat(2,minmax(72px,1fr));



  gap:6px;min-height:200px



}



.arc-game-hub--sheet .gh-sheet-gallery__item{



  position:relative;display:block;overflow:hidden;border-radius:6px;



  background:var(--nx-bg-2);border:1px solid var(--nx-line);min-height:0



}



.arc-game-hub--sheet .gh-sheet-gallery__item img{



  width:100%;height:100%;object-fit:cover;display:block



}



.arc-game-hub--sheet .gh-sheet-gallery__item.is-lead{



  grid-row:1 / span 2;grid-column:1



}



.arc-game-hub--sheet .gh-sheet-gallery.has-shutter{



  mask-image:linear-gradient(180deg,#000 72%,transparent 100%);



  -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);



  margin-bottom:0;



  border-bottom-left-radius:0;



  border-bottom-right-radius:0



}



.arc-game-hub--sheet .gh-card--gallery:has(.gh-sheet-gallery-shutter[open]) .gh-sheet-gallery.has-shutter{



  mask-image:none;



  -webkit-mask-image:none



}



html[data-theme="light"] .arc-game-hub--sheet .gh-sheet-gallery-shutter__handle{



  background:#f3f5f8;



  border-color:rgba(15,23,42,.14);



  color:#64748b



}



html[data-theme="light"] .arc-game-hub--sheet .gh-sheet-gallery-shutter__handle:hover{



  color:#0f172a;



  background:#e8ecf1



}



html[data-theme="light"] .arc-game-hub--sheet .gh-sheet-gallery-shutter__grip{



  background:rgba(15,23,42,.28)



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter{



  margin-top:.35rem



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter__handle{



  list-style:none;



  display:flex;



  flex-direction:column;



  align-items:center;



  justify-content:center;



  gap:.28rem;



  width:100%;



  min-height:2rem;



  margin:0;



  padding:.35rem .5rem .45rem;



  border:1px solid var(--nx-line);



  border-radius:0 0 10px 10px;



  border-top:0;



  background:color-mix(in srgb,var(--nx-bg-2,#121820) 88%,transparent);



  cursor:pointer;



  color:var(--nx-muted)



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter__handle::-webkit-details-marker{display:none}



.arc-game-hub--sheet .gh-sheet-gallery-shutter__grip{



  width:2.4rem;



  height:.22rem;



  border-radius:99px;



  background:color-mix(in srgb,var(--nx-ink) 28%,transparent)



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter__chev{



  width:.55rem;



  height:.55rem;



  border-right:2px solid currentColor;



  border-bottom:2px solid currentColor;



  transform:rotate(45deg);



  margin-top:-.1rem;



  opacity:.75;



  transition:transform .22s ease



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter__handle:hover{



  color:var(--nx-ink);



  background:color-mix(in srgb,var(--nx-ink) 6%,var(--nx-bg-2,#121820))



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter[open] .gh-sheet-gallery-shutter__chev{



  transform:rotate(225deg);



  margin-top:.15rem



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter__panel{



  display:grid;



  grid-template-columns:repeat(3,minmax(0,1fr));



  gap:6px;



  margin-top:.55rem;



  padding-top:.15rem;



  animation:gh-shutter-drop .28s ease



}



.arc-game-hub--sheet .gh-sheet-gallery-shutter__panel .gh-sheet-gallery__item{



  aspect-ratio:16/10



}



@keyframes gh-shutter-drop{



  from{opacity:0;transform:translateY(-8px)}



  to{opacity:1;transform:translateY(0)}



}



@media (prefers-reduced-motion:reduce){



  .arc-game-hub--sheet .gh-sheet-gallery-shutter__panel{animation:none}



  .arc-game-hub--sheet .gh-sheet-gallery-shutter__chev{transition:none}



}



.arc-game-hub--sheet .gh-similar-row{



  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px



}



.arc-game-hub--sheet .gh-similar-row .gh-similar{



  display:block;text-decoration:none;color:var(--nx-ink);font-size:.68rem



}



.arc-game-hub--sheet .gh-similar-row .gh-similar img{



  width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px;margin-bottom:4px;display:block;



  border:1px solid var(--nx-line)



}



.arc-game-hub--sheet .gh-similar-row .gh-similar strong{



  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.3



}



.arc-game-hub--sheet .gh-related{



  width:min(var(--gh-width,1280px),calc(100% - 40px));



  margin:22px auto 0



}



.arc-game-hub--sheet .gh-related__frame{



  padding:14px;



  border-radius:10px;



  border:1px solid var(--nx-line);



  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));



  box-shadow:0 12px 32px rgba(0,0,0,.12)



}



html[data-theme="light"] .arc-game-hub--sheet .gh-related__frame{



  background:linear-gradient(145deg,#fff,#f2f5f9)



}



.arc-game-hub--sheet .gh-related__title{



  margin:0 0 12px;font:850 clamp(.95rem,1.35vw,1.15rem)/1.05 var(--nx-sans);



  letter-spacing:-.035em;text-transform:uppercase;color:var(--nx-ink)



}



.arc-game-hub--sheet .gh-related__rail{



  display:grid;



  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));



  gap:0 18px



}



.arc-game-hub--sheet .gh-related__card{



  display:grid;



  grid-template-columns:34% minmax(0,1fr);



  gap:10px;



  align-items:center;



  min-width:0;



  padding:10px 0;



  text-decoration:none;color:inherit;



  border:0;border-radius:0;background:transparent;overflow:visible



}



.arc-game-hub--sheet .gh-related__card + .gh-related__card{



  border-top:1px solid var(--nx-line)



}



.arc-game-hub--sheet .gh-related__card:hover .gh-related__card-title{color:#69aaff}



.arc-game-hub--sheet .gh-related__art{



  display:block;position:relative;width:auto;min-width:0;max-width:none;



  min-height:0;aspect-ratio:16/10;border-radius:5px;overflow:hidden;



  background:var(--nx-bg-2);border:1px solid var(--nx-line)



}



.arc-game-hub--sheet .gh-related__art img,



.arc-game-hub--sheet .gh-related__art picture,



.arc-game-hub--sheet .gh-related__art picture img{



  display:block;width:100%;height:100%;min-height:0;object-fit:cover



}



.arc-game-hub--sheet .gh-related__art picture{height:100%}



.arc-game-hub--sheet .gh-related__body{



  display:grid;gap:6px;min-width:0;overflow:hidden;padding:0;align-content:center



}



.arc-game-hub--sheet .gh-related__badge{



  display:inline-flex;align-self:start;max-width:100%;



  padding:.25rem .38rem;border:0;border-radius:3px;



  background:#1d5bbd;color:#fff;



  font:800 .58rem/1.2 var(--nx-sans);letter-spacing:.03em;text-transform:uppercase;



  white-space:nowrap



}



.arc-game-hub--sheet .gh-related__card-title{



  display:-webkit-box;overflow:hidden;margin:0;color:var(--nx-ink);



  font:750 clamp(.76rem,1vw,.92rem)/1.28 var(--nx-sans);letter-spacing:-.012em;



  -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere



}



.arc-game-hub--sheet .gh-related__date{



  font-size:.62rem;letter-spacing:0;text-transform:none;color:var(--nx-muted);font-weight:600



}



@media (max-width:760px){



  .arc-game-hub--sheet .gh-related{width:calc(100% - 24px)}



  .arc-game-hub--sheet .gh-related__rail{grid-template-columns:1fr}



  .arc-game-hub--sheet .gh-related__card{grid-template-columns:38% minmax(0,1fr)}



}



@media (max-width:1100px){



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet{



    grid-template-columns:minmax(180px,210px) minmax(0,1fr);



    grid-template-areas:"left center" "right right"



  }



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--left{grid-area:left}



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--center{grid-area:center}



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--right{grid-area:right;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-quick{grid-template-columns:repeat(3,minmax(0,1fr))}



}



@media (max-width:760px){



  .arc-game-hub--sheet .gh-crumb,



  .arc-game-hub--sheet .gh-sheet{width:calc(100% - 24px)}



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet{



    grid-template-columns:1fr;



    grid-template-areas:none;gap:16px



  }



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--left,



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--center,



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--right{grid-area:auto}



  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--right{grid-template-columns:1fr}



  .arc-game-hub--sheet .gh-sheet-cover{max-width:220px}



  .arc-game-hub--sheet .gh-sheet-head{flex-direction:column;align-items:stretch}



  .arc-game-hub--sheet .gh-sheet-score{justify-items:start}



  .arc-game-hub--sheet .gh-quick{grid-template-columns:repeat(2,minmax(0,1fr))}



  .arc-game-hub--sheet .gh-video-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}



  .arc-game-hub--sheet .gh-sheet-gallery{



    grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0



  }



  .arc-game-hub--sheet .gh-sheet-gallery__item.is-lead{



    grid-row:auto;grid-column:1 / -1;aspect-ratio:16/9



  }



  .arc-game-hub--sheet .gh-similar-row{grid-template-columns:repeat(3,minmax(0,1fr))}



  .arc-game-hub--sheet .gh-sheet-dl > div{grid-template-columns:1fr}



}







/* Chrome jeu partagé — ne change jamais (fiche / test / soluce) */



.arc-game-hub .gh-crumb{



  width:min(var(--gh-width,1280px),calc(100% - 40px));



  margin:12px auto 14px;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;



  font-size:.78rem;color:var(--nx-muted)



}



.arc-game-hub .gh-crumb a{color:var(--nx-ink);text-decoration:none;opacity:.78}



.arc-game-hub .gh-crumb a:hover{opacity:1;text-decoration:underline}



.arc-game-hub .gh-crumb [aria-current="page"]{color:var(--nx-ink);font-weight:600;opacity:1}



.arc-game-hub .gh-chrome{

  position:relative;
  isolation:isolate;
  overflow:hidden;

  width:min(var(--gh-width,1280px),calc(100% - 40px));



  margin:0 auto 22px;



  display:grid;



  grid-template-columns:minmax(140px,200px) minmax(0,1fr) minmax(240px,300px);



  gap:20px 24px;align-items:start



}

.arc-game-hub .gh-chrome--has-art{
  padding:18px 20px;
  border-radius:14px;
  border:1px solid var(--nx-line);
  background:color-mix(in srgb,var(--nx-bg) 78%,transparent);
  box-shadow:0 16px 40px rgba(0,0,0,.14)
}

.arc-game-hub .gh-chrome__art{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  overflow:hidden
}

.arc-game-hub .gh-chrome__art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 32%;
  opacity:.42;
  display:block
}

.arc-game-hub .gh-chrome__art::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--nx-bg) 88%,transparent),color-mix(in srgb,var(--nx-bg) 55%,transparent) 55%,color-mix(in srgb,var(--nx-bg) 35%,transparent)),
    linear-gradient(0deg,color-mix(in srgb,var(--nx-bg) 70%,transparent),transparent 55%)
}

.arc-game-hub .gh-chrome--has-art > :not(.gh-chrome__art){
  position:relative;
  z-index:1
}



.arc-game-hub .gh-chrome__cover{



  position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:3/4;



  background:var(--nx-bg-2);border:1px solid var(--nx-line);



  box-shadow:0 12px 32px rgba(0,0,0,.12)



}



.arc-game-hub .gh-chrome__cover img{width:100%;height:100%;object-fit:cover;display:block}



.arc-game-hub .gh-chrome__score{



  position:absolute;z-index:2;top:10px;right:10px;



  display:inline-flex;align-items:baseline;justify-content:center;gap:.05em;



  min-width:3.35rem;padding:.55rem .42rem;



  border:3px solid #257ff2;border-radius:12px;



  background:rgba(8,15,25,.92);color:#fff;



  box-shadow:0 0 0 4px rgba(37,127,242,.16);



  line-height:1;pointer-events:none



}



.arc-game-hub .gh-chrome__score strong{font:850 1.15rem/1 var(--nx-sans);letter-spacing:-.02em}



.arc-game-hub .gh-chrome__score small{font-size:.58rem;font-weight:700;opacity:.9}



.arc-game-hub .gh-chrome__score--solo{



  position:static;justify-self:start;margin:0 0 .5rem;pointer-events:auto



}



.arc-game-hub .gh-chrome__id{min-width:0;display:grid;align-content:start;gap:.75rem}



.arc-game-hub .gh-chrome__title{



  margin:0;font:800 clamp(1.55rem,2.8vw,2.25rem)/1.1 var(--nx-sans);



  letter-spacing:-.035em;color:var(--nx-ink)



}



.arc-game-hub .gh-chrome__kicker{



  display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin:.4rem 0 0;



  font-size:.82rem;color:var(--nx-muted)



}



.arc-game-hub .gh-chrome__lede{



  margin:0;max-width:58ch;font-size:.92rem;line-height:1.55;color:var(--nx-muted)



}



.arc-game-hub .gh-chrome__actions{



  display:grid;gap:.55rem;margin-top:.15rem;justify-items:stretch



}



.arc-game-hub .gh-chrome__wish{



  width:100%



}



.arc-game-hub .gh-chrome__wish .nx-wish-form{



  margin:0;width:100%;display:block



}



.arc-game-hub .gh-chrome__wish .nx-wish{



  display:inline-flex;align-items:center;justify-content:center;



  width:100%;min-height:40px;padding:.5rem 1rem;border-radius:999px;



  border:1px solid var(--nx-line);background:var(--nx-bg-2);



  color:var(--nx-ink);font-size:.8rem;font-weight:650;text-decoration:none;white-space:nowrap;



  box-sizing:border-box



}



.arc-game-hub .gh-chrome__ctas{



  display:flex;flex-wrap:wrap;gap:.5rem;



  justify-content:center;align-items:center;width:100%



}



.arc-game-hub .gh-chrome__cta{



  display:inline-flex;align-items:center;justify-content:center;



  min-height:40px;padding:.5rem 1rem;border-radius:999px;



  border:1px solid var(--nx-line);background:var(--nx-bg-2);



  color:var(--nx-ink);font-size:.8rem;font-weight:650;text-decoration:none;white-space:nowrap;



  width:auto;flex:0 0 auto;box-sizing:border-box



}



.arc-game-hub .gh-chrome__cta:hover{border-color:var(--nx-accent);background:color-mix(in srgb,var(--nx-accent) 8%,var(--nx-bg-2))}



.arc-game-hub .gh-chrome__cta--primary{



  border-color:transparent;background:#2f6dff;color:#fff



}



.arc-game-hub .gh-chrome__cta--primary:hover{background:#4580ff;color:#fff}

.arc-game-hub .gh-chrome__cta--demo{

  border-color:color-mix(in srgb,#3d9b55 55%,var(--nx-line));

  background:#2a8f45;color:#fff

}

.arc-game-hub .gh-chrome__cta--demo:hover{

  background:#34a352;color:#fff;border-color:#34a352

}



.arc-game-hub .gh-chrome__cta.is-current{



  border-color:var(--nx-line);background:color-mix(in srgb,var(--nx-ink) 6%,var(--nx-bg-2));color:var(--nx-ink);cursor:default



}



.arc-game-hub .gh-chrome__media{



  min-width:0;padding:14px;border-radius:10px;



  border:1px solid var(--nx-line);



  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));



  box-shadow:0 12px 32px rgba(0,0,0,.12)



}



html[data-theme="light"] .arc-game-hub .gh-chrome__media{



  background:linear-gradient(145deg,#fff,#f2f5f9)



}



.arc-game-hub .gh-chrome__media-title{



  margin:0 0 .65rem;font:700 .68rem/1.2 var(--nx-sans);



  letter-spacing:.08em;text-transform:uppercase;color:var(--nx-muted)



}



.arc-game-hub .gh-chrome__video{margin:0}



.arc-game-hub .gh-chrome__video--lead{margin-bottom:.5rem}



.arc-game-hub .gh-chrome__video--lead .nx-media{border-radius:8px;overflow:hidden}



.arc-game-hub .gh-chrome__thumbs{



  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px



}



.arc-game-hub .gh-chrome__thumbs .nx-media{border-radius:6px;overflow:hidden}



.arc-game-hub .gh-chrome__media-more{margin:.55rem 0 0;font-size:.76rem;color:var(--nx-accent)}

.arc-game-hub .gh-chrome__more{margin:.55rem 0 0}
.arc-game-hub .gh-chrome__more-btn{
  appearance:none;-webkit-appearance:none;border:1px solid color-mix(in srgb,var(--nx-accent) 35%,var(--nx-line));background:color-mix(in srgb,var(--nx-accent) 10%,transparent);padding:.42rem .7rem;margin:0;border-radius:999px;
  display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;
  font:650 .76rem/1.2 var(--nx-sans);color:var(--nx-accent);text-align:left
}
.arc-game-hub .gh-chrome__more-btn::after{
  content:"";width:.42rem;height:.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-top:-2px;opacity:.9;flex:0 0 auto
}
.arc-game-hub .gh-chrome__more.is-open .gh-chrome__more-btn::after{transform:rotate(-135deg);margin-top:2px}
.arc-game-hub .gh-chrome__more-btn-close{display:none}
.arc-game-hub .gh-chrome__more.is-open .gh-chrome__more-btn-open{display:none}
.arc-game-hub .gh-chrome__more.is-open .gh-chrome__more-btn-close{display:inline}
.arc-game-hub .gh-chrome__more-panel{
  margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--nx-line);
  max-height:min(52vh,420px);overflow:auto;overscroll-behavior:contain
}
.arc-game-hub .gh-chrome__more-panel[hidden]{display:none!important}
.arc-game-hub .gh-chrome__more.is-open .gh-chrome__more-panel{display:block!important}
.arc-game-hub .gh-chrome__more.is-open .gh-chrome__more-panel{display:block}
.arc-game-hub .gh-chrome__more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.arc-game-hub .gh-chrome__video-cap{
  margin:.28rem 0 0;font-size:.62rem;line-height:1.3;color:var(--nx-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
@media (max-width:640px){
  .arc-game-hub .gh-chrome__more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .arc-game-hub .gh-chrome__more-panel{max-height:min(48vh,360px)}
}





.arc-game-hub--sheet .gh-sheet{margin-top:0}



.arc-game-hub--test-sheet .gh-test-meta{



  width:min(var(--gh-width,1180px),calc(100% - 40px));margin:0 auto 10px;



  display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;



  font-size:.78rem;color:#a7b4c4



}



.arc-game-hub--test-sheet .gh-test-meta__eyebrow{



  font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e0c074;font-size:.68rem



}



.arc-game-hub--test-sheet .gh-test-toc{top:var(--nx-header,64px)}



@media (max-width:1100px){



  .arc-game-hub .gh-chrome{



    grid-template-columns:minmax(120px,160px) minmax(0,1fr);



    grid-template-areas:"cover id" "media media"



  }



  .arc-game-hub .gh-chrome__cover{grid-area:cover}



  .arc-game-hub .gh-chrome__id{grid-area:id}



  .arc-game-hub .gh-chrome__media{grid-area:media}



}



@media (max-width:640px){



  .arc-game-hub .gh-crumb,



  .arc-game-hub .gh-chrome,



  .arc-game-hub--test-sheet .gh-test-meta{width:calc(100% - 24px)}



  .arc-game-hub .gh-chrome{



    grid-template-columns:1fr;



    grid-template-areas:"cover" "id" "media";



    gap:14px;justify-items:center;text-align:center



  }



  .arc-game-hub .gh-chrome__cover{



    grid-area:cover;width:min(148px,42vw);justify-self:center



  }



  .arc-game-hub .gh-chrome__id{grid-area:id;width:100%;justify-items:center}



  .arc-game-hub .gh-chrome__media{grid-area:media;width:100%;text-align:left}



  .arc-game-hub .gh-chrome__titles{width:100%}



  .arc-game-hub .gh-chrome__kicker{justify-content:center}



  .arc-game-hub .gh-chrome__lede{max-width:36ch;margin-inline:auto}



  .arc-game-hub .gh-chrome__actions{width:100%}



  .arc-game-hub .gh-chrome__title{font-size:clamp(1.25rem,6vw,1.55rem);text-wrap:balance}



  .arc-game-hub .gh-chrome__score{



    top:6px;right:6px;min-width:2.35rem;padding:.32rem .28rem;



    border-width:2px;border-radius:8px;box-shadow:0 0 0 2px rgba(37,127,242,.14)



  }



  .arc-game-hub .gh-chrome__score strong{font-size:.78rem}



  .arc-game-hub .gh-chrome__score small{font-size:.48rem}



  .arc-game-hub .gh-chrome__actions .nx-wish,



  .arc-game-hub .gh-chrome__cta{min-height:36px;padding:.4rem .75rem;font-size:.74rem}



}







/* Barre Fiche / Test / Soluce — legacy (remplacée par .gh-chrome) */



.arc-game-hub .gh-game-switch{display:none}







/* Thème clair fiche / test / édito — mêmes cadres que l’accueil */



html[data-theme="light"] .arc-game-hub--editorial .gh-layout {



  color: var(--nx-ink);



}



html[data-theme="light"] .arc-game-hub--editorial .arc-ed-proto__balance {



  border-color: var(--nx-line);



}



html[data-theme="light"] .arc-game-hub--editorial .arc-ed-proto__tips li,



html[data-theme="light"] .arc-game-hub--editorial .arc-ed__tips li,



html[data-theme="light"] .arc-game-hub--editorial .arc-ed__codes li {



  border-color: var(--nx-line);



  background: linear-gradient(145deg, #fff, #f2f5f9);



}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-toc {



  background: color-mix(in srgb, var(--nx-bg) 94%, #fff);



}



/* Note sur affiche : même badge sombre que l’accueil */



html[data-theme="light"] .arc-game-hub .gh-chrome__score{



  border-color:#257ff2;background:rgba(8,15,25,.92);color:#fff;



  box-shadow:0 0 0 4px rgba(37,127,242,.16)



}







/* Page /test/ — lecture (tokens site = clair/sombre comme l’accueil) */



.arc-game-hub--test-sheet{



  --gh-width:1180px;



  --gh-gold:#c9a227;



  --gh-gold-soft:rgba(201,162,39,.16);



  padding:0 0 3rem;



  color:var(--nx-ink);



  background:transparent



}



html[data-theme="dark"] .arc-game-hub--test-sheet{



  --gh-gold:#e0c074;



  --gh-gold-soft:rgba(224,192,116,.16)



}



.arc-game-hub--test-sheet .gh-test-hero{



  position:relative;isolation:isolate;



  min-height:clamp(340px,52vh,520px);



  display:grid;grid-template-rows:auto 1fr;



  align-items:stretch;margin:0;



}



.arc-game-hub--test-sheet .gh-test-hero__bg{



  position:absolute;inset:0;z-index:0;overflow:hidden



}



.arc-game-hub--test-sheet .gh-test-hero__bg img{



  width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;



  transform:scale(1.03)



}



.arc-game-hub--test-sheet .gh-test-hero__bg--cover img{object-position:center top}



.arc-game-hub--test-sheet .gh-test-hero__veil{



  position:absolute;inset:0;z-index:1;pointer-events:none;



  background:



    linear-gradient(105deg,rgba(8,11,18,.94) 0%,rgba(8,11,18,.72) 42%,rgba(8,11,18,.35) 72%,rgba(8,11,18,.55) 100%),



    linear-gradient(0deg,#0a0e14 0%,transparent 38%)



}



.arc-game-hub--test-sheet .gh-test-hero__top{



  position:relative;z-index:3;



  width:min(var(--gh-width),calc(100% - 40px));margin:0 auto;padding:14px 0 0



}



.arc-game-hub--test-sheet .gh-crumb{



  display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;



  margin:0;font-size:.76rem;color:var(--nx-muted)



}



.arc-game-hub--test-sheet .gh-crumb a{color:var(--nx-ink);text-decoration:none;opacity:.78}



.arc-game-hub--test-sheet .gh-crumb a:hover{opacity:1;text-decoration:underline}



.arc-game-hub--test-sheet .gh-crumb [aria-current="page"]{color:var(--nx-ink);font-weight:600;opacity:1}



.arc-game-hub--test-sheet .gh-test-hero__inner{



  position:relative;z-index:2;



  width:min(var(--gh-width),calc(100% - 40px));margin:auto auto 0;



  display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);



  gap:22px 28px;align-items:end;padding:48px 0 32px



}



.arc-game-hub--test-sheet .gh-test-hero__eyebrow{



  margin:0 0 .5rem;font-size:.7rem;font-weight:800;letter-spacing:.18em;



  text-transform:uppercase;color:var(--gh-gold)



}



.arc-game-hub--test-sheet .gh-test-hero__copy h1{



  margin:0 0 .75rem;max-width:14ch;



  font:800 clamp(2rem,4.2vw,3.15rem)/1.02 var(--nx-sans);



  letter-spacing:-.04em;color:#fff;text-wrap:balance



}



.arc-game-hub--test-sheet .gh-test-hero__lede{



  margin:0 0 1rem;max-width:46ch;



  font:450 1.02rem/1.55 var(--nx-serif,#Georgia,serif);color:#d7e0ec



}



.arc-game-hub--test-sheet .gh-test-hero__byline{



  display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:0;



  font-size:.78rem;color:#a7b4c4



}



.arc-game-hub--test-sheet .gh-test-hero__aside{



  display:grid;justify-items:end;gap:.7rem;padding-bottom:.15rem



}



.arc-game-hub--test-sheet .gh-test-score .pj-note{



  margin:0;border-color:rgba(224,192,116,.45);



  background:linear-gradient(155deg,rgba(224,192,116,.18),transparent 58%),rgba(12,16,24,.88);



  box-shadow:0 14px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);



  --pj-note-hole:#0c1018



}



.arc-game-hub--test-sheet .gh-test-score .pj-note__gauge{



  background:conic-gradient(from -90deg,var(--gh-gold) calc(var(--pj-note-fill) * 3.6deg),rgba(255,255,255,.12) 0);



  box-shadow:0 0 0 3px rgba(224,192,116,.22)



}



.arc-game-hub--test-sheet .gh-test-score .pj-note__star{color:var(--gh-gold)}



.arc-game-hub--test-sheet .gh-test-score .pj-note__kicker{color:#c9b27a}



.arc-game-hub--test-sheet .gh-test-tags{



  display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;justify-content:flex-end



}



.arc-game-hub--test-sheet .gh-test-tags li{



  padding:.28rem .62rem;border-radius:999px;



  border:1px solid var(--nx-line);background:var(--nx-bg-2);



  font-size:.66rem;font-weight:650;color:var(--nx-ink);letter-spacing:.01em



}



.arc-game-hub--test-sheet .gh-test-toc{display:none!important}



.arc-game-hub--test-sheet .gh-test-gallery{display:none!important}



.arc-game-hub--test-sheet .gh-test-sheet{



  width:min(var(--gh-width),calc(100% - 40px));margin:14px auto 0;



  display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,280px);



  grid-template-areas:"main rail" "verdict rail";



  gap:18px 24px;align-items:start



}



.arc-game-hub--test-sheet .gh-test-sheet:not(.gh-test-sheet--balance){



  grid-template-columns:1fr;



  grid-template-areas:"main" "verdict"



}



.arc-game-hub--test-sheet .gh-test-main{grid-area:main;min-width:0}



.arc-game-hub--test-sheet .gh-test-rail{grid-area:rail}



.arc-game-hub--test-sheet .gh-test-verdict{grid-area:verdict}



.arc-game-hub--test-sheet .gh-test-frame{



  padding:1.15rem 1.25rem 1.35rem;



  border:1px solid var(--nx-line);



  border-radius:12px;



  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));



  box-shadow:0 12px 32px rgba(0,0,0,.12)



}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-frame{



  background:linear-gradient(145deg,#fff,#f2f5f9)



}



.arc-game-hub--test-sheet .gh-test-rail{min-width:0;display:grid;gap:12px;align-content:start;position:sticky;top:calc(var(--nx-header,64px) + 12px)}



.arc-game-hub--test-sheet .gh-test-block{
  max-width:680px;
  width:100%;
  margin:0 auto 1.35rem;
  padding:0 0 1.2rem;
  border-bottom:1px solid var(--nx-line);
  box-sizing:border-box
}

.arc-game-hub--test-sheet .gh-test-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}

.arc-game-hub--test-sheet .gh-test-block__num{display:none!important}

/* H2 tests : cadre existant, même colonne de lecture que le texte */
.arc-game-hub--test-sheet .gh-test-block__title{
  display:block;
  width:fit-content;
  max-width:100%;
  margin:36px 0 16px;
  padding:8px 14px;
  box-sizing:border-box;
  font:700 18px/1.35 var(--nx-sans);
  letter-spacing:-.01em;
  color:var(--nx-ink);
  text-align:left;
  border:1px solid rgba(255,255,255,.55);
  border-radius:10px;
  background:color-mix(in srgb,var(--nx-bg) 28%,transparent)
}
.arc-game-hub--test-sheet .gh-test-block:first-child .gh-test-block__title{
  margin-top:0
}
html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-block__title{
  border-color:var(--nx-line);
  background:color-mix(in srgb,#fff 70%,transparent)
}

.arc-game-hub--test-sheet .gh-test-block__lead{
  margin:0 0 28px;
  max-width:none;
  font:450 16px/1.8 var(--nx-serif,#Georgia,serif);
  color:color-mix(in srgb,var(--nx-ink) 92%,#fff);
  text-align:left;
  text-wrap:pretty;
  hyphens:manual
}
html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-block__lead{
  color:var(--nx-ink)
}

/* Lecture tests = standard articles (Fable) — colonne partagée via .gh-test-block */
.arc-game-hub--test-sheet .gh-test-prose{
  margin:0;
  max-width:none;
  font:450 16px/1.8 var(--nx-serif,#Georgia,serif);
  color:color-mix(in srgb,var(--nx-ink) 92%,#fff);
  text-align:left;
  hyphens:manual
}
html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-prose{
  color:var(--nx-ink)
}

.arc-game-hub--test-sheet .gh-test-prose :is(p,ul,ol,blockquote,h3,h4){
  margin:0 0 28px;
  max-width:none;
  font-size:16px;
  line-height:1.8;
  text-align:left;
  text-justify:auto;
  hyphens:manual;
  text-wrap:pretty
}

/* Fallback body_html hors sections proto */
.arc-game-hub--test-sheet .gh-test-frame > .gh-test-prose{
  max-width:680px;
  margin-left:auto;
  margin-right:auto
}

.arc-game-hub--test-sheet .gh-test-prose li{text-align:left;margin:0 0 .35rem}

.arc-game-hub--test-sheet .gh-test-prose :is(p,li):last-child{margin-bottom:0}

.arc-game-hub--test-sheet .gh-test-prose em{color:var(--nx-ink)}

.arc-game-hub--test-sheet .gh-test-prose blockquote{
  margin:1rem 0;
  padding:.15rem 0 .15rem 1rem;
  border-left:3px solid var(--gh-gold);
  color:var(--nx-muted);
  font-style:italic;
  text-align:left
}



.arc-game-hub--test-sheet .gh-test-prose :is(img,picture){



  display:block;width:100%;max-width:100%;margin:1.1rem auto 0;border-radius:10px;



  aspect-ratio:16/9;object-fit:cover;object-position:center center;background:var(--nx-bg-2)



}



.arc-game-hub--test-sheet .gh-test-prose picture{overflow:hidden}



.arc-game-hub--test-sheet .gh-test-prose picture img{



  margin:0;width:100%;height:100%;object-fit:cover;object-position:center center



}



.arc-game-hub--test-sheet .gh-test-prose figure{



  margin:1.15rem 0 0;padding:0;border-radius:12px;overflow:hidden;



  border:1px solid var(--nx-line);background:var(--nx-bg-2);



  display:grid;place-items:center;aspect-ratio:16/9;width:100%



}



.arc-game-hub--test-sheet .gh-test-prose figure :is(img,picture,picture img){



  margin:0;width:100%;height:100%;object-fit:cover;object-position:center center



}



.arc-game-hub--test-sheet .gh-test-still{



  margin:1.15rem auto 0;border-radius:12px;overflow:hidden;background:var(--nx-bg-2);



  border:1px solid var(--nx-line);box-shadow:0 8px 24px rgba(0,0,0,.12);



  display:grid;place-items:center;aspect-ratio:16/9;width:100%



}



.arc-game-hub--test-sheet .gh-test-still :is(img,picture,picture img){



  width:100%;height:100%;object-fit:cover;object-position:center center;display:block;margin:0



}



.arc-game-hub--test-sheet .gh-test-verdict{



  display:grid;grid-template-columns:auto minmax(0,1fr);



  gap:18px 22px;align-items:center;



  margin:0;padding:1.15rem 1.2rem;



  border-radius:16px;border:1px solid color-mix(in srgb,var(--gh-gold) 40%,var(--nx-line));



  background:



    radial-gradient(420px 160px at 0% 0%,var(--gh-gold-soft),transparent 60%),



    linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));



  scroll-margin-top:calc(var(--nx-header,64px) + 58px)



}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-verdict{



  background:



    radial-gradient(420px 160px at 0% 0%,var(--gh-gold-soft),transparent 60%),



    linear-gradient(145deg,#fff,#f2f5f9)



}



.arc-game-hub--test-sheet .gh-test-verdict__score{



  display:grid;justify-items:center;align-content:center



}



/* Badge note type accueil (hm5-score) dans le verdict */



.arc-game-hub--test-sheet .gh-test-verdict__badge{



  position:static;display:flex;align-items:baseline;justify-content:center;



  min-width:78px;padding:15px 10px;



  border:3px solid #257ff2;border-radius:14px;



  background:rgba(8,15,25,.9);color:#fff;



  box-shadow:0 0 0 5px rgba(37,127,242,.16);line-height:1



}



.arc-game-hub--test-sheet .gh-test-verdict__badge strong{



  font:850 1.65rem/1 var(--nx-sans);letter-spacing:-.02em



}



.arc-game-hub--test-sheet .gh-test-verdict__badge small{



  font-size:.7rem;font-weight:700;opacity:.95



}



.arc-game-hub--test-sheet .gh-test-verdict__label{



  margin:0 0 .45rem;font-size:.68rem;font-weight:800;letter-spacing:.14em;



  text-transform:uppercase;color:var(--gh-gold)



}



.arc-game-hub--test-sheet .gh-test-verdict .gh-test-tags{justify-content:flex-start;margin-top:.9rem}



.arc-game-hub--test-sheet .gh-test-gallery{margin:0;scroll-margin-top:calc(var(--nx-header,64px) + 58px)}



.arc-game-hub--test-sheet .gh-test-gallery__head{



  display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 .75rem



}



.arc-game-hub--test-sheet .gh-test-gallery__head h2{margin:0;font:750 1.1rem/1.2 var(--nx-sans);color:var(--nx-ink)}



.arc-game-hub--test-sheet .gh-test-gallery__count{font-size:.76rem;color:var(--nx-muted)}



.arc-game-hub--test-sheet .gh-test-gallery__row{



  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px



}



.arc-game-hub--test-sheet .gh-test-gallery__item{



  position:relative;display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;



  background:var(--nx-bg-2);border:1px solid var(--nx-line)



}



.arc-game-hub--test-sheet .gh-test-gallery__item img{width:100%;height:100%;object-fit:cover;display:block}



.arc-game-hub--test-sheet .gh-test-gallery__more{



  position:absolute;inset:0;display:grid;place-items:center;



  background:rgba(6,10,16,.62);color:#fff;font-weight:800



}



.arc-game-hub--test-sheet .gh-test-card{



  margin:0;padding:14px;border-radius:10px;



  border:1px solid var(--nx-line);



  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));



  box-shadow:0 12px 32px rgba(0,0,0,.12);



  --gh-label:.58rem;--gh-value:.72rem;--gh-title:.66rem



}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-card{



  background:linear-gradient(145deg,#fff,#f2f5f9)



}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-card--pros{



  border-color:rgba(94,207,138,.45);



  background:linear-gradient(145deg,rgba(14,40,28,.96),rgba(10,24,18,.98))



}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-card--pros .gh-test-card__title{color:#7ee0a8}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-card--pros .gh-test-balance li{color:#e8eef6}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-card--cons{



  border-color:rgba(232,110,110,.45);



  background:linear-gradient(145deg,rgba(48,18,20,.96),rgba(36,14,16,.98))



}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-card--cons .gh-test-card__title{color:#f0a0a0}



html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-card--cons .gh-test-balance li{color:#e8eef6}



.arc-game-hub--test-sheet .gh-test-card__title{



  margin:0 0 .55rem;font:700 var(--gh-title)/1.2 var(--nx-sans);



  letter-spacing:.08em;text-transform:uppercase;color:var(--nx-muted)



}



.arc-game-hub--test-sheet .gh-test-dl{margin:0}



.arc-game-hub--test-sheet .gh-test-dl > div{



  display:grid;grid-template-columns:6.2rem minmax(0,1fr);gap:.25rem .5rem;



  padding:.35rem 0;border-top:1px solid var(--nx-line)



}



.arc-game-hub--test-sheet .gh-test-dl > div:first-child{border-top:0;padding-top:0}



.arc-game-hub--test-sheet .gh-test-dl dt{



  margin:0;font-size:var(--gh-label);color:var(--nx-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:.12rem



}



.arc-game-hub--test-sheet .gh-test-dl dd{margin:0;font-size:var(--gh-value);line-height:1.35;color:var(--nx-ink);font-weight:600}



.arc-game-hub--test-sheet .gh-test-dl a{color:var(--nx-accent);text-decoration:none;font-weight:600}



.arc-game-hub--test-sheet .gh-test-dl a:hover{text-decoration:underline}



.arc-game-hub--test-sheet .gh-test-video-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:.5rem}



.arc-game-hub--test-sheet .gh-video{margin:0}



.arc-game-hub--test-sheet .gh-video figcaption{



  margin:.3rem 0 0;font-size:.66rem;line-height:1.3;color:var(--nx-muted);



  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden



}



.arc-game-hub--test-sheet .gh-video--lead .nx-media{border-radius:8px;overflow:hidden}



.arc-game-hub--test-sheet .gh-test-card--pros{



  border-color:rgba(94,207,138,.45);



  background:linear-gradient(145deg,rgba(14,40,28,.96),rgba(10,24,18,.98))



}



.arc-game-hub--test-sheet .gh-test-card--pros .gh-test-card__title{color:#7ee0a8}



.arc-game-hub--test-sheet .gh-test-card--cons{



  border-color:rgba(232,110,110,.45);



  background:linear-gradient(145deg,rgba(48,18,20,.96),rgba(36,14,16,.98))



}



.arc-game-hub--test-sheet .gh-test-card--cons .gh-test-card__title{color:#f0a0a0}



.arc-game-hub--test-sheet .gh-test-balance{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}

.arc-game-hub--test-sheet .gh-test-balance li{
  position:relative;padding-left:1.15rem;font-size:.88rem;line-height:1.55;color:#e8eef6;text-align:left
}



.arc-game-hub--test-sheet .gh-test-card--pros .gh-test-balance li::before{



  content:"";position:absolute;left:0;top:.38rem;width:.5rem;height:.5rem;border-radius:50%;background:#5ecf8a



}



.arc-game-hub--test-sheet .gh-test-card--cons .gh-test-balance li::before{



  content:"×";position:absolute;left:0;top:0;color:#e86e6e;font-weight:800;line-height:1.2



}



.arc-game-hub--test-sheet .u-sr-only{



  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;



  clip:rect(0,0,0,0);white-space:nowrap;border:0



}



@media (max-width:980px){



  .arc-game-hub--test-sheet .gh-test-sheet,



  .arc-game-hub--test-sheet .gh-test-sheet:not(.gh-test-sheet--balance){



    grid-template-columns:1fr;



    grid-template-areas:"main" "rail" "verdict";



    gap:14px;margin-top:12px



  }



  .arc-game-hub--test-sheet .gh-test-rail{



    position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px



  }



  .arc-game-hub--test-sheet .gh-test-verdict{



    grid-template-columns:auto minmax(0,1fr)



  }



}



@media (max-width:640px){



  .arc-game-hub--test-sheet .gh-test-sheet{width:calc(100% - 20px);gap:12px;margin-top:10px}



  .arc-game-hub--test-sheet .gh-test-frame{



    padding:.9rem .85rem 1rem;border-radius:10px



  }



  .arc-game-hub--test-sheet .gh-test-block{
    max-width:none;
    margin:0 0 1.1rem;
    padding:0 0 1rem
  }

  .arc-game-hub--test-sheet .gh-test-block__title{
    font-size:17px;
    line-height:1.35;
    padding:7px 12px;
    margin:28px 0 14px;
    max-width:100%;
    width:fit-content
  }
  .arc-game-hub--test-sheet .gh-test-block:first-child .gh-test-block__title{margin-top:0}

  .arc-game-hub--test-sheet .gh-test-prose,
  .arc-game-hub--test-sheet .gh-test-block__lead,
  .arc-game-hub--test-sheet .gh-test-prose :is(p,ul,ol,blockquote,h3,h4){
    text-align:left;
    text-justify:auto;
    hyphens:manual;
    max-width:none;
    font-size:15.5px;
    line-height:1.7
  }
  .arc-game-hub--test-sheet .gh-test-prose :is(p,ul,ol,blockquote,h3,h4){
    margin-bottom:24px
  }
  .arc-game-hub--test-sheet .gh-test-block__lead{margin-bottom:24px}
  .arc-game-hub--test-sheet .gh-test-balance li{font-size:.86rem;line-height:1.5}

  .arc-game-hub--test-sheet .gh-test-still{
    margin-top:1rem;border-radius:10px;aspect-ratio:16/10
  }



  .arc-game-hub--test-sheet .gh-test-rail{grid-template-columns:1fr;gap:10px}



  .arc-game-hub--test-sheet .gh-test-verdict{



    grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding:1rem



  }



  .arc-game-hub--test-sheet .gh-test-verdict__score{justify-items:center}



  .arc-game-hub--test-sheet .gh-test-verdict__badge{



    min-width:68px;padding:12px 9px;border-radius:12px;border-width:2px;



    box-shadow:0 0 0 4px rgba(37,127,242,.16)



  }



  .arc-game-hub--test-sheet .gh-test-verdict__badge strong{font-size:1.35rem}



  .arc-game-hub--test-sheet .gh-test-verdict__badge small{font-size:.62rem}



  .arc-game-hub--test-sheet .gh-test-verdict .gh-test-tags{justify-content:center}



  .arc-game-hub--test-sheet .gh-test-verdict .gh-test-prose,



  .arc-game-hub--test-sheet .gh-test-verdict .gh-test-prose :is(p,ul,ol,blockquote){



    text-align:left



  }



  .arc-game-hub .gh-chrome__ctas{justify-content:center}



  .arc-game-hub .gh-chrome__cta{flex:1 1 calc(50% - .35rem);min-width:0;text-align:center}



  .arc-game-hub .gh-chrome__media{padding:10px}



  .arc-game-hub .gh-chrome__thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}



}



@media (prefers-reduced-motion:reduce){



  .arc-game-hub--test-sheet .gh-test-hero__bg img{transform:none}



}







/* Chat public désactivé (bouton rouge) */



#pjai-toggle,#pjai-box{display:none!important;visibility:hidden!important;pointer-events:none!important}







/* UI-HOME-2 ? local magazine composition; no shared component overrides. */



.arc-home.arc-home--premium{width:min(1360px,calc(100% - 48px));padding:18px 0 48px;color:var(--nx-ink)}



.arc-home.arc-home--premium *{min-width:0}



.arc-home.arc-home--premium :is(h1,h2,h3,p){margin:0;overflow-wrap:anywhere}



.arc-home.arc-home--premium a{color:inherit}



.arc-home.arc-home--premium :is(a,button,input):focus-visible{outline:3px solid var(--nx-accent);outline-offset:4px}



.arc-home.arc-home--premium .hm-kicker{color:var(--nx-muted);font-size:.72rem;letter-spacing:.07em;font-weight:700;line-height:1.6}



.arc-home.arc-home--premium .hm-meta{color:var(--nx-muted);font-size:.76rem;line-height:1.5}



.arc-home.arc-home--premium .hm-hero{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:24px;padding-bottom:20px;border-bottom:1px solid var(--nx-line)}



.arc-home.arc-home--premium .hm-hero:not(:has(.hm-stories)){grid-template-columns:minmax(0,1fr)}



.arc-home.arc-home--premium .hm-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}



.arc-home.arc-home--premium .hm-lead:not(:has(.hm-lead-art)){grid-template-columns:1fr}



.arc-home.arc-home--premium .hm-lead h1{font-size:clamp(1.85rem,2.7vw,2.5rem);line-height:1.06;letter-spacing:-.045em;font-weight:800;margin:16px 0}



.arc-home.arc-home--premium .hm-lede{font-family:var(--nx-serif);font-size:1.12rem;line-height:1.55;color:var(--nx-muted);max-width:50ch}



.arc-home.arc-home--premium .hm-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;margin-top:24px;padding:12px 20px;background:var(--nx-ink);color:var(--nx-bg);font-size:.85rem;font-weight:700;border-radius:4px}



.arc-home.arc-home--premium .hm-lead-art{display:flex;align-items:center;justify-content:center;background:var(--nx-bg-2);height:290px}



.arc-home.arc-home--premium .hm-lead-art img{width:100%;height:100%;object-fit:contain}



.arc-home.arc-home--premium .hm-stories{display:grid;align-content:start;gap:18px;border-left:1px solid var(--nx-line);padding-left:20px}



.arc-home.arc-home--premium .hm-story{display:grid;gap:12px}



.arc-home.arc-home--premium .hm-story-art{height:80px;background:var(--nx-bg-2)}



.arc-home.arc-home--premium .hm-story-art img{width:100%;height:100%;object-fit:contain}



.arc-home.arc-home--premium .hm-story h2{font-size:1.03rem;line-height:1.35;letter-spacing:-.02em;margin-top:5px}



.arc-home.arc-home--premium :is(.hm-story,.hm-news-card,.hm-game):hover :is(h2,h3){text-decoration:underline;text-underline-offset:4px}



.arc-home.arc-home--premium .hm-section{margin-top:24px}



.arc-home.arc-home--premium .hm-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}



.arc-home.arc-home--premium .hm-heading h2{font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.035em;line-height:1.15}



.arc-home.arc-home--premium .hm-heading a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.78rem;font-weight:600}



.arc-home.arc-home--premium .hm-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}



.arc-home.arc-home--premium .hm-game{display:block}



.arc-home.arc-home--premium .hm-cover{display:grid;place-items:center;aspect-ratio:3/4;background:var(--nx-bg-2);border-radius:4px;overflow:hidden}



.arc-home.arc-home--premium .hm-cover img{width:100%;height:100%;object-fit:contain}



.arc-home.arc-home--premium .hm-cover span{padding:16px;font-size:.8rem;color:var(--nx-muted);text-align:center}



.arc-home.arc-home--premium .hm-game h3{font-size:.92rem;line-height:1.3;letter-spacing:-.02em;margin:12px 0 5px}



.arc-home.arc-home--premium .hm-news{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:16px 24px}



.arc-home.arc-home--premium .hm-news-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:start}



.arc-home.arc-home--premium .hm-news-card:not(:has(.hm-news-art)){grid-template-columns:1fr}



.arc-home.arc-home--premium .hm-news-card--lead{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px}



.arc-home.arc-home--premium .hm-news-card--lead:only-child{max-width:760px;grid-column:1/-1}



.arc-home.arc-home--premium .hm-news-art{aspect-ratio:16/10;background:var(--nx-bg-2)}



.arc-home.arc-home--premium .hm-news-art img{width:100%;height:100%;object-fit:contain}



.arc-home.arc-home--premium .hm-news-card h3{font-size:1rem;line-height:1.35;margin:6px 0 9px}



.arc-home.arc-home--premium .hm-news-card--lead .hm-news-copy{padding-top:0}



.arc-home.arc-home--premium .hm-news-card--lead h3{font-size:clamp(1.25rem,1.6vw,1.6rem);letter-spacing:-.035em;line-height:1.15}



.arc-home.arc-home--premium .hm-news-card--lead .hm-meta{margin-top:12px}



.arc-home.arc-home--premium .hm-nexus{background:var(--nx-bg-2);border-top:3px solid var(--nx-accent);padding:18px 24px}



.arc-home.arc-home--premium .hm-nexus-brand{display:grid;gap:4px;line-height:1;font-weight:850}



.arc-home.arc-home--premium .hm-nexus-brand .hm-nexus-owner{font-size:.66rem;letter-spacing:.2em;color:var(--nx-muted)}



.arc-home.arc-home--premium .hm-nexus-name{display:flex;align-items:center;gap:20px;font-size:3.4rem;letter-spacing:-.07em}



.arc-home.arc-home--premium .hm-nexus-name > span{color:var(--nx-accent);font-size:2.5rem}



.arc-home.arc-home--premium .hm-nexus h2{font-size:.86rem;line-height:1.4;margin-top:8px;font-weight:500}



.arc-home.arc-home--premium .hm-search{display:flex;gap:8px;position:relative}



.arc-home.arc-home--premium .hm-search input{flex:1;width:100%;min-height:48px;background:var(--nx-bg);color:var(--nx-ink);border:1px solid var(--nx-line);border-radius:4px;padding:12px;font:inherit;font-size:.88rem}



.arc-home.arc-home--premium .hm-search button{min-height:48px;border:0;border-radius:4px;background:var(--nx-ink);color:var(--nx-bg);font:inherit;font-size:.82rem;font-weight:700;padding:12px 16px;cursor:pointer}



.arc-home.arc-home--premium .hm-counts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:8px}



.arc-home.arc-home--premium .hm-counts a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.76rem;color:var(--nx-muted)}



.arc-home.arc-home--premium .hm-counts strong{font-size:1.7rem;font-weight:800;letter-spacing:-.04em;color:var(--nx-ink)}



.arc-home.arc-home--premium .hm-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}



.arc-home.arc-home--premium .hm-releases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}



.arc-home.arc-home--premium .hm-release{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:44px;overflow-wrap:anywhere}



.arc-home.arc-home--premium .hm-release h3{font-size:1rem;line-height:1.35;white-space:normal;margin-bottom:4px}



.arc-home.arc-home--premium .hm-release-date{font-size:.9rem;font-weight:800;white-space:normal;overflow-wrap:anywhere;border-top:2px solid var(--nx-accent);padding-top:10px}



.arc-home.arc-home--premium .hm-release-arrow{color:var(--nx-muted);margin-top:auto}



.arc-home.arc-home--premium .hm-calendar{display:inline-flex;align-items:center;gap:24px;min-height:48px;font-size:.85rem;font-weight:700;margin-top:12px}



.arc-home.arc-home--premium .hm-shelf{padding-top:28px;border-top:1px solid var(--nx-line)}



.arc-home.arc-home--premium .hm-shelf .hm-games{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px}







.arc-home.arc-home--premium .hm-edition{display:flex;flex-wrap:wrap;gap:8px 20px;padding-bottom:16px;font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--nx-muted)}



.arc-home.arc-home--premium .hm-edition span+span::before{content:"/";margin-right:20px;color:var(--nx-accent)}



.arc-home.arc-home--premium .hm-nexus-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center}



.arc-home.arc-home--premium .hm-discovery{margin-top:12px}



.arc-home.arc-home--premium .hm-platforms{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px}



.arc-home.arc-home--premium .hm-platforms a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.78rem;font-weight:600}



.arc-home.arc-home--premium .hm-release-cover{aspect-ratio:3/4;display:grid;place-items:center;background:var(--nx-bg-2);border-radius:4px;overflow:hidden}



.arc-home.arc-home--premium .hm-release-cover img{width:100%;height:100%;object-fit:contain}



.arc-home.arc-home--premium .hm-release-cover > span{font-size:.78rem;color:var(--nx-muted);padding:16px;text-align:center}







@media(max-width:1050px){



 .arc-home.arc-home--premium .hm-hero{grid-template-columns:1fr}



 .arc-home.arc-home--premium .hm-lead-art{height:360px}



 .arc-home.arc-home--premium .hm-stories{grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:1px solid var(--nx-line);padding:24px 0 0}



 .arc-home.arc-home--premium .hm-story{grid-template-columns:100px minmax(0,1fr)}



 .arc-home.arc-home--premium .hm-story-art{height:90px}



 .arc-home.arc-home--premium .hm-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}



 .arc-home.arc-home--premium .hm-releases{grid-template-columns:repeat(3,minmax(0,1fr))}



 .arc-home.arc-home--premium .hm-nexus-head{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}



 .arc-home.arc-home--premium .hm-news{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}



 .arc-home.arc-home--premium .hm-news-card{grid-template-columns:72px minmax(0,1fr);gap:12px}



 .arc-home.arc-home--premium .hm-news-card--lead{display:block;grid-row:span 4}



 .arc-home.arc-home--premium .hm-nexus{padding:20px}



}



@media(max-width:620px){



 .arc-home.arc-home--premium{width:calc(100% - 32px);padding-top:20px}



 .arc-home.arc-home--premium .hm-hero{gap:24px;padding-bottom:24px}



 .arc-home.arc-home--premium .hm-lead{grid-template-columns:minmax(0,1fr);gap:20px}



 .arc-home.arc-home--premium .hm-lead h1{font-size:1.95rem;margin:12px 0}



 .arc-home.arc-home--premium .hm-lead-art{height:200px}



 .arc-home.arc-home--premium .hm-lede{font-size:1rem}



 .arc-home.arc-home--premium .hm-cta{margin-top:18px}



 .arc-home.arc-home--premium .hm-stories{grid-template-columns:1fr;gap:18px}



 .arc-home.arc-home--premium .hm-story{grid-template-columns:84px minmax(0,1fr)}



 .arc-home.arc-home--premium .hm-story-art{height:72px}



 .arc-home.arc-home--premium .hm-story:not(:has(.hm-story-art)){grid-template-columns:1fr}



 .arc-home.arc-home--premium .hm-story h2{font-size:.94rem}



 .arc-home.arc-home--premium .hm-section{margin-top:36px}



 .arc-home.arc-home--premium .hm-heading{gap:4px 12px;margin-bottom:16px}



 .arc-home.arc-home--premium .hm-heading h2{font-size:1.5rem}



 .arc-home.arc-home--premium .hm-games,.arc-home.arc-home--premium .hm-shelf .hm-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}



 .arc-home.arc-home--premium .hm-game h3{font-size:.9rem}



 .arc-home.arc-home--premium .hm-news{grid-template-columns:minmax(0,1fr);gap:24px}



 .arc-home.arc-home--premium .hm-news-card{grid-template-columns:minmax(0,1fr);display:block}



 .arc-home.arc-home--premium .hm-news-card--lead{grid-row:auto}



 .arc-home.arc-home--premium .hm-news-copy{padding-top:12px}



 .arc-home.arc-home--premium .hm-news-card h3{font-size:1.2rem}



 .arc-home.arc-home--premium .hm-news-card--lead h3{font-size:1.55rem}



 .arc-home.arc-home--premium .hm-nexus{padding:20px 16px}



 .arc-home.arc-home--premium .hm-nexus-head{grid-template-columns:1fr;gap:18px}



 .arc-home.arc-home--premium .hm-nexus-name{font-size:3rem}



 .arc-home.arc-home--premium .hm-search{flex-wrap:wrap}



 .arc-home.arc-home--premium .hm-search input{flex-basis:100%}



 .arc-home.arc-home--premium .hm-search button{width:100%}



 .arc-home.arc-home--premium .hm-releases{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}



 .arc-home.arc-home--premium .hm-release{gap:10px}



 .arc-home.arc-home--premium .hm-release-date{font-size:.8rem}



 .arc-home.arc-home--premium .hm-release h3{font-size:.92rem}



}







/* BENCHMARK-IGDB-3 ? home discover-first. Scoped to --igdb3. Uses Arcadia tokens (clair/sombre). */



.arc-home.arc-home--igdb3{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:20px 0 48px;color:var(--nx-ink)}



.arc-home.arc-home--igdb3 *{min-width:0}



.arc-home.arc-home--igdb3 :is(h1,h2,h3,p,strong,span){margin:0;overflow-wrap:anywhere}



.arc-home.arc-home--igdb3 a{color:inherit;text-decoration:none}



.arc-home.arc-home--igdb3 :is(a,button,input):focus-visible{outline:3px solid var(--nx-accent);outline-offset:3px}



.arc-home.arc-home--igdb3 .hm3-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}



.arc-home.arc-home--igdb3 .hm3-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);gap:16px 28px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--nx-line);margin-bottom:22px}



.arc-home.arc-home--igdb3 .hm3-title{font:800 clamp(1.55rem,2.6vw,2.1rem)/1.1 var(--nx-sans);letter-spacing:-.04em}



.arc-home.arc-home--igdb3 .hm3-lede{margin-top:.4rem;font-size:.85rem;line-height:1.5;color:var(--nx-muted);max-width:48ch}



.arc-home.arc-home--igdb3 .hm3-search{display:flex;gap:8px}



.arc-home.arc-home--igdb3 .hm3-search input{flex:1;min-height:42px;padding:.55rem .75rem;border:1px solid var(--nx-line);border-radius:4px;background:var(--nx-bg-2);color:var(--nx-ink);font:inherit;font-size:.85rem}



.arc-home.arc-home--igdb3 .hm3-search button{flex:none;min-height:42px;padding:.55rem 1rem;border:0;border-radius:4px;background:var(--nx-ink);color:var(--nx-bg);font:700 .8rem/1 var(--nx-sans);cursor:pointer}



.arc-home.arc-home--igdb3 .hm3-section{margin:0 0 28px}



.arc-home.arc-home--igdb3 .hm3-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}



.arc-home.arc-home--igdb3 .hm3-heading h2{font:700 1.05rem/1.25 var(--nx-sans);letter-spacing:-.02em}



.arc-home.arc-home--igdb3 .hm3-heading a{font-size:.78rem;font-weight:600;color:var(--nx-muted);text-decoration:underline;text-underline-offset:3px}



.arc-home.arc-home--igdb3 .hm3-heading a:hover{color:var(--nx-ink)}



.arc-home.arc-home--igdb3 .hm3-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px}



.arc-home.arc-home--igdb3 .hm3-grid--soon{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px 10px}



.arc-home.arc-home--igdb3 .hm3-card{display:flex;flex-direction:column;gap:6px;min-width:0}



.arc-home.arc-home--igdb3 .hm3-card:hover .hm3-name{text-decoration:underline;text-underline-offset:3px}



.arc-home.arc-home--igdb3 .hm3-cover{display:block;aspect-ratio:3/4;border-radius:3px;overflow:hidden;background:var(--nx-bg-2);border:1px solid var(--nx-line)}



.arc-home.arc-home--igdb3 .hm3-cover img{width:100%;height:100%;object-fit:cover;display:block}



.arc-home.arc-home--igdb3 .hm3-ph{display:grid;place-items:center;height:100%;padding:10px;font-size:.68rem;color:var(--nx-muted);text-align:center}



.arc-home.arc-home--igdb3 .hm3-name{font-size:.78rem;font-weight:650;line-height:1.3;letter-spacing:-.01em}



.arc-home.arc-home--igdb3 .hm3-meta,.arc-home.arc-home--igdb3 .hm3-date{font-size:.68rem;line-height:1.35;color:var(--nx-muted)}



.arc-home.arc-home--igdb3 .hm3-date{font-weight:650;color:var(--nx-ink)}



.arc-home.arc-home--igdb3 .hm3-news{padding-top:8px;border-top:1px solid var(--nx-line)}



.arc-home.arc-home--igdb3 .hm3-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}



.arc-home.arc-home--igdb3 .hm3-news-card{display:grid;gap:8px}



.arc-home.arc-home--igdb3 .hm3-news-card:hover strong{text-decoration:underline;text-underline-offset:3px}



.arc-home.arc-home--igdb3 .hm3-news-art{display:block;aspect-ratio:16/10;border-radius:3px;overflow:hidden;background:var(--nx-bg-2);border:1px solid var(--nx-line)}



.arc-home.arc-home--igdb3 .hm3-news-art img{width:100%;height:100%;object-fit:cover;display:block}



.arc-home.arc-home--igdb3 .hm3-news-copy{display:grid;gap:4px}



.arc-home.arc-home--igdb3 .hm3-kicker{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nx-muted)}



.arc-home.arc-home--igdb3 .hm3-news-copy strong{font-size:.88rem;line-height:1.35;font-weight:650}



.arc-home.arc-home--igdb3 .hm3-ctas{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:8px;border-top:1px solid var(--nx-line)}



.arc-home.arc-home--igdb3 .hm3-ctas a{display:inline-flex;align-items:center;min-height:40px;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}



@media (max-width:1000px){



  .arc-home.arc-home--igdb3 .hm3-grid{grid-template-columns:repeat(4,minmax(0,1fr))}



  .arc-home.arc-home--igdb3 .hm3-grid--soon{grid-template-columns:repeat(4,minmax(0,1fr))}



  .arc-home.arc-home--igdb3 .hm3-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}



}



@media (max-width:720px){



  .arc-home.arc-home--igdb3{width:calc(100% - 24px);padding:16px 0 40px}



  .arc-home.arc-home--igdb3 .hm3-top{grid-template-columns:1fr;gap:12px;align-items:start}



  .arc-home.arc-home--igdb3 .hm3-search{width:100%}



  .arc-home.arc-home--igdb3 .hm3-search input{min-width:0}



  .arc-home.arc-home--igdb3 .hm3-grid,.arc-home.arc-home--igdb3 .hm3-grid--soon{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}



  .arc-home.arc-home--igdb3 .hm3-news-grid{grid-template-columns:1fr}



}



@media (max-width:420px){



  .arc-home.arc-home--igdb3 .hm3-grid,.arc-home.arc-home--igdb3 .hm3-grid--soon{grid-template-columns:repeat(2,minmax(0,1fr))}



}







/* Home actu-first (hm4) ? structure JeuxActu, dark Arcadia */



.arc-home.arc-home--actu{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:20px 0 52px;color:var(--nx-ink)}



.arc-home.arc-home--actu *{min-width:0}



.arc-home.arc-home--actu :is(h1,h2,h3,p,strong,span,time,ul,li){margin:0}



.arc-home.arc-home--actu a{color:inherit;text-decoration:none}



.arc-home.arc-home--actu :is(a,button,input):focus-visible{outline:3px solid var(--nx-accent);outline-offset:3px}



.hm4-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}



.hm4-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);gap:16px 28px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--nx-line);margin-bottom:26px}



.hm4-title{font:800 clamp(1.55rem,2.6vw,2.15rem)/1.1 var(--nx-sans);letter-spacing:-.04em}



.hm4-lede{margin-top:.4rem;font-size:.85rem;line-height:1.5;color:var(--nx-muted);max-width:52ch}



.hm4-search{display:flex;gap:8px}



.hm4-search input{flex:1;min-height:42px;padding:.55rem .75rem;border:1px solid var(--nx-line);border-radius:4px;background:var(--nx-bg-2);color:var(--nx-ink);font:inherit;font-size:.85rem}



.hm4-search button{flex:none;min-height:42px;padding:.55rem 1rem;border:0;border-radius:4px;background:var(--nx-ink);color:var(--nx-bg);font:700 .8rem/1 var(--nx-sans);cursor:pointer}



.hm4-section{margin:0 0 32px}



.hm4-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}



.hm4-heading h2{display:flex;align-items:center;gap:.55rem;font:800 .95rem/1.2 var(--nx-sans);letter-spacing:.04em;text-transform:uppercase}



.hm4-heading a{font-size:.78rem;font-weight:600;color:var(--nx-muted);text-decoration:underline;text-underline-offset:3px}



.hm4-heading a:hover{color:var(--nx-ink)}



.hm4-bar{display:inline-block;width:4px;height:1.05em;border-radius:1px;background:var(--nx-accent);flex:none}



.hm4-bar--amber{background:#e8b84a}



.hm4-bar--soft{background:var(--nx-muted);opacity:.55}



.hm4-badge{display:inline-block;align-self:start;padding:.18rem .45rem;margin:.15rem 0 .35rem;font:700 .62rem/1 var(--nx-sans);letter-spacing:.06em;text-transform:uppercase;background:var(--nx-ink);color:var(--nx-bg);border-radius:2px}



.hm4-badge--test{background:#c0392b;color:#fff}



.hm4-badge--on-media{position:absolute;left:10px;bottom:10px;margin:0;z-index:2;background:#c0392b;color:#fff}



.hm4-ph{display:grid;place-items:center;height:100%;min-height:80px;font-size:.7rem;color:var(--nx-muted);background:var(--nx-bg-2)}







/* Fil actu ? lead + grille dense */



.hm4-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:0;margin:0 0 18px;border:1px solid var(--nx-line);border-radius:8px;overflow:hidden;background:var(--nx-bg-2)}



.hm4-lead:hover .hm4-lead__title{color:var(--nx-accent)}



.hm4-lead__media{display:block;position:relative;min-height:220px;aspect-ratio:16/10;background:#111}



.hm4-lead__media img{width:100%;height:100%;object-fit:cover;display:block}



.hm4-lead__score{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;justify-items:center;min-width:3.4rem;padding:.45rem .55rem;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;line-height:1}



.hm4-lead__score strong{font:800 1.5rem/1 var(--nx-sans)}



.hm4-lead__score small{font-size:.62rem;opacity:.8;margin-top:.15rem}



.hm4-lead--test .hm4-lead__title{color:#ffb4a8}



.hm4-lead__copy{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(1rem,2.5vw,1.6rem);min-width:0}



.hm4-lead__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}



.hm4-lead__meta time{font-size:.72rem;color:var(--nx-muted)}



.hm4-lead__title{font:800 clamp(1.15rem,2.4vw,1.65rem)/1.2 var(--nx-sans);letter-spacing:-.03em;color:#7eb6ff}



.hm4-lead__excerpt{font-size:.9rem;line-height:1.45;color:var(--nx-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}



.hm4-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}



.hm4-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--nx-line);border-radius:6px;overflow:hidden;background:var(--nx-bg-2)}



.hm4-card:hover .hm4-card__title{color:var(--nx-accent)}



.hm4-card__media{display:block;position:relative;aspect-ratio:16/9;background:#111}



.hm4-card__media img{width:100%;height:100%;object-fit:cover;display:block}



.hm4-card__score{position:absolute;right:8px;bottom:8px;z-index:2;min-width:2.2rem;padding:.35rem .45rem;border-radius:4px;background:rgba(0,0,0,.8);color:#fff;font:800 .95rem/1 var(--nx-sans);text-align:center}



.hm4-card--test .hm4-card__title{color:#ffb4a8}



.hm4-card__body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;flex:1}



.hm4-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}



.hm4-card__meta time{font-size:.68rem;color:var(--nx-muted)}



.hm4-card__meta .hm4-badge{margin:0}



.hm4-card__title{font:700 .9rem/1.3 var(--nx-sans);letter-spacing:-.015em;color:#7eb6ff}



.hm4-card__excerpt{font-size:.78rem;line-height:1.4;color:var(--nx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}







/* legacy feed kept harmless if unused */



.hm4-feed{list-style:none;padding:0;display:grid;gap:0}



.hm4-feed__item{border-top:1px solid var(--nx-line)}



.hm4-feed__item:last-child{border-bottom:1px solid var(--nx-line)}



.hm4-feed__link{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:16px 20px;padding:16px 0;align-items:start}



.hm4-feed__link:hover .hm4-feed__title{color:var(--nx-accent)}



.hm4-feed__thumb{display:block;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:var(--nx-bg-2);border:1px solid var(--nx-line)}



.hm4-feed__thumb img{width:100%;height:100%;object-fit:cover;display:block}



.hm4-feed__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-top:2px}



.hm4-feed__when{font-size:.72rem;color:var(--nx-muted);align-self:flex-end;order:-1;margin-bottom:.15rem}



.hm4-feed__title{font:700 clamp(.95rem,1.5vw,1.15rem)/1.3 var(--nx-sans);letter-spacing:-.015em;color:#7eb6ff}



.hm4-feed__excerpt{margin-top:.45rem;font-size:.84rem;line-height:1.45;color:var(--nx-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}







/* Split sorties + tests */



.hm4-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px 32px;margin:0 0 36px;align-items:start}



.hm4-sorties{padding:16px 16px 14px;border-radius:8px;background:var(--nx-bg-2);border:1px solid var(--nx-line)}



.hm4-sorties-list{list-style:none;padding:0}



.hm4-sorties-list li{border-top:1px solid var(--nx-line)}



.hm4-sorties-list li:first-child{border-top:0}



.hm4-sortie{display:flex;gap:12px;align-items:center;padding:12px 2px;min-width:0}



.hm4-sortie:hover strong{text-decoration:underline;text-underline-offset:3px}



.hm4-cal{flex:none;width:44px;border-radius:6px;overflow:hidden;border:1px solid var(--nx-line);background:var(--nx-bg);text-align:center;line-height:1}



.hm4-cal__day{display:block;padding:.45rem .2rem .25rem;font:800 1.05rem/1 var(--nx-sans);color:#7eb6ff}



.hm4-cal__mon{display:block;padding:.2rem .2rem .4rem;font:700 .62rem/1 var(--nx-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--nx-muted);background:rgba(232,184,74,.12)}



.hm4-sortie__meta{display:grid;gap:4px;min-width:0}



.hm4-sortie__meta strong{font-size:.88rem;line-height:1.3;font-weight:700}



.hm4-plat{display:inline-block;padding:.15rem .4rem;border-radius:999px;font:700 .6rem/1 var(--nx-sans);letter-spacing:.04em;text-transform:uppercase;background:#5b4a8a;color:#fff}



.hm4-sorties-cta{margin-top:12px;text-align:right}



.hm4-btn{display:inline-flex;align-items:center;min-height:38px;padding:.45rem .9rem;border-radius:4px;background:#e8b84a;color:#111;font:800 .72rem/1 var(--nx-sans);letter-spacing:.04em;text-transform:uppercase}



.hm4-btn:hover{filter:brightness(1.06)}







.hm4-tests-stack{display:grid;gap:16px}



.hm4-test{display:grid;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--nx-line);background:var(--nx-bg-2)}



.hm4-test:hover .hm4-test__title{color:var(--nx-accent)}



.hm4-test__art{position:relative;display:block;aspect-ratio:16/9;background:#111}



.hm4-test__art img{width:100%;height:100%;object-fit:cover;display:block}



.hm4-test__stamp{position:absolute;left:12px;right:12px;bottom:36px;z-index:1;font:800 clamp(1.2rem,3vw,1.75rem)/1 var(--nx-sans);letter-spacing:-.02em;color:#e8b84a;text-transform:uppercase;transform:skewX(-8deg);text-shadow:0 2px 12px rgba(0,0,0,.55);pointer-events:none}



.hm4-test__foot{display:flex;gap:14px;align-items:flex-start;padding:14px 14px 16px;background:rgba(255,255,255,.03)}



.hm4-test__score{flex:none;display:grid;justify-items:center;min-width:3.2rem}



.hm4-test__score strong{font:800 1.65rem/1 var(--nx-sans);letter-spacing:-.03em}



.hm4-test__score small{font-size:.65rem;color:var(--nx-muted)}



.hm4-test__title{font:650 .95rem/1.35 var(--nx-sans)}







/* Posters ? secondary, after news */



.hm4-posters{padding-top:8px;border-top:1px solid var(--nx-line)}



.hm4-posters-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px}



.hm4-poster{display:flex;flex-direction:column;gap:6px;min-width:0}



.hm4-poster:hover strong{text-decoration:underline;text-underline-offset:3px}



.hm4-poster__cover{display:block;aspect-ratio:3/4;border-radius:3px;overflow:hidden;background:var(--nx-bg-2);border:1px solid var(--nx-line)}



.hm4-poster__cover img{width:100%;height:100%;object-fit:cover;display:block}



.hm4-poster strong{font-size:.78rem;font-weight:650;line-height:1.3}







.hm4-ctas{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:12px;border-top:1px solid var(--nx-line)}



.hm4-ctas a{display:inline-flex;align-items:center;min-height:40px;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}







@media (max-width:960px){



  .hm4-split{grid-template-columns:1fr;gap:22px}



  .hm4-posters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}



  .hm4-lead{grid-template-columns:1fr}



  .hm4-lead__media{aspect-ratio:16/9;min-height:0}



  .hm4-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}



  .hm4-feed__link{grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:12px 14px}



}



@media (max-width:720px){



  .arc-home.arc-home--actu{width:calc(100% - 24px);padding:16px 0 40px}



  .hm4-top{grid-template-columns:1fr;gap:12px;align-items:start}



  .hm4-search{width:100%}



  .hm4-news-grid{grid-template-columns:1fr}



  .hm4-feed__link{grid-template-columns:1fr;gap:10px}



  .hm4-feed__when{align-self:flex-start}



  .hm4-posters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}



}



@media (max-width:420px){



  .hm4-posters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}



}



@media (prefers-reduced-motion:reduce){



  .hm4-feed__link:hover .hm4-feed__title,.hm4-test:hover .hm4-test__title{transition:none}



}







/* GUIDE UI-1 ? briques g?n?riques mission (outil, pas magazine) */



.guide-mission {



  margin: 1.25rem 0 1.75rem;



  padding: 1rem 0 0;



  border-top: 1px solid var(--nx-line);



}



.guide-mission__kicker {



  margin: 0 0 0.35rem;



  font: 800 0.68rem/1 var(--nx-sans);



  letter-spacing: 0.12em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.guide-mission__title {



  margin: 0 0 0.75rem;



  font: 750 clamp(1.15rem, 2.4vw, 1.45rem)/1.2 var(--nx-sans);



  letter-spacing: -0.02em;



}



.guide-meta {



  display: grid;



  gap: 0.35rem;



  margin: 0 0 1rem;



}



.guide-meta__row {



  display: grid;



  grid-template-columns: 6.5rem minmax(0, 1fr);



  gap: 0.35rem 0.75rem;



  font-size: 0.88rem;



  line-height: 1.4;



}



.guide-meta__row dt {



  margin: 0;



  color: var(--nx-muted);



  font-weight: 650;



}



.guide-meta__row dd { margin: 0; }



.guide-objective {



  margin: 0 0 1.15rem;



  padding: 0.75rem 0.85rem;



  border-left: 3px solid #2866da;



  background: rgba(40, 102, 218, 0.08);



}



.guide-objective__label {



  margin: 0 0 0.25rem;



  font: 800 0.68rem/1 var(--nx-sans);



  letter-spacing: 0.1em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.guide-objective__text {



  margin: 0;



  font: 650 1.02rem/1.4 var(--nx-sans);



}



.guide-steps {



  margin: 0;



  padding: 0;



  list-style: none;



  display: grid;



  gap: 0.85rem;



}



.guide-steps--cont { margin-top: 0.85rem; }



.guide-step {



  display: grid;



  grid-template-columns: 2.6rem minmax(0, 1fr);



  gap: 0.55rem 0.75rem;



  align-items: start;



}



.guide-step__num {



  font: 800 1.15rem/1 var(--nx-sans);



  letter-spacing: -0.03em;



  color: #2866da;



  padding-top: 0.1rem;



}



.guide-step__title {



  margin: 0 0 0.3rem;



  font: 700 1rem/1.3 var(--nx-sans);



  letter-spacing: -0.015em;



}



.guide-step__text {



  margin: 0;



  font-size: 0.95rem;



  line-height: 1.55;



  color: var(--nx-muted);



}



.guide-tip,



.guide-warning {



  margin: 0.85rem 0;



  padding: 0.75rem 0.85rem;



  border: 1px solid var(--nx-line);



  border-radius: 4px;



  background: var(--nx-panel, var(--nx-bg-2));



}



.guide-tip strong,



.guide-warning strong {



  display: block;



  margin: 0 0 0.3rem;



  font: 800 0.68rem/1 var(--nx-sans);



  letter-spacing: 0.1em;



  text-transform: uppercase;



  color: var(--nx-muted);



}



.guide-tip p,



.guide-warning p { margin: 0; font-size: 0.92rem; line-height: 1.5; }



.guide-media { margin: 0.65rem 0 0; }



.guide-media img {



  display: block;



  width: 100%;



  height: auto;



  aspect-ratio: 16/9;



  object-fit: cover;



  border-radius: 2px;



  background: var(--nx-panel, var(--nx-bg-2));



}



.guide-navigation {



  display: grid;



  grid-template-columns: 1fr auto 1fr;



  gap: 0.5rem;



  align-items: center;



  margin: 1.35rem 0 0;



  padding-top: 0.9rem;



  border-top: 1px solid var(--nx-line);



  font-size: 0.85rem;



  font-weight: 650;



}



.guide-navigation a {



  color: inherit;



  text-decoration: none;



  min-height: 44px;



  display: inline-flex;



  align-items: center;



}



.guide-navigation a:hover { text-decoration: underline; }



.guide-navigation__prev { justify-self: start; }



.guide-navigation__toc { justify-self: center; color: var(--nx-muted); }



.guide-navigation__next { justify-self: end; text-align: right; }



.guide-navigation .is-empty { min-height: 0; }



@media (max-width: 520px) {



  .guide-meta__row { grid-template-columns: 1fr; gap: 0.1rem; }



  .guide-step { grid-template-columns: 2.2rem minmax(0, 1fr); }



  .guide-step__num { font-size: 1.05rem; }



  .guide-navigation {



    grid-template-columns: 1fr;



    gap: 0.35rem;



  }



  .guide-navigation__prev,



  .guide-navigation__toc,



  .guide-navigation__next { justify-self: stretch; }



  .guide-navigation__next { text-align: left; }



}







/* ==========================================================================



   ARTICLE ? layout lecture centr? (tous les articles)



   Colonne unique : pas de rail calendriers ; specs + board centr?s.



   Ne pas toucher .arc-ed--proto / Test Shadows. Hubs /jeu inchang?s.



   ========================================================================== */



.nx-body .nx-hub--article {



  --arc-article-board: 52rem;



}



.nx-body .nx-hub--article .nx-tabs,



.nx-body .nx-hub--article .pj-hub-rail.nx-tabs {



  width: min(var(--arc-article-board), calc(100% - 2rem));



  margin-left: auto;



  margin-right: auto;



  justify-content: center;



}



.nx-body .nx-hub--article .nx-specs,



.nx-body .nx-hub--article .nx-board--solo {



  width: min(var(--arc-article-board), calc(100% - 2rem));



  margin-left: auto;



  margin-right: auto;



}



/* Cartes m?ta centr?es (?vite la 5e colonne vide du grid hub) */



.nx-body .nx-hub--article .nx-specs {



  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 12rem));



  justify-content: center;



}



.nx-body .nx-hub--article .nx-board--solo {



  grid-template-columns: minmax(0, 1fr);



}



.nx-body .nx-hub--article .nx-board--solo .nx-board__main {



  width: 100%;



  max-width: var(--arc-article-board);



  margin: 0 auto;



}



.nx-body .nx-hub--article .nx-board__side {



  display: none !important;



}



@media (max-width: 700px) {



  .nx-body .nx-hub--article .nx-tabs,



  .nx-body .nx-hub--article .pj-hub-rail.nx-tabs,



  .nx-body .nx-hub--article .nx-specs,



  .nx-body .nx-hub--article .nx-board--solo {



    width: min(var(--arc-article-board), calc(100% - 1.25rem));



  }



  .nx-body .nx-hub--article .nx-specs {



    grid-template-columns: 1fr;



  }



}



/* ========================================================================== */



/* Arcadia — Homepage éditoriale V2                                           */



/* ========================================================================== */



.arc-home.arc-home--editorial-v2{width:min(1460px,calc(100% - 28px));margin:0 auto;padding:14px 0 44px;color:var(--nx-ink)}



.arc-home--editorial-v2 *{box-sizing:border-box;min-width:0}



.arc-home--editorial-v2 :is(h1,h2,h3,p,ol){margin:0}



.arc-home--editorial-v2 a{color:inherit;text-decoration:none}



.arc-home--editorial-v2 :is(a,button):focus-visible{outline:3px solid #388cff;outline-offset:3px}



.hm5-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}



.hm5-primary{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.25fr) minmax(250px,.95fr);gap:12px;align-items:stretch}



.hm5-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;align-items:stretch}
.hm5-editorial-grids{margin-top:14px}

.hm5-videos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;align-items:stretch}
.hm5-videos > .hm5-panel{display:flex;flex-direction:column;min-width:0}
.hm5-videos .hm5-heading{
  min-height:2.1rem;
  align-items:center;
  margin-bottom:12px
}
.hm5-video-frame{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0
}
.hm5-video-frame .nx-media--yt{
  flex:1;
  width:100%;
  height:100%;
  min-height:220px;
  border-radius:8px;
  overflow:hidden
}
.hm5-video-frame .nx-media--yt img,
.hm5-video-frame .nx-media--yt iframe{
  width:100%;
  height:100%;
  object-fit:cover
}

.hm5-secondary > .hm5-panel{display:flex;flex-direction:column;min-width:0}
.hm5-secondary .hm5-see-grid--covers{
  flex:1;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-content:start
}
.hm5-secondary .hm5-heading{
  min-height:2.1rem;
  align-items:center;
  margin-bottom:12px
}
.hm5-secondary .hm5-see-card--cover .hm5-see-art{
  aspect-ratio:3/4;
  border-radius:8px;
  width:100%
}



.hm5-panel,.hm5-feature{border:1px solid var(--nx-line);border-radius:10px;background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));box-shadow:0 12px 32px rgba(0,0,0,.12);overflow:hidden}



[data-theme="light"] .hm5-panel,[data-theme="light"] .hm5-feature{background:linear-gradient(145deg,#fff,#f2f5f9)}



.hm5-panel{padding:14px}



.hm5-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}



.hm5-heading h2{font:850 clamp(.95rem,1.35vw,1.25rem)/1.05 var(--nx-sans);letter-spacing:-.035em;text-transform:uppercase}



.hm5-heading a{flex:none;color:#3f95ff;font-size:.7rem;font-weight:750}



.hm5-heading a:hover{text-decoration:underline;text-underline-offset:3px}



.hm5-heading--stack{display:grid;justify-content:stretch;gap:8px}



.hm5-heading--stack a{justify-self:start}



.hm5-heading--stack p{color:var(--nx-muted);font-size:.76rem;line-height:1.4}



.hm5-empty{display:grid;place-items:center;min-height:130px;padding:20px;color:var(--nx-muted);font-size:.82rem;text-align:center}



.hm5-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,rgba(51,73,83,.8),rgba(19,28,37,.95));color:#d5b475;font-weight:850;letter-spacing:.08em;text-align:center}



.hm5-placeholder--large{padding:20px}



.hm5-media-bg{position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:cover}







.hm5-news-list,.hm5-upcoming-list{list-style:none;padding:0}



.hm5-news-list li+li{border-top:1px solid var(--nx-line)}



.hm5-news-item{display:grid;grid-template-columns:34% minmax(0,1fr);gap:10px;padding:8px 0;align-items:center}



.hm5-news-list li:first-child .hm5-news-item{padding-top:0}



.hm5-news-list li:last-child .hm5-news-item{padding-bottom:0}



.hm5-news-thumb{display:block;aspect-ratio:16/10;border-radius:5px;overflow:hidden;background:var(--nx-bg-2)}



.hm5-news-thumb img{display:block;width:100%;height:100%;object-fit:cover}



.hm5-news-copy{display:grid;gap:6px}



.hm5-news-copy>strong{font:750 clamp(.76rem,1vw,.96rem)/1.28 var(--nx-sans);letter-spacing:-.012em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



.hm5-news-item:hover .hm5-news-copy>strong{color:#69aaff}



.hm5-meta{display:flex;align-items:center;gap:8px;color:var(--nx-muted);font-size:.62rem}



.hm5-tag{display:inline-flex;padding:.25rem .38rem;border-radius:3px;background:#1d5bbd;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}







.hm5-feature{position:relative;min-height:600px;background:#0b1119}



.hm5-feature-link,.hm5-feature-art,.hm5-feature-shade{position:absolute;inset:0;display:block}



.hm5-feature-art{overflow:hidden}



.hm5-feature-shade{background:linear-gradient(to bottom,rgba(4,8,14,.02) 22%,rgba(4,8,14,.34) 48%,rgba(4,8,14,.98) 90%)}



.hm5-feature-badge{position:absolute;top:20px;left:20px;padding:.4rem .65rem;border-radius:4px;background:#267cf0;color:#fff;font-size:.72rem;font-weight:850;text-transform:uppercase}



.hm5-score{position:absolute;top:24px;right:20px;display:flex;align-items:baseline;justify-content:center;min-width:78px;padding:15px 10px;border:3px solid #257ff2;border-radius:14px;background:rgba(8,15,25,.9);color:#fff;box-shadow:0 0 0 5px rgba(37,127,242,.16)}



.hm5-score strong{font:850 1.65rem/1 var(--nx-sans)}



.hm5-score small{font-size:.7rem}



.hm5-feature-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:grid;gap:12px;color:#fff}



.hm5-feature-copy>strong{font:850 clamp(1.45rem,2.3vw,2.1rem)/1.04 var(--nx-sans);letter-spacing:-.04em}



.hm5-feature-copy>span:not(.hm5-button){font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.78);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}



.hm5-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;justify-self:start;min-width:145px;padding:12px 16px;border-radius:6px;background:#e62c34;color:#fff;font-size:.78rem;font-weight:850}



.hm5-feature-link:hover .hm5-button{background:#ff3942}



.hm5-empty--feature{height:100%;min-height:600px;align-content:center;gap:8px}







.hm5-upcoming-list{display:grid;gap:10px}



.hm5-upcoming-list li+li{padding-top:10px;border-top:1px solid var(--nx-line)}



.hm5-upcoming-list a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}



.hm5-upcoming-cover{position:relative;display:block;aspect-ratio:3/4;border-radius:4px;overflow:hidden;background:var(--nx-bg-2)}



.hm5-upcoming-cover img{display:block;width:100%;height:100%;object-fit:cover}



.hm5-upcoming-copy{display:grid;gap:5px}



.hm5-upcoming-copy>strong{font:750 .78rem/1.25 var(--nx-sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



.hm5-upcoming-copy>time{color:#aebbd2;font-size:.7rem}



[data-theme="light"] .hm5-upcoming-copy>time{color:var(--nx-muted)}



.hm5-upcoming-list a:hover strong{color:#69aaff}



.hm5-platforms{display:flex;flex-wrap:wrap;gap:4px}
.hm5-platforms>span{display:inline-flex;padding:.22rem .35rem;border-radius:3px;background:#173b6e;color:#89bfff;font-size:.54rem;font-weight:750;line-height:1}
.hm5-platforms>span:nth-child(2n){background:#1d512e;color:#8cdda2}
.hm5-platforms>span:nth-child(3n){background:#243044;color:#d7e2f2}
.hm5-platforms>span[data-plat="ps5"],
.hm5-platforms>span[data-plat="ps4"]{background:#0f2a55;color:#7eb6ff}
.hm5-platforms>span[data-plat="pc"]{background:#163821;color:#8fe0a4}
.hm5-platforms>span[data-plat="xbox"]{background:#2a3038;color:#e8edf4}
.hm5-platforms>span[data-plat="switch"]{background:#5a1520;color:#ff8a9a}

/* Sorties du moment / À voir aussi : grille jaquettes */
.hm5-see-card--cover{gap:0}
.hm5-see-card--cover .hm5-see-art{border-radius:8px}
.hm5-see-card--meta .hm5-see-art{position:relative}
.hm5-see-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(4,8,14,.92) 0%,rgba(4,8,14,.55) 38%,transparent 68%)
}
.hm5-see-meta{
  position:absolute;z-index:2;left:8px;right:8px;bottom:8px;
  display:grid;gap:6px;pointer-events:none
}
.hm5-see-meta>time{
  display:block;
  font:600 .68rem/1.25 var(--nx-sans);
  color:#fff;
  text-shadow:0 1px 6px rgba(0,0,0,.55)
}
.hm5-see-meta .hm5-platforms{gap:5px}
.hm5-see-meta .hm5-platforms>span{
  padding:.28rem .42rem;
  border-radius:4px;
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.01em
}



.hm5-calendar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid #2866da;border-radius:6px;background:#2866da;color:#fff!important;font-size:.72rem;font-weight:800}



.hm5-calendar:hover{background:#2158bf;border-color:#2158bf;color:#fff!important}



[data-theme="light"] .hm5-calendar{background:#2866da;border-color:#2866da;color:#fff!important}



[data-theme="light"] .hm5-calendar:hover{background:#2158bf;border-color:#2158bf;color:#fff!important}







.hm5-current-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}



.hm5-current-card{position:relative;min-height:188px;border-radius:6px;overflow:hidden;background:var(--nx-bg-2)}



.hm5-current-art,.hm5-current-shade{position:absolute;inset:0;display:block}



.hm5-current-art img{display:block;width:100%;height:100%;object-fit:cover}



.hm5-current-shade{background:linear-gradient(to right,rgba(5,10,17,.83),rgba(5,10,17,.08)),linear-gradient(to top,rgba(5,10,17,.82),transparent 65%)}



.hm5-current-copy{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:grid;gap:7px;color:#fff}



.hm5-current-copy>strong{font:850 clamp(1rem,1.7vw,1.35rem)/1.05 var(--nx-sans);letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.6)}



.hm5-current-copy>time{font-size:.72rem;color:rgba(255,255,255,.82)}



.hm5-current-card:hover .hm5-current-copy>strong{color:#8fc0ff}







.hm5-see-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}



.hm5-see-card{display:grid;align-content:start;gap:7px}



.hm5-see-art{position:relative;display:block;aspect-ratio:3/4;border-radius:5px;overflow:hidden;background:var(--nx-bg-2)}



.hm5-see-art img{display:block;width:100%;height:100%;object-fit:cover}



.hm5-see-card>strong{font:750 .7rem/1.3 var(--nx-sans);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



.hm5-see-card>span:last-child{color:var(--nx-muted);font-size:.62rem}



.hm5-see-card:hover>strong{color:#69aaff}



.hm5-mini-score{position:absolute;right:5px;bottom:5px;padding:.28rem .38rem;border-radius:4px;background:#0b2e64;color:#fff;font-size:.58rem;font-weight:850}







@media (max-width:1150px){



  .hm5-primary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}



  .hm5-upcoming{grid-column:1/-1}



  .hm5-upcoming-list{grid-template-columns:repeat(4,minmax(0,1fr))}



  .hm5-upcoming-list li+li{padding-top:0;border-top:0}



  .hm5-upcoming-list a{grid-template-columns:62px minmax(0,1fr)}



  .hm5-secondary{grid-template-columns:1fr}
  .hm5-videos{grid-template-columns:1fr}



}



@media (max-width:760px){



  .arc-home.arc-home--editorial-v2{width:calc(100% - 20px);padding-top:10px}



  .hm5-primary,.hm5-secondary,.hm5-videos{display:flex;flex-direction:column;gap:12px}



  .hm5-heading{flex-wrap:wrap}



  .hm5-secondary,.hm5-videos{margin-top:12px}



  .hm5-news{order:1}.hm5-feature{order:2}.hm5-upcoming{order:3}.hm5-current{order:4}.hm5-see{order:5}.hm5-videos{order:6}



  .hm5-feature{min-height:520px}



  .hm5-empty--feature{min-height:520px}



  .hm5-upcoming-list{grid-template-columns:repeat(2,minmax(0,1fr))}



  .hm5-current-grid{grid-template-columns:1fr}



  .hm5-current-card{min-height:210px}



}



@media (max-width:600px){



  .hm5-upcoming-list{grid-template-columns:1fr}



  .hm5-upcoming-list li+li{padding-top:10px;border-top:1px solid var(--nx-line)}



}



@media (max-width:480px){



  .hm5-panel{padding:12px}



  .hm5-heading{align-items:flex-start}



  .hm5-heading h2{font-size:.9rem}



  .hm5-news-item{grid-template-columns:112px minmax(0,1fr)}



  .hm5-feature{min-height:460px}



  .hm5-empty--feature{min-height:460px}



  .hm5-see-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}



}



@media (prefers-reduced-motion:reduce){.arc-home--editorial-v2 *{scroll-behavior:auto!important;transition:none!important}}







/* ==========================================================================



   Soluce Hub — présentation /soluce/{slug} (Arcadia)



   ========================================================================== */

/* === ARTICLE AS HUB (5.14F) === */
/* Chrome article : même cadre que .gh-sheet-block, même largeur */
.arc-game-hub--article .gh-chrome{
  position:relative;
  isolation:isolate;
  width:min(var(--gh-width),calc(100% - 40px));
  margin:0 auto 22px;
  padding:1.1rem 1.15rem 1.25rem;
  border-radius:12px;
  border:1px solid var(--nx-line);
  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  grid-template-columns:minmax(140px,200px) minmax(0,1fr);
  gap:18px 22px;
  align-items:center;
  overflow:hidden
}
html[data-theme="light"] .arc-game-hub--article .gh-chrome{
  background:linear-gradient(145deg,#fff,#f2f5f9);
  box-shadow:0 12px 32px rgba(0,0,0,.08)
}
.arc-game-hub--article .gh-chrome--has-art{
  padding:1.1rem 1.15rem 1.25rem;
  border-radius:12px;
  border:1px solid var(--nx-line);
  background:linear-gradient(145deg,rgba(20,32,48,.72),rgba(8,16,26,.58));
  box-shadow:0 12px 32px rgba(0,0,0,.12)
}
html[data-theme="light"] .arc-game-hub--article .gh-chrome--has-art{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(242,245,249,.78));
  box-shadow:0 12px 32px rgba(0,0,0,.08)
}
.arc-game-hub--article .gh-chrome__art img{
  opacity:.55;
  object-position:center top;
  filter:saturate(1.08) contrast(1.04)
}
.arc-game-hub--article .gh-chrome__art::after{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--nx-bg) 82%,transparent),color-mix(in srgb,var(--nx-bg) 48%,transparent) 52%,color-mix(in srgb,var(--nx-bg) 28%,transparent)),
    linear-gradient(0deg,color-mix(in srgb,var(--nx-bg) 72%,transparent),transparent 58%)
}
html[data-theme="light"] .arc-game-hub--article .gh-chrome__art::after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.55) 52%,rgba(255,255,255,.28)),
    linear-gradient(0deg,rgba(255,255,255,.7),transparent 58%)
}
.arc-game-hub--article .gh-chrome__id{
  padding:0;
  min-width:0;
  align-content:center;
  gap:.85rem
}
.arc-game-hub--article .gh-chrome__titles{
  display:grid;
  gap:.55rem;
  align-content:start
}
.arc-game-hub--article .gh-chrome__title{
  margin:0;
  text-wrap:balance
}
.arc-game-hub--article .gh-chrome__lede{
  margin:0;
  max-width:42rem
}
/* Tags article = pastilles fiches jeu (hub53) */
.arc-game-hub--article .gh-chrome__badges{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  list-style:none;
  margin:.15rem 0 0;
  padding:0;
  justify-content:flex-start
}
.arc-game-hub--article .gh-chrome__badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.28rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#e8eef7;
  font:650 .72rem/1.2 var(--nx-sans)
}
.arc-game-hub--article .gh-chrome__badge a{
  color:inherit;
  text-decoration:none
}
.arc-game-hub--article .gh-chrome__badge a:hover{
  text-decoration:underline;
  text-underline-offset:3px
}
.arc-game-hub--article .gh-chrome__badge--plat{
  border-color:rgba(61,126,255,.45);
  background:rgba(61,126,255,.16)
}
.arc-game-hub--article .gh-chrome__badge--date{
  border-color:rgba(255,255,255,.28);
  background:rgba(0,0,0,.28)
}
html[data-theme="light"] .arc-game-hub--article .gh-chrome__badge{
  border-color:rgba(15,23,42,.16);
  background:rgba(15,23,42,.05);
  color:var(--nx-ink)
}
html[data-theme="light"] .arc-game-hub--article .gh-chrome__badge--plat{
  border-color:rgba(61,126,255,.4);
  background:rgba(61,126,255,.12)
}
.arc-game-hub--article .gh-chrome__media{
  grid-column:1 / -1
}
@media (max-width:900px){
  .arc-game-hub--article .gh-chrome{
    grid-template-columns:minmax(110px,150px) minmax(0,1fr);
    width:calc(100% - 24px);
    padding:1rem
  }
}
@media (max-width:640px){
  .arc-game-hub--article .gh-chrome{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center
  }
  .arc-game-hub--article .gh-chrome__cover{max-width:180px}
  .arc-game-hub--article .gh-chrome__id{justify-items:center;width:100%}
  .arc-game-hub--article .gh-chrome__badges{justify-content:center}
}

.arc-game-hub--article .gh-chrome,
.arc-game-hub--article .gh-sheet-block,
.arc-game-hub--article .gh-card--byline,
.arc-game-hub--article .gh-card--game-link,
.arc-game-hub--article .gh-card--related{
  border:1px solid var(--nx-line);
  border-radius:12px
}

.arc-game-hub--article{--gh-width:1120px;padding-bottom:2.5rem}
.arc-game-hub--article .gh-article-draft{width:min(var(--gh-width),calc(100% - 40px));margin:0 auto .75rem}
.arc-game-hub--article .gh-sheet--article{
  grid-template-columns:minmax(0,1fr) minmax(220px,280px);
  grid-template-areas:none;
  width:min(var(--gh-width),calc(100% - 40px));
  align-items:start;
  gap:22px 24px
}
.arc-game-hub--article .gh-card--byline,
.arc-game-hub--article .gh-card--game-link,
.arc-game-hub--article .gh-card--related{
  margin:0;
  padding:1.1rem 1.15rem 1.25rem;
  border-radius:12px;
  border:1px solid var(--nx-line);
  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));
  box-shadow:0 12px 32px rgba(0,0,0,.12)
}
html[data-theme="light"] .arc-game-hub--article .gh-card--byline,
html[data-theme="light"] .arc-game-hub--article .gh-card--game-link,
html[data-theme="light"] .arc-game-hub--article .gh-card--related{
  background:linear-gradient(145deg,#fff,#f2f5f9);
  box-shadow:0 12px 32px rgba(0,0,0,.08)
}
.arc-game-hub--article .gh-card--byline{
  padding:1.1rem 1.15rem
}

.arc-game-hub--article .gh-card--byline .gh-article-meta{
  margin:0;padding:0;list-style:none;display:grid;gap:.55rem
}
.arc-game-hub--article .gh-card--byline .nx-plats li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) .7rem;
  gap:.45rem;
  align-items:baseline;
  margin:0;
  padding:0;
  border:0
}
.arc-game-hub--article .gh-card--byline .nx-plats__name{
  font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nx-muted)
}
.arc-game-hub--article .gh-card--byline .nx-plats__date{
  font-size:.84rem;font-weight:650;color:var(--nx-ink);text-align:left;min-width:0;overflow-wrap:anywhere
}
.arc-game-hub--article .gh-card--byline .nx-dot{
  width:.55rem;height:.55rem;border-radius:50%;background:#4b5160;justify-self:end
}
.arc-game-hub--article .gh-card--byline .nx-dot.is-in{
  background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.65)
}
.arc-game-hub--article .gh-card--byline .nx-dot.is-soon{
  background:#eab308;box-shadow:0 0 8px rgba(234,179,8,.55)
}
.arc-game-hub--article .gh-col--main,.arc-game-hub--article .gh-col--side{min-width:0;display:grid;gap:14px;align-content:start}
.arc-game-hub--article .gh-sheet-block{
  padding:1.1rem 1.15rem 1.25rem;
  border-radius:12px;
  border:1px solid var(--nx-line);
  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));
  box-shadow:0 12px 32px rgba(0,0,0,.12)
}
html[data-theme="light"] .arc-game-hub--article .gh-sheet-block{
  background:linear-gradient(145deg,#fff,#f2f5f9);
  box-shadow:0 12px 32px rgba(0,0,0,.08)
}
/* Lecture magazine V2 — mêmes polices que les tests */
.arc-game-hub--article .gh-sheet-block .nx-prose--framed,
.arc-game-hub--article .gh-prose,
.arc-game-hub--article .nx-prose--framed{
  margin:.15rem auto 0;
  max-width:680px;
  font:450 16px/1.8 var(--nx-serif,#Georgia,serif);
  color:color-mix(in srgb,var(--nx-ink) 92%,#fff);
  text-align:left;
  hyphens:manual
}
html[data-theme="light"] .arc-game-hub--article .gh-sheet-block .nx-prose--framed,
html[data-theme="light"] .arc-game-hub--article .gh-prose,
html[data-theme="light"] .arc-game-hub--article .nx-prose--framed{
  color:var(--nx-ink)
}
.arc-game-hub--article .nx-prose--framed > p,
.arc-game-hub--article .nx-prose--framed > ul,
.arc-game-hub--article .nx-prose--framed > ol,
.arc-game-hub--article .nx-prose--framed > blockquote{
  margin:0 auto 28px;
  max-width:680px;
  font:450 16px/1.8 var(--nx-serif,#Georgia,serif);
  text-align:left;
  text-wrap:pretty;
  hyphens:manual
}
.arc-game-hub--article .nx-prose--framed > p:last-child,
.arc-game-hub--article .nx-prose--framed > ul:last-child,
.arc-game-hub--article .nx-prose--framed > ol:last-child,
.arc-game-hub--article .nx-prose--framed > blockquote:last-child{margin-bottom:0}
/* H2 : cadre fit + Sora comme les titres de test */
.arc-game-hub--article .nx-prose--framed > h2{
  display:block;
  width:fit-content;
  margin:42px 0 20px;
  padding:9px 16px;
  max-width:100%;
  box-sizing:border-box;
  font:700 18px/1.35 var(--nx-sans);
  letter-spacing:-.01em;
  color:var(--nx-ink);
  text-align:left;
  border:1px solid rgba(255,255,255,.55);
  border-radius:10px;
  background:color-mix(in srgb,var(--nx-bg) 28%,transparent)
}
.arc-game-hub--article .nx-prose--framed > h2:first-child{
  margin-top:0
}
html[data-theme="light"] .arc-game-hub--article .nx-prose--framed > h2{
  border-color:var(--nx-line);
  background:color-mix(in srgb,#fff 70%,transparent)
}
.arc-game-hub--article .nx-prose--framed > h3{
  margin:1.35em 0 .55em;
  line-height:1.3;
  letter-spacing:-.01em;
  text-align:left;
  font:700 1.05rem/1.3 var(--nx-sans);
  color:var(--nx-ink)
}
/* Images : rendu inchangé (mêmes règles V1) */
.arc-game-hub--article .nx-prose--framed > img,
.arc-game-hub--article .nx-prose--framed > figure,
.arc-game-hub--article .nx-prose--framed > .pj-gallery,
.arc-game-hub--article .nx-prose--framed > .pj-embed,
.arc-game-hub--article .nx-prose--framed > iframe,
.arc-game-hub--article .nx-prose--framed img,
.arc-game-hub--article .nx-prose--framed figure,
.arc-game-hub--article .nx-prose--framed .pj-gallery,
.arc-game-hub--article .nx-prose--framed .pj-embed,
.arc-game-hub--article .nx-prose--framed iframe{
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:28px;
  margin-bottom:34px;
  max-width:100%
}
.arc-game-hub--article .nx-prose--framed figure img{
  margin:0 auto;
  max-width:100%
}
/* Verdict Writer — séparateur conclusion si le bloc existe */
.arc-game-hub--article .nx-prose--framed > .pj-writer-verdict,
.arc-game-hub--article .nx-prose--framed .pj-writer-verdict{
  margin-top:48px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.18)
}
html[data-theme="light"] .arc-game-hub--article .nx-prose--framed .pj-writer-verdict{
  border-top-color:rgba(15,23,42,.14)
}
.arc-game-hub--article .gh-article-related{display:grid;gap:10px}
.arc-game-hub--article .gh-article-related__item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:inherit;padding:8px;border-radius:10px;border:1px solid transparent;transition:border-color .15s ease,background .15s ease}
.arc-game-hub--article .gh-article-related__item:hover{border-color:var(--nx-line);background:color-mix(in srgb,var(--nx-bg) 55%,transparent)}
.arc-game-hub--article .gh-article-related__art{display:block;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--nx-bg);border:1px solid var(--nx-line)}
.arc-game-hub--article .gh-article-related__art img{width:100%;height:100%;object-fit:cover;display:block}
.arc-game-hub--article .gh-article-related__art.is-empty{background:linear-gradient(135deg,var(--nx-bg-2),var(--nx-bg))}
.arc-game-hub--article .gh-article-related__copy{display:grid;gap:.2rem;min-width:0}
.arc-game-hub--article .gh-article-related__copy small{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--nx-muted);font-weight:700}
.arc-game-hub--article .gh-article-related__copy strong{font-size:.88rem;line-height:1.3;font-weight:700}
.arc-game-hub--article .gh-game-link{display:grid;gap:12px;text-decoration:none;color:inherit}
.arc-game-hub--article .gh-game-link__cover{display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;border:1px solid var(--nx-line);background:var(--nx-bg);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.arc-game-hub--article .gh-game-link__cover img{width:100%;height:100%;object-fit:cover;display:block}
.arc-game-hub--article .gh-game-link__cover.is-empty{min-height:160px;background:linear-gradient(160deg,var(--nx-bg-2),var(--nx-bg))}
.arc-game-hub--article .gh-game-link__body{display:grid;gap:.35rem}
.arc-game-hub--article .gh-game-link__body strong{font-size:1rem;line-height:1.25}
.arc-game-hub--article .gh-game-link__cta{color:var(--nx-accent);font-size:.82rem;font-weight:700}
.arc-game-hub--article .gh-game-link:hover .gh-game-link__cta{text-decoration:underline}
@media (max-width:1100px){
  /* Tablette portrait / iPad : empiler — ne pas hériter du sheet fiche (left|center). */
  .arc-game-hub--article .gh-sheet--article{
    grid-template-columns:1fr;
    grid-template-areas:none;
    gap:16px
  }
  .arc-game-hub--article .gh-col--side{order:-1}
  .arc-game-hub--article .gh-card--byline{
    padding:.85rem 1rem
  }
  .arc-game-hub--article .gh-card--byline .gh-article-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.65rem 1.35rem;
    align-items:flex-start
  }
  .arc-game-hub--article .gh-card--byline .nx-plats li{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto auto;
    gap:.15rem;
    align-items:start;
    padding:0;
    min-width:0
  }
  .arc-game-hub--article .gh-card--byline .nx-plats__name{
    grid-row:1;
    font-size:.58rem
  }
  .arc-game-hub--article .gh-card--byline .nx-plats__date{
    grid-row:2;
    text-align:left;
    font-size:.82rem;
    white-space:nowrap
  }
  .arc-game-hub--article .gh-card--byline .nx-dot{
    display:none
  }
  .arc-game-hub--article .gh-game-link{grid-template-columns:88px minmax(0,1fr);align-items:center}
  .arc-game-hub--article .gh-game-link__cover{aspect-ratio:3/4;max-width:88px}
}
@media (max-width:900px){
  .arc-game-hub--article .gh-game-link{grid-template-columns:88px minmax(0,1fr);align-items:center}
  .arc-game-hub--article .gh-game-link__cover{aspect-ratio:3/4;max-width:88px}
}
@media (max-width:700px){
  .arc-game-hub--article .gh-sheet-block .nx-prose--framed,
  .arc-game-hub--article .gh-prose,
  .arc-game-hub--article .nx-prose--framed{
    font:450 15.5px/1.7 var(--nx-serif,#Georgia,serif);
    max-width:none
  }
  .arc-game-hub--article .nx-prose--framed > p,
  .arc-game-hub--article .nx-prose--framed > ul,
  .arc-game-hub--article .nx-prose--framed > ol,
  .arc-game-hub--article .nx-prose--framed > blockquote{
    font:450 15.5px/1.7 var(--nx-serif,#Georgia,serif);
    max-width:none;
    margin-bottom:24px
  }
  /* H2 mobile : Sora + cadre fit-content comme tests */
  .arc-game-hub--article .nx-prose--framed > h2{
    display:block;
    width:fit-content;
    max-width:100%;
    font:700 17px/1.35 var(--nx-sans);
    padding:8px 12px;
    margin-top:32px;
    margin-bottom:16px
  }
  .arc-game-hub--article .nx-prose--framed > h2:first-child{margin-top:0}
  .arc-game-hub--article .nx-prose--framed > img,
  .arc-game-hub--article .nx-prose--framed > figure,
  .arc-game-hub--article .nx-prose--framed > .pj-gallery,
  .arc-game-hub--article .nx-prose--framed > .pj-embed,
  .arc-game-hub--article .nx-prose--framed img,
  .arc-game-hub--article .nx-prose--framed figure,
  .arc-game-hub--article .nx-prose--framed .pj-gallery,
  .arc-game-hub--article .nx-prose--framed .pj-embed{
    margin-top:22px;
    margin-bottom:26px
  }
}
@media (max-width:640px){
  .arc-game-hub--article .gh-sheet--article{width:calc(100% - 24px)}
}

/* Article mobile : la vidéo ne doit jamais élargir la page (iOS Safari) */
.arc-game-hub--article,
.arc-game-hub--article .gh-sheet--article,
.arc-game-hub--article .gh-col--main,
.arc-game-hub--article .gh-sheet-block,
.arc-game-hub--article .nx-prose,
.arc-game-hub--article .nx-prose--framed{
  max-width:100%;
  min-width:0
}
.arc-game-hub--article .nx-prose,
.arc-game-hub--article .nx-prose--framed{
  overflow-x:clip
}
.arc-game-hub--article .nx-prose .pj-embed,
.arc-game-hub--article .nx-prose .pj-embed--yt,
.arc-game-hub--article .nx-prose .ap-video,
.arc-game-hub--article .nx-prose .nx-media--yt,
.arc-game-hub--article .nx-prose .pj-yt-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box
}
.arc-game-hub--article .nx-prose .nx-media--yt img,
.arc-game-hub--article .nx-prose .pj-embed iframe,
.arc-game-hub--article .nx-prose .ap-video iframe{
  max-width:100%
}
@media (max-width:700px){
  .arc-game-hub--article .nx-prose--framed > h2{
    width:auto;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word
  }
}

/* ==========================================================================
   Lecture unifiée TEST + ARTICLE — même police, même H2, même rythme
   (source unique ; écrase les variantes précédentes)
   ========================================================================== */
.arc-game-hub--test-sheet .gh-test-prose,
.arc-game-hub--test-sheet .gh-test-block__lead,
.arc-game-hub--test-sheet .gh-test-verdict .gh-test-prose,
.arc-game-hub--article .gh-sheet-block .nx-prose--framed,
.arc-game-hub--article .gh-prose,
.arc-game-hub--article .nx-prose--framed{
  font:450 16px/1.8 var(--nx-serif,#Georgia,serif);
  color:color-mix(in srgb,var(--nx-ink) 92%,#fff);
  text-align:left;
  hyphens:manual
}
html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-prose,
html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-block__lead,
html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-verdict .gh-test-prose,
html[data-theme="light"] .arc-game-hub--article .gh-sheet-block .nx-prose--framed,
html[data-theme="light"] .arc-game-hub--article .gh-prose,
html[data-theme="light"] .arc-game-hub--article .nx-prose--framed{
  color:var(--nx-ink)
}

.arc-game-hub--test-sheet .gh-test-prose :is(p,ul,ol,blockquote,h3,h4),
.arc-game-hub--article .nx-prose--framed > :is(p,ul,ol,blockquote){
  margin:0 0 28px;
  font:450 16px/1.8 var(--nx-serif,#Georgia,serif);
  text-align:left;
  text-wrap:pretty;
  hyphens:manual
}
.arc-game-hub--article .nx-prose--framed > :is(p,ul,ol,blockquote){
  margin-left:auto;
  margin-right:auto;
  max-width:680px
}

.arc-game-hub--test-sheet .gh-test-block__title,
.arc-game-hub--article .nx-prose--framed > h2{
  display:block;
  width:fit-content;
  max-width:100%;
  margin:36px 0 16px;
  padding:8px 14px;
  box-sizing:border-box;
  font:700 18px/1.35 var(--nx-sans);
  letter-spacing:-.01em;
  color:var(--nx-ink);
  text-align:left;
  border:1px solid rgba(255,255,255,.55);
  border-radius:10px;
  background:color-mix(in srgb,var(--nx-bg) 28%,transparent)
}
.arc-game-hub--test-sheet .gh-test-block:first-child .gh-test-block__title,
.arc-game-hub--article .nx-prose--framed > h2:first-child{
  margin-top:0
}
html[data-theme="light"] .arc-game-hub--test-sheet .gh-test-block__title,
html[data-theme="light"] .arc-game-hub--article .nx-prose--framed > h2{
  border-color:var(--nx-line);
  background:color-mix(in srgb,#fff 70%,transparent)
}

.arc-game-hub--article .nx-prose--framed > h3{
  font:700 1.05rem/1.3 var(--nx-sans);
  color:var(--nx-ink)
}

@media (max-width:700px){
  .arc-game-hub--test-sheet .gh-test-prose,
  .arc-game-hub--test-sheet .gh-test-block__lead,
  .arc-game-hub--test-sheet .gh-test-verdict .gh-test-prose,
  .arc-game-hub--test-sheet .gh-test-prose :is(p,ul,ol,blockquote,h3,h4),
  .arc-game-hub--article .gh-sheet-block .nx-prose--framed,
  .arc-game-hub--article .gh-prose,
  .arc-game-hub--article .nx-prose--framed,
  .arc-game-hub--article .nx-prose--framed > :is(p,ul,ol,blockquote){
    font:450 15.5px/1.7 var(--nx-serif,#Georgia,serif)
  }
  .arc-game-hub--test-sheet .gh-test-block__title,
  .arc-game-hub--article .nx-prose--framed > h2{
    font:700 17px/1.35 var(--nx-sans);
    padding:7px 12px;
    margin:28px 0 14px
  }
}
/* Fil d'Ariane retiré partout (fiche / test / recherche) */
.arc-game-hub .gh-crumb,
.arc-game-hub--sheet .gh-crumb,
.arc-game-hub--test-sheet .gh-crumb,
.pj-crumb{
  display:none!important
}
/* Titres de rubrique (Jeux / Actualités / Tests…) masqués comme le fil d'Ariane — h1 reste en sr-only */
.nx-body .pj-rayon__head--compact{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important
}
/* Exception : pages Test / Soluce — titre + recherche interne visibles */
.nx-body .pj-rayon__head--compact.pj-rayon__head--with-search{
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0 0 1rem!important;
  margin:0 0 1.15rem!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--nx-line,#2a3344) 85%,transparent)!important
}
.nx-body .ba-cat-mag .pj-rayon__head,
.nx-body .ba-playstore .pj-rayon__head{
  margin-bottom:0!important
}
/* Barre compteur catalogue (N jeux / Catalogue) retirée */
.nx-body .pj-catalog-summary{
  display:none!important
}
/* cache-bust 5.14F-19 n64-browser-play frame */
.arc-game-hub--sheet .pj-n64-play{
  margin:0 0 1.1rem;
  padding:1.1rem 1.15rem 1.2rem;
  border-radius:12px;
  border:1px solid var(--nx-line);
  background:linear-gradient(145deg,rgba(20,32,48,.82),rgba(8,16,26,.72));
  box-shadow:0 12px 32px rgba(0,0,0,.12)
}
html[data-theme="light"] .arc-game-hub--sheet .pj-n64-play{
  background:linear-gradient(145deg,#fff,#f2f5f9);
  box-shadow:0 12px 32px rgba(0,0,0,.08)
}
.arc-game-hub--sheet .pj-n64-play .gh-sheet-block__title{
  margin:0 0 .55rem
}
.arc-game-hub--sheet .pj-n64-play__lede{
  margin:0 0 .55rem;font-size:.88rem;line-height:1.5;color:var(--nx-ink);max-width:62ch
}
.arc-game-hub--sheet .pj-n64-play__rules{
  margin:0 0 .85rem;padding-left:1.1rem;font-size:.78rem;line-height:1.45;color:var(--nx-muted);max-width:62ch
}
.arc-game-hub--sheet .pj-n64-play__rules li{margin:.2rem 0}
.arc-game-hub--sheet .pj-n64-play__actions{
  display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0
}
.arc-game-hub--sheet .pj-n64-play__actions .btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.55rem 1rem;border-radius:8px;font-weight:700;font-size:.85rem;
  text-decoration:none;border:1px solid color-mix(in srgb,var(--nx-accent,#3d7eff) 55%,var(--nx-line));
  background:color-mix(in srgb,var(--nx-accent,#3d7eff) 22%,transparent);
  color:var(--nx-ink)
}
.arc-game-hub--sheet .pj-n64-play__actions .btn:hover{
  background:color-mix(in srgb,var(--nx-accent,#3d7eff) 34%,transparent)
}
.arc-game-hub--sheet .pj-n64-play__file{
  display:inline-flex;align-items:center;cursor:pointer;margin:0
}
.arc-game-hub--sheet .pj-n64-play__status{
  margin:0 0 .55rem;font-size:.8rem;color:var(--nx-muted)
}
.arc-game-hub--sheet .pj-n64-play__stage{
  width:100%;max-width:720px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;
  border:1px solid var(--nx-line);background:#0b1016
}
.arc-game-hub--sheet .pj-n64-play__stage #pj-n64-player{
  width:100%;height:100%
}



/* Articles issus YouTube : hero plein cadre 16:9, pas de fausse jaquette portrait */
.arc-game-hub--article.arc-game-hub--wide-cover .gh-chrome {
  min-height: 14rem;
}
.arc-game-hub--article.arc-game-hub--wide-cover .gh-chrome__art img {
  object-fit: cover;
  object-position: center;
}
.arc-game-hub--article.arc-game-hub--wide-cover .gh-chrome__cover {
  display: none;
}

/* —— Prochains événements (category/actualites) —— */
.ba-events{
  margin:0 0 1.15rem;
  padding:0 0 .85rem;
  border-bottom:1px solid color-mix(in srgb, var(--nx-line, rgba(0,0,0,.08)) 80%, transparent);
}
.ba-events__title{
  margin:0 0 .65rem;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--nx-muted,#6b7280);
}
.ba-events__grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
.ba-events__card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.55rem .7rem;
  align-items:center;
  min-width:0;
  padding:.55rem .7rem;
  border:1px solid var(--nx-line, rgba(0,0,0,.08));
  border-radius:12px;
  background:var(--nx-panel2, #fff);
}
.ba-events__card--text{ grid-template-columns:auto minmax(0,1fr); }
.ba-events__when{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:2.6rem;
  line-height:1.05;
}
.ba-events__day{
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--nx-ink,#111);
}
.ba-events__month{
  margin-top:.12rem;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--nx-accent,#3d7eff);
}
.ba-events__main{ min-width:0; }
.ba-events__name{
  display:block;
  font-size:.88rem;
  font-weight:750;
  line-height:1.25;
  color:var(--nx-ink,#111);
  text-decoration:none;
  overflow-wrap:anywhere;
}
a.ba-events__name:hover{ color:var(--nx-accent,#3d7eff); }
.ba-events__meta{
  display:block;
  margin-top:.18rem;
  font-size:.68rem;
  font-weight:650;
  letter-spacing:.02em;
  color:var(--nx-muted,#6b7280);
}
.ba-events__logo{
  display:block;
  width:48px;
  height:48px;
  border-radius:10px;
  overflow:hidden;
  background:color-mix(in srgb, var(--nx-line, #ddd) 35%, transparent);
  flex-shrink:0;
}
.ba-events__logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media (max-width:900px){
  .ba-events__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:560px){
  .ba-events__grid{ grid-template-columns:1fr; }
  .ba-events__card{ padding:.5rem .65rem; }
}

/* —— Actualités magazine (page 1) : duo type home (feature + rail actus + events) —— */
.ba-cat-mag--actu .ba-cat-hero{
  display:grid;
  /* feature ≈ largeur colonne Test home (~1.25/3.65 du wrap) ; le rail prend le reste */
  grid-template-columns:minmax(280px,420px) minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  margin:0 0 1.25rem;
  min-width:0;
}
.ba-cat-mag--actu .ba-cat-hero__feature.hm5-feature{
  width:100%;
  min-height:600px;
  height:600px;
  max-height:600px;
}
.ba-cat-mag--actu .ba-cat-hero__feature .hm5-feature-art .hm5-media-bg{
  background-size:cover;
  background-position:center top;
}
.ba-cat-mag--actu .ba-cat-hero__side{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  min-height:600px;
  height:600px;
  max-height:600px;
}
.ba-cat-mag--actu .ba-cat-hero__events{
  flex:0 0 auto;
  flex-shrink:0;
  order:0; /* hauteur fixe = 1 event visible (rouleau) */
  overflow:hidden;
}
.ba-cat-mag--actu .ba-cat-events-stage{
  position:relative;
  overflow:hidden;
  min-width:0;
}
.ba-cat-mag--actu .ba-cat-events-track{
  display:flex;
  flex-direction:column;
  will-change:transform;
}
.ba-cat-mag--actu .ba-cat-hero__events--rotator .ba-cat-events-track{
  transition:transform .55s cubic-bezier(.22,.82,.28,1);
}
.ba-cat-mag--actu .ba-cat-events-list__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.55rem .65rem;
  align-items:center;
  min-width:0;
  box-sizing:border-box;
  padding:.55rem .65rem;
  border:1px solid var(--nx-line, rgba(0,0,0,.08));
  border-radius:10px;
  background:color-mix(in srgb, var(--nx-panel2, #fff) 88%, transparent);
  flex:0 0 auto;
}
.ba-cat-mag--actu .ba-cat-events-list__item--text{
  grid-template-columns:auto minmax(0,1fr);
}
.ba-cat-mag--actu .ba-cat-events-stage .ba-events__logo{
  width:40px;
  height:40px;
}
.ba-cat-mag--actu .ba-cat-events-stage .ba-events__name{
  font-size:.82rem;
}
.ba-cat-mag--actu .ba-cat-events-dots{
  display:flex;
  justify-content:center;
  gap:5px;
  margin:.4rem 0 0;
}
.ba-cat-mag--actu .ba-cat-events-dots__dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:color-mix(in srgb, var(--nx-muted, #888) 45%, transparent);
  transition:background .25s ease, transform .25s ease;
}
.ba-cat-mag--actu .ba-cat-events-dots__dot.is-active{
  background:var(--nx-ink, #1a1a1a);
  transform:scale(1.15);
}
@media (prefers-reduced-motion: reduce){
  .ba-cat-mag--actu .ba-cat-hero__events--rotator .ba-cat-events-track{
    transition:none;
  }
}
.ba-cat-mag--actu .ba-cat-hero__rail{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  order:1;
}
.ba-cat-mag--actu .ba-cat-hero__rail .hm5-upcoming-list{
  gap:10px;
}
.ba-cat-mag--actu .ba-cat-hero__rail .hm5-upcoming-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.ba-cat-mag--actu .ba-cat-hero__rail .hm5-upcoming-copy > strong{
  font:750 .86rem/1.28 var(--nx-sans);
  letter-spacing:-.012em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ba-cat-mag--actu .ba-cat-hero__rail .hm5-upcoming-copy > time{
  color:var(--nx-muted);
  font-size:.68rem;
  font-weight:650;
}
.ba-cat-mag--actu .ba-cat-hero__rail .hm5-upcoming-copy .hm5-tag{
  justify-self:start;
}
.ba-cat-mag--actu .ba-cat-hero__rail a:hover .hm5-upcoming-copy > strong{
  color:#69aaff;
}
.ba-cat-mag--actu .ba-cat-latest{
  margin:0 0 .5rem;
}
.ba-cat-mag--actu .ba-cat-latest.hm5-panel{
  /* même langage que home (.hm5-panel) — clair / sombre déjà gérés */
}
.ba-cat-mag--actu .ba-cat-latest__grid.pj-rayon-shelf{
  /* rayon jeux standard — remplit la page (pas le mode dense trop petit) */
  grid-template-columns:repeat(auto-fill, minmax(10.5rem, 1fr));
  gap:1.4rem 1.1rem;
}
/* Date en bandeau bleu sur l’affiche */
.ba-cat-mag--actu .ba-cat-latest__grid .nx-game__jack{
  position:relative;
}
.ba-cat-mag--actu .ba-cat-latest__grid .ba-cat-jack-date{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  padding:.35rem .45rem;
  border-radius:0;
  background:#2866da;
  color:#fff;
  font:700 .64rem/1.2 var(--nx-sans,system-ui,sans-serif);
  letter-spacing:.03em;
  text-transform:uppercase;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
/* Titre Dernières actus — clipping gauche :
   responsable = overflow:hidden sur strong.ba-gamecard__title (pour -webkit-line-clamp)
   combiné à letter-spacing négatif et padding-inline insuffisant. */
.ba-cat-mag--actu .ba-cat-latest__grid .nx-game strong.ba-gamecard__title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden; /* conservé pour le clamp — l’air vient du padding-inline */
  box-sizing:border-box;
  min-height:calc(1.35em * 3 + 2px);
  margin:.35rem 0 0;
  padding-top:2px;
  padding-inline:0.35em;
  font-size:calc(.78rem - 1px);
  font-weight:750;
  line-height:1.35;
  letter-spacing:0; /* annule -.01em / -.012em qui poussait les glyphes hors boîte */
}

@media (max-width:1150px){
  .ba-cat-mag--actu .ba-cat-hero{
    grid-template-columns:minmax(260px,360px) minmax(0,1fr);
  }
  .ba-cat-mag--actu .ba-cat-hero__feature.hm5-feature,
  .ba-cat-mag--actu .ba-cat-hero__side{
    min-height:520px;
    height:520px;
    max-height:520px;
  }
  .ba-cat-mag--actu .ba-cat-hero__rail .hm5-upcoming-list{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px){
  .ba-cat-mag--actu .ba-cat-hero{
    grid-template-columns:1fr;
  }
  .ba-cat-mag--actu .ba-cat-hero__feature.hm5-feature{
    max-width:420px;
    margin-inline:auto;
    width:100%;
  }
  .ba-cat-mag--actu .ba-cat-hero__side{
    height:auto;
    max-height:none;
    min-height:0;
  }
}

@media (max-width:768px){
  .ba-cat-mag--actu .ba-cat-latest__grid.pj-rayon-shelf{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:.85rem .7rem;
  }
}

@media (max-width:600px){
  .ba-cat-mag--actu .ba-cat-hero__feature.hm5-feature{
    min-height:460px;
    height:460px;
    max-height:460px;
    max-width:none;
  }
  .ba-cat-mag--actu .ba-cat-hero__side{
    min-height:0;
    height:auto;
    max-height:none;
  }
  .ba-cat-mag--actu .ba-cat-hero__rail .hm5-upcoming-list{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce){
  .ba-cat-mag--actu .ba-cat-latest__grid .ba-gamecard{ transition:none; }
}

/* === Footer cadré comme le reste (même gouttière / carte) === */
.nx-foot.ba-foot,
.ba-foot{
  width:min(1460px,calc(100% - 28px));
  margin:0 auto 2rem;
  padding:1.35rem 1.4rem 1.15rem;
  border-radius:12px;
  border:1px solid var(--nx-line);
  background:var(--nx-bg-2,#fff);
  box-shadow:0 12px 32px rgba(0,0,0,.08);
  box-sizing:border-box;
}
html[data-theme="dark"] .nx-foot.ba-foot,
html[data-theme="dark"] .ba-foot{
  background:color-mix(in srgb,var(--nx-bg-2) 92%,transparent);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
}
.ba-foot__brand,
.ba-foot__grid{
  padding-block:0;
  width:100%;
  max-width:none;
  margin:0 0 1.1rem;
}
.ba-foot .nx-foot__meta{
  width:100%;
  margin:0;
  padding-top:.85rem;
  border-top:1px solid var(--nx-line);
}
@media (max-width:720px){
  .nx-foot.ba-foot,
  .ba-foot{
    width:calc(100% - 20px);
    padding:1.1rem 1rem 1rem;
    margin-bottom:1.25rem;
  }
}


/* ============================================================
   PHASE 5.3 — Nexus Game Hub UI (Arcadia)
   Présentation /jeu/{slug} — CSS only overrides + chrome v53
   Scoped :not(.arc-game-hub--article) so articles CSS is untouched.
   ============================================================ */

.arc-game-hub.arc-game-hub--sheet:not(.arc-game-hub--article){
  --gh-width: min(1440px, 100%);
  padding-bottom: 3.5rem;
}

.arc-game-hub .gh-chrome--hub53{
  /* Largeur figée = référence /jeu (ignore --gh-width editorial/test-sheet/igdb2) */
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto 28px;
  padding: clamp(22px, 3.2vw, 36px);
  min-height: clamp(420px, 52vh, 560px);
  display: grid;
  grid-template-columns: clamp(168px, 18vw, 240px) minmax(0, 1.15fr) minmax(260px, 360px);
  grid-template-areas: "cover id media";
  gap: clamp(18px, 2.4vw, 36px);
  align-items: center;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--nx-line) 80%, transparent);
  overflow: hidden;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .04);
  background: #0b121c;
  color: #f3f6fb;
}

.arc-game-hub .gh-chrome--hub53.gh-chrome--has-art{
  background: #0b121c;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__art{
  z-index: 0;
  opacity: 1;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__art img{
  opacity: .55;
  filter: saturate(1.05) contrast(1.05);
  transform: scale(1.04);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__art--from-cover img{
  opacity: .38;
  filter: blur(2px) saturate(.95);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__art::after{
  background:
    linear-gradient(105deg, rgba(6, 10, 16, .94) 0%, rgba(6, 10, 16, .78) 42%, rgba(6, 10, 16, .42) 72%, rgba(6, 10, 16, .55) 100%),
    linear-gradient(0deg, rgba(6, 10, 16, .88) 0%, transparent 48%),
    radial-gradient(120% 80% at 80% 20%, rgba(45, 110, 255, .18), transparent 55%);
}

.arc-game-hub .gh-chrome--hub53 > :not(.gh-chrome__art){
  position: relative;
  z-index: 1;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__stage{
  grid-area: cover;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: .75rem;
  min-width: 0;
  align-self: center;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__cover{
  margin: 0;
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .45),
    0 0 0 1px rgba(255, 255, 255, .04);
  aspect-ratio: 3 / 4;
  background: #121926;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__cover img{
  object-fit: cover;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__stage .gh-chrome__wish,
.arc-game-hub .gh-chrome--hub53 .gh-chrome__stage .gh-chrome__wish .nx-wish-form,
.arc-game-hub .gh-chrome--hub53 .gh-chrome__stage .gh-chrome__wish .nx-wish{
  width: 100% !important;
  display: block;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__stage .gh-chrome__wish .nx-wish{
  min-height: 42px;
  padding: .55rem .7rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .02em;
  text-transform: uppercase;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
  white-space: normal;
  text-align: center;
  justify-content: center;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__stage .gh-chrome__wish .nx-wish:hover{
  background: rgba(255, 255, 255, .14);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__id{
  grid-area: id;
  gap: .85rem;
  min-width: 0;
  width: auto;
  justify-items: stretch;
  align-content: start;
  text-align: start;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__titles{
  width: auto;
  min-width: 0;
  text-align: start;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__eyebrow{
  margin: 0 0 .35rem;
  font: 750 .68rem/1.2 var(--nx-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #9eb0c6;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__title{
  margin: 0;
  color: #fff;
  font: 800 clamp(1.85rem, 3.4vw, 3rem) / 1.05 var(--nx-sans);
  letter-spacing: -.04em;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .35);
  text-wrap: wrap;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__badges{
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  list-style: none;
  margin: .55rem 0 0;
  padding: 0;
  justify-content: flex-start;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__badge{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .28rem .62rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .06);
  color: #e8eef7;
  font: 650 .72rem/1.2 var(--nx-sans);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__badge a{
  color: inherit;
  text-decoration: none;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__badge a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__badge--plat{
  border-color: rgba(61, 126, 255, .45);
  background: rgba(61, 126, 255, .16);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__badge--date{
  border-color: rgba(255, 255, 255, .28);
  background: rgba(0, 0, 0, .28);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__lede{
  max-width: 62ch;
  width: auto;
  margin: .15rem 0 0;
  margin-inline: 0;
  color: rgba(232, 238, 247, .9);
  font-size: clamp(.95rem, 1.15vw, 1.05rem);
  line-height: 1.65;
  text-align: start;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__facts{
  display: grid;
  gap: .45rem .9rem;
  margin: .15rem 0 0;
  padding: .7rem 0 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  text-align: start;
  width: 100%;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__facts > div{
  display: grid;
  gap: .18rem;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__facts dt{
  margin: 0;
  font: 750 .62rem/1.2 var(--nx-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9eb0c6;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__facts dd{
  margin: 0;
  color: #fff;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__facts a{
  color: #b9d0ff;
  text-decoration: none;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__facts a:hover{
  text-decoration: underline;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__actions{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: .45rem .5rem;
  margin-top: .35rem;
  min-width: 0;
  width: 100%;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__ctas{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  gap: .45rem;
  flex: 0 1 auto;
  min-width: 0;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__cta{
  min-height: 42px;
  padding: .55rem .85rem;
  border-radius: 10px;
  border-color: rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .06);
  color: #fff;
  flex: 0 0 auto;
  max-width: none;
  text-align: center;
  white-space: nowrap;
  font-size: .78rem;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__cta--primary{
  background: #2f6dff;
  border-color: #2f6dff;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__cta--demo{
  background: #2a8f45;
  border-color: #2a8f45;
  box-shadow: 0 10px 24px rgba(42, 143, 69, .28);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__cta.is-current{
  background: rgba(255, 255, 255, .18);
  border-color: rgba(255, 255, 255, .42);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  cursor: default;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__media{
  grid-area: media;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(8, 12, 20, .72);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__media-title{
  color: #c5d3e4;
  letter-spacing: .1em;
}

.arc-game-hub .gh-chrome--hub53 .gh-chrome__video--lead .nx-media{
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
}

.arc-game-hub .gh-chrome--hub53 .nx-media__play{
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .45));
}

/* Sheet body — fiches jeu only (articles untouched) */
.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet{
  width: min(var(--gh-width), calc(100% - 48px));
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) minmax(300px, 380px);
  gap: 24px 32px;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-quick--hub53-hidden,
.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-quick[hidden]{
  display: none !important;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-card{
  padding: 18px 18px 16px;
  border-radius: 14px;
  background: var(--nx-bg-2);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-card__title{
  margin: 0 0 1rem;
  font: 750 .78rem/1.2 var(--nx-sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--nx-muted);
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-dl > div{
  padding: 14px 0;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-dl dt{
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: .35rem;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-dl dd{
  font-size: .9rem;
  line-height: 1.5;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-block--pc .pj-pc-config{
  padding: 18px;
  border-radius: 14px;
}

/* Vidéos = même conteneur carte que Galerie / Config */
.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-card--videos{
  padding: 18px 18px 16px;
  border-radius: 14px;
  border: 1px solid var(--nx-line);
  background: var(--nx-bg-2);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
  margin: 0 0 1rem;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-card--videos .gh-video-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 14px;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-video-card{
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--nx-line);
  background: color-mix(in srgb, var(--nx-bg) 70%, transparent);
  min-width: 0;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-video-card .nx-media--yt{
  display: block;
  aspect-ratio: 16 / 9;
  background: #0a0b0f;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-video-card .nx-media--yt img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-video-card figcaption{
  padding: .55rem .7rem .7rem;
  font-size: .78rem;
  color: var(--nx-muted);
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-card--gallery{
  padding-bottom: 12px;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery__item{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--nx-line);
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery__item.is-lead{
  grid-column: 1 / -1;
  min-height: 180px;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery__item img{
  width: 100%;
  height: 100%;
  min-height: 120px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform .25s ease, filter .25s ease;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery__item:hover img{
  transform: scale(1.03);
  filter: brightness(1.06);
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-related{
  width: min(var(--gh-width), calc(100% - 48px));
  margin: 36px auto 0;
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-related__title{
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  color: var(--nx-muted);
}

.arc-game-hub--sheet:not(.arc-game-hub--article) .gh-related__card{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--nx-line);
  background: var(--nx-bg-2);
}

/* Light mode: keep hero cinematic dark for contrast */
html[data-theme="light"] .arc-game-hub .gh-chrome--hub53{
  color: #f3f6fb;
}

html[data-theme="light"] .arc-game-hub .gh-chrome--hub53 .gh-chrome__title,
html[data-theme="light"] .arc-game-hub .gh-chrome--hub53 .gh-chrome__facts dd{
  color: #fff;
}

html[data-theme="light"] .arc-game-hub .gh-chrome--hub53 .gh-chrome__media{
  background: rgba(8, 12, 20, .78);
}

/* Responsive */
@media (max-width: 1100px){
  .arc-game-hub .gh-chrome--hub53{
    grid-template-columns: clamp(140px, 22vw, 200px) minmax(0, 1fr);
    grid-template-areas:
      "cover id"
      "media media";
    min-height: 0;
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--left{ grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--center{ grid-column: 1 / -1; }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--right{ grid-column: 1 / -1; }
}

@media (max-width: 768px){
  .arc-game-hub .gh-chrome--hub53{
    width: calc(100% - 24px);
    padding: 16px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "cover"
      "id"
      "media";
    justify-items: stretch;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__cover{
    max-width: none;
    justify-self: stretch;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__stage{
    max-width: 220px;
    justify-self: center;
    width: 100%;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__id{
    justify-items: stretch;
    text-align: start;
    width: 100%;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__title{
    font: 800 clamp(1.55rem, 7vw, 2.1rem) / 1.05 var(--nx-sans);
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__lede{
    max-width: 62ch;
    margin: .15rem 0 0;
    margin-inline: 0;
    text-align: start;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__actions{
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__ctas{
    display: flex;
    flex-wrap: wrap;
    width: auto;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__cta{
    white-space: nowrap;
    min-width: 0;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__cta--demo{
    grid-column: auto;
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet{
    width: calc(100% - 24px);
    grid-template-columns: 1fr;
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-col--left{
    grid-template-columns: 1fr;
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 390px){
  .arc-game-hub .gh-chrome--hub53{
    width: calc(100% - 16px);
    padding: 14px;
    border-radius: 14px;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__ctas{
    flex-wrap: wrap;
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery{
    grid-template-columns: 1fr;
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery__item.is-lead{
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce){
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery__item img{
    transition: none;
  }
  .arc-game-hub--sheet:not(.arc-game-hub--article) .gh-sheet-gallery__item:hover img{
    transform: none;
  }
  .arc-game-hub .gh-chrome--hub53 .gh-chrome__art img{
    transform: none;
  }
}

/* Recherche interne — pages Test / Soluce (category) */
.pj-rayon__head--with-search{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.85rem;
  margin:0 0 1.15rem;
  padding:0 0 1rem;
  border-bottom:1px solid color-mix(in srgb,var(--nx-line,#2a3344) 85%,transparent)
}
.pj-rayon__head--with-search h1{
  flex:none;
  margin:0;
  min-width:0
}
.pj-ed-search{
  flex:none;
  width:100%;
  max-width:40rem;
  margin:0
}
.pj-ed-search__label{
  display:block;
  margin:0 0 .4rem;
  font:800 .68rem/1.2 var(--nx-sans,system-ui,sans-serif);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--nx-muted,#9aa0ae)
}
.pj-ed-search__row{
  display:flex;
  align-items:stretch;
  gap:.5rem;
  flex-wrap:nowrap
}
.pj-ed-search__input{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:.78rem 1rem;
  border:1px solid color-mix(in srgb,var(--nx-accent,#4ea1ff) 45%,var(--nx-line,#2a3344));
  border-radius:12px;
  background:color-mix(in srgb,var(--nx-panel,#121820) 70%,#000);
  color:var(--nx-ink,#e8eef7);
  font:600 .95rem/1.3 var(--nx-sans,system-ui,sans-serif);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.18)
}
.pj-ed-search__input::placeholder{color:var(--nx-muted,#9aa0ae);opacity:.95;font-weight:500}
.pj-ed-search__input:focus{
  outline:2px solid color-mix(in srgb,var(--nx-accent,#4ea1ff) 80%,transparent);
  outline-offset:2px;
  border-color:var(--nx-accent,#4ea1ff)
}
.pj-ed-search__btn{
  flex:0 0 auto;
  margin:0;
  padding:.78rem 1.15rem;
  border:0;
  border-radius:12px;
  background:var(--nx-accent,#4ea1ff);
  color:#041018;
  font:800 .84rem/1.2 var(--nx-sans,system-ui,sans-serif);
  letter-spacing:.03em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 8px 18px color-mix(in srgb,var(--nx-accent,#4ea1ff) 28%,transparent)
}
.pj-ed-search__btn:hover{filter:brightness(1.08)}
.pj-ed-search__clear{
  align-self:center;
  flex:0 0 auto;
  color:var(--nx-muted,#9aa0ae);
  font-size:.82rem;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap
}
.pj-ed-search__clear:hover{color:var(--nx-ink,#e8eef7);text-decoration:underline}
.pj-ed-search__hint{
  margin:0 0 .85rem;
  color:var(--nx-muted,#9aa0ae);
  font-size:.86rem
}
.pj-ed-search__hint a{color:var(--nx-accent,#4ea1ff);font-weight:600;text-decoration:none}
.pj-ed-search__hint a:hover{text-decoration:underline}
html[data-theme="light"] .pj-ed-search__input{
  background:#fff;
  border-color:color-mix(in srgb,var(--nx-accent,#2866da) 35%,#c9d2e0);
  color:var(--nx-ink,#0f172a);
  box-shadow:0 8px 20px rgba(15,23,42,.06)
}
html[data-theme="light"] .pj-rayon__head--with-search{
  border-bottom-color:rgba(15,23,42,.1)
}
@media (max-width:640px){
  .pj-ed-search__row{flex-wrap:wrap}
  .pj-ed-search__input{flex:1 1 100%}
  .pj-ed-search__btn{flex:1 1 auto}
}

/* ——— Actu du jour V12 : maquette horizontale + tokens Arcadia ——— */
.arc-game-hub--daily-news{
  --pj-dn-ink:#0f172a;
  --pj-dn-muted:#64748b;
  --pj-dn-meta:#94a3b8;
  --pj-dn-card:#ffffff;
  --pj-dn-panel:#eef1f6;
  --pj-dn-cyan:var(--nx-accent-2,#6b9aff);
  --pj-dn-accent:var(--nx-accent,#3d7eff);
  --pj-dn-violet:var(--nx-purple,#7c3aed);
  gap:0;
  background:var(--nx-bg,#0b0b0f);
  color:var(--nx-ink,#f5f5f7);
  font-family:var(--nx-sans,"Sora","Segoe UI",sans-serif);
}
.arc-game-hub--daily-news > .pj-anchor-header{margin:0;border-radius:0}
.arc-game-hub--daily-news .gh-sheet--daily-news{
  background:var(--pj-dn-panel);
  padding:1.5rem 0 3rem;
  max-width:none;
  display:block;
}
.arc-game-hub--daily-news .gh-sheet--daily-news .gh-col--main{
  max-width:1100px;
  margin:0 auto;
  padding:0 1.15rem;
  width:100%;
}
.arc-game-hub--daily-news .gh-sheet-block--daily-news,
.arc-game-hub--daily-news .nx-prose--daily-news{
  background:transparent;border:0;box-shadow:none;padding:0;margin:0;max-width:none;
}
.arc-game-hub--daily-news .nx-prose--daily-news > .pj-daily-news{margin:0}

/* Header — sans portrait */
.pj-anchor-header--masthead.pj-anchor-header--no-face{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(260px,32vw,340px);
  color:#f8fafc;
  background:var(--nx-bg,#0b0b0f);
}
.pj-anchor-header--no-face .pj-anchor-header__img,
.pj-anchor-header--no-face .pj-anchor-header__bg,
.pj-anchor-header--no-face .pj-anchor-header__veil{display:none!important}
.pj-anchor-header__atmosphere{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 65% 80% at 8% 35%, rgba(61,126,255,.22), transparent 55%),
    radial-gradient(ellipse 50% 70% at 92% 25%, rgba(124,58,237,.22), transparent 52%),
    radial-gradient(ellipse 40% 45% at 70% 90%, rgba(255,0,85,.1), transparent 48%),
    linear-gradient(165deg,#09090f 0%, #12121a 50%, #0b0b0f 100%);
}
.pj-anchor-header__stage--edition{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:end;
  max-width:1100px;
  margin:0 auto;
  padding:clamp(1.6rem,3.5vw,2.6rem) 1.25rem;
  min-height:inherit;
}
.pj-anchor-header__panel{min-width:0;max-width:38rem}
.pj-anchor-header__brand{
  display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .85rem;
  font-size:.68rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(245,245,247,.72);font-family:var(--nx-sans,system-ui);
}
.pj-anchor-header__brand-mark{
  width:.85rem;height:.85rem;border-radius:4px;
  background:linear-gradient(135deg,var(--nx-accent,#3d7eff),var(--nx-purple,#7c3aed));
  box-shadow:0 0 12px rgba(61,126,255,.45);
}
.pj-anchor-header__display{
  margin:0;display:grid;gap:.1rem;
  font:850 clamp(1.7rem,4.2vw,2.65rem)/.95 var(--nx-sans,system-ui);
  letter-spacing:-.04em;text-transform:uppercase;color:#fff;
}
.pj-anchor-header__display-b{color:var(--pj-dn-cyan)}
.pj-anchor-header__date{
  display:inline-flex;align-items:center;gap:.4rem;margin:.85rem 0 0;
  font-size:.78rem;font-weight:700;letter-spacing:.04em;color:rgba(245,245,247,.78);
}
.pj-anchor-header__lede{
  margin:.75rem 0 0;max-width:42ch;
  font-size:.92rem;line-height:1.45;color:rgba(245,245,247,.78);
}
.pj-anchor-header__aside{display:flex;flex-direction:column;gap:.75rem;min-width:9.2rem}
.pj-anchor-header__plats--stack{
  display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;
}
.pj-anchor-header__plat{
  display:flex;align-items:center;justify-content:center;
  margin:0;padding:.55rem .75rem;min-width:8.8rem;
  border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:rgba(18,18,20,.72);color:#fff;
  font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.pj-anchor-header__count{
  display:grid;gap:.12rem;margin:0;padding:.8rem .85rem;text-align:center;
  border:1.5px solid var(--pj-dn-cyan);border-radius:12px;
  background:rgba(10,14,22,.75);box-shadow:0 0 28px rgba(61,126,255,.2);
}
.pj-anchor-header__count strong{
  font-size:1.9rem;font-weight:900;line-height:1;color:var(--pj-dn-cyan);letter-spacing:-.03em;
}
.pj-anchor-header__count span{
  font-size:.58rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,245,247,.75);
}

/* Stream cartes — maquette */
.pj-daily-news{color:var(--pj-dn-ink)}
.pj-daily-news__stream--v12{
  display:flex;flex-direction:column;gap:1rem;
}
.pj-daily-news__duo{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;
}
.pj-daily-news__card,
.arc-game-hub--daily-news .pj-daily-news__card{
  --pj-dn-card-h:200px;
  --pj-dn-media-w:38%;
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(200px,var(--pj-dn-media-w)) minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  grid-column:auto!important;
  grid-row:auto!important;
  gap:0;
  align-items:stretch;
  margin:0;
  padding:0;
  height:var(--pj-dn-card-h);
  min-height:var(--pj-dn-card-h);
  box-sizing:border-box;
  overflow:hidden;
  border:0;
  border-radius:1.1rem;
  background:var(--pj-dn-card)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
}
.arc-game-hub--daily-news .pj-daily-news__card--lead{
  grid-column:auto!important;
  grid-row:auto!important;
  display:grid!important;
  background:var(--pj-dn-card)!important;
}
.pj-daily-news__card-media,
.arc-game-hub--daily-news .pj-daily-news__card-media{
  position:relative!important;
  inset:auto!important;
  width:100%;
  height:100%!important;
  min-height:0;
  border-radius:1.1rem 0 0 1.1rem;
  overflow:hidden;
  background:#0b0b0f;
}
.arc-game-hub--daily-news .pj-daily-news__card--lead .pj-daily-news__card-media{
  position:relative!important;inset:auto!important;
}
.arc-game-hub--daily-news .pj-daily-news__card--lead .pj-daily-news__card-media::after{display:none!important}
.pj-daily-news__card-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  border:0;
  border-radius:inherit;
  /* Crop léger des bandes noires letterbox intégrées aux captures */
  transform:scale(1.14);
  transform-origin:center center;
}
.pj-daily-news__card-tone{display:block;width:100%;height:100%;background:linear-gradient(145deg,#12121a,#1a1a22)}
.pj-daily-news__card-num{
  position:absolute;top:.7rem;left:.7rem;z-index:2;
  display:grid;place-items:center;width:2rem;height:2rem;padding:0;
  border-radius:999px;border:1.5px solid rgba(107,154,255,.9);
  background:rgba(11,11,15,.88);color:#fff;
  font-size:.85rem;font-weight:800;font-variant-numeric:tabular-nums;
  box-shadow:0 2px 10px rgba(0,0,0,.35);
}
.pj-daily-news__card-body,
.arc-game-hub--daily-news .pj-daily-news__card-body,
.arc-game-hub--daily-news .pj-daily-news__card--lead .pj-daily-news__card-body{
  position:relative!important;inset:auto!important;z-index:1;
  min-width:0;min-height:0;height:100%;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  align-content:center;gap:.42rem;
  padding:1rem .4rem 1rem 1.15rem;
  overflow:hidden;background:transparent!important;color:var(--pj-dn-ink)!important;
}
.pj-daily-news__label{
  display:inline-flex!important;align-items:center;width:max-content;max-width:100%;
  margin:0;padding:.28rem .65rem;border-radius:999px;
  font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:#fff;line-height:1;background:var(--pj-dn-accent);
}
.pj-daily-news__label--ps{background:#2563eb}
.pj-daily-news__label--xbox{background:#16a34a}
.pj-daily-news__label--nintendo{background:#e11d48}
.pj-daily-news__label--multi{background:#db2777}
.pj-daily-news__label--studio{background:var(--pj-dn-violet)}
.pj-daily-news__duo .pj-daily-news__card--lab-studio .pj-daily-news__label--studio,
.pj-daily-news__card--lab-studio.pj-daily-news__card--studio .pj-daily-news__label--studio{background:var(--pj-dn-violet)}
.pj-daily-news__label--sorties,.pj-daily-news__label--releases{background:#0d9488}
.pj-daily-news__label--rumor{background:#ea580c}
.pj-daily-news__label--lead,.pj-daily-news__label--actu,.pj-daily-news__label--news{background:#475569}
.pj-daily-news__title,
.arc-game-hub--daily-news .pj-daily-news__title,
.arc-game-hub--daily-news .pj-daily-news__card--lead .pj-daily-news__title{
  margin:0;min-height:0;
  font:850 1.12rem/1.22 var(--nx-sans,system-ui)!important;
  letter-spacing:-.025em;color:var(--pj-dn-ink)!important;opacity:1!important;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.pj-daily-news__text,
.arc-game-hub--daily-news .pj-daily-news__text,
.arc-game-hub--daily-news .pj-daily-news__card--lead .pj-daily-news__text{
  display:-webkit-box!important;margin:0;min-height:0;
  font-size:.88rem!important;line-height:1.4!important;color:var(--pj-dn-muted)!important;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.pj-daily-news__card-meta,
.arc-game-hub--daily-news .pj-daily-news__card-meta{
  margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;
  font-size:.76rem;font-weight:500;color:var(--pj-dn-meta);
}
.pj-daily-news__meta-item{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.pj-daily-news__meta-ico{width:.92rem;height:.92rem;flex:none;opacity:.85}
.pj-daily-news__meta-item--comments,
.arc-game-hub--daily-news .pj-daily-news__meta-item--comments{display:inline-flex!important}
.pj-daily-news__go,
.arc-game-hub--daily-news .pj-daily-news__go{
  display:grid!important;place-items:center;
  align-self:center;justify-self:center;
  margin:0 1rem 0 .25rem;width:2.5rem;height:2.5rem;padding:0;
  border:0;border-radius:999px;background:#eef2f7;color:#334155;cursor:default;flex-shrink:0;
}
.pj-daily-news__duo .pj-daily-news__card{
  --pj-dn-card-h:188px;
  --pj-dn-media-w:42%;
}
.pj-daily-news__duo .pj-daily-news__title{font-size:1rem!important}
.pj-daily-news__duo .pj-daily-news__text{font-size:.82rem!important;-webkit-line-clamp:2}
.pj-daily-news .pj-jacket,.pj-daily-news .pj-cover,
.arc-game-hub--daily-news .pj-jacket,.arc-game-hub--daily-news .pj-cover,
.arc-game-hub--daily-news .gh-chrome__art,.arc-game-hub--daily-news .gh-chrome__cover,
.arc-game-hub--daily-news .gh-hero-art{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.pj-daily-news__games{margin-top:1.25rem;padding:1rem;border:1px solid var(--nx-line,rgba(255,255,255,.08));border-radius:12px;background:var(--nx-bg-2,#121214);color:var(--nx-ink,#f5f5f7)}
.pj-daily-news__games .hm5-heading h2{margin:0 0 .85rem;font:750 .95rem/1.2 var(--nx-sans,system-ui);color:var(--nx-ink)}
.pj-daily-news__games-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pj-daily-news__game{display:grid;gap:6px;color:var(--nx-ink);font:750 .7rem/1.28 var(--nx-sans,system-ui);text-decoration:none}
.pj-daily-news__game>span{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:6px;background:#1a1a22}
.pj-daily-news__game img{display:block;width:100%;height:100%;object-fit:cover}
.pj-daily-news__game strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pj-daily-news__game:hover strong{color:var(--pj-dn-cyan)}

@media (max-width:900px){
  .pj-anchor-header__stage--edition{grid-template-columns:1fr;gap:1.1rem;align-items:start}
  .pj-anchor-header__aside{flex-direction:row;flex-wrap:wrap;align-items:center}
  .pj-anchor-header__plats--stack{flex-direction:row;flex-wrap:wrap}
  .pj-anchor-header__plat{min-width:0}
  .pj-daily-news__card,.arc-game-hub--daily-news .pj-daily-news__card{
    --pj-dn-card-h:176px;--pj-dn-media-w:34%;
  }
  .pj-daily-news__duo{grid-template-columns:1fr}
}
@media (max-width:560px){
  .pj-daily-news__card,.arc-game-hub--daily-news .pj-daily-news__card,
  .pj-daily-news__duo .pj-daily-news__card{
    --pj-dn-card-h:auto;--pj-dn-media-w:100%;
    grid-template-columns:1fr!important;
    grid-template-rows:128px auto!important;
    height:auto;min-height:0;
  }
  .pj-daily-news__card-media{height:128px!important;border-radius:1.1rem 1.1rem 0 0}
  .pj-daily-news__card-body{padding:.85rem 1rem .9rem}
  .pj-daily-news__go{display:none!important}
  .pj-daily-news__games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* -- Static pages (footer: a-propos, contact, mentions, confidentialite) --
   One-column centered board; no hero title; prose centered in the card. */
.nx-hub--page .nx-board--page {
  grid-template-columns: minmax(0, 1fr);
  width: min(42rem, calc(100% - 2rem));
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.4rem;
  box-sizing: border-box;
}

.nx-hub--page .nx-board--page .nx-board__main {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}

.nx-hub--page .nx-about .nx-prose,
.nx-hub--page .nx-page__updated {
  text-align: center;
}

.nx-hub--page .nx-about .nx-prose :is(ul, ol) {
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.nx-hub--page .nx-about .nx-prose table {
  width: 100%;
  max-width: 100%;
  margin: 1.15rem 0 1.35rem;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  font-size: 0.86rem;
  line-height: 1.4;
  border: 1px solid var(--nx-line);
  border-radius: var(--arc-r-sm, 12px);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}

.nx-hub--page .nx-about .nx-prose thead th {
  text-align: left;
  vertical-align: bottom;
  padding: 0.72rem 0.85rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--nx-muted);
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid var(--nx-line);
}

.nx-hub--page .nx-about .nx-prose tbody td {
  text-align: left;
  vertical-align: top;
  padding: 0.72rem 0.85rem;
  border-bottom: 1px solid color-mix(in srgb, var(--nx-line) 70%, transparent);
  color: var(--nx-ink);
}

.nx-hub--page .nx-about .nx-prose tbody tr:last-child td {
  border-bottom: 0;
}

.nx-hub--page .nx-about .nx-prose tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.025);
}

.nx-hub--page .nx-about .nx-prose tbody td:first-child {
  font-weight: 650;
  white-space: nowrap;
}

.nx-hub--page .nx-about .nx-prose table code {
  display: inline-block;
  padding: 0.1rem 0.35rem;
  border-radius: 6px;
  font-size: 0.8em;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid color-mix(in srgb, var(--nx-line) 80%, transparent);
}

html[data-theme="light"] .nx-hub--page .nx-about .nx-prose table {
  background: rgba(0, 0, 0, 0.02);
}

html[data-theme="light"] .nx-hub--page .nx-about .nx-prose thead th {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .nx-hub--page .nx-about .nx-prose tbody tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.025);
}

html[data-theme="light"] .nx-hub--page .nx-about .nx-prose table code {
  background: rgba(0, 0, 0, 0.05);
}

@media (max-width: 700px) {
  .nx-hub--page .nx-about .nx-prose table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0.8rem;
  }

  .nx-hub--page .nx-about .nx-prose thead th,
  .nx-hub--page .nx-about .nx-prose tbody td {
    padding: 0.62rem 0.7rem;
  }

  .nx-hub--page .nx-about .nx-prose tbody td:first-child {
    white-space: normal;
  }
}


@media (max-width: 700px) {
  .nx-hub--page .nx-board--page {
    width: min(42rem, calc(100% - 1.25rem));
  }
}