:root {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #ecf1fa;
  background: #0b1019;
  --accent: #58b9ee;
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
summary,
a {
  -webkit-tap-highlight-color: transparent;
}
a:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 5px;
}
p {
  line-height: 1.75;
  color: #a5b1c3;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h2 {
  font-size: clamp(25px, 3vw, 35px);
  letter-spacing: -1px;
}
button,
summary {
  cursor: pointer;
}
.site-header {
  height: 91px;
  border-bottom: 1px solid #ffffff10;
  display: flex;
  align-items: center;
  gap: 38px;
  padding: 0 5%;
  background: #0c121eea;
  position: relative;
  z-index: 10;
}
.site-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 740;
  font-size: 17px;
  letter-spacing: 0.2px;
}
.site-brand small {
  display: block;
  font-size: 9px;
  letter-spacing: 2px;
  color: #8d9baf;
  margin-top: 5px;
  font-weight: 500;
}
.logo {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #66d1fa, #5685ed);
  border-radius: 11px;
  color: #0b182a;
  font-weight: 900;
  font-size: 19px;
  letter-spacing: -2px;
  box-shadow: 0 5px 25px #579fea20;
}
.desktop-nav {
  display: flex;
  gap: 28px;
  align-items: center;
  margin: auto;
  font-size: 13px;
  color: #b7c2d4;
}
.desktop-nav > a[aria-current] {
  color: var(--accent);
}
.nav-dropdown {
  position: relative;
}
.nav-dropdown summary {
  list-style: none;
  padding: 12px 0;
}
.nav-dropdown summary:after {
  content: "⌄";
  margin-left: 8px;
  color: #66748a;
}
.nav-dropdown > div {
  position: absolute;
  top: 40px;
  left: -18px;
  width: 190px;
  padding: 9px;
  background: #151e2d;
  border: 1px solid #2a3545;
  border-radius: 10px;
  box-shadow: 0 20px 40px #0008;
}
.nav-dropdown > div a {
  display: block;
  padding: 11px;
  border-radius: 6px;
}
.nav-dropdown > div a:hover {
  background: #263347;
}
.nav-dropdown .nav-dropdown {
  padding: 0 11px;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 12px;
}
.nav-discord {
  color: #a8b5ff;
}
.portal-access {
  padding: 11px 16px;
  border: 1px solid #303c50;
  border-radius: 7px;
}
.hero {
  position: relative;
  min-height: 570px;
  background-image: var(--hero-image);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #0b1019f5 0%, #0b1019ba 45%, #0b10192a 100%),
    linear-gradient(0deg, #0b1019, #0b101900 55%);
}
.hero-content {
  position: relative;
  max-width: 1380px;
  margin: auto;
  padding: 78px 5% 28px;
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 700;
  color: var(--accent);
  display: block;
  margin-bottom: 20px;
}
.eyebrow i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #62dbaa;
  margin-right: 7px;
}
.hero h1 {
  font-size: clamp(38px, 4.4vw, 63px);
  font-weight: 780;
  line-height: 1.08;
  letter-spacing: -2.5px;
  max-width: 630px;
  margin-bottom: 25px;
}
.hero p {
  max-width: 465px;
  font-size: 15px;
}
.hero-actions {
  display: flex;
  gap: 12px;
  margin: 30px 0 65px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  background: var(--accent);
  color: #071522;
  padding: 14px 20px;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 750;
  transition: filter 0.15s;
}
.button:hover {
  filter: brightness(1.1);
}
.button.ghost {
  background: #152131aa;
  color: #d1deed;
  border: 1px solid #354153;
}
.hero-bottom {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  letter-spacing: 1px;
  color: #95a6bc;
  max-width: 1080px;
  padding-top: 22px;
  border-top: 1px solid #ffffff12;
}
.hero-bottom b {
  color: var(--accent);
  padding: 0 15px;
}
.section {
  max-width: 1320px;
  margin: auto;
  padding: 40px 5%;
}
.section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 26px;
}
.section-heading h2 {
  margin-bottom: 0;
}
.section-heading .eyebrow {
  margin-bottom: 10px;
}
.section-heading p {
  font-size: 12px;
  max-width: 250px;
  margin: 0 0 3px;
}
.universe-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px;
}
.universe-card {
  min-height: 290px;
  position: relative;
  border: 1px solid #293444;
  border-radius: 13px;
  overflow: hidden;
  isolation: isolate;
  background: #15202d;
}
.universe-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  opacity: 0.58;
  transition: transform 0.3s;
}
.universe-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #111a28 12%, #101726a1 65%, #10172611);
  z-index: -1;
}
.universe-card img {
  z-index: -2;
}
.universe-card:hover img {
  transform: scale(1.035);
}
.card-body {
  padding: 25px;
  position: relative;
  padding-top: 97px;
}
.game-symbol {
  position: absolute;
  right: 24px;
  top: 23px;
  background: #ffffff15;
  border: 1px solid #ffffff20;
  border-radius: 9px;
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  font-weight: 900;
  font-size: 15px;
}
.card-body .eyebrow {
  margin-bottom: 8px;
  font-size: 9px;
}
.card-body h3 {
  font-size: 28px;
  margin-bottom: 9px;
}
.card-body p {
  font-size: 12px;
  min-height: 44px;
}
.card-link {
  font-size: 12px;
  font-weight: 650;
  display: flex;
  justify-content: space-between;
  padding-top: 17px;
  border-top: 1px solid #ffffff12;
}
.rust .eyebrow {
  color: #e7a16b;
}
.slgames .eyebrow {
  color: #b59af3;
}
.callout {
  margin-top: 30px;
  margin-bottom: 65px;
  padding-top: 35px;
  padding-bottom: 35px;
  border-top: 1px solid #273244;
  border-bottom: 1px solid #273244;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  background: radial-gradient(ellipse at right, #31306138, transparent 70%);
}
.callout .eyebrow {
  color: #af9cec;
  margin-bottom: 12px;
}
.callout h2 {
  font-size: 29px;
  margin-bottom: 9px;
}
.callout p {
  font-size: 13px;
  margin-bottom: 0;
}
.callout .button {
  background: #8f7de8;
  color: white;
  white-space: nowrap;
}
.site-footer {
  padding: 28px 5%;
  border-top: 1px solid #202a3b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #8695aa;
  font-size: 11px;
}
.site-footer .site-brand {
  font-size: 14px;
  color: #dce5f1;
}
.site-footer small {
  font-size: 10px;
  letter-spacing: 0;
}
.content-block {
  padding-top: 55px;
  padding-bottom: 55px;
}
.content-block p {
  white-space: normal;
  font-size: 15px;
  max-width: 850px;
  overflow-wrap: anywhere;
}
.content-block.with-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 40px;
}
.content-block img {
  max-width: 100%;
  border-radius: 12px;
  max-height: 430px;
  object-fit: cover;
}
.mobile-nav {
  display: none;
}
.preview-banner {
  padding: 10px;
  text-align: center;
  background: #514084;
  font-size: 12px;
}
.coming-soon {
  max-width: 600px;
  margin: 18vh auto;
  padding: 24px;
}
.coming-soon h1 {
  margin-top: 30px;
}
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-thumb {
  background: #324258;
  border-radius: 9px;
}
@media (min-width: 1600px) {
  .hero {
    min-height: 640px;
  }
  .hero-content {
    padding-top: 100px;
  }
}
@media (max-width: 950px) {
  .desktop-nav {
    gap: 15px;
  }
  .site-header {
    gap: 20px;
    padding: 0 4%;
  }
  .header-actions .nav-discord {
    display: none;
  }
  .section-heading {
    display: block;
  }
  .section-heading p {
    max-width: none;
    margin-top: 15px;
  }
  .hero h1 {
    max-width: 570px;
  }
  .card-body {
    padding: 22px;
    padding-top: 80px;
  }
}
@media (max-width: 720px) {
  .site-header {
    height: 76px;
    justify-content: space-between;
  }
  .site-brand {
    font-size: 14px;
  }
  .desktop-nav,
  .header-actions {
    display: none;
  }
  .mobile-nav {
    display: block;
  }
  .mobile-nav > summary {
    list-style: none;
    border: 1px solid #303b4b;
    border-radius: 8px;
    padding: 7px 12px;
    font-size: 20px;
  }
  .mobile-nav > nav {
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    padding: 18px 6%;
    background: #111a29;
    border-bottom: 1px solid #344258;
    display: grid;
    gap: 5px;
    box-shadow: 0 20px 50px #0008;
  }
  .mobile-nav nav > a {
    padding: 12px 0;
  }
  .mobile-nav .nav-dropdown > div {
    position: static;
    width: auto;
    box-shadow: none;
    margin: 0 0 5px;
  }
  .hero {
    min-height: 580px;
    background-position: 60% center;
  }
  .hero-content {
    padding: 62px 6% 20px;
  }
  .hero-shade {
    background:
      linear-gradient(90deg, #0b1019ee, #0b10198a),
      linear-gradient(0deg, #0b1019, transparent);
  }
  .hero h1 {
    font-size: 45px;
    line-height: 1.1;
    letter-spacing: -1.8px;
  }
  .hero .eyebrow {
    font-size: 9px;
    letter-spacing: 1.4px;
  }
  .hero p {
    font-size: 14px;
  }
  .hero-actions {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .hero-bottom {
    gap: 15px;
    align-items: center;
  }
  .hero-bottom span:last-child {
    display: none;
  }
  .section {
    padding: 32px 6%;
  }
  .universe-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .universe-card {
    min-height: 275px;
  }
  .card-body {
    padding: 25px;
    padding-top: 85px;
  }
  .card-body p {
    min-height: 0;
    max-width: 85%;
  }
  .callout {
    display: block;
    margin-top: 20px;
    margin-bottom: 35px;
  }
  .callout .button {
    margin-top: 24px;
  }
  .site-footer {
    flex-wrap: wrap;
    padding: 28px 6%;
  }
  .site-footer .site-brand {
    width: 100%;
    margin-bottom: 8px;
  }
  .content-block.with-image {
    grid-template-columns: 1fr;
  }
  .content-block {
    overflow-wrap: anywhere;
  }
}
/* Visual editor and public pages share this exact stylesheet. */
body.site-v2 {
  background: var(--site-bg);
  color: var(--site-text);
  font-family: var(--site-font);
  position: relative;
  isolation: isolate;
}
.site-v2:before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: var(--site-wallpaper);
  background-size: cover;
  background-position: center;
  opacity: var(--wallpaper-opacity);
  pointer-events: none;
  z-index: -1;
}
.site-v2 p {
  color: var(--site-muted);
}
.site-v2 .site-header {
  height: var(--header-height);
  background: var(--site-surface);
  border-color: color-mix(in srgb, var(--site-text) 12%, transparent);
}
.site-v2 .site-header.is-sticky {
  position: sticky;
  top: 0;
}
.site-v2 .logo,
.site-v2 .brand-logo {
  width: var(--logo-size);
  height: var(--logo-size);
  flex-shrink: 0;
}
.site-v2 .brand-logo {
  object-fit: contain;
  border-radius: 0;
}
.site-v2 .logo {
  background: var(--accent);
  color: var(--site-button-text);
  box-shadow: none;
  border-radius: var(--site-radius);
  letter-spacing: -1px;
}
.site-v2 .site-brand small,
.site-v2 .desktop-nav,
.site-v2 .site-footer {
  color: var(--site-muted);
}
.site-v2 .site-footer {
  background: var(--site-surface);
}
.site-v2 .nav-dropdown > div,
.site-v2 .mobile-nav > nav {
  background: var(--site-surface);
  color: var(--site-text);
}
.site-v2 .site-block {
  text-align: var(--b-align);
  background-color: var(--b-bg);
  color: var(--b-title-color);
  border-color: var(--b-border);
  border-style: solid;
  border-width: 0 0 1px;
}
.site-v2 .block-inner {
  max-width: min(var(--b-width), var(--site-width));
  margin-inline: auto;
  padding: var(--b-top) 5% var(--b-bottom);
}
.site-v2 .site-block h1,
.site-v2 .site-block h2 {
  font-size: var(--b-title);
  color: var(--b-title-color);
  line-height: 1.12;
  letter-spacing: -1px;
  overflow-wrap: anywhere;
  max-width: var(--b-text-width);
  margin-bottom: 20px;
}
.site-v2 .site-block p {
  font-size: var(--b-text);
  color: var(--b-text-color);
  max-width: var(--b-text-width);
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.site-v2 .site-block .eyebrow {
  color: var(--b-button);
  max-width: var(--b-text-width);
}
.site-v2 .site-block .button {
  background: var(--b-button);
  color: var(--b-button-text);
  border-radius: var(--site-radius);
}
.site-v2 .site-block .button.ghost {
  background: transparent;
  border-color: var(--b-button);
  color: var(--b-title-color);
}
.site-v2 .site-block .hero-actions {
  margin: 26px 0 0;
  flex-wrap: wrap;
}
.site-v2 .block-hero {
  position: relative;
  min-height: var(--b-height);
  background-image: var(--hero-image);
  background-position: var(--b-x) var(--b-y);
  background-size: var(--b-fit);
  background-repeat: no-repeat;
}
.site-v2 .block-hero .hero-shade {
  background: var(--site-bg);
  opacity: var(--b-overlay);
}
.site-v2 .block-hero .hero-content {
  max-width: min(var(--b-width), var(--site-width));
  padding: var(--b-top) 5% var(--b-bottom);
}
.site-v2 .block-hero h1 {
  margin-top: 0;
}
.site-v2 .block-hero .hero-bottom {
  margin-top: 55px;
  color: var(--b-text-color);
  letter-spacing: 0.5px;
}
.site-v2 .align-center h1,
.site-v2 .align-center h2,
.site-v2 .align-center p,
.site-v2 .align-center .eyebrow {
  margin-left: auto;
  margin-right: auto;
}
.site-v2 .align-center .hero-actions {
  justify-content: center;
}
.site-v2 .align-right h1,
.site-v2 .align-right h2,
.site-v2 .align-right p,
.site-v2 .align-right .eyebrow {
  margin-left: auto;
}
.site-v2 .align-right .hero-actions {
  justify-content: flex-end;
}
.site-v2 .site-block .content-block {
  padding: var(--b-top) 5% var(--b-bottom);
  gap: var(--b-gap);
}
.site-v2 .content-block img {
  height: var(--b-image-height);
  max-height: none;
  width: 100%;
  object-fit: var(--b-fit);
  object-position: var(--b-x) var(--b-y);
  border-radius: var(--b-radius);
}
.site-v2 .layout-image-right .content-block img {
  order: 2;
}
.site-v2 .layout-stacked .content-block.with-image {
  grid-template-columns: 1fr;
}
.site-v2 .site-block .universe-grid,
.site-v2 .site-gallery {
  display: grid;
  grid-template-columns: repeat(var(--b-cols), minmax(0, 1fr));
  gap: var(--b-gap);
  margin-top: 30px;
}
.site-v2 .site-block .universe-card {
  min-height: var(--b-image-height);
  border-radius: var(--b-radius);
  background: var(--site-surface);
  text-align: left;
}
.site-v2 .site-block .universe-card img {
  object-fit: var(--b-fit);
  object-position: var(--b-x) var(--b-y);
}
.site-v2 .site-block .universe-card:after {
  background: linear-gradient(0deg, var(--site-surface), transparent 200%);
}
.site-v2 .site-block .universe-card .card-body p {
  font-size: var(--b-text);
  min-height: 40px;
}
.site-v2 .site-block .universe-card h3 {
  color: var(--b-title-color);
  font-size: calc(var(--b-title) * 0.8);
}
.site-v2 .site-block .universe-card .card-body {
  padding-top: 90px;
}
.site-v2 .site-gallery figure {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--b-radius);
  background: var(--site-surface);
}
.site-v2 .site-gallery img,
.site-v2 .image-placeholder {
  height: var(--b-image-height);
  width: 100%;
  object-fit: var(--b-fit);
  object-position: var(--b-x) var(--b-y);
}
.site-v2 .site-gallery figcaption {
  padding: 20px;
}
.site-v2 .site-gallery h3 {
  font-size: 22px;
  margin-bottom: 8px;
}
.site-v2 .image-placeholder {
  display: grid;
  place-items: center;
  color: var(--site-muted);
  background: #ffffff08;
}
.site-v2 .site-faq {
  display: grid;
  gap: 15px;
}
.site-v2 .site-faq details {
  border: 1px solid #ffffff18;
  border-radius: var(--b-radius);
  background: var(--site-surface);
  padding: 20px;
  text-align: left;
}
.site-v2 .site-faq summary {
  font-size: 18px;
  font-weight: 650;
}
.site-v2 .site-faq p {
  margin-top: 15px;
  margin-bottom: 0;
  max-width: none;
}
.site-v2 .block-spacer hr {
  border: 0;
  border-top: 1px solid var(--b-border);
}
.site-v2 .site-footer .site-brand {
  color: var(--site-text);
}
.site-v2 .portal-access {
  border-radius: var(--site-radius);
}
.site-v2 .hide-desktop {
  display: none;
}
@media (max-width: 950px) {
  .site-v2 .site-header {
    gap: 18px;
    padding: 0 3%;
  }
  .site-v2 .desktop-nav {
    gap: 15px;
  }
  .site-v2 .site-brand {
    font-size: 14px;
  }
  .site-v2 .site-block .universe-grid,
  .site-v2 .site-gallery {
    grid-template-columns: repeat(var(--b-tablet-cols), minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .site-v2 .site-header {
    height: min(var(--header-height), 100px);
  }
  .site-v2 .mobile-nav > nav {
    top: min(var(--header-height), 100px);
  }
  .site-v2 .site-block h1,
  .site-v2 .site-block h2 {
    font-size: var(--b-mobile-title);
  }
  .site-v2 .block-hero {
    min-height: var(--b-mobile-height);
  }
  .site-v2 .site-block .block-inner,
  .site-v2 .block-hero .hero-content {
    padding-left: 6%;
    padding-right: 6%;
  }
  .site-v2 .site-block .universe-grid,
  .site-v2 .site-gallery {
    grid-template-columns: 1fr;
  }
  .site-v2 .content-block.with-image {
    grid-template-columns: 1fr;
  }
  .site-v2 .layout-image-right .content-block img {
    order: 0;
  }
  .site-v2 .hide-desktop {
    display: block;
  }
  .site-v2 .hide-mobile {
    display: none;
  }
  .site-v2 .block-hero .hero-bottom span:last-child {
    display: block;
  }
  .site-v2 .hero-bottom {
    flex-wrap: wrap;
    gap: 15px;
  }
}
/* Compositions libres : coordonnées de référence 1200 px, contenus typés. */
.site-v2 .site-block [data-typography]{font-size:var(--field-size)!important}
.site-v2 .site-block:not(.block-hero):not(.block-canvas)>.block-inner{min-height:var(--b-min-height,0)}
.free-canvas{container-type:inline-size;position:relative;max-width:min(var(--b-width),var(--site-width));margin:auto;background-image:var(--canvas-image);background-size:cover;background-position:center}
.canvas-plane{--canvas-unit:.083333333cqw;position:relative;height:calc(var(--canvas-height)*var(--canvas-unit));min-height:100px;isolation:isolate}
.free-canvas:before{content:'';position:absolute;inset:0;background:var(--site-bg);opacity:var(--b-overlay);pointer-events:none}
.canvas-node{position:absolute;left:calc(var(--nx)*var(--canvas-unit));top:calc(var(--ny)*var(--canvas-unit));width:calc(var(--nw)*var(--canvas-unit));height:calc(var(--nh)*var(--canvas-unit));font-size:max(10px,calc(var(--nf)*var(--canvas-unit)));background:var(--node-bg);border:1px solid var(--node-border);border-radius:var(--node-radius);min-width:0;overflow-wrap:anywhere;color:var(--site-text)}
.canvas-node.node-text{padding:var(--node-padding);height:auto;min-height:calc(var(--nh)*var(--canvas-unit))}.node-rich{white-space:pre-wrap;max-height:100%;overflow-wrap:anywhere}.node-image>img{display:block;width:100%;height:100%;object-fit:var(--node-fit);border-radius:inherit}.node-button{display:grid;place-items:center;width:100%;height:100%;padding:var(--node-padding);color:inherit;border-radius:inherit}.node-box-title{padding:15px 20px;font-size:14px;font-weight:700;border-bottom:1px solid var(--node-border)}.node-box{overflow:visible}.node-video{overflow:hidden}.node-counter,.node-chart{padding:var(--node-padding)}
.site-video{display:block;width:100%;height:100%;min-height:80px;object-fit:contain;background:#070a10;border-radius:inherit}.block-video>.block-inner>.site-video{max-height:720px;aspect-ratio:16/9;height:auto;border-radius:var(--b-radius)}.video-empty{display:grid;place-items:center;min-height:90px;height:100%;background:#ffffff08;font:14px system-ui;color:var(--site-muted);text-align:center;padding:20px}
.site-widget{font:14px system-ui;min-width:0;width:100%;height:100%;display:flex;flex-direction:column;gap:10px;color:var(--site-text)}.widget-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.widget-heading b{font-size:15px}.widget-heading select{font:12px system-ui;color:var(--site-text);background:var(--site-surface);border:1px solid #ffffff22;border-radius:6px;padding:6px}.widget-content{min-height:65px;flex:1;display:grid;align-items:center}.widget-content svg{width:100%;height:auto;max-height:100%;overflow:visible}.widget-content svg text{fill:var(--site-muted);font:11px system-ui}.widget-content .chart-total{fill:var(--site-text);font-size:28px;font-weight:700}.chart-grid{stroke:var(--site-muted);opacity:.15;stroke-width:1}.widget-content svg circle:focus{outline:2px solid var(--accent)}.counter-value{font-size:clamp(32px,4vw,64px);line-height:1.1;display:block;font-weight:750;letter-spacing:-2px}.widget-provenance{font-size:10px!important;color:var(--site-muted);line-height:1.5}.widget-empty{padding:24px;border:1px dashed #ffffff20;border-radius:8px;text-align:center;color:var(--site-muted);font-size:12px}.block-chart .site-widget{min-height:300px}.block-counter .site-widget{min-height:150px}
.node-hide-desktop{display:none}.editing .node-hide-desktop{display:block;opacity:.35!important}.editing .canvas-node{outline:1px dashed #ffffff20;min-height:24px}.editing .canvas-node.node-selected{outline:2px solid #b697ee;outline-offset:1px}.node-tools{position:absolute;top:-26px;left:-1px;display:none;align-items:center;background:#956ecb;color:white;font:11px system-ui;z-index:40;border-radius:5px 5px 0 0;gap:6px;padding-right:8px;white-space:nowrap}.node-tools button{background:none;border:0;color:white;font-size:20px;cursor:grab;touch-action:none;min-width:30px;height:26px}.node-selected>.node-tools,.canvas-node:hover>.node-tools{display:flex}.node-resize{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;min-height:16px;background:#b89be9;border:2px solid white;color:#1c1330;font-size:10px;line-height:10px;padding:0;cursor:nwse-resize;touch-action:none;z-index:45;display:none}.node-selected>.node-resize,.canvas-node:hover>.node-resize{display:block}.section-resize{display:none;position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:#8e6fbd;color:white;border:1px solid #c5afe8;border-radius:6px;font:10px system-ui;padding:3px 12px;z-index:45;cursor:ns-resize;touch-action:none}.editing .site-block.is-selected>.section-resize{display:block}.editing .free-canvas .empty-canvas{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
@media(max-width:720px){.site-v2 .site-block [data-typography]{font-size:var(--field-mobile-size)!important}.free-canvas.mobile-stack .canvas-plane{height:auto;min-height:160px;padding:24px 5%;display:flex;flex-direction:column;gap:20px}.mobile-stack .canvas-node{position:relative;inset:auto;width:100%;height:auto;min-height:0;font-size:var(--nmf)}.mobile-stack .node-image,.mobile-stack .node-video{height:auto;aspect-ratio:16/9}.mobile-stack .node-box{display:flex;flex-direction:column;gap:16px;padding:16px}.mobile-stack .node-box-title{padding:0 0 12px}.mobile-stack .node-counter{min-height:145px}.mobile-stack .node-chart{height:320px;min-height:320px}.mobile-stack .node-button{min-height:50px}.mobile-stack .node-text{min-height:40px}.mobile-stack .node-resize,.mobile-stack .node-tools{display:none}.node-hide-desktop{display:block}.node-hide-mobile{display:none!important}.editing .node-hide-mobile{display:block!important;opacity:.35!important}.site-v2 .site-brand{min-width:0;max-width:calc(100% - 55px)}.site-v2 .site-brand>span:not(.logo){min-width:0;overflow-wrap:anywhere}.site-v2 .site-brand small{letter-spacing:1px}.site-v2 .mobile-nav{flex-shrink:0}}
.site-widget[data-widget=chart] .widget-content{position:relative;min-height:0;overflow:hidden}.site-widget[data-widget=chart] .widget-content svg{position:absolute;inset:0;width:100%;height:100%;max-height:100%;display:block}.block-chart .site-widget{height:340px}.widget-heading,.widget-provenance{flex-shrink:0}
/* FAERON collection: the same editable sections, with a distinct visual identity. */
.site-v2[data-design]:not([data-design=default]) .site-header{background:color-mix(in srgb,var(--site-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff14}
.site-v2[data-design]:not([data-design=default]) .site-brand{letter-spacing:4px;font-weight:850;font-size:18px}.site-v2[data-design]:not([data-design=default]) .site-brand small{font-size:8px;letter-spacing:2px}.site-v2[data-design]:not([data-design=default]) .logo{font-size:27px;font-style:italic;letter-spacing:-3px;border-radius:8px;box-shadow:0 0 35px color-mix(in srgb,var(--accent) 13%,transparent)}
.site-v2[data-design]:not([data-design=default]) .block-hero .hero-shade{background:linear-gradient(90deg,var(--site-bg) 2%,color-mix(in srgb,var(--site-bg) 72%,transparent) 43%,transparent 90%),linear-gradient(0deg,var(--site-bg),transparent 42%);opacity:calc(.45 + var(--b-overlay)*.55)}
.site-v2[data-design]:not([data-design=default]) .block-hero h1{font-weight:850;letter-spacing:-3.8px;line-height:1.02;max-width:850px;text-wrap:balance;text-shadow:0 3px 35px #0004}.site-v2[data-design]:not([data-design=default]) .block-hero .eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:25px;letter-spacing:3px;font-size:10px}.site-v2[data-design]:not([data-design=default]) .block-hero .eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.site-v2[data-design]:not([data-design=default]) .block-hero .hero-actions{margin-top:31px;gap:14px}.site-v2[data-design]:not([data-design=default]) .button{padding:16px 24px;font-size:12px;transition:transform .18s,filter .18s}.site-v2[data-design]:not([data-design=default]) .button:hover{transform:translateY(-2px);filter:brightness(1.08)}.site-v2[data-design]:not([data-design=default]) .block-hero .hero-bottom{margin-top:54px;padding-top:23px;border-top:1px solid #ffffff22;font-size:9px;letter-spacing:1.8px}
.site-v2[data-design]:not([data-design=default]) .block-cards .block-inner>h2{max-width:900px;font-weight:780;letter-spacing:-1.5px}.site-v2[data-design]:not([data-design=default]) .block-cards .universe-card:not(:has(>img)){min-height:295px;background:linear-gradient(140deg,color-mix(in srgb,var(--site-surface) 95%,var(--accent)),var(--site-surface));border:1px solid #ffffff11;box-shadow:none}.site-v2[data-design]:not([data-design=default]) .block-cards .universe-card:not(:has(>img)):after{display:none}.site-v2[data-design]:not([data-design=default]) .block-cards .universe-card:not(:has(>img)) .card-body{padding:26px;position:relative;min-height:295px;display:flex;flex-direction:column}.site-v2[data-design]:not([data-design=default]) .universe-card .game-symbol{background:none;box-shadow:none;padding:0;font-size:35px;font-weight:500;color:var(--accent);opacity:.65;margin-bottom:25px}.site-v2[data-design]:not([data-design=default]) .universe-card .card-body h3{font-size:25px;line-height:1.18;margin:10px 0 13px;letter-spacing:-.6px}.site-v2[data-design]:not([data-design=default]) .universe-card .card-body p{font-size:13px;line-height:1.75;min-height:0}.site-v2[data-design]:not([data-design=default]) .universe-card .card-link{font-size:11px;margin-top:auto;padding-top:25px;color:var(--accent)}.site-v2[data-design]:not([data-design=default]) .universe-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-4px)}
.site-v2[data-design]:not([data-design=default]) .block-image{background:color-mix(in srgb,var(--site-surface) 45%,var(--site-bg))}.site-v2[data-design]:not([data-design=default]) .block-image .content-block img{box-shadow:25px 25px 0 color-mix(in srgb,var(--accent) 5%,transparent)}.site-v2[data-design]:not([data-design=default]) .block-faq .site-faq details{border-color:#ffffff14;border-radius:9px;background:var(--site-surface)}.site-v2[data-design]:not([data-design=default]) .block-callout{margin:25px auto 70px;max-width:min(var(--site-width),90%);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:var(--site-radius);background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--site-surface)}.site-v2[data-design]:not([data-design=default]) .block-text+.block-text{border-top:1px solid #ffffff09}.site-v2[data-design=rust] .block-hero h1{letter-spacing:-3.1px}.site-v2[data-design=rust] .universe-card .game-symbol{font-family:Georgia,serif;font-style:italic}.site-v2[data-design=rust] .block-hero .hero-shade{background:linear-gradient(90deg,#11180ffc,color-mix(in srgb,var(--site-bg) 72%,transparent) 43%,#16120812),linear-gradient(0deg,var(--site-bg),transparent 45%)}
@media(max-width:1000px){.site-v2[data-design]:not([data-design=default]) .site-header{gap:18px;padding-left:4%;padding-right:4%}.site-v2[data-design]:not([data-design=default]) .desktop-nav{font-size:11px;gap:15px}.site-v2[data-design]:not([data-design=default]) .header-actions{gap:10px}.site-v2[data-design]:not([data-design=default]) .site-brand{font-size:16px;letter-spacing:2px}}
@media(max-width:720px){.site-v2[data-design]:not([data-design=default]) .site-header{height:76px}.site-v2[data-design]:not([data-design=default]) .block-hero h1{font-size:var(--b-mobile-title);letter-spacing:-1.9px;line-height:1.07;max-width:100%;text-wrap:initial}.site-v2[data-design]:not([data-design=default]) .block-hero .hero-content{padding-top:65px;padding-bottom:26px}.site-v2[data-design]:not([data-design=default]) .block-hero .eyebrow{font-size:9px;letter-spacing:1.5px}.site-v2[data-design]:not([data-design=default]) .block-hero .hero-bottom{font-size:8px;letter-spacing:1px;margin-top:37px}.site-v2[data-design]:not([data-design=default]) .block-hero .hero-actions{gap:11px}.site-v2[data-design]:not([data-design=default]) .button{padding:14px 18px;font-size:11px}.site-v2[data-design]:not([data-design=default]) .block-cards .universe-card:not(:has(>img)){min-height:250px}.site-v2[data-design]:not([data-design=default]) .block-cards .universe-card:not(:has(>img)) .card-body{min-height:250px}.site-v2[data-design]:not([data-design=default]) .block-callout{margin-bottom:40px}.site-v2[data-design]:not([data-design=default]) .block-image .content-block img{box-shadow:none}.site-v2[data-design]:not([data-design=default]) .site-footer .site-brand small{letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.site-v2 .universe-card,.site-v2 .button,.template-card{transition:none!important;transform:none!important}}

/* First-page banners share a responsive frame; saved individual sizes remain available. */
.site-v2 .block-hero.banner-unified{min-height:var(--site-banner-height)}
.site-v2 .block-hero.banner-unified .hero-content{min-height:inherit;display:flex;flex-direction:column;justify-content:center}
.site-v2[data-design]:not([data-design=default]) .block-hero.banner-unified h1{font-size:min(var(--b-title),max(42px,6.1vw))}
@media(max-width:720px){
  .site-v2 .block-hero.banner-unified{min-height:var(--site-banner-mobile-height)}
  .site-v2[data-design]:not([data-design=default]) .block-hero.banner-unified h1{font-size:min(var(--b-mobile-title),max(34px,10.3vw))}
}

/* ===== FAERON Nexus (0.35) ===== */
/* 1. Nouveaux blocs et variantes : base sobre, valable pour toutes les ambiances. */
.site-v2 .hero-fx{display:none}
.site-v2 .hero-live,.site-v2 .server-live{display:flex;flex-wrap:wrap;gap:10px}
.site-v2 .hero-live{margin-top:26px}
.site-v2 .align-center .hero-live{justify-content:center}
.site-v2 .align-right .hero-live{justify-content:flex-end}
.site-v2 :is(.hero-live,.server-live) .site-widget{--dot:#8a93a8;position:relative;display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 9px;width:auto;max-width:100%;height:auto;min-height:0;padding:8px 15px 8px 12px;border:1px solid color-mix(in srgb,var(--site-text) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--site-surface) 82%,transparent);font:600 12px/1.2 var(--site-font);text-align:left}
.site-v2 :is(.hero-live,.server-live) .site-widget:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 0 color-mix(in srgb,var(--dot) 55%,transparent);animation:nexus-pulse 2s ease-out infinite}
.site-v2 :is(.hero-live,.server-live) .site-widget:has(.counter-value){--dot:#3ddc84}
.site-v2 :is(.hero-live,.server-live) .site-widget[data-widget-config*='"metric":"status"']{--dot:#8a93a8}
.site-v2 :is(.hero-live,.server-live) .site-widget[data-status=online]{--dot:#3ddc84}
.site-v2 :is(.hero-live,.server-live) .site-widget[data-status=starting]{--dot:#ffc233}
.site-v2 :is(.hero-live,.server-live) .site-widget:is([data-status=offline],[data-status=unknown],[data-status=error]){--dot:#ff4d5e}
.site-v2 :is(.hero-live,.server-live) .site-widget[data-status=disabled]{--dot:#6b7280}
.site-v2 :is(.hero-live,.server-live) .widget-heading{display:block;flex:0 1 auto;min-width:0}
.site-v2 :is(.hero-live,.server-live) .widget-heading b{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--site-muted)}
.site-v2 :is(.hero-live,.server-live) .widget-content{display:block;flex:none;min-height:0}
.site-v2 :is(.hero-live,.server-live) .counter-value{display:inline;font-size:15px;line-height:1;letter-spacing:0;font-weight:800;color:var(--site-text)!important;font-variant-numeric:tabular-nums}
.site-v2 :is(.hero-live,.server-live) .widget-content>span{font-size:11px;color:var(--site-muted)}
.site-v2 :is(.hero-live,.server-live) .widget-empty{padding:0;border:0;font-size:11px;text-align:left;color:var(--site-muted)}
.site-v2 :is(.hero-live,.server-live) .widget-provenance,.site-v2 .stat-item .widget-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes nexus-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dot) 60%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}

/* Bannière : centrée / scindée */
.site-v2 .block-hero.variant-centered .hero-content{text-align:center}
.site-v2 .block-hero.variant-centered .hero-content :is(h1,p,.eyebrow){margin-left:auto;margin-right:auto}
.site-v2 .block-hero.variant-centered :is(.hero-actions,.hero-live){justify-content:center}
.site-v2 .block-hero.variant-centered .hero-bottom{justify-content:center;gap:34px;margin-left:auto;margin-right:auto}
.site-v2 .block-hero.variant-split:has(.hero-split-media){background-image:none}
.site-v2 .block-hero.variant-split .hero-content:has(.hero-split-media){display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:repeat(6,auto) 1fr;column-gap:clamp(28px,5vw,84px);align-content:center}
.site-v2 .block-hero.variant-split .hero-content:has(.hero-split-media)>:not(.hero-split-media){grid-column:1}
.site-v2 .block-hero.variant-split .hero-split-media{grid-column:2;grid-row:1/-1;align-self:center;min-width:0;margin:0}
.site-v2 .hero-split-media{margin:0}
.site-v2 .hero-split-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--b-radius);border:1px solid color-mix(in srgb,var(--site-text) 14%,transparent)}

/* Cartes : tuiles / verre / numérotées */
.site-v2 .block-cards.variant-tiles .universe-card{min-height:max(var(--b-image-height),340px);display:flex;flex-direction:column;justify-content:flex-end}
.site-v2 .block-cards.variant-tiles .universe-card img{opacity:.9;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.site-v2 .block-cards.variant-tiles .universe-card:after{background:linear-gradient(0deg,var(--site-surface) 6%,color-mix(in srgb,var(--site-surface) 55%,transparent) 45%,transparent 82%)}
.site-v2 .block-cards.variant-tiles .universe-card .card-body{padding-top:120px}
.site-v2 .block-cards.variant-tiles .universe-card h3{font-size:max(28px,calc(var(--b-title)*.95));line-height:1.04}
.site-v2 .block-cards.variant-tiles .universe-card:hover img{transform:scale(1.06)}
.site-v2 .block-cards.variant-glass .universe-card{background:color-mix(in srgb,var(--site-surface) 55%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:color-mix(in srgb,var(--site-text) 13%,transparent)}
.site-v2 .block-cards.variant-glass .universe-card:after{background:linear-gradient(160deg,color-mix(in srgb,var(--site-text) 7%,transparent),transparent 50%)}
.site-v2 .block-cards.variant-numbered .universe-card .card-body{padding-top:28px}
.site-v2 .block-cards.variant-numbered .universe-card .game-symbol{position:static;display:block;width:auto;height:auto;margin:0 0 16px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;opacity:1;font-family:var(--display-font,inherit);font-size:clamp(54px,6vw,84px);font-weight:900;font-style:normal;line-height:.9;letter-spacing:-1px;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--b-button) 75%,transparent)}

/* Chiffres clés */
.site-v2 .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--b-gap);margin-top:30px}
.site-v2 .stat-item{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:22px 24px;background:var(--site-surface);border-radius:var(--b-radius);box-shadow:inset 2px 0 0 var(--b-button)}
.site-v2 .stat-value,.site-v2 .stat-item .counter-value{display:block;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1;letter-spacing:-1px;color:var(--b-title-color);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.site-v2 .stat-item .counter-value{color:var(--b-title-color)!important}
.site-v2 .stat-label{font-size:14px;font-weight:700;line-height:1.35;color:var(--b-title-color)}
.site-v2 .stat-note{font-size:12px;line-height:1.5;color:var(--b-text-color)}
.site-v2 .stat-item .site-widget{display:contents}
.site-v2 .stat-item .widget-provenance{order:3;font-size:10px}
.site-v2 .stat-item .stat-note{order:2}
.site-v2 .stat-item .widget-content{display:block;min-height:0}
.site-v2 .stat-item .widget-empty{padding:8px 0;border:0;text-align:inherit}

/* Serveurs & connexion */
.site-v2 .servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:var(--b-gap);margin-top:30px}
.site-v2 .server-card{--game:var(--b-button);position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;text-align:left;background:var(--site-surface);border:1px solid color-mix(in srgb,var(--site-text) 10%,transparent);border-radius:var(--b-radius)}
.site-v2 .server-media{display:block;width:100%;aspect-ratio:16/7;margin:0;overflow:hidden;object-fit:cover;background:color-mix(in srgb,var(--site-text) 5%,transparent)}
.site-v2 .server-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.site-v2 .server-body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;padding:22px 24px 24px}
.site-v2 .server-body .eyebrow{margin:0;font-size:10px;color:var(--game)}
.site-v2 .server-body h3{margin:0;font-size:24px;line-height:1.15;color:var(--b-title-color);overflow-wrap:anywhere}
.site-v2 .site-block .server-body p{margin:0;font-size:14px;max-width:none}
.site-v2 .server-tag{align-self:flex-start;padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--game);border:1px solid color-mix(in srgb,var(--game) 45%,transparent);border-radius:6px;background:color-mix(in srgb,var(--game) 10%,transparent)}
.site-v2 .server-card:has(.server-media) .server-tag{position:absolute;z-index:3;top:14px;right:14px;background:color-mix(in srgb,var(--site-bg) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.site-v2 .server-address{display:flex;align-items:stretch;gap:6px;min-width:0;margin-top:4px}
.site-v2 .server-address code{flex:1;min-width:0;padding:10px 12px;font:600 13px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--site-text);background:color-mix(in srgb,var(--site-bg) 70%,transparent);border:1px solid color-mix(in srgb,var(--site-text) 12%,transparent);border-radius:calc(var(--b-radius)*.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-v2 .server-address.is-pending>span{flex:1;padding:10px 12px;font-size:13px;line-height:1.4;color:var(--site-muted);border:1px dashed color-mix(in srgb,var(--site-text) 18%,transparent);border-radius:calc(var(--b-radius)*.6)}
.site-v2 .copy-address{flex:none;padding:0 14px;font:700 12px var(--site-font);color:var(--site-text);background:color-mix(in srgb,var(--game) 14%,transparent);border:1px solid color-mix(in srgb,var(--game) 50%,transparent);border-radius:calc(var(--b-radius)*.6);transition:background .2s,color .2s,border-color .2s}
.site-v2 .copy-address:hover{background:color-mix(in srgb,var(--game) 26%,transparent)}
.site-v2 .copy-address:focus-visible{outline:2px solid var(--game);outline-offset:2px}
.site-v2 .copy-address:is(.is-copied,[data-copied]){background:#3ddc84;border-color:#3ddc84;color:#06140c}
.site-v2 .server-body>.button,.site-v2 .server-body>.hero-actions{margin-top:auto}
.site-v2 .server-body>.button,.site-v2 .server-body>.hero-actions .button{width:100%;justify-content:center;gap:10px}

/* Bandeau défilant */
.site-v2 .block-ticker{overflow-x:clip}
.site-v2 .block-ticker .block-inner{max-width:none;padding-left:0;padding-right:0}
.site-v2 .ticker{position:relative;display:flex;align-items:stretch;overflow:hidden;background:var(--site-surface);border-block:1px solid color-mix(in srgb,var(--site-text) 10%,transparent)}
.site-v2 .ticker-track{display:flex;flex:none;align-items:center;justify-content:space-around;min-width:100%;animation:nexus-ticker var(--b-speed,40s) linear infinite}
.site-v2 .ticker:hover .ticker-track{animation-play-state:paused}
.site-v2 .ticker-item{display:inline-flex;align-items:center;gap:12px;padding:14px 26px;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--b-title-color)}
.site-v2 .ticker-symbol{font-weight:900;color:var(--b-button)}
.site-v2 .ticker-item:not(:has(.ticker-symbol)):before{content:"";flex:none;width:6px;height:6px;background:var(--b-button);rotate:45deg}
.site-v2 .ticker-label{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;padding:8px 16px;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--b-button-text);background:var(--b-button)}
.site-v2 .ticker>.ticker-label{box-shadow:12px 0 18px -6px var(--site-surface)}
@keyframes nexus-ticker{to{transform:translateX(-100%)}}

/* Étapes */
.site-v2 .steps-line{position:relative;list-style:none;margin:34px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--b-gap);text-align:left}
.site-v2 .steps-line:before{content:"";position:absolute;left:0;right:0;top:23px;height:2px;background:linear-gradient(90deg,var(--b-button),color-mix(in srgb,var(--b-button) 12%,transparent))}
.site-v2 .step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.site-v2 .step-index{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:16px;font-weight:800;color:var(--b-title-color);background:var(--site-bg);border:2px solid var(--b-button);border-radius:50%;font-variant-numeric:tabular-nums}
.site-v2 .step .eyebrow{margin:0;font-size:10px}
.site-v2 .step h3{margin:0;font-size:20px;line-height:1.2;color:var(--b-title-color);overflow-wrap:anywhere}
.site-v2 .site-block .step p{margin:0;font-size:14px;max-width:none}
.site-v2 .step .button{margin-top:6px;gap:10px}

/* Compte à rebours */
.site-v2 .countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:640px;margin:26px 0;text-align:center}
.site-v2 .align-center .countdown{margin-left:auto;margin-right:auto}
.site-v2 .align-right .countdown{margin-left:auto}
.site-v2 .countdown-unit{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:18px 6px 14px;background:var(--site-surface);border:1px solid color-mix(in srgb,var(--site-text) 10%,transparent);border-radius:var(--b-radius)}
.site-v2 .countdown-unit b{font-size:clamp(30px,5vw,56px);font-weight:800;line-height:1;color:var(--b-title-color);font-variant-numeric:tabular-nums}
.site-v2 .countdown-unit span{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--b-text-color)}
.site-v2 .countdown:not(:has(.countdown-unit)),.site-v2 .site-block .countdown-pending{display:block;margin:26px 0;font-size:clamp(20px,2.4vw,28px);font-weight:800;line-height:1.25;color:var(--b-title-color)}
.site-v2 .align-center .countdown-pending{margin-left:auto;margin-right:auto}
.site-v2 .site-block .countdown-ended{margin:0;max-width:none;font:inherit;color:inherit}

/* Équipe */
.site-v2 .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--b-gap);margin-top:30px}
.site-v2 .team-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:28px 22px 24px;text-align:center;background:var(--site-surface);border:1px solid color-mix(in srgb,var(--site-text) 10%,transparent);border-radius:var(--b-radius)}
.site-v2 .team-avatar,.site-v2 .team-initials{flex:none;width:104px;height:104px;margin-bottom:12px;border-radius:50%}
.site-v2 .team-avatar{display:block;padding:3px;object-fit:cover;background:linear-gradient(135deg,var(--b-button),var(--accent2,var(--b-button)))}
.site-v2 .team-initials{display:grid;place-items:center;font-size:32px;font-weight:800;color:var(--b-title-color);border:3px solid transparent;background:linear-gradient(var(--site-surface),var(--site-surface)) padding-box,linear-gradient(135deg,var(--b-button),var(--accent2,var(--b-button))) border-box}
.site-v2 .team-card h3{margin:0;font-size:20px;line-height:1.2;color:var(--b-title-color);overflow-wrap:anywhere}
.site-v2 .team-card .eyebrow{margin:0;font-size:10px}
.site-v2 .site-block .team-card p{margin:4px 0 0;font-size:14px;max-width:none}
.site-v2 .team-card .button{margin-top:auto;gap:10px}
.site-v2 .team-card p+.button{margin-top:10px}

/* 2. Ambiances Nexus : socle commun (nexus, nexus-city, nexus-wild). */
:root .site-v2[data-design^=nexus]{--nx-a2:var(--accent2,#22d3ee);--nx-glow:var(--glow,.6);--nx-display:var(--display-font,var(--site-font));--nx-line:color-mix(in srgb,var(--site-text) 11%,transparent);--nx-pat:color-mix(in srgb,var(--site-text) 5%,transparent);--nx-cut:16px;--nx-cut-sm:9px;--nx-clip:none;--nx-clip-sm:none;--nx-corners:none;--nx-r:var(--site-radius);background:radial-gradient(1100px 700px at 6% -160px,color-mix(in srgb,var(--accent) calc(var(--nx-glow)*20%),transparent),transparent 70%),radial-gradient(1000px 800px at 100% 100%,color-mix(in srgb,var(--nx-a2) calc(var(--nx-glow)*12%),transparent),transparent 70%),var(--site-bg)}
:root .site-v2[data-design^=nexus][data-corners=cut]{--nx-r:2px;--nx-clip:polygon(var(--nx-cut) 0,100% 0,100% calc(100% - var(--nx-cut)),calc(100% - var(--nx-cut)) 100%,0 100%,0 var(--nx-cut));--nx-clip-sm:polygon(var(--nx-cut-sm) 0,100% 0,100% calc(100% - var(--nx-cut-sm)),calc(100% - var(--nx-cut-sm)) 100%,0 100%,0 var(--nx-cut-sm));--nx-corners:linear-gradient(135deg,transparent calc(50% - .5px),currentColor calc(50% - .5px) calc(50% + 1.2px),transparent calc(50% + 1.2px)) 0 0/var(--nx-cut) var(--nx-cut) no-repeat,linear-gradient(135deg,transparent calc(50% - .5px),currentColor calc(50% - .5px) calc(50% + 1.2px),transparent calc(50% + 1.2px)) 100% 100%/var(--nx-cut) var(--nx-cut) no-repeat}
:root .site-v2[data-design^=nexus][data-corners=sharp]{--nx-r:0px}
:root .site-v2[data-design^=nexus] main{overflow-x:clip}
:root .site-v2[data-design^=nexus] ::selection{background:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--site-text)}
:root .site-v2[data-design^=nexus] :is(a,button,summary):focus-visible{outline:2px solid var(--nx-a2);outline-offset:3px}
:root .site-v2[data-design^=nexus][data-corners=cut] :is(.button,.universe-card,.copy-address,.portal-access):focus-visible{outline-offset:-4px}

/* Motifs de fond, très discrets */
:root .site-v2[data-design^=nexus]:is([data-pattern=grid],[data-pattern=dots],[data-pattern=scanlines],[data-pattern=hex]):after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,#000 20%,transparent 82%);mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,#000 20%,transparent 82%)}
:root .site-v2[data-design^=nexus][data-pattern=grid]:after{background-image:linear-gradient(var(--nx-pat) 1px,transparent 1px),linear-gradient(90deg,var(--nx-pat) 1px,transparent 1px);background-size:56px 56px;background-position:center top}
:root .site-v2[data-design^=nexus][data-pattern=dots]:after{background-image:radial-gradient(circle,color-mix(in srgb,var(--site-text) 11%,transparent) 0 1.1px,transparent 1.7px);background-size:24px 24px}
:root .site-v2[data-design^=nexus][data-pattern=scanlines]:after{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--site-text) 3.5%,transparent) 0 1px,transparent 1px 4px)}
:root .site-v2[data-design^=nexus][data-pattern=hex]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.64' height='60'%3E%3Cpath d='M17.32 0L34.64 10V30L17.32 40L0 30V10ZM17.32 40V60' fill='none' stroke='%23fff' stroke-opacity='.06'/%3E%3C/svg%3E");background-size:34.64px 60px}

/* En-tête verre dépoli */
:root .site-v2[data-design^=nexus] .site-header{background:linear-gradient(180deg,color-mix(in srgb,var(--site-bg) 84%,transparent),color-mix(in srgb,var(--site-bg) 64%,transparent));-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--nx-line);z-index:40}
:root .site-v2[data-design^=nexus] .site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--nx-a2) 70%,transparent);opacity:calc(.3 + var(--nx-glow)*.5);pointer-events:none}
:root .site-v2[data-design^=nexus] .site-brand{font-family:var(--nx-display);font-weight:800;font-size:19px;letter-spacing:2.5px;text-transform:uppercase}
:root .site-v2[data-design^=nexus] .site-brand small{font-family:var(--site-font);font-size:8px;font-weight:600;letter-spacing:3px;color:var(--site-muted)}
:root .site-v2[data-design^=nexus] .logo{font-family:var(--nx-display);font-size:calc(var(--logo-size)*.5);font-style:normal;font-weight:900;letter-spacing:-.5px;color:var(--site-button-text);background:linear-gradient(135deg,var(--accent),var(--nx-a2));border-radius:max(var(--nx-r),4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 28%,transparent),0 0 calc(var(--nx-glow)*30px) color-mix(in srgb,var(--accent) 55%,transparent),0 0 calc(var(--nx-glow)*70px) color-mix(in srgb,var(--nx-a2) 22%,transparent)}
:root .site-v2[data-design^=nexus] .desktop-nav{gap:30px;font-family:var(--nx-display);font-size:14px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--site-muted)}
:root .site-v2[data-design^=nexus] .desktop-nav>a,:root .site-v2[data-design^=nexus] .desktop-nav>.nav-dropdown>summary{padding:10px 0;background:linear-gradient(90deg,var(--accent),var(--nx-a2)) no-repeat 0 100%/0 2px;transition:background-size .3s cubic-bezier(.2,.7,.2,1),color .2s}
:root .site-v2[data-design^=nexus] .desktop-nav>.nav-dropdown>summary{background-position:0 calc(100% - 2px)}
:root .site-v2[data-design^=nexus] .desktop-nav>a:is(:hover,:focus-visible,[aria-current]),:root .site-v2[data-design^=nexus] .desktop-nav>.nav-dropdown>summary:is(:hover,:focus-visible),:root .site-v2[data-design^=nexus] .desktop-nav>.nav-dropdown[open]>summary{background-size:100% 2px;color:var(--site-text)}
:root .site-v2[data-design^=nexus] .desktop-nav>a[aria-current]{text-shadow:0 0 calc(var(--nx-glow)*16px) color-mix(in srgb,var(--accent) 70%,transparent)}
:root .site-v2[data-design^=nexus] .nav-dropdown summary:after{color:var(--accent)}
:root .site-v2[data-design^=nexus] .nav-dropdown>div{padding:8px;background:color-mix(in srgb,var(--site-surface) 94%,transparent);border:1px solid var(--nx-line);border-top:2px solid var(--accent);border-radius:var(--nx-r);box-shadow:0 24px 50px #000a,0 0 calc(var(--nx-glow)*30px) color-mix(in srgb,var(--accent) 14%,transparent);font-size:13px;letter-spacing:1px}
:root .site-v2[data-design^=nexus] .nav-dropdown>div a{border-radius:var(--nx-r);transition:background .2s,color .2s,padding .2s}
:root .site-v2[data-design^=nexus] .nav-dropdown>div a:hover{padding-left:16px;color:var(--site-text);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent)}
:root .site-v2[data-design^=nexus] .header-actions{font-family:var(--nx-display);font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}
:root .site-v2[data-design^=nexus] .nav-discord{color:var(--nx-a2)}
:root .site-v2[data-design^=nexus] .portal-access{border:0;border-radius:var(--nx-r);clip-path:var(--nx-clip-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-text) 22%,transparent);background:color-mix(in srgb,var(--site-surface) 50%,transparent);transition:background .2s,box-shadow .2s}
:root .site-v2[data-design^=nexus] .portal-access:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}
:root .site-v2[data-design^=nexus] .mobile-nav>summary{border-color:var(--nx-line);border-radius:var(--nx-r);background:color-mix(in srgb,var(--site-surface) 60%,transparent);font-size:18px;line-height:1;padding:9px 12px}
:root .site-v2[data-design^=nexus] .mobile-nav>nav{background:color-mix(in srgb,var(--site-bg) 95%,transparent);border-bottom:1px solid var(--nx-line);font-family:var(--nx-display);font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
:root .site-v2[data-design^=nexus] .mobile-nav nav>a{border-bottom:1px solid var(--nx-line)}
:root .site-v2[data-design^=nexus] .mobile-nav nav>a[aria-current]{color:var(--accent)}

/* Titres, sur-titres, boutons */
:root .site-v2[data-design^=nexus] .site-block .block-inner h2{font-family:var(--nx-display);font-weight:800;line-height:1.02;letter-spacing:-.005em;text-wrap:balance}
:root .site-v2[data-design^=nexus] .site-block h3{font-family:var(--nx-display);font-weight:800;letter-spacing:.2px;overflow-wrap:anywhere}
:root .site-v2[data-design^=nexus][data-title-case=upper] .site-block :is(h1,h2,h3){text-transform:uppercase}
:root .site-v2[data-design^=nexus] .site-block .eyebrow{font-family:var(--nx-display);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase}
:root .site-v2[data-design^=nexus] .site-block:not(.block-hero) :is(.block-inner,.content-block>div)>.eyebrow{display:inline-flex;align-items:center;gap:12px}
:root .site-v2[data-design^=nexus] .site-block:not(.block-hero) :is(.block-inner,.content-block>div)>.eyebrow:before{content:"";flex:none;width:22px;height:2px;background:linear-gradient(90deg,var(--accent),var(--nx-a2));box-shadow:0 0 calc(var(--nx-glow)*12px) var(--accent)}
:root .site-v2[data-design^=nexus] .site-block .button{position:relative;isolation:isolate;overflow:hidden;gap:12px;padding:17px 28px;border:0;border-radius:var(--nx-r);clip-path:var(--nx-clip-sm);background:linear-gradient(115deg,var(--b-button),color-mix(in srgb,var(--b-button) 55%,var(--nx-a2)));color:var(--b-button-text);font-family:var(--nx-display);font-size:14px;font-weight:700;line-height:1;letter-spacing:1.6px;text-transform:uppercase;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent);transition:transform .2s,filter .2s,box-shadow .25s}
:root .site-v2[data-design^=nexus] .site-block .button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,#fff 42%,transparent) 50%,transparent 70%);transform:translateX(-120%);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design^=nexus] .site-block .button>span{transition:transform .2s}
:root .site-v2[data-design^=nexus] .site-block .button:hover{transform:translateY(-2px);filter:brightness(1.08) saturate(1.1);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent),0 12px calc(var(--nx-glow)*44px) -8px color-mix(in srgb,var(--b-button) 75%,transparent)}
:root .site-v2[data-design^=nexus] .site-block .button:hover:before{transform:translateX(120%)}
:root .site-v2[data-design^=nexus] .site-block .button:hover>span{transform:translate(3px,-3px)}
:root .site-v2[data-design^=nexus] .site-block .button.ghost{background:color-mix(in srgb,var(--b-button) 9%,transparent);color:var(--b-title-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--b-button) 65%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root .site-v2[data-design^=nexus][data-corners=cut] .site-block .button.ghost{background:linear-gradient(135deg,transparent calc(50% - .5px),color-mix(in srgb,var(--b-button) 65%,transparent) calc(50% - .5px) calc(50% + 1.2px),transparent calc(50% + 1.2px)) 0 0/var(--nx-cut-sm) var(--nx-cut-sm) no-repeat,linear-gradient(135deg,transparent calc(50% - .5px),color-mix(in srgb,var(--b-button) 65%,transparent) calc(50% - .5px) calc(50% + 1.2px),transparent calc(50% + 1.2px)) 100% 100%/var(--nx-cut-sm) var(--nx-cut-sm) no-repeat,color-mix(in srgb,var(--b-button) 9%,transparent)}
:root .site-v2[data-design^=nexus] .site-block .button.ghost:hover{filter:none;background-color:color-mix(in srgb,var(--b-button) 20%,transparent);box-shadow:inset 0 0 0 1px var(--b-button),0 0 calc(var(--nx-glow)*30px) -6px color-mix(in srgb,var(--b-button) 70%,transparent)}
:root .site-v2[data-design^=nexus][data-corners=cut] .site-block .hero-actions:has(>.button:hover){filter:drop-shadow(0 0 calc(var(--nx-glow)*16px) color-mix(in srgb,var(--accent) 50%,transparent))}

/* Bannière Nexus */
:root .site-v2[data-design^=nexus] .block-hero{isolation:isolate}
:root .site-v2[data-design^=nexus] .block-hero .hero-shade{background:linear-gradient(90deg,var(--site-bg) 0%,color-mix(in srgb,var(--site-bg) 80%,transparent) 36%,color-mix(in srgb,var(--site-bg) 18%,transparent) 100%),linear-gradient(0deg,var(--site-bg) 0%,transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--site-bg) 55%,transparent),transparent 28%);opacity:calc(.45 + var(--b-overlay)*.55)}
:root .site-v2[data-design^=nexus] .block-hero.variant-centered .hero-shade{background:radial-gradient(ellipse 75% 70% at 50% 45%,color-mix(in srgb,var(--site-bg) 62%,transparent),var(--site-bg) 100%),linear-gradient(0deg,var(--site-bg) 0%,transparent 40%)}
:root .site-v2[data-design^=nexus] .hero-fx{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in srgb,#fff 2.5%,transparent) 0 1px,transparent 1px 4px)}
:root .site-v2[data-design^=nexus] .hero-fx:before{content:"";position:absolute;left:-50%;right:-50%;bottom:-2%;height:60%;background-image:linear-gradient(color-mix(in srgb,var(--nx-a2) 50%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--nx-a2) 50%,transparent) 1px,transparent 1px);background-size:64px 64px;transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(0deg,#000,transparent 85%);mask-image:linear-gradient(0deg,#000,transparent 85%);opacity:calc(.1 + var(--nx-glow)*.3);animation:nexus-grid 7s linear infinite}
:root .site-v2[data-design^=nexus] .hero-fx:after{content:"";position:absolute;top:-35%;right:-15%;width:min(75vw,920px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),color-mix(in srgb,var(--nx-a2) 20%,transparent) 45%,transparent 70%);opacity:calc(var(--nx-glow)*.5);animation:nexus-halo 20s ease-in-out infinite alternate}
:root .site-v2[data-design^=nexus] .block-hero.variant-centered .hero-fx:after{right:auto;left:50%;margin-left:max(-37.5vw,-460px)}
@keyframes nexus-grid{to{background-position:0 64px}}
@keyframes nexus-halo{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-8%,6%,0) scale(1.12)}100%{transform:translate3d(-14%,-4%,0) scale(.94)}}
:root .site-v2[data-design^=nexus] .block-hero .eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:24px;font-family:var(--nx-display);font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--b-button)}
:root .site-v2[data-design^=nexus] .block-hero .eyebrow:before{content:"";flex:none;width:42px;height:2px;background:linear-gradient(90deg,var(--accent),var(--nx-a2));box-shadow:0 0 calc(var(--nx-glow)*14px) var(--accent)}
:root .site-v2[data-design^=nexus] .block-hero:is(.variant-centered,.align-center) .eyebrow{justify-content:center}
:root .site-v2[data-design^=nexus] .block-hero.variant-centered .eyebrow:after{content:"";flex:none;width:42px;height:2px;background:linear-gradient(90deg,var(--nx-a2),var(--accent));box-shadow:0 0 calc(var(--nx-glow)*14px) var(--nx-a2)}
:root .site-v2[data-design^=nexus] .block-hero h1,:root .site-v2[data-design^=nexus] .block-hero.banner-unified h1{width:fit-content;max-width:min(100%,var(--b-text-width));margin-top:-.14em;margin-bottom:calc(24px - .05em);padding-block:.14em .05em;font-family:var(--nx-display);font-size:min(var(--b-title),max(44px,8vw));font-weight:800;line-height:.98;letter-spacing:-.01em;text-wrap:balance;text-shadow:none;filter:drop-shadow(0 0 calc(var(--nx-glow)*26px) color-mix(in srgb,var(--accent) 32%,transparent))}
:root .site-v2[data-design^=nexus][data-title-case=upper] .block-hero h1{line-height:.97}
:root .site-v2[data-design^=nexus] .block-hero h1:not([style*="color:"]){color:var(--b-title-color);background:linear-gradient(100deg,var(--b-title-color) 0%,var(--b-title-color) 36%,color-mix(in srgb,var(--accent) 82%,var(--b-title-color)) 68%,var(--nx-a2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
:root .site-v2[data-design^=nexus] .block-hero h1 [style*="color:"]{-webkit-text-fill-color:currentColor}
:root .site-v2[data-design^=nexus] .block-hero .hero-actions{gap:14px;margin-top:34px}
:root .site-v2[data-design^=nexus] .block-hero .hero-bottom{gap:20px;margin-top:56px;padding-top:22px;border-top:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),color-mix(in srgb,var(--site-text) 10%,transparent) 40%,transparent) 0 0/100% 1px no-repeat;font-family:var(--nx-display);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
:root .site-v2[data-design^=nexus] .block-hero.variant-centered .hero-bottom{background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}
:root .site-v2[data-design^=nexus] :is(.hero-live,.server-live) .site-widget{border-radius:var(--nx-r);border-color:var(--nx-line);background:color-mix(in srgb,var(--site-bg) 62%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
:root .site-v2[data-design^=nexus] :is(.hero-live,.server-live) .site-widget:before{box-shadow:0 0 10px var(--dot)}
:root .site-v2[data-design^=nexus] :is(.hero-live,.server-live) .counter-value{font-family:var(--nx-display);font-size:17px;letter-spacing:.5px}
:root .site-v2[data-design^=nexus] .hero-split-media{position:relative;transform:perspective(1200px) rotateY(-13deg) rotateX(4deg) rotate(.6deg);transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 30px 50px #0009) drop-shadow(0 0 calc(var(--nx-glow)*34px) color-mix(in srgb,var(--accent) 40%,transparent))}
:root .site-v2[data-design^=nexus] .hero-split-media:hover{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}
:root .site-v2[data-design^=nexus] .hero-split-media img{border:0;border-radius:var(--nx-r);clip-path:var(--nx-clip);outline:1px solid color-mix(in srgb,var(--nx-a2) 55%,transparent);outline-offset:-1px}
:root .site-v2[data-design^=nexus] .hero-split-media:before{content:"";position:absolute;inset:-14px;pointer-events:none;border:1px solid currentColor;border-radius:calc(var(--nx-r) + 4px);clip-path:var(--nx-clip);color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--nx-corners)}
:root .site-v2[data-design^=nexus] .hero-split-media:after{content:"";position:absolute;inset:-14px;pointer-events:none;background:linear-gradient(var(--accent),var(--accent)) 100% 0/36px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 0/2px 36px no-repeat,linear-gradient(var(--nx-a2),var(--nx-a2)) 0 100%/36px 2px no-repeat,linear-gradient(var(--nx-a2),var(--nx-a2)) 0 100%/2px 36px no-repeat}

:root .site-v2[data-design^=nexus] .site-block .hero-actions:empty{display:none}
/* Cartes Nexus */
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card{border-color:transparent;clip-path:var(--nx-clip);background:linear-gradient(160deg,color-mix(in srgb,var(--site-surface) 90%,var(--accent)),var(--site-surface) 60%);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card:before,:root .site-v2[data-design^=nexus] :is(.server-card,.team-card,.countdown-unit):before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid currentColor;border-radius:inherit;color:var(--nx-edge,var(--nx-line));background:linear-gradient(90deg,var(--accent),var(--nx-a2)) 0 0/var(--nx-bar,0%) 2px no-repeat,var(--nx-corners);transition:color .3s,background-size .45s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card:hover{--nx-edge:color-mix(in srgb,var(--accent) 70%,transparent);--nx-bar:100%;transform:translateY(-6px);box-shadow:inset 0 -90px 120px -70px color-mix(in srgb,var(--accent) 30%,transparent)}
:root .site-v2[data-design^=nexus] .site-block.block-cards:not(.variant-tiles) .universe-card{display:flex;flex-direction:column}
:root .site-v2[data-design^=nexus] .site-block.block-cards:not(.variant-tiles) .universe-card .card-body{display:flex;flex-direction:column;flex:1}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card .card-link{margin-top:auto}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card .card-body h3{margin:8px 0 12px;font-size:max(24px,calc(var(--b-title)*.72));line-height:1.04;color:var(--b-title-color)}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card .card-body p{font-size:min(var(--b-text),15px)}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card .game-symbol{width:auto;height:auto;padding:6px 10px;font-family:var(--nx-display);font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent);opacity:1;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--nx-r)}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card .card-link{font-family:var(--nx-display);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent);border-top-color:var(--nx-line)}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card .card-link b{transition:transform .25s}
:root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card:hover .card-link b{transform:translate(4px,-4px)}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card{min-height:max(var(--b-image-height),380px);background:var(--site-surface)}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card img{opacity:1;filter:saturate(1.05) contrast(1.05);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card:after{display:block;background:linear-gradient(0deg,var(--site-bg) 0%,color-mix(in srgb,var(--site-bg) 72%,transparent) 36%,transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 50%)}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card:hover img{transform:scale(1.08);filter:saturate(1.2) contrast(1.1)}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card .card-body{padding:30px;padding-top:160px}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card .card-body h3{font-size:clamp(34px,4vw,max(36px,calc(var(--b-title)*1.25)));line-height:.95}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card .game-symbol{top:24px;right:24px;color:var(--site-text);background:color-mix(in srgb,var(--site-bg) 55%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root .site-v2[data-design^=nexus] .site-block.block-cards:is(.variant-glass,.variant-tiles) .universe-card:before{padding:1px;border:0;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--site-text) 10%,transparent) 42%,var(--nx-a2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.4;transition:opacity .3s}
:root .site-v2[data-design^=nexus] .site-block.block-cards:is(.variant-glass,.variant-tiles) .universe-card:hover:before{opacity:1}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-glass .universe-card{background:linear-gradient(150deg,color-mix(in srgb,var(--site-text) 8%,transparent),color-mix(in srgb,var(--site-text) 2%,transparent) 60%),color-mix(in srgb,var(--site-surface) 45%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-glass .universe-card:after{display:block;background:linear-gradient(115deg,transparent 25%,color-mix(in srgb,var(--nx-a2) 10%,transparent) 45%,color-mix(in srgb,var(--accent) 12%,transparent) 55%,transparent 75%) 100% 0/250% 100% no-repeat;transition:background-position .9s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-glass .universe-card:hover:after{background-position:0 0}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-numbered .universe-card .game-symbol{position:static;padding:0;margin:0 0 18px;background:none;border:0;font-size:clamp(60px,6.5vw,96px);font-weight:900;letter-spacing:-1px;line-height:.85;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--accent) 80%,transparent);filter:drop-shadow(0 0 calc(var(--nx-glow)*14px) color-mix(in srgb,var(--accent) 45%,transparent));transition:color .35s}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-numbered .universe-card:hover .game-symbol{color:color-mix(in srgb,var(--accent) 22%,transparent)}
:root .site-v2[data-design^=nexus] .site-block.block-cards.variant-numbered .universe-card .card-body{padding-top:30px}

/* Chiffres clés Nexus */
:root .site-v2[data-design^=nexus] .stats-grid{margin-top:36px}
:root .site-v2[data-design^=nexus] .stat-item{gap:8px;padding:20px 30px 16px;background:none;border-radius:0;box-shadow:none}
:root .site-v2[data-design^=nexus] .stat-item:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,var(--accent),var(--nx-a2),transparent);box-shadow:0 0 calc(var(--nx-glow)*10px) color-mix(in srgb,var(--accent) 60%,transparent)}
:root .site-v2[data-design^=nexus] :is(.stat-value,.stat-item .counter-value){width:fit-content;max-width:100%;font-family:var(--nx-display);font-size:clamp(48px,6vw,88px);font-weight:800;line-height:.92;letter-spacing:-.01em;background:linear-gradient(120deg,var(--b-title-color) 10%,var(--accent) 60%,var(--nx-a2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(var(--nx-glow)*20px) color-mix(in srgb,var(--accent) 30%,transparent))}
:root .site-v2[data-design^=nexus] .align-center :is(.stat-value,.stat-item .counter-value){margin-left:auto;margin-right:auto}
:root .site-v2[data-design^=nexus] .stat-label{font-family:var(--nx-display);font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase}

/* Serveurs Nexus (cartes de lanceur) */
:root .site-v2[data-design=nexus] .server-card:is([data-game*=fivem i],[data-game*=gta i]){--game:#ff2e88}
:root .site-v2[data-design=nexus] .server-card[data-game*=rust i]{--game:#ff7a1a}
:root .site-v2[data-design^=nexus] .server-card{border-color:transparent;border-radius:var(--nx-r);clip-path:var(--nx-clip);background:linear-gradient(180deg,color-mix(in srgb,var(--site-surface) 88%,var(--game)),var(--site-surface) 45%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design^=nexus] .server-card:before{z-index:4;color:var(--nx-edge,var(--nx-line))}
:root .site-v2[data-design^=nexus] .server-card:hover{--nx-edge:color-mix(in srgb,var(--game) 65%,transparent);--nx-bar:100%;transform:translateY(-5px)}
:root .site-v2[data-design^=nexus] .server-card:has(.server-media):after{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:16/7;pointer-events:none;background:linear-gradient(0deg,var(--site-surface) 2%,transparent 65%),linear-gradient(120deg,color-mix(in srgb,var(--game) 25%,transparent),transparent 45%)}
:root .site-v2[data-design^=nexus] .server-card:hover .server-media img,:root .site-v2[data-design^=nexus] .server-card:hover img.server-media{transform:scale(1.05)}
:root .site-v2[data-design^=nexus] img.server-media{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design^=nexus] .server-body{gap:12px;padding:24px 26px 26px}
:root .site-v2[data-design^=nexus] .server-body h3{font-size:30px;line-height:1}
:root .site-v2[data-design^=nexus] .server-tag{font-family:var(--nx-display);font-size:12px;letter-spacing:2px;border-radius:var(--nx-r);clip-path:var(--nx-clip-sm)}
:root .site-v2[data-design^=nexus] .server-address.is-pending>span{border-radius:var(--nx-r);border-color:color-mix(in srgb,var(--game) 35%,transparent)}
:root .site-v2[data-design^=nexus] .server-address code{border-radius:var(--nx-r);border-color:var(--nx-line);border-left:2px solid var(--game);background:color-mix(in srgb,var(--site-bg) 80%,transparent)}
:root .site-v2[data-design^=nexus] .copy-address{font-family:var(--nx-display);font-size:13px;letter-spacing:1px;text-transform:uppercase;border-radius:var(--nx-r);clip-path:var(--nx-clip-sm)}
:root .site-v2[data-design^=nexus] .server-body>.button,:root .site-v2[data-design^=nexus] .server-body>.hero-actions .button{padding:19px 24px;font-size:16px;letter-spacing:2.5px;background:linear-gradient(115deg,var(--game),color-mix(in srgb,var(--game) 55%,var(--nx-a2)))}

/* Bandeau Nexus */
:root .site-v2[data-design^=nexus] .block-ticker .ticker{margin-left:-24px;margin-right:-24px;rotate:-1.2deg;border:0;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--nx-a2)) 50%,var(--nx-a2));box-shadow:0 0 calc(var(--nx-glow)*44px) color-mix(in srgb,var(--accent) 32%,transparent)}
:root .site-v2[data-design^=nexus] .ticker-item{padding:16px 30px;font-family:var(--nx-display);font-size:19px;font-weight:800;letter-spacing:2px;color:var(--site-button-text)}
:root .site-v2[data-design^=nexus] .ticker-symbol{color:inherit;opacity:.6}
:root .site-v2[data-design^=nexus] .ticker-item:not(:has(.ticker-symbol)):before{background:currentColor;opacity:.6}
:root .site-v2[data-design^=nexus] .ticker-label{padding:0 30px 0 calc(24px + 5vw);font-family:var(--nx-display);font-size:14px;letter-spacing:3px;color:var(--accent);background:var(--site-bg);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}
:root .site-v2[data-design^=nexus] .ticker>.ticker-label{box-shadow:none}

/* Étapes Nexus */
:root .site-v2[data-design^=nexus] .steps-line:before{top:27px;background:linear-gradient(90deg,var(--accent),var(--nx-a2) 60%,color-mix(in srgb,var(--nx-a2) 8%,transparent));box-shadow:0 0 calc(var(--nx-glow)*14px) color-mix(in srgb,var(--accent) 55%,transparent)}
:root .site-v2[data-design^=nexus] .steps-line:after{content:"";position:absolute;top:26px;left:0;width:120px;height:4px;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fff,transparent);animation:nexus-scan 5s cubic-bezier(.5,0,.5,1) infinite}
@keyframes nexus-scan{0%{left:0;opacity:0}15%,85%{opacity:.85}100%{left:calc(100% - 120px);opacity:0}}
@keyframes nexus-scan-v{0%{top:0;opacity:0}15%,85%{opacity:.85}100%{top:calc(100% - 120px);opacity:0}}
:root .site-v2[data-design^=nexus] .step-index{width:56px;height:56px;font-family:var(--nx-display);font-size:22px;color:var(--site-text);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 35%,var(--site-bg)),var(--site-bg) 72%);border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);border-radius:var(--nx-r);box-shadow:0 0 0 5px var(--site-bg),0 0 calc(var(--nx-glow)*22px) color-mix(in srgb,var(--accent) 55%,transparent);transition:transform .3s,box-shadow .3s,color .3s}
:root .site-v2[data-design^=nexus] .step:hover .step-index{color:var(--nx-a2);box-shadow:0 0 0 5px var(--site-bg),0 0 calc(var(--nx-glow)*36px) color-mix(in srgb,var(--nx-a2) 70%,transparent)}
:root .site-v2[data-design^=nexus] .step h3{font-size:24px;line-height:1.05}
:root .site-v2[data-design^=nexus] .step .button{margin-top:auto}
/* Compte à rebours Nexus (HUD) */
:root .site-v2[data-design^=nexus] .countdown{gap:14px;max-width:720px}
:root .site-v2[data-design^=nexus] .countdown-unit{gap:10px;padding:24px 6px 18px;border-color:transparent;border-radius:var(--nx-r);clip-path:var(--nx-clip);background:linear-gradient(var(--accent),var(--accent)) 100% 0/16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 0/2px 16px no-repeat,linear-gradient(var(--nx-a2),var(--nx-a2)) 0 100%/16px 2px no-repeat,linear-gradient(var(--nx-a2),var(--nx-a2)) 0 100%/2px 16px no-repeat,radial-gradient(ellipse 80% 60% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),color-mix(in srgb,var(--site-surface) 85%,transparent)}
:root .site-v2[data-design^=nexus] .countdown-unit b{font-family:var(--nx-display);font-size:clamp(40px,6.5vw,84px);line-height:.9;background:linear-gradient(180deg,var(--site-text) 35%,color-mix(in srgb,var(--accent) 75%,var(--site-text)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(var(--nx-glow)*16px) color-mix(in srgb,var(--accent) 40%,transparent))}
:root .site-v2[data-design^=nexus] .countdown-unit span{font-family:var(--nx-display);font-size:12px;letter-spacing:3px;color:var(--site-muted)}
:root .site-v2[data-design^=nexus] .countdown:not(:has(.countdown-unit)){display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;font-family:var(--nx-display);font-size:clamp(24px,3vw,36px);letter-spacing:1px;text-transform:uppercase}
:root .site-v2[data-design^=nexus] .countdown:not(:has(.countdown-unit)):before{content:"";flex:none;width:10px;height:10px;background:var(--accent);box-shadow:0 0 calc(var(--nx-glow)*16px) var(--accent);animation:nexus-blink 1.4s steps(2,jump-none) infinite}
@keyframes nexus-blink{50%{opacity:.15}}
/* Sans date : 4 cases HUD « -- » en veille (dessinées en dégradés, cases régulières via background-repeat:space) + plaque néon */
:root .site-v2[data-design^=nexus] .countdown-wrap:has(>.countdown-pending){--cd-g:12px;--cd-w:calc((100% - 3*var(--cd-g))/4);--cd-d:26px;--cd-s:5px;--cd-line:color-mix(in srgb,var(--site-text) 13%,transparent);--cd-dash:color-mix(in srgb,var(--site-text) 30%,transparent)}
:root .site-v2[data-design^=nexus] .countdown-wrap:has(>.countdown-pending):before{content:"";display:block;width:100%;max-width:720px;height:clamp(84px,8.5vw,112px);margin-top:30px;pointer-events:none;
  background-image:linear-gradient(90deg,transparent calc(50% - var(--cd-d) - var(--cd-s)),var(--cd-dash) 0 calc(50% - var(--cd-s)),transparent 0 calc(50% + var(--cd-s)),var(--cd-dash) 0 calc(50% + var(--cd-d) + var(--cd-s)),transparent 0),linear-gradient(90deg,transparent calc(50% - 14px),var(--cd-line) 0 calc(50% + 14px),transparent 0),linear-gradient(270deg,var(--accent) 0 16px,transparent 0),linear-gradient(270deg,var(--accent) 0 2px,transparent 0),linear-gradient(90deg,var(--nx-a2) 0 16px,transparent 0),linear-gradient(90deg,var(--nx-a2) 0 2px,transparent 0),linear-gradient(90deg,var(--cd-line) 0 1px,transparent 0 calc(100% - 1px),var(--cd-line) 0),linear-gradient(var(--cd-line) 0 1px,transparent 0 calc(100% - 1px),var(--cd-line) 0),radial-gradient(ellipse 80% 70% at 50% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),linear-gradient(color-mix(in srgb,var(--site-surface) 72%,transparent),color-mix(in srgb,var(--site-surface) 72%,transparent)),radial-gradient(circle,var(--cd-dash) 0 1.5px,transparent 2px),radial-gradient(circle,var(--cd-dash) 0 1.5px,transparent 2px),radial-gradient(circle,var(--cd-dash) 0 1.5px,transparent 2px),radial-gradient(circle,var(--cd-dash) 0 1.5px,transparent 2px),radial-gradient(circle,var(--cd-dash) 0 1.5px,transparent 2px),radial-gradient(circle,var(--cd-dash) 0 1.5px,transparent 2px);
  background-size:var(--cd-w) 6px,var(--cd-w) 2px,var(--cd-w) 2px,var(--cd-w) 16px,var(--cd-w) 2px,var(--cd-w) 16px,var(--cd-w) 100%,var(--cd-w) 100%,var(--cd-w) 100%,var(--cd-w) 100%,4px 4px,4px 4px,4px 4px,4px 4px,4px 4px,4px 4px;
  background-position:0 44%,0 72%,0 0,0 0,0 100%,0 100%,0 0,0 0,0 0,0 0,calc(25% - 4px) 38%,calc(25% - 4px) 50%,50% 38%,50% 50%,calc(75% + 4px) 38%,calc(75% + 4px) 50%;
  background-repeat:space no-repeat,space no-repeat,space no-repeat,space no-repeat,space no-repeat,space no-repeat,space no-repeat,space no-repeat,space no-repeat,space no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  animation:nexus-standby 3.2s ease-in-out infinite}
@keyframes nexus-standby{50%{opacity:.72}}
:root .site-v2[data-design^=nexus] .site-block .countdown-wrap>.countdown-pending{--dot:var(--accent);display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:18px 0 28px;padding:11px 20px 11px 16px;font-family:var(--nx-display);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:2.2px;text-transform:uppercase;color:var(--b-title-color);border-radius:var(--nx-r);clip-path:var(--nx-clip-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 17%,transparent),color-mix(in srgb,var(--nx-a2) 7%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 48%,transparent)}
:root .site-v2[data-design^=nexus] .site-block .countdown-wrap>.countdown-pending:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 0 color-mix(in srgb,var(--dot) 55%,transparent);animation:nexus-pulse 2s ease-out infinite}
:root .site-v2[data-design^=nexus] .align-center .countdown-wrap:has(>.countdown-pending):before,:root .site-v2[data-design^=nexus] .align-center .countdown-wrap>.countdown-pending{margin-left:auto;margin-right:auto}
:root .site-v2[data-design^=nexus] .align-right .countdown-wrap:has(>.countdown-pending):before,:root .site-v2[data-design^=nexus] .align-right .countdown-wrap>.countdown-pending{margin-left:auto;margin-right:0}

/* Équipe Nexus */
:root .site-v2[data-design^=nexus] .team-card{gap:8px;padding:32px 22px 26px;border-color:transparent;border-radius:var(--nx-r);clip-path:var(--nx-clip);background:radial-gradient(ellipse 70% 45% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%),var(--site-surface);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design^=nexus] .team-card:hover{--nx-edge:color-mix(in srgb,var(--accent) 65%,transparent);--nx-bar:100%;transform:translateY(-5px)}
:root .site-v2[data-design^=nexus] :is(.team-avatar,.team-initials){width:118px;height:118px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design^=nexus] .team-avatar{background:linear-gradient(135deg,var(--accent),var(--nx-a2));box-shadow:0 0 calc(var(--nx-glow)*28px) color-mix(in srgb,var(--accent) 45%,transparent)}
:root .site-v2[data-design^=nexus] .team-initials{border:0;color:var(--site-button-text);font-family:var(--nx-display);font-size:38px;background:linear-gradient(135deg,var(--accent),var(--nx-a2));box-shadow:0 0 calc(var(--nx-glow)*28px) color-mix(in srgb,var(--accent) 45%,transparent)}
:root .site-v2[data-design^=nexus][data-corners=cut] :is(.team-avatar,.team-initials){border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
:root .site-v2[data-design^=nexus][data-corners=sharp] :is(.team-avatar,.team-initials){border-radius:0}
:root .site-v2[data-design^=nexus] .team-card:hover :is(.team-avatar,.team-initials){transform:scale(1.05)}
:root .site-v2[data-design^=nexus] .team-card h3{font-size:24px;line-height:1.05}

/* FAQ, appel à l'action, images, pied de page */
:root .site-v2[data-design^=nexus] .block-faq .site-faq details{position:relative;padding:0;border:0;border-radius:var(--nx-r);clip-path:var(--nx-clip);color:var(--nx-edge,var(--nx-line));box-shadow:inset 0 0 0 1px currentColor;background:var(--nx-corners),linear-gradient(100deg,color-mix(in srgb,var(--site-surface) 93%,var(--accent)),var(--site-surface) 70%);transition:color .3s}
:root .site-v2[data-design^=nexus] .block-faq .site-faq details:is(:hover,[open]){--nx-edge:color-mix(in srgb,var(--accent) 55%,transparent)}
:root .site-v2[data-design^=nexus] .block-faq .site-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;font-size:17px;font-weight:650;color:var(--b-title-color)}
:root .site-v2[data-design^=nexus] .block-faq .site-faq summary::-webkit-details-marker{display:none}
:root .site-v2[data-design^=nexus] .block-faq .site-faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;font:400 22px/1 var(--site-font);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--nx-r);transition:transform .3s,background .3s}
:root .site-v2[data-design^=nexus] .block-faq .site-faq details[open] summary:after{transform:rotate(45deg);background:color-mix(in srgb,var(--accent) 16%,transparent)}
:root .site-v2[data-design^=nexus] .block-faq .site-faq summary:focus-visible{outline-offset:-3px}
:root .site-v2[data-design^=nexus] .block-faq .site-faq p{margin:0;padding:0 24px 22px}
:root .site-v2[data-design^=nexus] .block-callout{position:relative;border:0;border-radius:var(--nx-r);clip-path:var(--nx-clip);color:var(--b-title-color);background:radial-gradient(ellipse 60% 120% at 100% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 60%),radial-gradient(ellipse 50% 100% at 0% 100%,color-mix(in srgb,var(--nx-a2) 14%,transparent),transparent 60%),linear-gradient(var(--nx-pat) 1px,transparent 1px) 0 0/100% 32px,var(--site-surface)}
:root .site-v2[data-design^=nexus] .block-callout:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid currentColor;border-radius:inherit;color:color-mix(in srgb,var(--accent) 40%,transparent);background:linear-gradient(90deg,var(--accent),var(--nx-a2)) 0 0/100% 2px no-repeat,var(--nx-corners)}
:root .site-v2[data-design^=nexus] .block-image{background:var(--b-bg)}
:root .site-v2[data-design^=nexus] .block-image .content-block img,:root .site-v2[data-design^=nexus] .site-gallery figure{border-radius:var(--nx-r);clip-path:var(--nx-clip);box-shadow:none;outline:1px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:-1px}
:root .site-v2[data-design^=nexus] .site-footer{position:relative;background:color-mix(in srgb,var(--site-surface) 55%,var(--site-bg));border-top-color:transparent}
:root .site-v2[data-design^=nexus] .site-footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--nx-a2),transparent);opacity:.6}
:root .site-v2[data-design^=nexus] .site-footer .site-brand{font-family:var(--nx-display);text-transform:uppercase}
:root .site-v2[data-design^=nexus] .block-counter .counter-value{font-family:var(--nx-display);letter-spacing:0}

/* 3. Saveurs */
/* nexus : hub holographique violet / cyan */
:root .site-v2[data-design=nexus] .hero-fx:after{background:conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 60%,transparent),color-mix(in srgb,var(--nx-a2) 50%,transparent),color-mix(in srgb,#f472b6 32%,transparent),color-mix(in srgb,var(--accent) 60%,transparent));-webkit-mask-image:radial-gradient(circle,#000 18%,transparent 68%);mask-image:radial-gradient(circle,#000 18%,transparent 68%);animation:nexus-spin 48s linear infinite}
@keyframes nexus-spin{to{transform:rotate(1turn)}}
:root .site-v2[data-design=nexus] .site-block.block-cards.variant-tiles .universe-card:after{background:linear-gradient(0deg,var(--site-bg) 0%,color-mix(in srgb,var(--site-bg) 72%,transparent) 36%,transparent 72%),linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--nx-a2) 14%,transparent) 45%,color-mix(in srgb,var(--accent) 16%,transparent) 55%,transparent 70%) 100% 0/250% 100% no-repeat;transition:background-position 1s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design=nexus] .site-block.block-cards.variant-tiles .universe-card:hover:after{background-position:0 0,0 0}

/* nexus-city : néon urbain magenta / cyan, reflets, lignes de balayage */
:root .site-v2[data-design=nexus-city] .hero-fx{background:repeating-linear-gradient(0deg,color-mix(in srgb,#fff 4%,transparent) 0 1px,transparent 1px 3px)}
:root .site-v2[data-design=nexus-city] .hero-fx:before{background-image:linear-gradient(color-mix(in srgb,var(--accent) 60%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,transparent) 1px,transparent 1px);opacity:calc(.14 + var(--nx-glow)*.36)}
:root .site-v2[data-design=nexus-city] .hero-fx:after{border-radius:0;background:radial-gradient(circle at 35% 40%,color-mix(in srgb,var(--accent) 60%,transparent),transparent 52%),radial-gradient(circle at 68% 62%,color-mix(in srgb,var(--nx-a2) 45%,transparent),transparent 52%)}
:root .site-v2[data-design=nexus-city] .block-hero h1{filter:drop-shadow(0 0 calc(var(--nx-glow)*30px) color-mix(in srgb,var(--accent) 50%,transparent)) drop-shadow(0 0 2px color-mix(in srgb,var(--nx-a2) 45%,transparent))}
:root .site-v2[data-design=nexus-city] .block-hero .eyebrow{text-shadow:0 0 calc(var(--nx-glow)*14px) var(--accent)}
:root .site-v2[data-design=nexus-city] .block-hero .eyebrow:before{animation:nexus-flicker 6s steps(1) infinite}
@keyframes nexus-flicker{0%,100%{opacity:1}92%{opacity:.25}94%{opacity:1}96%{opacity:.4}}
:root .site-v2[data-design=nexus-city] .site-block .block-inner h2{text-shadow:0 0 calc(var(--nx-glow)*26px) color-mix(in srgb,var(--accent) 30%,transparent)}
:root .site-v2[data-design=nexus-city] .site-block.block-cards .universe-card:before,:root .site-v2[data-design=nexus-city] :is(.server-card,.team-card,.countdown-unit):before{background:linear-gradient(90deg,var(--accent),var(--nx-a2)) 0 0/var(--nx-bar,0%) 2px no-repeat,linear-gradient(115deg,transparent 40%,color-mix(in srgb,#fff 7%,transparent) 48%,transparent 56%) var(--nx-shine,150%) 0/250% 100% no-repeat,var(--nx-corners);transition:color .3s,background-size .45s,background-position 1s cubic-bezier(.2,.7,.2,1)}
:root .site-v2[data-design=nexus-city] :is(.site-block.block-cards .universe-card,.server-card,.team-card):hover{--nx-shine:-50%}
:root .site-v2[data-design=nexus-city] .site-block.block-cards .universe-card:hover .card-body h3{text-shadow:0 0 18px color-mix(in srgb,var(--accent) 60%,transparent)}
:root .site-v2[data-design=nexus-city] .block-ticker .ticker{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,var(--site-bg)),color-mix(in srgb,var(--nx-a2) 12%,var(--site-bg)));box-shadow:0 -1px 0 var(--accent),0 1px 0 var(--nx-a2),0 0 calc(var(--nx-glow)*40px) color-mix(in srgb,var(--accent) 30%,transparent)}
:root .site-v2[data-design=nexus-city] .ticker-item{color:var(--site-text);text-shadow:0 0 calc(var(--nx-glow)*14px) color-mix(in srgb,var(--accent) 70%,transparent)}
:root .site-v2[data-design=nexus-city] .ticker-symbol{color:var(--nx-a2);opacity:1}
:root .site-v2[data-design=nexus-city] .ticker-item:not(:has(.ticker-symbol)):before{background:var(--nx-a2);opacity:1;box-shadow:0 0 8px var(--nx-a2)}
:root .site-v2[data-design=nexus-city] .ticker-label{color:var(--site-button-text);background:var(--accent)}

/* nexus-wild : survie industrielle orange / jaune, métal et bandes de danger */
:root .site-v2[data-design=nexus-wild] .site-header:after{height:3px;bottom:-3px;background:repeating-linear-gradient(-45deg,var(--nx-a2) 0 9px,transparent 9px 18px);opacity:calc(.2 + var(--nx-glow)*.25)}
:root .site-v2[data-design=nexus-wild] .hero-fx{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--nx-a2) 24%,transparent) 0 14px,transparent 14px 28px) 0 100%/100% 8px no-repeat,repeating-linear-gradient(0deg,color-mix(in srgb,#fff 2%,transparent) 0 1px,transparent 1px 4px)}
:root .site-v2[data-design=nexus-wild] .hero-fx:before{inset:0 0 -240px;height:auto;transform:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 90%,#fff) 0 1.5px,transparent 2.5px),radial-gradient(circle,color-mix(in srgb,var(--nx-a2) 80%,transparent) 0 1px,transparent 2px),radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,transparent) 0 1px,transparent 2px);background-size:180px 240px,130px 120px,240px 240px;background-position:20px 0,90px 40px,160px 120px;-webkit-mask-image:none;mask-image:none;opacity:calc(.15 + var(--nx-glow)*.35);animation:nexus-embers 16s linear infinite}
@keyframes nexus-embers{to{transform:translateY(-240px)}}
:root .site-v2[data-design=nexus-wild] .hero-fx:after{top:auto;right:auto;bottom:-55%;left:15%;width:min(95vw,1150px);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 50%,transparent),color-mix(in srgb,var(--nx-a2) 16%,transparent) 40%,transparent 68%)}
:root .site-v2[data-design=nexus-wild] .site-block.block-cards:not(.variant-glass):not(.variant-tiles) .universe-card,:root .site-v2[data-design=nexus-wild] :is(.server-card,.team-card){background:repeating-linear-gradient(90deg,color-mix(in srgb,#fff 1.6%,transparent) 0 1px,transparent 1px 3px),linear-gradient(165deg,color-mix(in srgb,var(--site-surface) 88%,#fff),var(--site-surface) 55%,color-mix(in srgb,var(--site-surface) 85%,#000))}
:root .site-v2[data-design=nexus-wild] .block-faq .site-faq details{background:var(--nx-corners),repeating-linear-gradient(90deg,color-mix(in srgb,#fff 1.4%,transparent) 0 1px,transparent 1px 3px),linear-gradient(165deg,color-mix(in srgb,var(--site-surface) 90%,#fff),var(--site-surface) 60%)}
:root .site-v2[data-design=nexus-wild] .block-callout:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;pointer-events:none;background:repeating-linear-gradient(-45deg,var(--nx-a2) 0 10px,transparent 10px 20px);opacity:.35}
:root .site-v2[data-design=nexus-wild] .block-ticker .ticker{background:repeating-linear-gradient(-45deg,#0b0b0b 0 10px,transparent 10px 20px) 0 0/100% 5px no-repeat,repeating-linear-gradient(-45deg,#0b0b0b 0 10px,transparent 10px 20px) 0 100%/100% 5px no-repeat,linear-gradient(90deg,var(--accent),var(--nx-a2))}
:root .site-v2[data-design=nexus-wild] .step-index{background:repeating-linear-gradient(90deg,color-mix(in srgb,#fff 3%,transparent) 0 1px,transparent 1px 3px),radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 35%,var(--site-bg)),var(--site-bg) 72%)}
:root .site-v2[data-design=nexus-wild] .countdown-unit span,:root .site-v2[data-design=nexus-wild] .stat-label{color:var(--nx-a2)}
/* Texte secondaire réchauffé : léger mélange du gris choisi (mutedColor) vers l'accent, l'utilisateur garde la main sur la teinte */
:root .site-v2[data-design=nexus-wild]{--nx-muted:color-mix(in srgb,var(--site-muted) 78%,color-mix(in srgb,var(--nx-a2) 70%,var(--accent)))}
:root .site-v2[data-design=nexus-wild]>*{--site-muted:var(--nx-muted)}

/* nexus-craft : Minecraft émeraude / or, blocs et pixels, coins en escalier (voxel), CSS pur */
:root .site-v2[data-design=nexus-craft][data-corners=cut]{--nx-r:0px;--nx-cut:12px;--nx-cut-sm:8px;--nx-px:linear-gradient(currentColor,currentColor);--nx-clip:polygon(var(--nx-cut) 0,100% 0,100% calc(100% - var(--nx-cut)),calc(100% - var(--nx-cut)/2) calc(100% - var(--nx-cut)),calc(100% - var(--nx-cut)/2) calc(100% - var(--nx-cut)/2),calc(100% - var(--nx-cut)) calc(100% - var(--nx-cut)/2),calc(100% - var(--nx-cut)) 100%,0 100%,0 var(--nx-cut),calc(var(--nx-cut)/2) var(--nx-cut),calc(var(--nx-cut)/2) calc(var(--nx-cut)/2),var(--nx-cut) calc(var(--nx-cut)/2));--nx-clip-sm:polygon(var(--nx-cut-sm) 0,100% 0,100% calc(100% - var(--nx-cut-sm)),calc(100% - var(--nx-cut-sm)/2) calc(100% - var(--nx-cut-sm)),calc(100% - var(--nx-cut-sm)/2) calc(100% - var(--nx-cut-sm)/2),calc(100% - var(--nx-cut-sm)) calc(100% - var(--nx-cut-sm)/2),calc(100% - var(--nx-cut-sm)) 100%,0 100%,0 var(--nx-cut-sm),calc(var(--nx-cut-sm)/2) var(--nx-cut-sm),calc(var(--nx-cut-sm)/2) calc(var(--nx-cut-sm)/2),var(--nx-cut-sm) calc(var(--nx-cut-sm)/2));--nx-corners:var(--nx-px) left 0 top var(--nx-cut)/calc(var(--nx-cut)/2) 1px no-repeat,var(--nx-px) left calc(var(--nx-cut)/2) top calc(var(--nx-cut)/2)/1px calc(var(--nx-cut)/2) no-repeat,var(--nx-px) left calc(var(--nx-cut)/2) top calc(var(--nx-cut)/2)/calc(var(--nx-cut)/2) 1px no-repeat,var(--nx-px) left var(--nx-cut) top 0/1px calc(var(--nx-cut)/2) no-repeat,var(--nx-px) right 0 bottom var(--nx-cut)/calc(var(--nx-cut)/2) 1px no-repeat,var(--nx-px) right calc(var(--nx-cut)/2) bottom calc(var(--nx-cut)/2)/1px calc(var(--nx-cut)/2) no-repeat,var(--nx-px) right calc(var(--nx-cut)/2) bottom calc(var(--nx-cut)/2)/calc(var(--nx-cut)/2) 1px no-repeat,var(--nx-px) right var(--nx-cut) bottom 0/1px calc(var(--nx-cut)/2) no-repeat}
:root .site-v2[data-design=nexus-craft][data-pattern=grid]:after{background-image:conic-gradient(color-mix(in srgb,var(--site-text) 2.5%,transparent) 25%,transparent 0 50%,color-mix(in srgb,var(--site-text) 2.5%,transparent) 0 75%,transparent 0),linear-gradient(var(--nx-pat) 1px,transparent 1px),linear-gradient(90deg,var(--nx-pat) 1px,transparent 1px);background-size:64px 64px,32px 32px,32px 32px}
:root .site-v2[data-design=nexus-craft] .site-header:after,:root .site-v2[data-design=nexus-craft] .site-footer:before{height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 12px,var(--nx-a2) 12px 20px,transparent 20px 24px)}
:root .site-v2[data-design=nexus-craft] .hero-fx{--cx-a:linear-gradient(color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 30%,transparent));--cx-b:linear-gradient(color-mix(in srgb,var(--nx-a2) 26%,transparent),color-mix(in srgb,var(--nx-a2) 26%,transparent));background:var(--cx-a) 95% 14%/32px 32px no-repeat,var(--cx-b) 98.5% 34%/16px 16px no-repeat,var(--cx-a) 91% 27%/16px 16px no-repeat,var(--cx-a) 98% 62%/24px 24px no-repeat,var(--cx-b) 89% 8%/12px 12px no-repeat,var(--cx-a) 1.5% 18%/12px 12px no-repeat,var(--cx-b) 1.5% 88%/20px 20px no-repeat,var(--cx-a) .5% 52%/16px 16px no-repeat,repeating-linear-gradient(0deg,color-mix(in srgb,#fff 2%,transparent) 0 1px,transparent 1px 4px)}
/* Pixels décoratifs cantonnés aux bords (jamais sous le texte) ; retirés sur petit écran où il n'y a pas de marge. */
@media (max-width:900px){:root .site-v2[data-design=nexus-craft] .hero-fx{background:repeating-linear-gradient(0deg,color-mix(in srgb,#fff 2%,transparent) 0 1px,transparent 1px 4px)}}
:root .site-v2[data-design=nexus-craft] .hero-fx:before{background-image:linear-gradient(color-mix(in srgb,var(--accent) 55%,transparent) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent) 2px,transparent 2px),conic-gradient(color-mix(in srgb,var(--accent) 18%,transparent) 25%,transparent 0 50%,color-mix(in srgb,var(--accent) 18%,transparent) 0 75%,transparent 0);background-size:64px 64px,64px 64px,128px 128px;animation-name:nexus-craft-floor;animation-duration:14s}
@keyframes nexus-craft-floor{to{background-position:0 128px,0 128px,0 128px}}
:root .site-v2[data-design=nexus-craft] .hero-fx:after{border-radius:0;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 48%,transparent),color-mix(in srgb,var(--nx-a2) 16%,transparent) 45%,transparent 70%)}
:root .site-v2[data-design=nexus-craft] .block-hero h1,:root .site-v2[data-design=nexus-craft] .block-hero.banner-unified h1{filter:drop-shadow(4px 4px 0 color-mix(in srgb,var(--accent) 28%,#000)) drop-shadow(0 0 calc(var(--nx-glow)*22px) color-mix(in srgb,var(--accent) 26%,transparent))}
:root .site-v2[data-design=nexus-craft] .site-block .block-inner h2{text-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 22%,#000)}
:root .site-v2[data-design=nexus-craft] .block-hero .eyebrow:before{width:30px;height:6px;box-shadow:none;background:linear-gradient(90deg,var(--accent) 0 6px,transparent 6px 12px,var(--accent) 12px 18px,transparent 18px 24px,var(--nx-a2) 24px 30px)}
:root .site-v2[data-design=nexus-craft] .block-ticker .ticker{background:conic-gradient(color-mix(in srgb,#000 9%,transparent) 25%,transparent 0 50%,color-mix(in srgb,#000 9%,transparent) 0 75%,transparent 0) 0 0/16px 16px,linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--nx-a2)) 60%,var(--nx-a2))}
:root .site-v2[data-design=nexus-craft] .step-index{border-radius:0;box-shadow:0 0 0 5px var(--site-bg),inset -4px -4px 0 color-mix(in srgb,#000 32%,transparent),inset 4px 4px 0 color-mix(in srgb,#fff 10%,transparent)}
:root .site-v2[data-design=nexus-craft] .countdown-unit span,:root .site-v2[data-design=nexus-craft] .stat-label{color:var(--nx-a2)}

/* 4. Apparition au défilement (jamais sans fx-ready : contenu visible sans JS et dans l'éditeur ; écran seulement : l'impression montre tout) */
@media screen and (prefers-reduced-motion:no-preference){
  .fx-ready body[data-fx-anim=on][data-design^=nexus] .site-block>.block-inner{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  .fx-ready body[data-fx-anim=on][data-design^=nexus] .site-block:not(.is-inview)>.block-inner{opacity:0;transform:translateY(28px)}
  .fx-ready body[data-fx-anim=on][data-design^=nexus] .site-block.is-inview :is(.universe-grid,.stats-grid,.servers-grid,.team-grid,.steps-line,.countdown)>*{animation:nexus-rise .75s cubic-bezier(.2,.7,.2,1) backwards}
  .fx-ready body[data-fx-anim=on][data-design^=nexus] .site-block.is-inview :is(.universe-grid,.stats-grid,.servers-grid,.team-grid,.steps-line,.countdown)>:nth-child(2){animation-delay:.08s}
  .fx-ready body[data-fx-anim=on][data-design^=nexus] .site-block.is-inview :is(.universe-grid,.stats-grid,.servers-grid,.team-grid,.steps-line,.countdown)>:nth-child(3){animation-delay:.16s}
  .fx-ready body[data-fx-anim=on][data-design^=nexus] .site-block.is-inview :is(.universe-grid,.stats-grid,.servers-grid,.team-grid,.steps-line,.countdown)>:nth-child(4){animation-delay:.24s}
  .fx-ready body[data-fx-anim=on][data-design^=nexus] .site-block.is-inview :is(.universe-grid,.stats-grid,.servers-grid,.team-grid,.steps-line,.countdown)>:nth-child(n+5){animation-delay:.32s}
}
@keyframes nexus-rise{from{opacity:0;transform:translateY(22px)}}
@media (prefers-reduced-motion:reduce){
  .site-v2 .ticker-track,.site-v2 .hero-fx,.site-v2 .hero-fx:before,.site-v2 .hero-fx:after,.site-v2 .steps-line:after,.site-v2 :is(.hero-live,.server-live) .site-widget:before{animation:none!important}
  .site-v2 .ticker{overflow-x:auto;scrollbar-width:thin}
  .site-v2 .ticker-track[aria-hidden=true]{display:none}
  :root .site-v2[data-design^=nexus] *,:root .site-v2[data-design^=nexus] *:before,:root .site-v2[data-design^=nexus] *:after{animation:none!important;transition:none!important}
  :root .site-v2[data-design^=nexus] .site-block :is(.button,.universe-card,.server-card,.team-card,.hero-split-media,img){transform:none!important}
  .site-v2 :is(.block-cards.variant-tiles .universe-card img,.server-media img){transition:none!important;transform:none!important}
}
.site-v2[data-fx-anim=off] .ticker-track,.site-v2[data-fx-anim=off] .hero-fx,.site-v2[data-fx-anim=off] .hero-fx:before,.site-v2[data-fx-anim=off] .hero-fx:after,.site-v2[data-fx-anim=off] .steps-line:after,.site-v2[data-fx-anim=off] :is(.hero-live,.server-live) .site-widget:before{animation:none!important}
.site-v2[data-fx-anim=off] .ticker{overflow-x:auto;scrollbar-width:thin}
.site-v2[data-fx-anim=off] .ticker-track[aria-hidden=true]{display:none}
:root .site-v2[data-design^=nexus][data-fx-anim=off] *,:root .site-v2[data-design^=nexus][data-fx-anim=off] *:before,:root .site-v2[data-design^=nexus][data-fx-anim=off] *:after{animation:none!important;transition:none!important}
:root .site-v2[data-design^=nexus][data-fx-anim=off] .site-block :is(.button,.universe-card,.server-card,.team-card,img):hover{transform:none}

/* 5. Tablette et mobile */
@media (max-width:1000px){
  .site-v2 .block-hero.variant-split .hero-content:has(.hero-split-media){grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .site-v2 .block-hero.variant-split .hero-split-media{grid-column:1;grid-row:auto;width:100%;max-width:560px;margin-top:40px}
  .site-v2 .block-hero.variant-split.align-center .hero-split-media{margin-left:auto;margin-right:auto}
  .site-v2 .steps-line{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);gap:28px}
  .site-v2 .steps-line:before{left:23px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--b-button),color-mix(in srgb,var(--b-button) 12%,transparent))}
  .site-v2 .site-block .step{padding-left:72px;min-height:48px;align-items:flex-start;text-align:left}
  .site-v2 .step-index{position:absolute;left:0;top:0;margin:0}
  :root .site-v2[data-design^=nexus] .desktop-nav{gap:16px;font-size:12px;letter-spacing:1px}
  :root .site-v2[data-design^=nexus] .header-actions{font-size:12px}
  :root .site-v2[data-design^=nexus] .hero-split-media{transform:perspective(1100px) rotateY(-6deg) rotateX(2deg)}
  :root .site-v2[data-design^=nexus] .steps-line:before{left:27px;top:0;background:linear-gradient(180deg,var(--accent),var(--nx-a2) 60%,color-mix(in srgb,var(--nx-a2) 8%,transparent))}
  :root .site-v2[data-design^=nexus] .steps-line:after{top:0;left:26px;width:4px;height:120px;animation-name:nexus-scan-v}
  :root .site-v2[data-design^=nexus] .site-block .step{padding-left:84px;min-height:56px}
}
@media (max-width:720px){
  .site-v2 .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
  .site-v2 .stat-item{padding:18px}
  .site-v2 .countdown{gap:8px}
  .site-v2 .countdown-unit{padding:14px 2px 12px}
  .site-v2 .countdown-unit b{font-size:clamp(26px,8.5vw,40px)}
  .site-v2 .countdown-unit span{font-size:9px;letter-spacing:1px}
  .site-v2 .team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
  .site-v2 .team-card{padding:22px 14px 18px}
  .site-v2 .team-avatar,.site-v2 .team-initials{width:84px;height:84px}
  .site-v2 .ticker-item{padding:12px 18px;font-size:12px}
  .site-v2 .server-body{padding:20px}
  .site-v2 .server-address{flex-wrap:wrap}
  .site-v2 .server-address code{flex-basis:100%}
  .site-v2 .copy-address{flex:1;padding:10px 14px}
  .site-v2 .block-cards.variant-tiles .universe-card{min-height:max(calc(var(--b-image-height)*.8),280px)}
  :root .site-v2[data-design^=nexus] .block-hero h1,:root .site-v2[data-design^=nexus] .block-hero.banner-unified h1{max-width:100%;font-size:min(var(--b-mobile-title),max(34px,11vw));line-height:1;letter-spacing:0;-webkit-hyphens:auto;hyphens:auto}
  :root .site-v2[data-design^=nexus] .site-block .block-inner h2,:root .site-v2[data-design^=nexus] .site-block h3{-webkit-hyphens:auto;hyphens:auto}
  :root .site-v2[data-design^=nexus] .site-block.block-cards .universe-card .card-body h3{font-size:min(max(24px,calc(var(--b-title)*.72)),8.4vw)}
  :root .site-v2[data-design^=nexus] .block-hero .eyebrow{gap:10px;margin-bottom:18px;font-size:11px;letter-spacing:2.5px}
  :root .site-v2[data-design^=nexus] .block-hero .eyebrow:before,:root .site-v2[data-design^=nexus] .block-hero.variant-centered .eyebrow:after{width:24px}
  :root .site-v2[data-design^=nexus] .block-hero .hero-actions{gap:10px;margin-top:26px}
  :root .site-v2[data-design^=nexus] .block-hero .hero-actions .button{flex:1 1 auto}
  :root .site-v2[data-design^=nexus] .site-block .button{padding:15px 20px;font-size:13px;letter-spacing:1.2px}
  :root .site-v2[data-design^=nexus] .block-hero .hero-bottom{margin-top:38px;font-size:10px;letter-spacing:1.5px}
  :root .site-v2[data-design^=nexus] .hero-split-media{transform:none}
  :root .site-v2[data-design^=nexus] .hero-fx:before{height:45%}
  :root .site-v2[data-design^=nexus] .stats-grid{gap:10px 14px;margin-top:28px}
  :root .site-v2[data-design^=nexus] .stat-item{padding:14px 10px 12px 18px}
  :root .site-v2[data-design^=nexus] .countdown-wrap:has(>.countdown-pending){--cd-g:12px;--cd-d:15px;--cd-s:4px}
  :root .site-v2[data-design^=nexus] .countdown-wrap:has(>.countdown-pending):before{height:76px;margin-top:24px}
  :root .site-v2[data-design^=nexus] .site-block .countdown-wrap>.countdown-pending{gap:10px;margin-block:14px 24px;padding:10px 14px 10px 12px;font-size:12px;letter-spacing:1.5px}
  :root .site-v2[data-design^=nexus] :is(.stat-value,.stat-item .counter-value){font-size:clamp(40px,12vw,60px)}
  :root .site-v2[data-design^=nexus] .stat-label{font-size:13px;letter-spacing:1.2px}
  :root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card{min-height:max(calc(var(--b-image-height)*.8),300px)}
  :root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card .card-body{padding:24px;padding-top:120px}
  :root .site-v2[data-design^=nexus] .site-block.block-cards.variant-tiles .universe-card .card-body h3{font-size:clamp(30px,9vw,40px)}
  :root .site-v2[data-design^=nexus] .ticker-item{padding:13px 20px;font-size:15px;letter-spacing:1.4px}
  :root .site-v2[data-design^=nexus] .ticker-label{padding:0 22px 0 calc(24px + 6vw);font-size:11px;letter-spacing:2px}
  :root .site-v2[data-design^=nexus] .server-body h3{font-size:26px}
  :root .site-v2[data-design^=nexus] .countdown{gap:8px}
  :root .site-v2[data-design^=nexus] .countdown-unit{padding:16px 2px 12px}
  :root .site-v2[data-design^=nexus] .countdown-unit b{font-size:clamp(30px,10vw,46px)}
  :root .site-v2[data-design^=nexus] .countdown-unit span{font-size:10px;letter-spacing:1.5px}
  :root .site-v2[data-design^=nexus] :is(.team-avatar,.team-initials){width:92px;height:92px}
  :root .site-v2[data-design^=nexus] .team-card h3{font-size:20px}
  :root .site-v2[data-design^=nexus] .block-faq .site-faq summary{padding:16px 18px;font-size:16px}
  :root .site-v2[data-design^=nexus] .block-faq .site-faq p{padding:0 18px 18px}
  :root .site-v2[data-design^=nexus] .desktop-nav{font-size:12px}
}
/* En-tête Nexus : menus longs (0.36). Libellés sur une ligne, puis menu ☰ quand la place manque. */
:root .site-v2[data-design^=nexus] :is(.desktop-nav>a,.desktop-nav>.nav-dropdown>summary,.header-actions a,.site-brand small){white-space:nowrap}
@media (max-width:1480px){
  :root .site-v2[data-design^=nexus] .desktop-nav{gap:20px;font-size:13px;letter-spacing:1px}
  :root .site-v2[data-design^=nexus] .header-actions{gap:12px;font-size:12px}
}
@media (max-width:1280px){
  :root .site-v2[data-design^=nexus] .site-header:has(.desktop-nav>:nth-child(7)) :is(.desktop-nav,.header-actions){display:none}
  :root .site-v2[data-design^=nexus] .site-header:has(.desktop-nav>:nth-child(7)) .mobile-nav{display:block;margin-left:auto}
}
@media (max-width:1100px){
  :root .site-v2[data-design^=nexus] .site-header:has(.desktop-nav>:nth-child(5)) :is(.desktop-nav,.header-actions){display:none}
  :root .site-v2[data-design^=nexus] .site-header:has(.desktop-nav>:nth-child(5)) .mobile-nav{display:block;margin-left:auto}
}
@media (min-width:721px){
  :root .site-v2[data-design^=nexus] .mobile-nav>summary{list-style:none;cursor:pointer}
  :root .site-v2[data-design^=nexus] .mobile-nav>nav{position:absolute;top:min(var(--header-height),100px);left:0;right:0;padding:18px 6%;display:grid;gap:5px;box-shadow:0 20px 50px #0008}
  :root .site-v2[data-design^=nexus] .mobile-nav nav>a{padding:12px 0}
  :root .site-v2[data-design^=nexus] .mobile-nav .nav-dropdown>div{position:static;width:auto;box-shadow:none;margin:0 0 5px}
}
/* ===== Socle 0.37 ===== */
/* Styles neutres des éléments 0.37 (icône et surbrillance de menu, logo de bannière, carrousel) : valables pour toutes les ambiances, surchargés par Arène / Royaume. */
.site-v2 .nav-icon{display:inline-block;width:1.3em;height:1.3em;object-fit:contain;vertical-align:-.28em;margin-right:.45em;border-radius:0}
.site-v2 .nav-highlight{display:inline-block;padding:8px 14px;border-radius:var(--site-radius);background:var(--accent);color:var(--site-button-text);font-weight:700;line-height:1.2}
.site-v2 .nav-dropdown>summary.nav-highlight{padding:8px 14px}
.site-v2 .nav-dropdown>summary.nav-highlight:after{color:inherit}
.site-v2 .desktop-nav>a.nav-highlight[aria-current],.site-v2 .nav-highlight:hover{color:var(--site-button-text);filter:brightness(1.08)}
.site-v2 .hero-logo-media{margin:0;display:flex;align-items:center;justify-content:center;min-width:0}
.site-v2 .hero-logo-media img{display:block;max-width:100%;max-height:min(520px,62vh);width:auto;height:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 40px #0007)}
.site-v2 .block-hero.variant-logo .hero-content:has(.hero-logo-media){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:repeat(6,auto) 1fr;column-gap:clamp(28px,5vw,84px);align-content:center}
.site-v2 .block-hero.variant-logo .hero-content:has(.hero-logo-media)>:not(.hero-logo-media){grid-column:1}
.site-v2 .block-hero.variant-logo .hero-logo-media{grid-column:2;grid-row:1/-1;align-self:center}
.site-v2 .block-gallery.variant-carousel .site-gallery{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8%;padding-bottom:12px;scrollbar-width:thin}
.site-v2 .block-gallery.variant-carousel .site-gallery>figure{flex:0 0 min(78%,420px);scroll-snap-align:center}
.site-v2 .block-gallery.variant-carousel .site-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.site-v2 .carousel-nav{display:flex;justify-content:center;gap:12px;margin-top:18px}
.site-v2 .carousel-nav[hidden]{display:none}
.site-v2 .carousel-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:50%;background:var(--site-surface);color:var(--site-text);font-size:26px;line-height:1;cursor:pointer}
.site-v2 .carousel-arrow:hover{border-color:var(--accent);color:var(--accent)}
.site-v2 .carousel-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:720px){
  .site-v2 .mobile-nav nav>a.nav-highlight{justify-self:start;padding:10px 14px}
  .site-v2 .block-hero.variant-logo .hero-content:has(.hero-logo-media){display:block}
  .site-v2 .hero-logo-media{margin-top:28px}
  .site-v2 .hero-logo-media img{max-height:240px}
  .site-v2 .block-gallery.variant-carousel .site-gallery>figure{flex-basis:84%}
}
@media(prefers-reduced-motion:reduce){.site-v2 .block-gallery.variant-carousel .site-gallery{scroll-behavior:auto}}
.site-v2 .footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.site-v2 .footer-links>a:not(.footer-access){color:inherit}
.site-v2 .footer-links>a:not(.footer-access):hover{color:var(--site-text)}
.site-v2 .block-cards .block-actions{margin:22px 0 0}

/* ===== Ambiance Arène ===== */
/* Reproduction du thème WordPress MYKD de l’ancien site esport (secondlife-gaming.fr) : fond #0f161b, titres Barlow 800 en capitales,
   texte Poppins, boutons hexagonaux blancs, bas de bannière en pointe, titres de section centrés avec barre blanche, avatars ronds.
   Tout est scopé « .site-v2[data-design=arena] » (préfixe :root pour passer devant les règles génériques des ambiances FAERON).
   Polices : @font-face « FAERON Barlow » (600/700/800) et « FAERON Poppins » (400/700) injectés par le rendu (voir arena-fonts.md).
   Couleurs pilotées par le thème : --accent = couleur principale MYKD (blanc), --accent2 = rouge des lueurs, --site-surface = cartes. */
:root .site-v2[data-design=arena]{--arena-header:var(--header-height);--arena-head:"FAERON Barlow",Barlow,"Arial Narrow",var(--site-font),sans-serif;--arena-body:"FAERON Poppins",Poppins,var(--site-font),sans-serif;--arena-red:var(--accent2);--arena-yellow:#ffbe18;--arena-gray:color-mix(in srgb,var(--site-surface) 72%,var(--site-bg));--arena-line:color-mix(in srgb,var(--site-text) 9%,var(--site-surface));--arena-frame:color-mix(in srgb,var(--site-text) 12%,var(--site-bg));--arena-deep:color-mix(in srgb,var(--site-bg) 55%,#000);--arena-hex:polygon(min(15.72%,36px) 1.26%,.38% 51.6%,min(15.08%,34.5px) 97.8%,max(84.12%,calc(100% - 36px)) 97.8%,99.46% 51.6%,max(84.12%,calc(100% - 36px)) 1.26%);--arena-hex-in:polygon(min(15.33%,35px) 3.4%,min(4.47%,10px) 49.5%,min(15.33%,35px) 96.6%,max(84.62%,calc(100% - 35px)) 96.6%,max(95.49%,calc(100% - 10px)) 49.5%,max(84.62%,calc(100% - 35px)) 3.4%);--arena-hex-ring:polygon(evenodd,min(15.72%,36px) 1.26%,.38% 51.6%,min(15.08%,34.5px) 97.8%,max(84.12%,calc(100% - 36px)) 97.8%,99.46% 51.6%,max(84.12%,calc(100% - 36px)) 1.26%,min(15.72%,36px) 1.26%,calc(min(15.72%,36px) + 1px) calc(1.26% + 2px),calc(.38% + 3px) 51.6%,calc(min(15.08%,34.5px) + 1px) calc(97.8% - 2px),calc(max(84.12%,calc(100% - 36px)) - 1px) calc(97.8% - 2px),calc(99.46% - 3px) 51.6%,calc(max(84.12%,calc(100% - 36px)) - 1px) calc(1.26% + 2px),calc(min(15.72%,36px) + 1px) calc(1.26% + 2px));font-family:var(--arena-body);font-size:16px;line-height:1.75;color:var(--site-muted);background-color:var(--site-bg)}
:root .site-v2[data-design=arena] :is(h1,h2,h3,h4){font-family:var(--arena-head);text-transform:uppercase}
:root .site-v2[data-design=arena] p{color:var(--site-muted)}

/* --- En-tête : transparent sur la bannière, liens Barlow 700 avec trait diagonal sur la page active --- */
:root .site-v2[data-design=arena] .site-header{position:relative;z-index:20;display:flex;align-items:center;gap:34px;height:var(--arena-header);padding:0 max(15px,calc((100% - var(--site-width)) / 2));background:var(--site-bg);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
:root .site-v2[data-design=arena]:has(>.site-header) main>.block-hero:first-child{margin-top:calc(var(--arena-header) * -1)}
:root .site-v2[data-design=arena]:has(>.site-header) .site-header:has(~main>.block-hero:first-child){background:transparent}
:root .site-v2[data-design=arena]:not(.editing) .site-header.is-sticky{position:sticky;top:0}
:root .site-v2[data-design=arena]:not(.editing):has(>.site-header.is-sticky~main>.block-hero:first-child) .site-header{background:color-mix(in srgb,var(--arena-gray) 92%,transparent);box-shadow:0 10px 15px #0003}
@supports (animation-timeline:scroll()){:root .site-v2[data-design=arena]:not(.editing):has(>.site-header.is-sticky~main>.block-hero:first-child) .site-header{animation:arena-sticky linear both;animation-timeline:scroll(root);animation-range:0 160px}}
@keyframes arena-sticky{from{background-color:transparent;box-shadow:0 10px 15px #0000}to{background-color:var(--arena-gray);box-shadow:0 10px 15px #0003}}
:root .site-v2[data-design=arena] .site-brand{flex-shrink:0;gap:14px;font:800 22px/1 var(--arena-head);letter-spacing:1px;text-transform:uppercase;color:var(--site-text)}
:root .site-v2[data-design=arena] .site-brand small{margin-top:6px;font:700 9px/1 var(--arena-body);letter-spacing:2px;color:var(--site-muted)}
:root .site-v2[data-design=arena] .brand-logo{width:auto;height:var(--logo-size);max-width:calc(var(--logo-size) * 3)}
:root .site-v2[data-design=arena] .logo{display:grid;place-items:center;font:800 calc(var(--logo-size) * .5)/1 var(--arena-head);font-style:normal;letter-spacing:0;color:var(--site-button-text);background:var(--accent);border-radius:50%;box-shadow:none}
:root .site-v2[data-design=arena] .desktop-nav{gap:0;margin:0 auto 0 0;font:700 15px/1 var(--arena-head);letter-spacing:.8px;text-transform:uppercase;color:var(--site-text)}
:root .site-v2[data-design=arena] .desktop-nav>a,:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown>summary{position:relative;display:block;padding:38px 23px;line-height:1;color:var(--site-text);cursor:pointer;list-style:none}
:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown>summary::-webkit-details-marker{display:none}
:root .site-v2[data-design=arena] .desktop-nav>a:before,:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown>summary:before{content:"";position:absolute;left:50%;top:50%;width:42px;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(-40deg) scaleX(0);transition:transform .25s ease-out}
:root .site-v2[data-design=arena] .desktop-nav>a:is(:hover,[aria-current]):before,:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown:is(:hover,[open],:has([aria-current]))>summary:before{transform:translate(-50%,-50%) rotate(-40deg) scaleX(1)}
:root .site-v2[data-design=arena] .desktop-nav>a[aria-current]{color:var(--site-text)}
:root .site-v2[data-design=arena] .nav-dropdown summary:after{content:none}
:root .site-v2[data-design=arena] .nav-dropdown>div{top:100%;left:0;width:auto;min-width:230px;padding:18px 0;background:var(--arena-gray);border:1px solid var(--arena-line);border-radius:0;box-shadow:0 30px 70px #00000026;font-size:15px}
:root .site-v2[data-design=arena] .nav-dropdown>div a{display:flex;align-items:center;padding:9px 15px 9px 25px;border-radius:0;line-height:1.4;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--site-text)}
:root .site-v2[data-design=arena] .nav-dropdown>div a:before{content:"";flex:none;width:0;height:7px;margin-right:0;background:var(--accent);border-radius:0 5px 0 0;transition:width .2s linear,margin .2s linear}
:root .site-v2[data-design=arena] .nav-dropdown>div a:is(:hover,[aria-current]):before{width:7px;margin-right:9px}
:root .site-v2[data-design=arena] .nav-dropdown>div a:hover{background:none}
:root .site-v2[data-design=arena] .nav-dropdown .nav-dropdown{padding:0}
:root .site-v2[data-design=arena] .nav-icon{width:1.25em;height:1.25em;vertical-align:-.3em;margin-right:.5em}
:root .site-v2[data-design=arena] .nav-highlight{padding:12px 28px;border-radius:0;background:var(--accent);color:var(--site-button-text);font-weight:800;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%)}
:root .site-v2[data-design=arena] .desktop-nav>a.nav-highlight,:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown>summary.nav-highlight{margin:0 8px;padding:12px 30px;color:var(--site-button-text)}
:root .site-v2[data-design=arena] .desktop-nav>a.nav-highlight:before,:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown>summary.nav-highlight:before{content:none}
:root .site-v2[data-design=arena] .nav-highlight:hover,:root .site-v2[data-design=arena] .desktop-nav>a.nav-highlight[aria-current]{color:var(--site-button-text);filter:none;background:color-mix(in srgb,var(--accent) 82%,var(--site-bg))}
:root .site-v2[data-design=arena] .header-actions{gap:22px;font:700 14px/1 var(--arena-head);letter-spacing:.8px;text-transform:uppercase}
:root .site-v2[data-design=arena] .header-actions a>span[aria-hidden],:root .site-v2[data-design=arena] .mobile-nav a>span[aria-hidden],:root .site-v2[data-design=arena] .site-footer a>span[aria-hidden]{display:none}
:root .site-v2[data-design=arena] .nav-discord{color:var(--site-text)}
:root .site-v2[data-design=arena] .nav-discord:hover{color:var(--accent)}
:root .site-v2[data-design=arena] .portal-access{padding:10px 16px;border:2px solid var(--site-text);border-radius:0;color:var(--site-text)}
:root .site-v2[data-design=arena] .portal-access:hover{background:var(--site-text);color:var(--site-bg)}

/* --- Boutons : hexagone MYKD (fond = --b-button, liseré et pointes blancs) --- */
:root .site-v2[data-design=arena] .site-block .button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:195px;padding:15px 49px;border:0;border-radius:0;background:var(--site-text);color:var(--b-button-text);font:800 15px/1.75 var(--arena-head);letter-spacing:.8px;text-transform:uppercase;text-align:center;clip-path:var(--arena-hex);transition:color .3s;transform:none;filter:none}
:root .site-v2[data-design=arena] .site-block .button:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--b-button);clip-path:var(--arena-hex-in);transition:background-color .3s}
:root .site-v2[data-design=arena] .site-block .button>span[aria-hidden]{display:none}
:root .site-v2[data-design=arena] .site-block .button:hover{transform:none;filter:none;color:var(--b-button-text)}
:root .site-v2[data-design=arena] .site-block .button:hover:before{background:var(--site-text)}
:root .site-v2[data-design=arena] .site-block .button:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
:root .site-v2[data-design=arena] .site-block .button:focus-visible:before{background:color-mix(in srgb,var(--b-button) 72%,#000)}
:root .site-v2[data-design=arena] .site-block .button.ghost{background:transparent;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .site-block .button.ghost:before{background:var(--b-button);clip-path:var(--arena-hex-ring)}
:root .site-v2[data-design=arena] .site-block .button.ghost:hover{background:var(--b-button);color:var(--b-button-text)}
:root .site-v2[data-design=arena] .site-block .hero-actions{gap:14px 18px}

/* --- Bannière --- */
:root .site-v2[data-design=arena] .block-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:var(--b-height);background-color:var(--site-bg);overflow-x:clip}
:root .site-v2[data-design=arena] .block-hero .hero-shade{position:absolute;inset:0;z-index:0;background:var(--site-bg);opacity:var(--b-overlay)}
:root .site-v2[data-design=arena] .block-hero:before,:root .site-v2[data-design=arena] .block-hero:after{content:"";position:absolute;bottom:0;z-index:3;width:50%;height:40px;background:var(--accent);pointer-events:none}
:root .site-v2[data-design=arena] .block-hero:before{left:0;clip-path:polygon(0 0,0 100%,100% 100%)}
:root .site-v2[data-design=arena] .block-hero:after{right:0;clip-path:polygon(100% 0,0 100%,100% 100%)}
:root .site-v2[data-design=arena] .block-hero .hero-content{position:relative;z-index:2;width:100%;max-width:calc(var(--site-width) + 30px);margin:0 auto;padding:var(--b-top) 15px calc(var(--b-bottom) + 40px)}
:root .site-v2[data-design=arena]:has(>.site-header) main>.block-hero:first-child .hero-content{padding-top:calc(var(--b-top) + var(--arena-header))}
:root .site-v2[data-design=arena] .block-hero.variant-logo .hero-content:has(.hero-logo-media){max-width:1590px;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:repeat(6,auto) 1fr;column-gap:0;align-content:center;padding-left:2.8%;padding-right:5.6%}
:root .site-v2[data-design=arena] .block-hero .hero-logo-media{align-self:center;justify-content:flex-end}
:root .site-v2[data-design=arena] .block-hero .hero-logo-media img{width:min(100%,480px);max-width:100%;max-height:none;margin-left:auto;filter:none}
/* Taille du logo de bannière = réglage « hauteur d’image » du bloc (455 px à l’accueil, 307 px sur FiveM comme l’original) */
:root .site-v2[data-design=arena] .block-hero.variant-logo .hero-logo-media img{width:min(100%,var(--b-image-height))}
:root .site-v2[data-design=arena] .block-hero .eyebrow{display:block;max-width:none;margin:0 0 8px;padding:17px 0 17px 20px;font:700 20px/1 var(--arena-body);letter-spacing:4px;text-transform:uppercase;color:#000}
:root .site-v2[data-design=arena] .block-hero.align-center .eyebrow{padding-right:0}
:root .site-v2[data-design=arena] .block-hero .eyebrow:before,:root .site-v2[data-design=arena] .block-hero .eyebrow:after{content:none}
:root .site-v2[data-design=arena] .block-hero h1{max-width:none;margin:0 0 22px;font:800 var(--b-title)/.86 var(--arena-head);letter-spacing:.02em;text-transform:uppercase;color:var(--b-title-color);text-shadow:0 0 10px color-mix(in srgb,var(--arena-red) 94%,transparent);text-wrap:balance;overflow-wrap:break-word}
:root .site-v2[data-design=arena] .block-hero .hero-content>p{max-width:none;margin:0;font:700 var(--b-text)/1.4 var(--arena-body);letter-spacing:5px;text-transform:uppercase;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-hero .hero-actions{margin:19px 0 0}
/* Gros titre de bannière à logo : interligne de « SECONDLIFE / GAMING » (189 px pour 2 lignes à 118 px en Berlin Sans → .95 en Barlow) */
:root .site-v2[data-design=arena] .block-hero.variant-logo h1{line-height:.95}
/* Bannière de page simple (À propos, Contact) : fil d’Ariane MYKD, titre 50 px sans lueur, bloc de 1100 px centré */
:root .site-v2[data-design=arena] .block-hero.variant-default.align-left .hero-content{max-width:1100px}
:root .site-v2[data-design=arena] .block-hero.variant-default.align-left h1{margin:0 0 12px;line-height:1;letter-spacing:2px;text-shadow:none}
:root .site-v2[data-design=arena] .block-hero.variant-default.align-left .hero-content>p{font:700 14px/1.4 var(--arena-body);letter-spacing:2px}
:root .site-v2[data-design=arena] .block-hero .hero-bottom{margin-top:40px;padding-top:18px;border-top:1px solid #ffffff22;font:700 13px/1.4 var(--arena-head);letter-spacing:1.5px;text-transform:uppercase;color:var(--b-title-color)}

/* --- Titres de section : sur-titre Poppins, titre Barlow 800, barre blanche trapézoïdale --- */
:root .site-v2[data-design=arena] .site-block:not(.block-hero) .block-inner{max-width:calc(min(var(--b-width),var(--site-width)) + 30px);padding:var(--b-top) 15px var(--b-bottom)}
:root .site-v2[data-design=arena] .site-block:not(.block-hero) :is(.block-inner,.content-block>div)>.eyebrow{display:block;max-width:none;margin-top:0;margin-bottom:13px;font:700 14px/1 var(--arena-body);letter-spacing:2px;text-transform:uppercase;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .site-block:not(.block-hero) :is(.block-inner,.content-block>div)>.eyebrow:before{content:none}
:root .site-v2[data-design=arena] .site-block:not(.block-hero) h2{max-width:none;margin:0;font:800 var(--b-title)/1.2 var(--arena-head);letter-spacing:1px;text-transform:uppercase;color:var(--b-title-color);text-wrap:balance;overflow-wrap:break-word}
:root .site-v2[data-design=arena] .site-block:not(.block-hero) :is(.block-inner,.content-block>div)>h2+p,:root .site-v2[data-design=arena] .site-block:not(.block-hero) .block-inner>.eyebrow+p{margin-top:18px;margin-bottom:0;font:400 var(--b-text)/1.75 var(--arena-body)}
:root .site-v2[data-design=arena] .site-block:not(.block-hero) .block-inner>p{max-width:var(--b-text-width)}
:root .site-v2[data-design=arena] :is(.block-team,.block-gallery:not(.variant-logos),.block-cards:not(.variant-roadmap),.block-faq,.block-stats,.block-steps,.block-servers,.block-countdown,.block-video,.block-counter,.block-chart) .block-inner>h2:after,:root .site-v2[data-design=arena] .block-text.variant-bar .content-block>div>h2:after{content:"";display:block;width:65px;height:5px;margin:20px 0 0;background:var(--accent);clip-path:polygon(0 0,100% 0,93.846% 100%,6.154% 100%);margin-left:var(--arena-bar-l,0);margin-right:var(--arena-bar-r,0)}
:root .site-v2[data-design=arena] .site-block.align-center{--arena-bar-l:auto;--arena-bar-r:auto}
:root .site-v2[data-design=arena] .site-block.align-right{--arena-bar-l:auto}
:root .site-v2[data-design=arena] .block-inner>:is(.team-grid,.site-gallery,.universe-grid,.site-faq,.stats-grid,.servers-grid,.steps-line,.countdown-wrap){margin-top:0}
:root .site-v2[data-design=arena] .block-inner>:is(.eyebrow,h2,p)~:is(.team-grid,.site-gallery,.universe-grid,.site-faq,.stats-grid,.servers-grid,.steps-line,.countdown-wrap){margin-top:60px}

/* --- Équipe « cercle » : cartes MYKD (chevron clair, avatar rond cerclé de blanc) --- */
:root .site-v2[data-design=arena] .block-team .block-inner>:is(.eyebrow,h2,p)~.team-grid{margin-top:76px}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:0 30px}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card{flex:0 1 295px;min-width:0;margin:0 0 30px;padding:30px 25px 35px;gap:0;overflow:hidden;isolation:isolate;background:var(--site-surface);border:1px solid var(--arena-line);border-radius:12px;box-shadow:0 3px 13px #0000002b;transition:transform .3s ease-out}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card:before,:root .site-v2[data-design=arena] .block-team.variant-circle .team-card:after{content:"";position:absolute;top:-60px;z-index:-1;width:70px;height:320px;background:var(--site-text);opacity:.55;transition:opacity .3s ease-out}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card:before{left:2px;transform:rotate(-55deg)}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card:after{right:2px;transform:rotate(55deg)}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card:hover{transform:translateY(-7px)}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card:hover:before,:root .site-v2[data-design=arena] .block-team.variant-circle .team-card:hover:after{opacity:1}
:root .site-v2[data-design=arena] .block-team.variant-circle :is(.team-avatar,.team-initials){width:224px;height:auto;max-width:100%;aspect-ratio:1;margin:0 auto 33px;padding:0;border:3px solid var(--site-text);border-radius:50%;background:transparent;box-shadow:0 3px 7px #00000036,inset 0 3px 9px #000000eb;object-fit:cover}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-initials{display:grid;place-items:center;font:800 64px/1 var(--arena-head);color:var(--site-text);background:var(--arena-gray)}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card h3{margin:0 0 1px;font:800 20px/1.2 var(--arena-head);letter-spacing:1px;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card .eyebrow{margin:0;max-width:none;font:600 16px/1.75 var(--arena-head);letter-spacing:0;text-transform:uppercase;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card p{margin:10px 0 0;font-size:14px;line-height:1.6;max-width:none}
:root .site-v2[data-design=arena] .block-team.variant-circle .team-card .button{margin-top:18px;min-width:150px;padding:10px 34px;font-size:13px}

/* --- Équipe « défaut » : fiches streamers (nom, rôle jaune, bio, bouton de chaîne) --- */
:root .site-v2[data-design=arena] .block-team.variant-default .team-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:1053px;margin-inline:auto}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:40px;row-gap:0;align-items:start;padding:40px 0;text-align:left;background:none;border:0;border-bottom:1px solid var(--arena-line);border-radius:0}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card>*{grid-column:2}
:root .site-v2[data-design=arena] .block-team.variant-default :is(.team-avatar,.team-initials){grid-column:1;grid-row:1/span 4;width:150px;height:150px;margin:0;padding:0;border:3px solid var(--site-text);border-radius:50%;background:var(--arena-deep);box-shadow:0 3px 7px #00000036;object-fit:cover}
:root .site-v2[data-design=arena] .block-team.variant-default .team-initials{display:grid;place-items:center;font:800 48px/1 var(--arena-head);color:var(--site-text)}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card h3{margin:0 0 2px;font:700 30px/1.2 var(--arena-head);letter-spacing:0;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card .eyebrow{margin:0 0 18px;max-width:none;font:600 20px/1.75 var(--arena-head);letter-spacing:0;text-transform:uppercase;color:var(--arena-yellow)}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card p{margin:0;max-width:none;font:400 16px/1.75 var(--arena-body);color:var(--b-text-color)}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card .button{justify-self:start;margin-top:24px;min-width:247px;padding:13px 30px;clip-path:none;background:#1f2935;color:var(--site-muted);font:700 16px/1.75 var(--arena-head);letter-spacing:1px}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card .button:before{content:none}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card .button:hover{color:var(--site-text)}
:root .site-v2[data-design=arena] .block-team.variant-default .team-card .button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* --- Galerie « carrousel » : diapositive centrale, voisines réduites, cadre gris 8 px, barre de défilement fine --- */
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .block-inner{max-width:none;padding-inline:0}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .block-inner>:is(.eyebrow,h2,p){margin-inline:max(15px,calc((100% - var(--site-width)) / 2))}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel.align-center .block-inner>p{margin-inline:auto;max-width:min(var(--b-text-width),calc(100% - 30px))}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery{--slide:min(calc(min(var(--b-width),908px) + 30px),88%);display:flex;gap:0;padding:0 0 84px;scroll-padding-inline:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:auto;scrollbar-color:auto}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery:before,:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery:after{content:"";flex:0 0 calc((100% - var(--slide)) / 2)}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery>figure{flex:0 0 var(--slide);min-width:0;margin:0;padding:0 15px;background:none;border-radius:0;overflow:visible;scroll-snap-align:center}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery :is(img,.image-placeholder){display:block;width:100%;height:auto;aspect-ratio:908/518;object-fit:cover;border:8px solid var(--arena-frame);border-radius:0;box-shadow:0 3px 7px #0000006b;transition:transform .4s ease-out}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery[data-carousel=ready]>figure:not(.is-current) :is(img,.image-placeholder){transform:scale(.9)}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery figcaption{box-sizing:border-box;min-height:84px;padding:30px 0 0;text-align:left;transition:opacity .3s ease-out,transform .3s ease-out}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery[data-carousel=ready]>figure:not(.is-current) figcaption{opacity:0;transform:translateY(-40px)}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery figcaption h3{margin:0;font:700 26px/1.2 var(--arena-head);text-transform:uppercase;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery figcaption p{margin:8px 0 0;max-width:none}
:root .site-v2[data-design=arena] .block-gallery .site-gallery figcaption:has(>h3:empty):has(>p:empty):not(:has(a)){display:none}
:root .site-v2[data-design=arena] .block-gallery .site-gallery figcaption>:is(h3,p):empty{display:none}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery figcaption .button{margin-top:16px}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery::-webkit-scrollbar{height:8px}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery::-webkit-scrollbar-track{margin-inline:max(15px,calc(50vw - 462px));background:linear-gradient(transparent 2px,color-mix(in srgb,var(--accent) 49%,transparent) 2px 6px,transparent 6px)}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery::-webkit-scrollbar-thumb{background:var(--accent);border-radius:0}
/* Flèches (ajout accessible du runtime) de part et d’autre de la barre de défilement, à sa hauteur : la barre reste l’élément visible de l’original */
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .carousel-nav{position:relative;justify-content:space-between;gap:0;width:min(1020px,100%);margin:-24px auto 0}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .carousel-arrow{width:40px;height:40px;border:0;border-radius:0;background:none;color:var(--site-text);font:400 34px/1 var(--arena-head)}
:root .site-v2[data-design=arena] .block-gallery.variant-carousel .carousel-arrow:hover{color:var(--accent);background:none}

/* --- Galerie « logos » : partenaires 150 px arrondis, sans légende visible (lien sur tout le logo) --- */
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 60px}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .block-inner>:is(.eyebrow,h2,p)~.site-gallery{margin-top:20px}
:root .site-v2[data-design=arena] .block-gallery.variant-logos h2{font-weight:600;letter-spacing:4px}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery>figure{position:relative;flex:0 0 150px;margin:0;background:none;border-radius:var(--b-radius);overflow:visible}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery :is(img,.image-placeholder){display:block;width:150px;height:150px;object-fit:contain;border-radius:var(--b-radius);background:none;transition:transform .3s ease-out}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery>figure:hover img{transform:translateY(-6px)}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery figcaption{padding:0}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery figcaption>:is(h3,p){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery figcaption .button{position:absolute;inset:0;z-index:2;min-width:0;padding:0;opacity:0;clip-path:none}
:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery>figure:has(.button:focus-visible){outline:2px solid var(--accent);outline-offset:6px}

/* --- Galerie « défaut » : bandeau média Elementor (N vues côte à côte selon « colonnes », hauteur = « hauteur d’image », sans cadre, défilement horizontal) --- */
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery{display:flex;grid-template-columns:none;gap:10px;padding:0 0 22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) color-mix(in srgb,var(--accent) 20%,transparent)}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery>figure{flex:0 0 calc((100% - (var(--b-cols) - 1) * 10px) / var(--b-cols));min-width:0;margin:0;background:none;border-radius:0;overflow:visible;scroll-snap-align:start}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery :is(img,.image-placeholder){display:block;width:100%;height:var(--b-image-height);object-fit:cover;object-position:var(--b-x) var(--b-y);border:0;border-radius:0;box-shadow:none}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery::-webkit-scrollbar{height:6px}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery::-webkit-scrollbar-track{margin-inline:42%;background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:3px}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery figcaption{padding:14px 0 0}
:root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery h3{margin:0;font:700 20px/1.2 var(--arena-head);color:var(--b-title-color)}

/* --- Cartes « feuille de route » : titre à gauche, ligne verticale dégradée, cartes empilées --- */
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner{max-width:calc(1053px + 30px)}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner:has(>:is(.eyebrow,h2,p)){display:grid;grid-template-columns:minmax(0,41.66%) minmax(0,58.34%);grid-template-rows:repeat(3,auto) 1fr;align-content:start}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner>:is(.eyebrow,h2,p,.block-actions){grid-column:1;padding-right:15px}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner>.block-actions{align-self:start;margin:38px 0 0}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner h2{line-height:1;letter-spacing:3px;text-wrap:initial}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner>p{margin-top:28px;max-width:95%;font-size:var(--b-text);letter-spacing:1px}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-grid{position:relative;grid-column:2;grid-row:1/span 4;display:flex;flex-direction:column;gap:20px;margin:0;padding:0 0 0 120px}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner>:is(.eyebrow,h2,p)~.universe-grid{margin-top:0}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-grid:before{content:"";position:absolute;left:75px;top:0;bottom:0;width:6px;border-radius:5px;background:linear-gradient(0deg,var(--site-bg),var(--accent))}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card{display:block;min-height:0;padding:45px;overflow:hidden;background:var(--site-surface);border:0;border-radius:8px;box-shadow:0 3px 7px #00000036;text-align:left;transform:none}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card:hover{transform:none;border-color:transparent}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card:after{content:none}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card img{position:absolute;inset:30px 20px auto auto;z-index:0;width:auto;height:auto;max-width:210px;max-height:210px;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .4s ease-out;border-radius:0}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card:hover img{opacity:.11;transform:none}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card .card-body{position:relative;z-index:1;display:block;min-height:0;padding:0}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card .card-body h3{margin:0 0 22px;font:800 30px/1 var(--arena-head);letter-spacing:0;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card .card-body p{min-height:0;max-width:none;margin:0;font:400 16px/34px var(--arena-body);color:var(--b-text-color)}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card :is(.game-symbol,.card-link){display:none}
:root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card .eyebrow{margin:0 0 10px;font:700 13px/1 var(--arena-body);letter-spacing:2px;color:var(--arena-yellow)}
:root .site-v2[data-design=arena] .block-cards .universe-card .eyebrow:empty{display:none}

/* --- Cartes par défaut / tuiles / verre / numérotées / mascottes : cartes sombres MYKD --- */
:root .site-v2[data-design=arena] .block-cards:not(.variant-roadmap) .universe-card{border:1px solid var(--arena-line);border-radius:12px;background:var(--site-surface);box-shadow:0 3px 13px #0000002b}
:root .site-v2[data-design=arena] .block-cards:not(.variant-roadmap) .universe-card .card-body h3{font:800 26px/1.15 var(--arena-head);letter-spacing:.5px;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-cards:not(.variant-roadmap) .universe-card .card-body p{font:400 15px/1.75 var(--arena-body)}
:root .site-v2[data-design=arena] .block-cards:not(.variant-roadmap) .universe-card .eyebrow{font:700 12px/1 var(--arena-body);letter-spacing:2px;color:var(--arena-yellow)}
:root .site-v2[data-design=arena] .block-cards:not(.variant-roadmap) .universe-card .card-link{font:700 14px/1 var(--arena-head);letter-spacing:1px;text-transform:uppercase;color:var(--site-text)}
:root .site-v2[data-design=arena] .block-cards:not(.variant-roadmap) .universe-card .game-symbol{width:auto;height:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font:800 38px/1 var(--arena-head);color:var(--site-text);opacity:.3}
:root .site-v2[data-design=arena] .block-cards.variant-mascot .universe-card{text-align:center}
/* Cartes « verre » = petites cases de réseaux sociaux MYKD (« Suivez-nous ici ») : cases de 97 × 80 px au liseré rouge, libellé centré */
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card{position:relative;display:grid;place-items:center;flex:0 0 194px;width:194px;min-height:158px;padding:12px;overflow:visible;background:color-mix(in srgb,var(--site-bg) 60%,#000);border:1px solid var(--arena-red);border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;transform:none;transition:background-color .3s}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card:before{content:"";position:absolute;left:-1px;bottom:-5px;width:60px;height:4px;background:var(--arena-red)}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card:after{content:none}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card:hover{transform:none;background:var(--arena-red)}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card>img{position:static;width:28px;height:28px;object-fit:contain;opacity:1}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card .card-body{display:block;min-height:0;padding:0}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card .card-body>:not(h3){display:none}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card .card-body h3{margin:0;font:700 13px/1.3 var(--arena-head);letter-spacing:1.5px;color:var(--arena-red)}
:root .site-v2[data-design=arena] .block-cards.variant-glass .universe-card:hover .card-body h3{color:var(--site-text)}
/* Cartes « tuiles » = liste de boutique MYKD : panneau sombre, une ligne par article (vignette, nom, lien à droite) */
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-grid{display:flex;flex-direction:column;gap:0;max-width:1120px;margin-inline:auto;padding:22px 15px;background:var(--site-surface);border:1px solid var(--arena-line);border-radius:12px;box-shadow:0 3px 13px #0000002b}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:22px;min-height:0;padding:12px 15px;background:none;border:0;border-bottom:1px solid var(--arena-line);border-radius:0;box-shadow:none;transform:none}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card:last-child{border-bottom:0}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card:hover{transform:none;background:color-mix(in srgb,var(--site-text) 4%,transparent)}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card:after{content:none}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card>img{position:static;flex:none;width:40px;height:32px;margin:0;object-fit:contain;border-radius:0;opacity:1}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card .card-body{display:flex;flex-direction:row;flex:1;align-items:center;gap:20px;min-height:0;padding:0}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card .card-body>:is(.eyebrow,.game-symbol),:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card .card-body>p:empty{display:none}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card .card-body h3{flex:1;margin:0;font:600 13px/1.4 var(--arena-head);letter-spacing:1px;text-transform:uppercase;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card .card-body p{margin:0;font-size:13px}
:root .site-v2[data-design=arena] .block-cards.variant-tiles .universe-card .card-link{margin:0;padding:0;border:0;font:600 12px/1 var(--arena-head);letter-spacing:1px;color:var(--site-muted)}

/* --- Texte, image & texte, appel à l’action --- */
:root .site-v2[data-design=arena] .site-block .content-block{gap:min(var(--b-gap),60px) 60px}
:root .site-v2[data-design=arena] .site-block .content-block>div>h2{line-height:1.1}
:root .site-v2[data-design=arena] .site-block .content-block>div>p{max-width:var(--b-text-width)}
:root .site-v2[data-design=arena] .site-block .content-block .hero-actions{margin-top:35px}
:root .site-v2[data-design=arena] .site-block .content-block .hero-actions:empty{display:none}
/* Couleur de fond du bloc (réglage « Fond ») : fonds unis à la place des textures du thème (team_bg, area_bg…) */
:root .site-v2[data-design=arena] .site-block:not(.block-hero,.block-callout){background-color:var(--b-bg)}
:root .site-v2[data-design=arena] .site-block .content-block.with-image>img{border:0;border-radius:0;box-shadow:none}
/* Image & texte = fiche « about » MYKD : image 5/12 sans cadre, titre 30 px, sur-titre (rôle) sous le titre en Barlow 20 px, boutons en barres sombres */
:root .site-v2[data-design=arena] .block-image .content-block.with-image{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:30px}
:root .site-v2[data-design=arena] .block-image.layout-image-right .content-block.with-image{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
:root .site-v2[data-design=arena] .block-image .content-block>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
:root .site-v2[data-design=arena] .site-block.block-image .content-block>div>h2{order:1;margin:0 0 2px;font-weight:700}
:root .site-v2[data-design=arena] .site-block.block-image .content-block>div>.eyebrow{order:2;margin:0 0 22px;font:600 20px/1.4 var(--arena-head);letter-spacing:0}
:root .site-v2[data-design=arena] .site-block.block-image .content-block>div>h2~p{order:3;margin:0;font:400 var(--b-text)/1.75 var(--arena-body)}
:root .site-v2[data-design=arena] .block-image .content-block .hero-actions{order:4;display:flex;flex-wrap:wrap;align-self:stretch;gap:7px;margin-top:30px}
:root .site-v2[data-design=arena] .block-image .content-block .hero-actions .button{flex:1 1 0;min-width:min(100%,160px);padding:24px 20px;clip-path:none;background:var(--site-surface);color:var(--site-muted);font:700 16px/1.75 var(--arena-head);letter-spacing:1px;border-bottom:1px solid var(--arena-line)}
:root .site-v2[data-design=arena] .block-image .content-block .hero-actions .button:before{content:none}
:root .site-v2[data-design=arena] .block-image .content-block .hero-actions .button:hover{color:var(--site-text);background:color-mix(in srgb,var(--site-surface) 80%,var(--site-text))}
:root .site-v2[data-design=arena] .block-image .content-block .hero-actions .button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;text-decoration:none}
:root .site-v2[data-design=arena] .block-callout{position:relative;isolation:isolate;max-width:none;margin:0;border:0;border-radius:0;background:linear-gradient(var(--b-bg),var(--b-bg)),color-mix(in srgb,var(--site-surface) 12%,var(--site-bg))}
/* Appel à l’action sans titre ni texte = section vidéo MYKD : image en affiche 1140 × 640 (si présente) et bouton lecture rond (libellé lu par les lecteurs d’écran) */
:root .site-v2[data-design=arena] .block-callout.variant-video{background:linear-gradient(var(--b-bg),var(--b-bg)),var(--site-bg)}
:root .site-v2[data-design=arena] .block-callout.variant-video .content-block.with-image{position:relative;display:block;max-width:calc(1140px + 30px);padding:var(--b-top) 15px var(--b-bottom)}
:root .site-v2[data-design=arena] .block-callout.variant-video .content-block.with-image>img{position:relative;inset:auto;z-index:0;display:block;width:100%;height:auto;aspect-ratio:1140/640;opacity:1;object-fit:cover}
:root .site-v2[data-design=arena] .block-callout.variant-video .content-block.with-image>div{position:absolute;inset:var(--b-top) 15px var(--b-bottom);z-index:1;display:grid;place-items:center}
:root .site-v2[data-design=arena] .block-callout.variant-video .hero-actions{margin:0}
:root .site-v2[data-design=arena] .block-callout.variant-video .hero-actions .button:first-child{width:95px;height:95px;min-width:0;padding:0;overflow:hidden;font-size:0;line-height:0;color:transparent;clip-path:none;background:transparent;border:3px solid color-mix(in srgb,var(--site-text) 82%,transparent);border-radius:50%;transition:background-color .3s}
:root .site-v2[data-design=arena] .block-callout.variant-video .hero-actions .button:first-child:before{inset:auto;left:calc(50% - 7px);top:calc(50% - 11px);z-index:0;width:20px;height:22px;background:var(--site-text);clip-path:polygon(0 0,100% 50%,0 100%)}
:root .site-v2[data-design=arena] .block-callout.variant-video .hero-actions .button:first-child:hover{background:var(--site-text)}
:root .site-v2[data-design=arena] .block-callout.variant-video .hero-actions .button:first-child:hover:before{background:var(--site-bg)}
:root .site-v2[data-design=arena] .block-callout.variant-video .hero-actions .button:first-child:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
:root .site-v2[data-design=arena] .block-callout .content-block,:root .site-v2[data-design=arena] .block-callout .content-block.with-image{position:static;display:flex;flex-direction:column;justify-content:center;max-width:calc(650px + 30px)}
:root .site-v2[data-design=arena] .block-callout.align-center .content-block{align-items:center}
:root .site-v2[data-design=arena] .block-callout .content-block.with-image>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-height:none;border:0;box-shadow:none;object-fit:cover;opacity:calc(1 - var(--b-overlay))}
:root .site-v2[data-design=arena] .block-callout .content-block>div>h2{margin-bottom:6px;line-height:1.2;letter-spacing:3px;text-shadow:0 3px 7px #00000054}
:root .site-v2[data-design=arena] .block-callout .content-block>div>h2+p{margin-top:0;font-size:var(--b-text);letter-spacing:.9px;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .block-callout .content-block .hero-actions{margin-top:30px}

/* --- Autres blocs : FAQ, chiffres, serveurs, étapes, compte à rebours, bandeau, vidéo --- */
:root .site-v2[data-design=arena] .site-faq{gap:12px}
:root .site-v2[data-design=arena] .site-faq details{padding:22px 26px;background:var(--site-surface);border:1px solid var(--arena-line);border-radius:8px}
:root .site-v2[data-design=arena] .site-faq summary{font:700 18px/1.3 var(--arena-head);letter-spacing:.5px;text-transform:uppercase;color:var(--b-title-color)}
:root .site-v2[data-design=arena] .site-faq p{font-size:15px}
:root .site-v2[data-design=arena] .stat-item{padding:28px 20px;background:var(--site-surface);border-radius:8px;box-shadow:0 3px 7px #00000036}
:root .site-v2[data-design=arena] :is(.stat-value,.stat-item .counter-value){font:800 clamp(40px,4.4vw,60px)/1 var(--arena-head);letter-spacing:0}
:root .site-v2[data-design=arena] .stat-label{font:700 16px/1.4 var(--arena-head);letter-spacing:1px;text-transform:uppercase;color:var(--site-muted)}
:root .site-v2[data-design=arena] .stat-note{font-family:var(--arena-body)}
:root .site-v2[data-design=arena] .server-card{background:var(--site-surface);border:0;border-radius:8px;box-shadow:0 3px 7px #00000036}
:root .site-v2[data-design=arena] .server-body .eyebrow{font:700 12px/1 var(--arena-body);letter-spacing:2px;color:var(--arena-yellow)}
:root .site-v2[data-design=arena] .server-body h3{font:800 26px/1.1 var(--arena-head);color:var(--b-title-color)}
:root .site-v2[data-design=arena] .server-tag{font-family:var(--arena-head);color:var(--site-text);border-color:color-mix(in srgb,var(--site-text) 35%,transparent);background:color-mix(in srgb,var(--site-bg) 70%,transparent);border-radius:0}
:root .site-v2[data-design=arena] .server-address code{border-radius:0}
:root .site-v2[data-design=arena] .server-address .copy-address{border-radius:0;font-family:var(--arena-head);font-weight:700;text-transform:uppercase}
:root .site-v2[data-design=arena] .server-body>.button{align-self:flex-start;width:auto;min-width:min(100%,195px)}
:root .site-v2[data-design=arena] .block-servers.variant-pill .servers-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),max-content));justify-content:center}
:root .site-v2[data-design=arena] .block-servers.variant-pill .server-card{flex-direction:row;align-items:center;gap:16px;padding:10px 28px 10px 10px;border-radius:999px;border:2px solid var(--arena-line)}
:root .site-v2[data-design=arena] .block-servers.variant-pill .server-media{flex:none;width:58px;height:58px;aspect-ratio:1;border-radius:50%}
:root .site-v2[data-design=arena] .block-servers.variant-pill .server-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:6px 0}
:root .site-v2[data-design=arena] .block-servers.variant-pill .server-body h3{font-size:20px}
:root .site-v2[data-design=arena] .block-servers.variant-pill .server-body p{font-size:14px}
:root .site-v2[data-design=arena] .block-servers.variant-pill .server-tag{position:static}
:root .site-v2[data-design=arena] .block-servers.variant-pill .server-body>.button{width:auto;margin:0}
:root .site-v2[data-design=arena] .step-index{font-family:var(--arena-head);border-color:var(--site-text);border-radius:50%}
:root .site-v2[data-design=arena] .steps-line h3{font:800 22px/1.2 var(--arena-head);color:var(--b-title-color)}
:root .site-v2[data-design=arena] .countdown-unit b{font-family:var(--arena-head)}
:root .site-v2[data-design=arena] .countdown-unit span,:root .site-v2[data-design=arena] .countdown-pending{font-family:var(--arena-head);font-weight:700;letter-spacing:1px;text-transform:uppercase}
:root .site-v2[data-design=arena] .ticker{font:700 16px/1 var(--arena-head);letter-spacing:1px;text-transform:uppercase}
:root .site-v2[data-design=arena] .block-video .site-video{border:8px solid var(--arena-frame);border-radius:0}

/* --- Pied de page MYKD : bande haute (grand logo + présentation) puis barre de copyright plus sombre (fond posé par le copyright, sur toute la largeur) --- */
:root .site-v2[data-design=arena] .site-footer{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 40px;padding:80px max(15px,calc((100% - var(--site-width)) / 2)) 0;background:var(--site-bg);border-top:1px solid var(--arena-line);font:600 14px/1.7 var(--arena-head);letter-spacing:.3px;text-transform:uppercase;color:var(--site-muted)}
:root .site-v2[data-design=arena] .site-footer .site-brand{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 75px;font:800 20px/1 var(--arena-head);letter-spacing:1px;color:var(--site-text)}
:root .site-v2[data-design=arena] .site-footer .brand-logo{width:auto;height:177px;max-width:min(100%,354px);margin:0 0 42px;object-fit:contain}
:root .site-v2[data-design=arena] .site-footer .site-brand>.logo{width:120px;height:120px;margin:0 0 42px;font-size:60px}
:root .site-v2[data-design=arena] .site-footer .site-brand>span{font-size:0;line-height:0;letter-spacing:0}
:root .site-v2[data-design=arena] .site-footer .site-brand small{display:block;max-width:230px;margin:0;font:400 15px/1.75 var(--arena-body);letter-spacing:0;text-transform:none;color:var(--site-muted)}
:root .site-v2[data-design=arena] .site-footer>span{max-width:520px;padding:44px 22px;background:var(--arena-deep);box-shadow:0 0 0 100vmax var(--arena-deep);clip-path:inset(0 -100vmax -100vmax)}
:root .site-v2[data-design=arena] .site-footer .footer-access{position:relative;z-index:1;display:inline-flex;align-items:center;margin-right:150px;padding:8px 26px;border:0;border-radius:3px;background:var(--site-surface);color:var(--site-text);font:700 16px/1.5 var(--arena-head);letter-spacing:0}
:root .site-v2[data-design=arena] .site-footer .footer-access:hover{background:var(--site-text);color:var(--site-bg)}
:root .site-v2[data-design=arena] .footer-access{color:var(--site-text);border-bottom:1px solid currentColor}

/* --- Tablette --- */
@media(max-width:1199px){
  :root .site-v2[data-design=arena] .block-hero:before,:root .site-v2[data-design=arena] .block-hero:after{height:30px}
  :root .site-v2[data-design=arena] .block-hero h1{font-size:min(var(--b-title),9vw)}
  :root .site-v2[data-design=arena] .block-hero .eyebrow{font-size:17px;padding:15px 20px}
  :root .site-v2[data-design=arena] .block-hero .hero-content>p{font-size:min(var(--b-text),22px)}
  :root .site-v2[data-design=arena] .block-hero.variant-logo .hero-content:has(.hero-logo-media){padding-left:15px;padding-right:15px}
  :root .site-v2[data-design=arena] .desktop-nav>a,:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown>summary{padding:38px 14px}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-grid{padding-left:75px}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-grid:before{left:30px}
}
@media(max-width:950px){
  :root .site-v2[data-design=arena] .site-header{gap:20px}
  :root .site-v2[data-design=arena] .desktop-nav{font-size:13px}
  :root .site-v2[data-design=arena] .desktop-nav>a,:root .site-v2[data-design=arena] .desktop-nav>.nav-dropdown>summary{padding:30px 9px}
  :root .site-v2[data-design=arena] .block-hero.variant-logo .hero-content:has(.hero-logo-media){display:block;text-align:center}
  :root .site-v2[data-design=arena] .block-hero .hero-logo-media{justify-content:center;margin-top:50px}
  :root .site-v2[data-design=arena] .block-hero .hero-logo-media img{margin:0 auto;width:min(100%,420px)}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner:has(>:is(.eyebrow,h2,p)){display:block}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner>:is(.eyebrow,h2,p,.block-actions){padding-right:0}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner>:is(.eyebrow,h2,p)~.universe-grid{margin-top:50px}
}

/* --- Mobile --- */
@media(max-width:720px){
  :root .site-v2[data-design=arena]{--arena-header:81px}
  :root .site-v2[data-design=arena] .site-header{gap:12px;padding:0 15px}
  :root .site-v2[data-design=arena] .site-brand{font-size:18px;gap:10px}
  :root .site-v2[data-design=arena] .brand-logo{height:min(var(--logo-size),46px)}
  :root .site-v2[data-design=arena] .mobile-nav>summary{display:grid;place-items:center;width:47px;height:41px;padding:0;border:2px solid var(--site-text);border-radius:0;font-size:24px;line-height:1;color:var(--site-text);list-style:none;cursor:pointer}
  :root .site-v2[data-design=arena] .mobile-nav>summary::-webkit-details-marker{display:none}
  :root .site-v2[data-design=arena] .mobile-nav>nav{top:81px;gap:0;padding:0 0 12px;background:var(--site-bg);border-top:1px solid var(--arena-line);border-bottom:1px solid var(--arena-line);box-shadow:0 20px 50px #0008;font:600 15px/1.5 var(--arena-head);text-transform:uppercase;letter-spacing:.5px}
  :root .site-v2[data-design=arena] .mobile-nav nav>a,:root .site-v2[data-design=arena] .mobile-nav .nav-dropdown>summary{display:block;padding:11px 25px;border-bottom:1px solid var(--arena-line);color:var(--site-text);list-style:none}
  :root .site-v2[data-design=arena] .mobile-nav .nav-dropdown>summary::-webkit-details-marker{display:none}
  :root .site-v2[data-design=arena] .mobile-nav .nav-dropdown>summary:after{content:"+";float:right;margin:0;color:var(--site-text)}
  :root .site-v2[data-design=arena] .mobile-nav .nav-dropdown[open]>summary:after{content:"−"}
  :root .site-v2[data-design=arena] .mobile-nav .nav-dropdown>div{position:static;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none}
  :root .site-v2[data-design=arena] .mobile-nav .nav-dropdown>div a{padding:11px 25px 11px 45px;border-bottom:1px solid var(--arena-line);font-size:15px;font-weight:600}
  :root .site-v2[data-design=arena] .mobile-nav nav>a[aria-current],:root .site-v2[data-design=arena] .mobile-nav .nav-dropdown>div a[aria-current]{background:var(--arena-gray)}
  :root .site-v2[data-design=arena] .mobile-nav nav>a.nav-highlight,:root .site-v2[data-design=arena] .mobile-nav .nav-dropdown>summary.nav-highlight{justify-self:stretch;margin:12px 25px 0;padding:12px 20px;border:0;text-align:center;color:var(--site-button-text)}
  :root .site-v2[data-design=arena] .mobile-nav nav>:is(.nav-discord,.portal-access){margin:12px 25px 0;padding:11px 0;border:0;border-bottom:1px solid var(--arena-line)}
  :root .site-v2[data-design=arena] .block-hero{min-height:var(--b-mobile-height)}
  :root .site-v2[data-design=arena] .block-hero:before,:root .site-v2[data-design=arena] .block-hero:after{height:20px}
  :root .site-v2[data-design=arena] .block-hero .hero-content{padding:var(--b-top) 15px calc(var(--b-bottom) + 20px)}
  :root .site-v2[data-design=arena] .block-hero .eyebrow{padding:15px 20px;font-size:17px;line-height:1;letter-spacing:4px}
  :root .site-v2[data-design=arena] .block-hero h1{font-size:var(--b-mobile-title);line-height:.8;letter-spacing:.01em;max-width:100%}
  :root .site-v2[data-design=arena] .block-hero .hero-content>p{font-size:max(14px,calc(var(--b-text) * .77));letter-spacing:3px}
  :root .site-v2[data-design=arena] .block-hero .hero-logo-media{margin-top:43px}
  :root .site-v2[data-design=arena] .block-hero .hero-logo-media img{width:min(100%,360px);max-height:none}
  :root .site-v2[data-design=arena] .site-block:not(.block-hero) h2{font-size:var(--b-mobile-title);line-height:1.1}
  :root .site-v2[data-design=arena] .block-team.variant-circle .team-card{flex-basis:320px}
  :root .site-v2[data-design=arena] .block-team.variant-default .team-card{grid-template-columns:minmax(0,1fr);text-align:center;padding:30px 0}
  :root .site-v2[data-design=arena] .block-team.variant-default .team-card>*,:root .site-v2[data-design=arena] .block-team.variant-default :is(.team-avatar,.team-initials){grid-column:1;grid-row:auto}
  :root .site-v2[data-design=arena] .block-team.variant-default :is(.team-avatar,.team-initials){width:120px;height:120px;margin:0 auto 20px}
  :root .site-v2[data-design=arena] .block-team.variant-default .team-card .button{justify-self:stretch;min-width:0}
  :root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery{--slide:100%;padding-bottom:36px}
  :root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery::-webkit-scrollbar-track{margin-inline:50px}
  :root .site-v2[data-design=arena] .block-gallery.variant-default .site-gallery>figure{flex-basis:100%}
  :root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery figcaption{padding-top:20px}
  :root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery figcaption h3{font-size:20px}
  :root .site-v2[data-design=arena] .block-gallery.variant-carousel .site-gallery :is(img,.image-placeholder){border-width:5px}
  :root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery{gap:24px}
  :root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery>figure{flex-basis:100px}
  :root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery :is(img,.image-placeholder){width:100px;height:100px}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-grid{padding-left:35px}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-grid:before{left:0}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card{padding:35px 25px}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .universe-card .card-body h3{font-size:24px;line-height:1}
  :root .site-v2[data-design=arena] .block-cards.variant-roadmap .block-inner h2{line-height:1.05;letter-spacing:2px}
  :root .site-v2[data-design=arena] .block-callout .content-block>div>h2{line-height:1.1;letter-spacing:1px}
  :root .site-v2[data-design=arena] .site-block:not(.block-callout) .content-block.with-image>img{height:min(var(--b-image-height),56vw)}
  :root .site-v2[data-design=arena] .block-image .content-block.with-image,:root .site-v2[data-design=arena] .block-image.layout-image-right .content-block.with-image{grid-template-columns:minmax(0,1fr)}
  /* Marges verticales réduites comme le thème MYKD sur mobile (≈ 80 %) ; bannière simple centrée */
  :root .site-v2[data-design=arena] .site-block:not(.block-hero) .block-inner{padding-top:calc(var(--b-top) * .8);padding-bottom:calc(var(--b-bottom) * .8)}
  :root .site-v2[data-design=arena] .block-hero.variant-default.align-left .hero-content{text-align:center}
  :root .site-v2[data-design=arena] .block-image.layout-image-right .content-block.with-image>img{order:0}
  :root .site-v2[data-design=arena] main>.block-hero.variant-logo .hero-content{padding-bottom:calc(var(--b-bottom) + 38px)}
  :root .site-v2[data-design=arena]:has(>.site-header) main>.block-hero.variant-logo:first-child .hero-content{padding-top:calc(var(--b-top) + var(--arena-header) + 27px)}
  :root .site-v2[data-design=arena] .block-servers.variant-pill .server-card{border-radius:24px}
  :root .site-v2[data-design=arena] .site-footer{grid-template-columns:minmax(0,1fr);justify-items:center;padding:60px 15px 0;gap:0}
  :root .site-v2[data-design=arena] .site-footer .site-brand{justify-self:start;margin-bottom:50px}
  :root .site-v2[data-design=arena] .site-footer .site-brand small{max-width:none}
  :root .site-v2[data-design=arena] .site-footer>span{max-width:none;padding:44px 25px 30px;text-align:center}
  :root .site-v2[data-design=arena] .site-footer .footer-access{margin:0 0 30px}
}
@media(prefers-reduced-motion:reduce){
  :root .site-v2[data-design=arena] :is(.team-card,.team-card:before,.team-card:after,.button,.button:before,.site-gallery img,.site-gallery figcaption,.universe-card img,.desktop-nav>a:before,.nav-dropdown summary:before,.nav-dropdown>div a:before){transition:none!important}
  :root .site-v2[data-design=arena] .block-team.variant-circle .team-card:hover,:root .site-v2[data-design=arena] .block-gallery.variant-logos .site-gallery>figure:hover img{transform:none}
}

/* ===== Ambiance Royaume ===== */
/* Reproduction du thème Azuriom « Rainbow » d'alpheoscraft.fr (relevé le 03/10/2026 : styles calculés à 1440 et 390 px).
   Palette d'origine : fond hsl(353,12%,13%) #251d1e, cartes #2d2526, barres #443c3d, primaire hsl(47,73%,53%) #dfb930.
   Police d'origine : pile système de Bootstrap 5 (Segoe UI sous Windows) — aucune police à télécharger. */
:root .site-v2[data-design=realm]{--rl-bg:#251d1e;--rl-surface:#2d2526;--rl-bar:#443c3d;--rl-primary:#dfb930;--rl-primary-hover:#e8cb68;--rl-highlight:#cbaa34;--rl-text:#fff;--rl-muted:#e4e2e2;--rl-radius:4.8px;--rl-header:65px;--rl-container:1320px;--rl-inner:calc(var(--rl-container) - 24px);--rl-shadow:0 8px 16px rgba(0,0,0,.15);--rl-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background:var(--rl-bg);color:var(--rl-text);font-family:var(--rl-font);font-size:16px;line-height:1.5}
@media(max-width:1399.98px){:root .site-v2[data-design=realm]{--rl-container:1140px}}
@media(max-width:1199.98px){:root .site-v2[data-design=realm]{--rl-container:960px}}
@media(max-width:991.98px){:root .site-v2[data-design=realm]{--rl-container:720px}}
@media(max-width:767.98px){:root .site-v2[data-design=realm]{--rl-container:540px}}
@media(max-width:575.98px){:root .site-v2[data-design=realm]{--rl-container:100%;--rl-inner:100%}}
/* Particules du fond (points fixes discrets, comme particles.js) */
:root .site-v2[data-design=realm]:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 23px 41px,#ffffff2e 0 1.3px,transparent 1.8px),radial-gradient(circle at 151px 97px,#ffffff24 0 1px,transparent 1.5px),radial-gradient(circle at 263px 19px,#ffffff33 0 1.6px,transparent 2.1px),radial-gradient(circle at 89px 213px,#ffffff1f 0 1px,transparent 1.5px),radial-gradient(circle at 211px 251px,#ffffff2b 0 1.4px,transparent 1.9px),radial-gradient(circle at 307px 173px,#ffffff1c 0 1px,transparent 1.5px);background-size:331px 283px}
:root .site-v2[data-design=realm] main{display:block;padding-bottom:104px}
:root .site-v2[data-design=realm] .site-block{border:0}
:root .site-v2[data-design=realm] :where(.site-block) :is(h1,h2,h3){font-family:var(--rl-font);font-weight:500;line-height:1.2;letter-spacing:0;color:var(--rl-text);text-transform:none;text-wrap:initial}
:root .site-v2[data-design=realm] :where(.site-block p){color:var(--rl-text);line-height:1.5;margin:0 0 16px}
:root .site-v2[data-design=realm] .site-block .eyebrow{font-family:var(--rl-font);letter-spacing:0;text-transform:none}
:root .site-v2[data-design=realm] .site-block .block-inner{max-width:var(--rl-container);padding:var(--b-top) 12px var(--b-bottom)}
:root .site-v2[data-design=realm] .site-block .hero-actions:empty{display:none}
:root .site-v2[data-design=realm] .site-block .block-inner>.eyebrow{display:block;max-width:none;margin:0 0 8px;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--rl-primary)}
:root .site-v2[data-design=realm] main>.site-block:first-child:not(.block-hero){margin-top:var(--rl-header)}

/* --- Boutons (btn-primary du thème) --- */
:root .site-v2[data-design=realm] .site-block .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;font:400 16px/1.5 var(--rl-font);letter-spacing:0;text-transform:none;color:#fff;background:var(--rl-primary);border:1px solid var(--rl-primary);border-radius:var(--rl-radius);box-shadow:2px 5px 9px 2px var(--rl-bg);transition:background-color .15s,border-color .15s,box-shadow .15s;filter:none;transform:none}
:root .site-v2[data-design=realm] .site-block .button:hover{background:var(--rl-primary-hover);border-color:var(--rl-primary-hover);box-shadow:0 0 9px 2px var(--rl-bg);transform:none;filter:none}
:root .site-v2[data-design=realm] .site-block .button.ghost{background:transparent;color:var(--rl-primary);border-color:var(--rl-primary)}
:root .site-v2[data-design=realm] .site-block .button.ghost:hover{background:var(--rl-primary);color:#fff}
:root .site-v2[data-design=realm] .site-block .button>span[aria-hidden]{display:none}

/* --- En-tête : barre de 65 px translucide posée sur la bannière, logo débordant à gauche --- */
:root .site-v2[data-design=realm] .site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:stretch;gap:0;height:var(--rl-header);padding:0 16px;background:rgba(37,29,30,.8);border:0;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--rl-font)}
:root .site-v2[data-design=realm] .site-header.is-sticky{position:fixed}
:root .site-v2[data-design=realm].editing .site-header,:root .site-v2[data-design=realm].editing .site-header.is-sticky{position:absolute}
:root .site-v2[data-design=realm] .preview-banner{position:relative;z-index:25}
:root .site-v2[data-design=realm] .site-header .site-brand{flex:0 0 106px;position:relative;z-index:3;min-width:0;max-width:none;gap:0;letter-spacing:0;font-size:20px;font-weight:700;color:var(--rl-text)}
:root .site-v2[data-design=realm] .site-header .brand-logo{position:absolute;top:0;left:-16px;width:156px;height:auto;max-width:none;object-fit:contain;transition:transform .312s}
:root .site-v2[data-design=realm] .site-header .site-brand:has(.brand-logo)>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root .site-v2[data-design=realm] .site-header .site-brand:not(:has(.brand-logo)){flex:0 0 auto;align-items:center;gap:10px;margin-right:16px}
:root .site-v2[data-design=realm] .site-header .logo{display:grid;place-items:center;width:44px;height:44px;font:700 24px/1 var(--rl-font);letter-spacing:0;font-style:normal;color:#fff;background:var(--rl-primary);border-radius:var(--rl-radius);box-shadow:none}
:root .site-v2[data-design=realm] .site-header .site-brand small{color:var(--rl-muted);font-size:11px;letter-spacing:1px}
:root .site-v2[data-design=realm] .desktop-nav{display:flex;align-items:stretch;gap:15px;margin:0 auto;font:700 16px/1 var(--rl-font);color:var(--rl-muted)}
:root .site-v2[data-design=realm] .desktop-nav>a,:root .site-v2[data-design=realm] .desktop-nav>.nav-dropdown>summary,:root .site-v2[data-design=realm] .header-actions>a{position:relative;isolation:isolate;display:flex;align-items:center;height:var(--rl-header);padding:5px 8px;color:var(--rl-muted);font-weight:700;text-transform:uppercase;white-space:nowrap;background:none;border:0;border-radius:0}
:root .site-v2[data-design=realm] .desktop-nav>a:before,:root .site-v2[data-design=realm] .desktop-nav>.nav-dropdown>summary:before,:root .site-v2[data-design=realm] .header-actions>a:before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--rl-primary);opacity:0;transition:opacity .15s}
:root .site-v2[data-design=realm] .desktop-nav>a[aria-current]:before,:root .site-v2[data-design=realm] .desktop-nav>a:hover:before,:root .site-v2[data-design=realm] .desktop-nav>a:focus-visible:before,:root .site-v2[data-design=realm] .desktop-nav>.nav-dropdown>summary:hover:before,:root .site-v2[data-design=realm] .desktop-nav>.nav-dropdown[open]>summary:before,:root .site-v2[data-design=realm] .desktop-nav>.nav-dropdown:has([aria-current])>summary:before,:root .site-v2[data-design=realm] .header-actions>a:hover:before{opacity:1}
:root .site-v2[data-design=realm] .desktop-nav>a[aria-current]{color:var(--rl-muted)}
:root .site-v2[data-design=realm] .site-header .nav-icon{width:35px;height:35px;margin:0 8px 0 16px;object-fit:contain;vertical-align:middle;flex:none}
/* Boutons jaunes du menu (VOTE / BOUTIQUE d'origine) */
:root .site-v2[data-design=realm] .desktop-nav>a.nav-highlight,:root .site-v2[data-design=realm] .desktop-nav>.nav-dropdown>summary.nav-highlight{padding:5px 40px 5px 8px;color:var(--rl-muted);background:none;border-radius:0;filter:none;line-height:1}
:root .site-v2[data-design=realm] .desktop-nav>a.nav-highlight:after{content:"";position:absolute;z-index:-1;top:calc(50% - 20px);left:5%;width:90%;height:40px;border-radius:4px;background:var(--rl-highlight)}
:root .site-v2[data-design=realm] .desktop-nav>.nav-dropdown>summary.nav-highlight{background:linear-gradient(var(--rl-highlight),var(--rl-highlight)) center/90% 40px no-repeat}
:root .site-v2[data-design=realm] .desktop-nav>a.nav-highlight:hover,:root .site-v2[data-design=realm] .desktop-nav>a.nav-highlight[aria-current]{color:var(--rl-muted);filter:brightness(1.06)}
/* Menu déroulant « Autres » */
:root .site-v2[data-design=realm] .nav-dropdown{position:relative;display:flex}
:root .site-v2[data-design=realm] .nav-dropdown>summary{list-style:none;cursor:pointer}
:root .site-v2[data-design=realm] .nav-dropdown>summary::-webkit-details-marker{display:none}
:root .site-v2[data-design=realm] .nav-dropdown>summary:after{content:"";display:inline-block;margin-left:.255em;vertical-align:.255em;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;color:inherit}
:root .site-v2[data-design=realm] .desktop-nav .nav-dropdown>div{position:absolute;top:var(--rl-header);left:0;z-index:30;min-width:160px;width:max-content;padding:8px 0;background:var(--rl-bg);border:1px solid var(--rl-surface);border-radius:4px;box-shadow:none}
:root .site-v2[data-design=realm] .nav-dropdown>div a{display:flex;align-items:center;gap:0;height:auto;padding:4px 16px;border-radius:0;font:400 16px/1.5 var(--rl-font);text-transform:none;color:var(--rl-muted);background:none}
:root .site-v2[data-design=realm] .nav-dropdown>div a:hover,:root .site-v2[data-design=realm] .nav-dropdown>div a:focus-visible{background:var(--rl-surface);color:var(--rl-text)}
:root .site-v2[data-design=realm] .nav-dropdown>div a[aria-current]{color:var(--rl-primary)}
:root .site-v2[data-design=realm] .nav-dropdown>div .nav-icon{margin:0 8px 0 0}
:root .site-v2[data-design=realm] .nav-dropdown>div a.nav-highlight{padding:4px 16px;border-radius:0;background:var(--rl-highlight);color:#fff}
:root .site-v2[data-design=realm] .header-actions{display:flex;align-items:stretch;gap:0;margin-left:0;font:700 16px/1 var(--rl-font)}
:root .site-v2[data-design=realm] .header-actions .portal-access{padding:5px 8px;border:0;border-radius:0}
:root .site-v2[data-design=realm] .header-actions .nav-discord{color:var(--rl-muted)}
:root .site-v2[data-design=realm] .site-header a>span[aria-hidden]{display:none}
:root .site-v2[data-design=realm] .mobile-nav{display:none}

/* --- Bannière --- */
:root .site-v2[data-design=realm] .block-hero{min-height:var(--b-height);overflow:hidden;background-color:var(--rl-bg);background-size:cover}
:root .site-v2[data-design=realm] .block-hero .hero-shade{opacity:1;background:linear-gradient(0deg,var(--rl-bg) 8%,transparent 100%),linear-gradient(rgb(37 29 30/var(--b-overlay)),rgb(37 29 30/var(--b-overlay)))}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-shade{background:linear-gradient(0deg,var(--rl-bg) 8%,transparent 41%),linear-gradient(rgb(37 29 30/var(--b-overlay)),rgb(37 29 30/var(--b-overlay)))}
:root .site-v2[data-design=realm] .block-hero .hero-content{position:relative;max-width:var(--rl-container);min-height:var(--b-height);padding:var(--b-top) 12px var(--b-bottom);display:flex;flex-direction:column;justify-content:center}
:root .site-v2[data-design=realm] .block-hero h1{max-width:var(--b-text-width);margin:0;font-size:var(--b-title);font-weight:700;line-height:1.2;letter-spacing:0;color:#fff;text-shadow:3px 3px 4px var(--rl-bar);filter:none}
:root .site-v2[data-design=realm] .block-hero .hero-content>p{max-width:var(--b-text-width);margin:0 0 8px;font-size:var(--b-text);font-weight:500;line-height:1.2;color:#fff;text-shadow:3px 3px 4px var(--rl-bar)}
:root .site-v2[data-design=realm] .block-hero .eyebrow{display:block;margin:0 0 8px;font-size:14px;font-weight:400;letter-spacing:0;color:var(--rl-muted);text-shadow:3px 3px 4px var(--rl-bar)}
:root .site-v2[data-design=realm] .block-hero .eyebrow:before{display:none}
:root .site-v2[data-design=realm] .block-hero .hero-actions{margin:16px 0 0;gap:12px}
:root .site-v2[data-design=realm] .block-hero .hero-bottom{margin-top:24px;padding-top:12px;border-top:1px dashed var(--rl-primary);font-size:14px;letter-spacing:0;color:var(--rl-muted)}
/* Variante « logo » : texte à gauche (colonne avec marge px-5), logo à droite, le tout centré comme le diaporama d'origine */
/* Deux colonnes égales (col-lg-5) de part et d'autre du milieu : largeur = largeur du texte (--b-text-width) + 2 × 48 px ; le logo est centré dans la sienne. */
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:has(.hero-logo-media){display:grid;max-width:none;grid-template-columns:repeat(2,minmax(0,calc(var(--b-text-width) + 96px)));justify-content:center;grid-template-rows:1fr repeat(6,auto) 1fr;column-gap:0;align-content:stretch}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:has(.hero-logo-media):before{content:"";grid-column:1;grid-row:1}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:has(.hero-logo-media):after{content:"";grid-column:1;grid-row:-2/-1}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:has(.hero-logo-media)>:not(.hero-logo-media){grid-column:1;max-width:none;padding-left:48px;padding-right:48px;text-wrap:wrap}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-logo-media{grid-column:2;grid-row:1/-1;align-self:center;justify-self:stretch;display:flex;justify-content:safe center;min-width:0;margin:0}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-logo-media img{flex:none;width:495px;max-width:none;max-height:none;height:auto;filter:none}
/* Bannière « logo » sans titre (Galerie, Staff d'origine) : logo de 300 px centré, pastille du serveur à sa gauche */
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:not(:has(h1)):has(.hero-logo-media){display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--rl-container);padding:144px 12px 160px}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:not(:has(h1)):has(.hero-logo-media):is(:before,:after),:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:not(:has(h1)) .hero-actions{display:none}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:not(:has(h1)) .hero-logo-media{display:block;width:300px;max-width:100%}
:root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:not(:has(h1)) .hero-logo-media img{width:100%}

/* --- Pastille serveur (adresse + état + mascotte), à cheval sur le bas de la bannière --- */
:root .site-v2[data-design=realm] .block-servers.variant-pill{position:relative;z-index:3}
/* Position d'origine : haut de la pastille à 80 % de la bannière (bannière avec titre) ou à mi-hauteur à côté du logo (bannière sans titre).
   --b-height de la pastille = hauteur de la bannière qui la précède (réglage « Hauteur » du bloc). */
:root .site-v2[data-design=realm] .block-hero+.block-servers.variant-pill{margin-top:calc(var(--b-height) * -.2);margin-bottom:calc(var(--b-height) * .2 - 81px)}
:root .site-v2[data-design=realm] .block-hero.variant-logo:not(:has(h1))+.block-servers.variant-pill{margin-top:calc(var(--b-height) / -2 - 36px);margin-bottom:calc(var(--b-height) / 2 - 45px)}
:root .site-v2[data-design=realm] .block-hero.variant-logo:not(:has(h1))+.block-servers.variant-pill .server-card{flex-basis:calc(100% / 3 - 24px);margin-left:12px}
/* Logo du serveur à gauche (image du bloc), mascotte à droite (image de l'élément) */
:root .site-v2[data-design=realm] .block-servers.variant-pill[style*="--hero-image"] .server-card:before{content:"";order:-1;flex:0 0 65px;height:65px;background:var(--hero-image) center/contain no-repeat}
:root .site-v2[data-design=realm] .block-servers.variant-pill .servers-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 24px;margin-top:0}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-card{position:relative;flex:0 1 calc((100% - 48px)/3);display:flex;flex-direction:row;align-items:center;gap:0;min-width:0;min-height:81px;padding:8px;overflow:visible;text-align:left;background:rgba(45,37,38,.8);border:0;border-radius:var(--rl-radius);box-shadow:none;clip-path:none;cursor:pointer}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-media{flex:0 0 65px;width:65px;height:65px;aspect-ratio:auto;margin:0;background:none;border-radius:0;overflow:visible}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-media img{width:100%;height:100%;object-fit:contain;transform:none}
:root .site-v2[data-design=realm] .block-servers.variant-pill.layout-image-right .server-media{order:2;margin-left:8px}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body{flex:0 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;margin:0 auto;padding:0;text-align:left}
:root .site-v2[data-design=realm] .block-servers.variant-pill.layout-image-right .server-body{align-items:flex-end;text-align:right}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body>.eyebrow,:root .site-v2[data-design=realm] .block-servers.variant-pill .server-tag{display:none}
/* Petite ligne d'état (texte) au-dessus, grande ligne (titre ou adresse) en dessous, comme « Le serveur est actuellement éteint. / playalpheoscraft.fr » */
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body p{order:1;margin:0;font:400 14px/1.5 var(--rl-font);color:#fff;max-width:none}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body h3{order:2;margin:0;font:500 20.8px/1.2 var(--rl-font);letter-spacing:0;color:#fff;max-width:none}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body h3:empty{display:none}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-address{order:3;display:block;margin:0;min-width:0;max-width:100%}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body h3:not(:empty)~.server-address.is-pending{display:none}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-live,:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body>.button{order:4}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-address code{display:block;padding:0;font:500 20.8px/1.2 var(--rl-font);color:#fff;background:none;border:0;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-address.is-pending>span{display:block;padding:0;font-size:14px;color:var(--rl-muted);border:0}
:root .site-v2[data-design=realm] .block-servers.variant-pill .copy-address{position:absolute;inset:0;z-index:2;width:100%;padding:0;font-size:0;color:transparent;background:transparent;border:0;border-radius:var(--rl-radius);cursor:pointer}
:root .site-v2[data-design=realm] .block-servers.variant-pill .copy-address:hover{background:#ffffff08}
:root .site-v2[data-design=realm] .block-servers.variant-pill .copy-address:focus-visible{outline:2px solid var(--rl-primary);outline-offset:2px}
:root .site-v2[data-design=realm] .block-servers.variant-pill .copy-address:is(.is-copied,[data-copied]){inset:auto;top:calc(100% + 6px);left:50%;width:auto;padding:4px 8px;font:400 14px/1.5 var(--rl-font);color:#fff;background:#000;border:0;border-radius:4px;transform:translateX(-50%)}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-live{display:flex;gap:8px;margin-top:4px;font-size:12px}
:root .site-v2[data-design=realm] .block-servers.variant-pill .server-body>.button{position:relative;z-index:3;width:auto;margin-top:6px;padding:4px 12px;font-size:14px}
/* Serveurs (variante classique) : cartes du thème */
:root .site-v2[data-design=realm] .block-servers:not(.variant-pill) .server-card{background:var(--rl-surface);border:0;border-top:4px solid var(--rl-primary);border-radius:var(--rl-radius);box-shadow:0 2px 4px rgba(0,0,0,.075)}
:root .site-v2[data-design=realm] .block-servers:not(.variant-pill) .server-body .eyebrow,:root .site-v2[data-design=realm] .block-servers:not(.variant-pill) .server-tag{color:var(--rl-primary)}
:root .site-v2[data-design=realm] .block-servers:not(.variant-pill) .server-address code{background:var(--rl-bg);border-color:var(--rl-bar);border-radius:var(--rl-radius);color:#fff}
:root .site-v2[data-design=realm] .block-servers:not(.variant-pill) .copy-address{background:var(--rl-primary);border-color:var(--rl-primary);color:#fff;border-radius:var(--rl-radius)}

/* --- Sections texte : barre de titre grise à icône carrée jaune (variante « bar ») et cartes (texte, image & texte, appel) --- */
:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout){padding:var(--b-top) 12px var(--b-bottom);margin:0;max-width:none;background:transparent;border:0;border-radius:0}
:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block{max-width:var(--rl-inner);margin:0 auto;padding:16px;background:var(--rl-surface);border-radius:var(--rl-radius);box-shadow:0 2px 4px rgba(0,0,0,.075);gap:24px}
:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block h2{max-width:var(--b-text-width);margin:0 0 8px;font-size:var(--b-title)}
:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block p{max-width:var(--b-text-width);margin:0;font-size:var(--b-text);line-height:1.4;letter-spacing:1px;color:var(--rl-muted)}
:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block .eyebrow{display:block;margin:0 0 8px;font-size:14px;font-weight:400;color:var(--rl-muted)}
:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block .hero-actions{margin:16px 0 0}
:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block img{height:var(--b-image-height);border-radius:var(--rl-radius);box-shadow:none}
/* Cartes de texte (hors barres) : titre, puis sur-titre en badge bleu (catégorie · date du changelog), image, texte, boutons.
   Sans titre (article d'actualité) : le sur-titre « Posté le … par … » passe en bas, sous un filet. */
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div{display:flex;flex-direction:column;align-items:stretch;min-width:0}
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div>h2{order:1}
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div>.eyebrow{order:2}
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div>p{order:4}
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div>.hero-actions{order:5}
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div>.hero-actions:empty{display:none}
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div:has(>h2)>.eyebrow{align-self:flex-start;display:inline-block;margin:0 0 16px;padding:4px 7px;font:700 11.5px/1.1 var(--rl-font);letter-spacing:0;color:#fff;background:#0d6efd;border-radius:4px}
:root .site-v2[data-design=realm] .site-block.block-text.align-center:not(.variant-bar) .content-block>div:has(>h2)>.eyebrow{align-self:center}
:root .site-v2[data-design=realm] .site-block.block-text:not(.variant-bar) .content-block>div:not(:has(>h2))>.eyebrow{order:6;margin:16px 0 0;padding:16px 0 0;font-size:16px;line-height:1.5;color:#fff;border-top:1px solid rgba(255,255,255,.25);text-align:left}
/* Disposition « empilée » avec image (notes du changelog) : le logo centré s'intercale entre le badge et le texte */
:root .site-v2[data-design=realm] .site-block.block-text.layout-stacked:not(.variant-bar) .content-block.with-image{display:flex;flex-direction:column;align-items:stretch;gap:0}
:root .site-v2[data-design=realm] .site-block.block-text.layout-stacked:not(.variant-bar) .content-block.with-image>div{display:contents}
:root .site-v2[data-design=realm] .site-block.block-text.layout-stacked:not(.variant-bar) .content-block.with-image>img{order:3;align-self:center;width:300px;max-width:100%;height:auto;max-height:none;margin:8px 0 24px;object-fit:contain;border-radius:0}
:root .site-v2[data-design=realm] .block-text+.block-text{border-top:0}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block{position:relative;display:flex;align-items:center;min-height:66px;padding:9px 24px;background:var(--rl-bar);border-radius:var(--rl-radius);box-shadow:var(--rl-shadow)}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block.with-image{padding-left:85px}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block.with-image:before{content:"";position:absolute;top:0;bottom:0;left:0;width:66px;background:var(--rl-primary);border-radius:var(--rl-radius) 0 0 var(--rl-radius)}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block.with-image:after{content:"";position:absolute;top:50%;left:66px;width:0;height:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid var(--rl-primary)}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block>img{position:absolute;z-index:1;top:50%;left:33px;width:50px;height:55px;max-height:55px;object-fit:contain;border-radius:0;transform:translate(-50%,-50%)}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block>div{flex:1;min-width:0}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block h2{max-width:none;margin:0;font-size:var(--b-title);font-weight:500;line-height:1.2;text-shadow:3px 3px 4px var(--rl-bar)}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block p{max-width:none;margin:4px 0 0;color:var(--rl-muted)}
:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block .eyebrow{margin:0 0 2px}
:root .site-v2[data-design=realm] .block-callout .content-block{border-top:4px solid var(--rl-primary)}

/* --- Cartes : actualités du thème (par défaut), mascottes centrées (« mascot ») --- */
:root .site-v2[data-design=realm] .block-cards .universe-grid{grid-template-columns:repeat(var(--b-cols),minmax(0,1fr));gap:16px var(--b-gap);margin-top:0}
:root .site-v2[data-design=realm] .block-cards .block-inner>h2{max-width:none;margin:0 0 16px;font-weight:500;letter-spacing:0}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card,:root .site-v2[data-design=realm] .site-block.block-cards .universe-card:not(:has(>img)){position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;isolation:auto;text-align:left;background:var(--rl-surface);border:0;border-radius:var(--rl-radius);box-shadow:0 2px 4px rgba(0,0,0,.075);clip-path:none;transform:none;transition:none}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card:after,:root .site-v2[data-design=realm] .site-block.block-cards .universe-card:before{display:none}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card:hover{transform:none;border-color:transparent}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card>img{position:static;z-index:auto;width:100%;height:auto;max-height:var(--b-image-height);object-fit:var(--b-fit);object-position:var(--b-x) var(--b-y);opacity:1;border-radius:var(--rl-radius) var(--rl-radius) 0 0;transform:none;transition:none}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-body,:root .site-v2[data-design=realm] .site-block.block-cards .universe-card:not(:has(>img)) .card-body{position:relative;display:flex;flex:1;flex-direction:column;align-items:flex-start;min-height:0;padding:0 16px 16px;background:none}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .game-symbol{display:none}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-body h3{order:1;align-self:stretch;margin:0 -16px;padding:8px 16px 0;font-size:var(--b-title);font-weight:500;line-height:1.2;letter-spacing:0;color:#fff;background:var(--rl-bar);border-top:4px solid var(--rl-primary);transition:color .15s}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card:hover .card-body h3{color:var(--rl-primary)}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-body .eyebrow{order:2;align-self:stretch;max-width:none;margin:0 -16px 16px;padding:2px 16px 8px;font:400 14px/22px var(--rl-font);letter-spacing:0;text-transform:none;color:var(--rl-muted);background:var(--rl-bar);border-bottom:1px dashed var(--rl-primary)}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-body .eyebrow:not(:empty):before{content:"- "}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-body p{order:3;max-width:none;min-height:0;margin:0 0 16px;font-size:var(--b-text);line-height:1.4;letter-spacing:1px;color:var(--rl-muted)}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-link{order:4;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:8px 24px;font:400 16px/1.5 var(--rl-font);letter-spacing:0;text-transform:none;color:#fff;background:var(--rl-primary);border:1px solid var(--rl-primary);border-radius:var(--rl-radius);box-shadow:2px 5px 9px 2px var(--rl-bg);transition:background-color .15s,box-shadow .15s}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card:hover .card-link{background:var(--rl-primary-hover);border-color:var(--rl-primary-hover);box-shadow:0 0 9px 2px var(--rl-bg)}
:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-link b{display:none}
/* Carte sans texte ni bouton (actualités de la page Vote) : image entière, titre et date dans un bandeau translucide en bas */
:root .site-v2[data-design=realm] .site-block.block-cards:not(.variant-mascot) .universe-card:has(>img):has(.card-body>p:empty){display:block}
:root .site-v2[data-design=realm] .site-block.block-cards:not(.variant-mascot) .universe-card:has(>img):has(.card-body>p:empty)>img{display:block;height:var(--b-image-height);max-height:none;border-radius:var(--rl-radius)}
:root .site-v2[data-design=realm] .site-block.block-cards:not(.variant-mascot) .universe-card:has(>img):has(.card-body>p:empty) .card-body{position:absolute;left:0;right:0;bottom:0;align-items:center;padding:16px;text-align:center;background:rgba(45,37,38,.8);border-radius:0 0 var(--rl-radius) var(--rl-radius)}
:root .site-v2[data-design=realm] .site-block.block-cards:not(.variant-mascot) .universe-card:has(>img):has(.card-body>p:empty) .card-body h3{align-self:center;margin:0 0 8px;padding:0;background:none;border:0}
:root .site-v2[data-design=realm] .site-block.block-cards:not(.variant-mascot) .universe-card:has(>img):has(.card-body>p:empty) .card-body .eyebrow{align-self:center;margin:0;padding:0;font-size:14px;line-height:22.4px;letter-spacing:1px;background:none;border:0}
:root .site-v2[data-design=realm] .site-block.block-cards:not(.variant-mascot) .universe-card:has(>img):has(.card-body>p:empty) .card-body .eyebrow:before{content:none}
:root .site-v2[data-design=realm] .site-block.block-cards:not(.variant-mascot) .universe-card:has(>img):has(.card-body>p:empty) :is(.card-body>p,.card-link){display:none}
/* mascottes : SÉRIEUX / POLITESSE / FUN */
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-grid{gap:24px var(--b-gap)}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card{align-items:center;justify-content:flex-end;padding:16px;text-align:center;border-radius:4px}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card>img{width:100%;max-width:95px;height:auto;max-height:var(--b-image-height);margin:0 0 16px;object-fit:contain;border-radius:0;transition:transform .3s linear}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card:hover>img{transform:scale(1.09)}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card .card-body{flex:0 0 auto;align-items:center;padding:0;width:100%}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card .card-body h3{margin:0 0 16px;padding:0;background:none;border:0;text-align:center}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card:hover .card-body h3{color:#fff}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card .card-body .eyebrow{order:0;margin:0 0 8px;padding:0;background:none;border:0;text-align:center}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card .card-body .eyebrow:empty{display:none}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card .card-body .eyebrow:before{content:none}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card .card-body p{letter-spacing:0;line-height:1.5;color:#fff;text-align:center}
:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card .card-link{display:none}

/* --- Galerie : grille dans une carte (par défaut), carrousel (« carousel »), logos (« logos ») --- */
:root .site-v2[data-design=realm] .block-gallery .block-inner>h2{max-width:none;margin:0 0 16px}
:root .site-v2[data-design=realm] .block-gallery .site-gallery{margin-top:0;gap:16px var(--b-gap)}
:root .site-v2[data-design=realm] .block-gallery .site-gallery figure{background:none;border-radius:4px;overflow:hidden}
:root .site-v2[data-design=realm] .block-gallery .site-gallery img{display:block;border-radius:4px}
:root .site-v2[data-design=realm] .block-gallery .site-gallery figcaption{padding:8px 0 0}
:root .site-v2[data-design=realm] .block-gallery .site-gallery figcaption h3{margin:0 0 4px;font-size:20px}
:root .site-v2[data-design=realm] .block-gallery .site-gallery figcaption p{margin:0;font-size:14px;color:var(--rl-muted)}
:root .site-v2[data-design=realm] .block-gallery .site-gallery figcaption:has(>h3:empty):has(>p:empty):not(:has(a)){display:none}
:root .site-v2[data-design=realm] .block-gallery.variant-default .site-gallery{padding:16px 40px;background:var(--rl-surface);border-radius:var(--rl-radius);box-shadow:0 2px 4px rgba(0,0,0,.075)}
:root .site-v2[data-design=realm] .block-gallery.variant-default .site-gallery img{height:auto;aspect-ratio:1920/1009}
:root .site-v2[data-design=realm] .block-gallery.variant-carousel .site-gallery{gap:var(--b-gap);padding:16px;scroll-padding-inline:16px;background:var(--rl-surface);border-radius:var(--rl-radius);scrollbar-color:var(--rl-bar) transparent}
:root .site-v2[data-design=realm] .block-gallery.variant-carousel .site-gallery>figure{flex:0 0 calc((100% - 2*var(--b-gap))/3);transition:opacity .3s}
:root .site-v2[data-design=realm] .block-gallery.variant-carousel .site-gallery[data-carousel=ready]>figure:not(.is-current){opacity:.5}
:root .site-v2[data-design=realm] .block-gallery.variant-carousel .site-gallery img{height:var(--b-image-height)}
:root .site-v2[data-design=realm] .block-gallery.variant-carousel .carousel-nav{justify-content:flex-start;gap:4px;margin-top:16px}
:root .site-v2[data-design=realm] .block-gallery.variant-carousel .carousel-arrow{width:74px;height:54px;border:1px solid #0d6efd;border-radius:var(--rl-radius);background:transparent;color:#0d6efd;font-size:32px}
:root .site-v2[data-design=realm] .block-gallery.variant-carousel .carousel-arrow:hover{background:#0d6efd;border-color:#0d6efd;color:#fff}
:root .site-v2[data-design=realm] .block-gallery.variant-logos .site-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--b-gap)}
:root .site-v2[data-design=realm] .block-gallery.variant-logos .site-gallery>figure{flex:0 1 220px;padding:16px;background:var(--rl-surface);border-radius:var(--rl-radius)}
:root .site-v2[data-design=realm] .block-gallery.variant-logos .site-gallery img{height:var(--b-image-height);max-height:140px;object-fit:contain;border-radius:0}

/* --- Équipe : cartes du staff (badge carré, pseudo, grade en pastille) --- */
:root .site-v2[data-design=realm] .block-team .block-inner>h2{max-width:none;margin:0 0 16px}
:root .site-v2[data-design=realm] .block-team .team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:0}
:root .site-v2[data-design=realm] .block-team .team-card{gap:0;padding:0 16px 16px;background:var(--rl-surface);border:0;border-radius:var(--rl-radius);box-shadow:0 2px 4px rgba(0,0,0,.075);clip-path:none}
:root .site-v2[data-design=realm] .block-team .team-avatar{width:auto;max-width:100%;height:210px;margin:0 0 16px;padding:0;object-fit:contain;background:none;border-radius:0;box-shadow:var(--rl-shadow)}
:root .site-v2[data-design=realm] .block-team .team-initials{width:210px;height:210px;margin:0 0 16px;font-size:64px;font-weight:700;color:var(--rl-primary);background:var(--rl-bar);border:0;border-radius:0;box-shadow:var(--rl-shadow)}
:root .site-v2[data-design=realm] .block-team .team-card h3{margin:16px 0 8px;font-size:32px;font-weight:500;line-height:1.2;color:#fff}
:root .site-v2[data-design=realm] .block-team .team-card .eyebrow{display:inline-block;margin:4px;padding:4.2px 7.8px;font:700 12px/1 var(--rl-font);letter-spacing:0;text-transform:uppercase;color:#fff;background:var(--b-button);border-radius:4px}
:root .site-v2[data-design=realm] .site-block.block-team .team-card p{margin:12px 0 0;font-size:16px;color:var(--rl-muted)}
:root .site-v2[data-design=realm] .block-team .team-card .button{margin-top:16px}
:root .site-v2[data-design=realm] .block-team.variant-circle .team-card{padding-top:24px}
:root .site-v2[data-design=realm] .block-team.variant-circle :is(.team-avatar,.team-initials){width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid var(--rl-primary);box-shadow:var(--rl-shadow)}

/* --- Questions / réponses : accordéon du thème --- */
:root .site-v2[data-design=realm] .block-faq .block-inner>h2{max-width:none;margin:0 0 16px}
:root .site-v2[data-design=realm] .block-faq .site-faq{gap:8px}
:root .site-v2[data-design=realm] .block-faq .site-faq details{margin:0;padding:0;background:var(--rl-surface);border:0;border-left:4px solid var(--rl-primary);border-radius:var(--rl-radius);box-shadow:0 2px 4px rgba(0,0,0,.075)}
:root .site-v2[data-design=realm] .block-faq .site-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-size:20px;font-weight:500;line-height:1.2;color:#fff;list-style:none}
:root .site-v2[data-design=realm] .block-faq .site-faq summary::-webkit-details-marker{display:none}
:root .site-v2[data-design=realm] .block-faq .site-faq summary:after{content:"";flex:none;width:9px;height:9px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
:root .site-v2[data-design=realm] .block-faq .site-faq details[open] summary:after{margin-top:4px;transform:rotate(-135deg)}
:root .site-v2[data-design=realm] .block-faq .site-faq details[open] summary{color:var(--rl-primary)}
:root .site-v2[data-design=realm] .site-block.block-faq .site-faq details p{max-width:none;margin:0;padding:0 20px 16px;color:var(--rl-muted)}

/* --- Pied de page « À propos de nous » --- */
:root .site-v2[data-design=realm] .site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px) minmax(0,2fr) minmax(0,480px) minmax(0,2fr) minmax(0,360px) minmax(0,1fr);align-items:start;gap:0;margin:0;padding:48px 0 0;font:400 16px/1.5 var(--rl-font);color:#fff;background:var(--rl-surface);border:0;border-top:4px solid var(--rl-primary)}
:root .site-v2[data-design=realm] .site-footer .site-brand{display:contents}
:root .site-v2[data-design=realm] .site-footer .brand-logo{grid-column:2;grid-row:1;justify-self:center;width:240px;max-width:100%;height:auto;margin-top:16px}
:root .site-v2[data-design=realm] .site-footer .logo{grid-column:2;grid-row:1;justify-self:center;display:grid;place-items:center;width:120px;height:120px;margin-top:16px;font:700 64px/1 var(--rl-font);font-style:normal;letter-spacing:0;color:#fff;background:var(--rl-primary);border-radius:var(--rl-radius);box-shadow:none}
:root .site-v2[data-design=realm] .site-footer .site-brand>span:not(.logo){grid-column:4;grid-row:1;margin-top:16px;padding:0 12px;font-size:0;line-height:0;color:transparent;letter-spacing:0}
:root .site-v2[data-design=realm] .site-footer .site-brand>span:not(.logo):before{content:"À PROPOS DE NOUS";display:block;margin:0 0 8px;font:500 28px/1.2 var(--rl-font);color:#fff}
:root .site-v2[data-design=realm] .site-footer .site-brand small{display:block;margin:0 0 16px;font:400 16px/1.5 var(--rl-font);letter-spacing:0;color:#fff;white-space:pre-line}
:root .site-v2[data-design=realm] .site-footer>span{grid-column:1/-1;grid-row:2;margin-top:48px;padding:8px max(24px,calc((100% - var(--rl-container))/2 + 24px));font-size:16px;line-height:1.5;color:#fff;background:var(--rl-bg);border-top:1px dashed var(--rl-primary)}
:root .site-v2[data-design=realm] .site-footer .footer-access{grid-column:6;grid-row:1;justify-self:start;margin:16px 12px 0;padding:0 0 8px;font-size:16px;color:#fff;border:0}
:root .site-v2[data-design=realm] .site-footer .footer-access:before{content:"LIENS";display:block;margin:0 0 16px;font:500 28px/1.2 var(--rl-font);color:#fff}
:root .site-v2[data-design=realm] .site-footer .footer-access:hover{color:var(--rl-primary)}
:root .site-v2[data-design=realm] .site-footer .footer-access:hover:before{color:#fff}
:root .site-v2[data-design=realm] .site-footer a>span[aria-hidden]{display:none}
/* Liens du pied de page (réglage « Liens du pied de page ») : colonne LIENS, lien d'administration en dernier. */
:root .site-v2[data-design=realm] .site-footer>.footer-links{grid-column:6;grid-row:1;justify-self:stretch;display:block;margin:16px 12px 0;font-size:16px;line-height:1.5}
:root .site-v2[data-design=realm] .site-footer>.footer-links:before{content:"LIENS";display:block;margin:0 0 8px;font:500 28px/1.2 var(--rl-font);color:#fff}
:root .site-v2[data-design=realm] .site-footer>.footer-links>a{display:block;margin:0;padding:8px 0;color:#fff;border:0;text-decoration:none}
:root .site-v2[data-design=realm] .site-footer>.footer-links>a:hover{color:var(--rl-primary)}
:root .site-v2[data-design=realm] .site-footer>.footer-links>.footer-access:before{content:none}

/* --- Tablettes et mobiles : menu « burger » (sous 1200 px comme le thème), logo centré --- */
@media(max-width:1199.98px){
  :root .site-v2[data-design=realm] .desktop-nav,:root .site-v2[data-design=realm] .header-actions{display:none}
  :root .site-v2[data-design=realm] .site-header{height:48px;padding:0 16px;align-items:center;justify-content:flex-start;background:rgba(37,29,30,.95)}
  :root .site-v2[data-design=realm] .site-header .site-brand{flex:0 0 0;max-width:none;position:static}
  :root .site-v2[data-design=realm] .site-header .brand-logo{left:50%;width:160px;max-width:10rem;transform:translateX(-50%)}
  :root .site-v2[data-design=realm] .site-header .site-brand:not(:has(.brand-logo)){position:absolute;left:50%;transform:translateX(-50%);top:4px}
  :root .site-v2[data-design=realm] .mobile-nav{display:block;position:static;flex-shrink:0}
  :root .site-v2[data-design=realm] .mobile-nav>summary{display:block;width:42px;height:32px;margin:0;padding:0;font-size:0;color:transparent;list-style:none;border:0;border-radius:0;background:linear-gradient(#fff,#fff) 10px 8px/22px 2px no-repeat,linear-gradient(#fff,#fff) 10px 14px/22px 2px no-repeat,linear-gradient(#fff,#fff) 10px 20px/22px 2px no-repeat}
  :root .site-v2[data-design=realm] .mobile-nav>summary::-webkit-details-marker{display:none}
  :root .site-v2[data-design=realm] .mobile-nav[open]>summary{background:linear-gradient(45deg,transparent 46%,#fff 46% 54%,transparent 54%) 10px 4px/22px 22px no-repeat,linear-gradient(-45deg,transparent 46%,#fff 46% 54%,transparent 54%) 10px 4px/22px 22px no-repeat}
  :root .site-v2[data-design=realm] .mobile-nav>nav{position:fixed;top:48px;left:0;bottom:0;right:auto;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:0;width:300px;max-width:100%;overflow:auto;padding:0 15px 15px;background:rgba(37,29,30,.95);border:0;box-shadow:none;font-family:var(--rl-font)}
  :root .site-v2[data-design=realm] .mobile-nav nav>a,:root .site-v2[data-design=realm] .mobile-nav nav>.nav-dropdown>summary{position:relative;isolation:isolate;display:flex;align-items:center;justify-self:stretch;padding:16px;font:700 16px/1.2 var(--rl-font);text-transform:uppercase;color:var(--rl-muted);background:none;border:0;border-radius:0}
  :root .site-v2[data-design=realm] .mobile-nav nav>a[aria-current]{color:var(--rl-primary)}
  :root .site-v2[data-design=realm] .mobile-nav .nav-icon{margin:0 8px 0 0}
  :root .site-v2[data-design=realm] .mobile-nav nav>a.nav-highlight{padding:16px;color:var(--rl-muted)}
  :root .site-v2[data-design=realm] .mobile-nav nav>a.nav-highlight:after{content:"";position:absolute;z-index:-1;inset:6px 0;border-radius:4px;background:var(--rl-highlight)}
  :root .site-v2[data-design=realm] .mobile-nav .nav-dropdown{display:block}
  :root .site-v2[data-design=realm] .mobile-nav .nav-dropdown>div{position:static;width:auto;min-width:0;margin:0;padding:0 0 0 16px;background:none;border:0;box-shadow:none}
  :root .site-v2[data-design=realm] .block-hero .hero-content{padding-top:max(var(--b-top),125px)}
}
@media(min-width:721px) and (max-width:1199.98px){
  :root .site-v2[data-design=realm] .site-block :is(h1,h2){font-size:calc((var(--b-title) + var(--b-mobile-title))/2)}
  :root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-body h3,:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block h2{font-size:calc((var(--b-title) + var(--b-mobile-title))/2)}
}
@media(max-width:991.98px){
  :root .site-v2[data-design=realm] .block-servers.variant-pill .server-card{flex-basis:calc((100% - 24px)/2)}
  /* Pied de page : 3 colonnes jusqu'à 992 px (col-lg d'origine), puis logo au-dessus et 2 colonnes */
  :root .site-v2[data-design=realm] .site-footer{grid-template-columns:minmax(0,1fr) minmax(0,480px) minmax(0,1fr) minmax(0,360px) minmax(0,1fr);row-gap:0}
  :root .site-v2[data-design=realm] .site-footer .brand-logo,:root .site-v2[data-design=realm] .site-footer .logo{grid-column:1/-1;grid-row:1}
  :root .site-v2[data-design=realm] .site-footer .site-brand>span:not(.logo){grid-column:2;grid-row:2;margin-top:48px}
  :root .site-v2[data-design=realm] .site-footer .footer-access,:root .site-v2[data-design=realm] .site-footer>.footer-links{grid-column:4;grid-row:2;margin-top:48px}
  :root .site-v2[data-design=realm] .site-footer>span{grid-row:3}
  :root .site-v2[data-design=realm] .block-gallery.variant-carousel .site-gallery>figure{flex-basis:calc((100% - var(--b-gap))/2)}
  /* Bannière à titre : le logo disparaît sous 992 px (d-lg-block d'origine), le texte garde sa marge px-5 */
  :root .site-v2[data-design=realm] .block-hero.variant-logo:has(h1) .hero-logo-media{display:none}
  :root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:has(h1):has(.hero-logo-media){display:flex;max-width:var(--rl-container)}
}
@media(max-width:767.98px){
  :root .site-v2[data-design=realm] .block-servers.variant-pill .server-card{flex-basis:100%}
  :root .site-v2[data-design=realm] .block-gallery.variant-default .site-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 40px}
  :root .site-v2[data-design=realm] .site-block.block-cards .universe-grid{grid-template-columns:1fr}
  :root .site-v2[data-design=realm] .site-footer{grid-template-columns:minmax(0,1fr);padding:48px 12px 0}
  :root .site-v2[data-design=realm] .site-footer .site-brand>span:not(.logo),:root .site-v2[data-design=realm] .site-footer .footer-access,:root .site-v2[data-design=realm] .site-footer>.footer-links{grid-column:1;justify-self:stretch}
  :root .site-v2[data-design=realm] .site-footer .footer-access,:root .site-v2[data-design=realm] .site-footer>.footer-links{grid-row:3;margin:48px 0 0}
  :root .site-v2[data-design=realm] .site-footer>span{grid-row:4;margin:48px -12px 0;padding:8px 36px}
}
@media(max-width:720px){
  :root .site-v2[data-design=realm] .site-block .block-inner,:root .site-v2[data-design=realm] .block-hero .hero-content{padding-left:12px;padding-right:12px}
  :root .site-v2[data-design=realm] .block-hero .hero-content{padding-top:max(var(--b-top),125px)}
  :root .site-v2[data-design=realm] .block-hero h1{font-size:var(--b-mobile-title)}
  :root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-body h3,:root .site-v2[data-design=realm] .site-block.block-text.variant-bar .content-block h2,:root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block h2{font-size:var(--b-mobile-title)}
  :root .site-v2[data-design=realm] .block-hero,:root .site-v2[data-design=realm] .block-hero .hero-content{min-height:var(--b-mobile-height)}
  :root .site-v2[data-design=realm] .site-footer .site-brand small{letter-spacing:0}
  :root .site-v2[data-design=realm] .site-footer .site-brand>span:not(.logo){padding:0}
  :root .site-v2[data-design=realm] .site-footer :is(.site-brand>span:not(.logo),.footer-access,.footer-links):before{font-size:23px}
  /* Pastille : la bannière prend sa hauteur mobile (--b-mobile-height de la pastille = celle de la bannière) */
  :root .site-v2[data-design=realm] .block-hero+.block-servers.variant-pill{margin-top:calc(var(--b-mobile-height) * -.2);margin-bottom:calc(var(--b-mobile-height) * .2 - 81px)}
  :root .site-v2[data-design=realm] .block-hero.variant-logo .hero-content:not(:has(h1)):has(.hero-logo-media){justify-content:flex-start;padding:149px 12px 0}
  :root .site-v2[data-design=realm] .block-hero.variant-logo:not(:has(h1))+.block-servers.variant-pill{margin-top:calc(390px - var(--b-mobile-height));margin-bottom:calc(var(--b-mobile-height) - 471px)}
  :root .site-v2[data-design=realm] .block-hero.variant-logo:not(:has(h1))+.block-servers.variant-pill .server-card{flex-basis:100%;margin:0 12px}
}
@media(max-width:575.98px){
  /* Bannière à titre : diaporama masqué sur téléphone (d-sm-block d-none d'origine), pastille en haut */
  :root .site-v2[data-design=realm] .block-hero.variant-logo:has(h1) .hero-content>*{display:none}
  :root .site-v2[data-design=realm] .block-hero.variant-logo:has(h1)+.block-servers.variant-pill{margin-top:calc(128px - var(--b-mobile-height));margin-bottom:calc(var(--b-mobile-height) - 209px)}
  :root .site-v2[data-design=realm] .block-gallery.variant-default .site-gallery{grid-template-columns:1fr;padding:16px 40px}
  :root .site-v2[data-design=realm] .block-gallery.variant-carousel .site-gallery>figure{flex-basis:84%}
  :root .site-v2[data-design=realm] .site-block:is(.block-text,.block-image,.block-callout) .content-block.with-image{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  :root .site-v2[data-design=realm] .site-header .brand-logo,:root .site-v2[data-design=realm] .site-block .button,:root .site-v2[data-design=realm] .site-block.block-cards .universe-card .card-link,:root .site-v2[data-design=realm] .block-gallery.variant-carousel .site-gallery>figure,:root .site-v2[data-design=realm] .desktop-nav>a:before,:root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card>img{transition:none}
  :root .site-v2[data-design=realm] .site-block.block-cards.variant-mascot .universe-card:hover>img{transform:none}
}