/*
 * MYRION — perfil visual basado en la referencia suministrada por el usuario.
 *
 * Este archivo se carga después del sistema visual base y sólo ajusta composición,
 * metal, proporciones y responsive. No modifica autenticación ni lógica de negocio.
 */

:root {
  --myrion-ref-header: 94px;
  --myrion-ref-max: 1480px;
  --myrion-ref-red: #ff2534;
  --myrion-ref-red-dark: #6e0710;
  --myrion-ref-panel: rgba(7, 5, 6, .965);
  --myrion-ref-metal: #5d5759;
}

/* Header angular de una sola pieza, como en la referencia. */
.myrion-header.main-header {
  position: sticky !important;
  top: 0;
  z-index: 1300;
  min-height: var(--myrion-ref-header) !important;
  overflow: visible;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.myrion-header .header-wrapper {
  position: relative;
  min-height: var(--myrion-ref-header);
  background:
    linear-gradient(180deg, rgba(23,20,21,.99), rgba(5,4,5,.99) 78%),
    repeating-linear-gradient(105deg, rgba(255,255,255,.024) 0 1px, transparent 1px 6px);
  border-top: 1px solid rgba(130,120,123,.35);
  border-bottom: 2px solid rgba(192,22,31,.72);
  box-shadow: 0 5px 24px rgba(0,0,0,.72), inset 0 -1px 0 rgba(255,68,75,.24), 0 2px 16px rgba(255,20,30,.14);
  clip-path: polygon(0 0, 100% 0, 100% 78%, 98.5% 100%, 1.5% 100%, 0 78%);
}

.myrion-header__frame {
  position: absolute;
  z-index: 3;
  inset: 5px 18px 7px;
  pointer-events: none;
  border-top: 1px solid rgba(177,168,170,.2);
  border-bottom: 1px solid rgba(255,37,52,.38);
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 17px, 100% calc(100% - 13px), calc(100% - 17px) 100%, 17px 100%, 0 calc(100% - 13px), 0 17px);
  box-shadow: inset 0 0 18px rgba(255,32,45,.035);
}

.myrion-header__inner.header-container {
  position: relative;
  z-index: 5;
  box-sizing: border-box;
  width: min(var(--myrion-ref-max), calc(100% - 64px)) !important;
  max-width: var(--myrion-ref-max) !important;
  min-height: var(--myrion-ref-header) !important;
  margin: 0 auto;
  padding: 8px 4px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(270px, .95fr) minmax(440px, 1.25fr) minmax(390px, 1.05fr);
  align-items: center;
  gap: 18px;
}

.myrion-brand.logo {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 12px;
  text-decoration: none !important;
}

.myrion-brand__sigil {
  position: relative;
  width: 56px;
  height: 66px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
}

.myrion-brand__sigil::after {
  content: "";
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  background: rgba(255,15,27,.36);
  filter: blur(14px);
}

.myrion-brand__sigil img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(255,32,43,.92)) drop-shadow(0 0 16px rgba(167,0,8,.5));
}

.myrion-brand__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: .95;
}

.myrion-brand__copy strong {
  font-family: var(--xz-display);
  font-size: clamp(25px, 2.15vw, 36px);
  font-weight: 700;
  letter-spacing: .11em;
  white-space: nowrap;
  background: linear-gradient(180deg, #fff 0%, #e6e0df 25%, #8d8587 54%, #f2eded 77%, #8f8789 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.9));
}

.myrion-brand__copy small {
  margin-top: 7px;
  color: #b4aaac;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .29em;
  text-transform: uppercase;
  white-space: nowrap;
}

.myrion-nav.navigation {
  height: 54px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: stretch;
  justify-content: center;
  border-left: 1px solid rgba(255,255,255,.06);
  border-right: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(16,12,13,.52), rgba(2,2,2,.22));
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
}

.myrion-nav__item.nav-item {
  position: relative;
  min-width: 126px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  color: #d6cfd0 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: .01em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.myrion-nav__item:first-child { padding-left: 24px !important; }
.myrion-nav__item:last-of-type { border-right: 0 !important; }
.myrion-nav__item i { color: #ddd4d5 !important; font-size: 16px; }
.myrion-nav__item.active,
.myrion-nav__item:hover {
  color: #fff !important;
  background: radial-gradient(ellipse at center bottom, rgba(255,29,42,.18), transparent 66%) !important;
  text-shadow: 0 0 8px rgba(255,255,255,.18);
}
.myrion-nav__item.active i,
.myrion-nav__item:hover i { color: #ff4a55 !important; filter: drop-shadow(0 0 7px #ff2635); }
.myrion-nav__item::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 3px;
  height: 3px;
  transform: scaleX(0);
  background: var(--myrion-ref-red);
  box-shadow: 0 0 8px var(--myrion-ref-red), 0 0 15px rgba(255,25,39,.55);
  transition: transform .18s ease;
}
.myrion-nav__item.active::after,
.myrion-nav__item:hover::after { transform: scaleX(1); }

.myrion-actions.navigation {
  height: 54px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
}

.myrion-actions > .nav-item,
.myrion-actions > .myrion-notifications,
.myrion-actions > .myrion-auth {
  position: relative;
  min-height: 44px;
  border-left: 1px solid rgba(255,255,255,.10) !important;
}

.myrion-language.lang-select {
  width: 94px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #f2eded !important;
  cursor: pointer;
}
.myrion-language__code { font-size: 12px; font-weight: 700; }
.myrion-language .fa-chevron-down { font-size: 9px; color: #898184; }

.myrion-balance.nav-profile {
  width: 92px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.10) !important;
  color: #f4efef !important;
  background: transparent !important;
}
.myrion-balance__icon {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg,#ddd4d5,#8b8183);
  color: #151113;
  box-shadow: inset 0 -2px 4px rgba(0,0,0,.35), 0 0 8px rgba(255,255,255,.08);
}
.myrion-balance__value { font-size: 12px; font-weight: 700; white-space: nowrap; }

.myrion-account-link.nav-profile {
  min-width: 118px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #eee8e8 !important;
  text-decoration: none !important;
}
.myrion-account-link > .fa-user { color: #d7cdce; font-size: 18px; }
.myrion-account-link span { font-size: 12px; font-weight: 700; }
.myrion-chevron { color: #7c7376; font-size: 8px; }

.myrion-notifications.notification-button {
  width: 58px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.10) !important;
  background: transparent !important;
  color: #d7cfd0 !important;
  cursor: pointer;
}
.myrion-notifications > i { font-size: 18px; }
.notification-counter { background: #ef1828 !important; box-shadow: 0 0 9px rgba(255,25,39,.75) !important; }
.myrion-popover { background: rgba(7,5,6,.985) !important; border: 1px solid rgba(255,39,52,.26) !important; box-shadow: 0 18px 50px rgba(0,0,0,.78), 0 0 18px rgba(255,22,35,.09) !important; }
.myrion-account-email { padding: 10px 12px; color: #e1d8d9; border-bottom: 1px solid rgba(255,37,52,.18); max-width: 260px; overflow: hidden; text-overflow: ellipsis; }

/* La escena ocupa exactamente el área visible bajo el header y detrás de cards. */
.myrion-reference.xz-infernal {
  min-height: 710px !important;
  overflow: hidden !important;
  background: #030103;
}
.myrion-reference .xz-infernal__scene {
  position: absolute !important;
  inset: -24px -30px -28px !important;
  background-position: center 43% !important;
  transform: translate3d(var(--xz-scene-x), var(--xz-scene-y),0) scale(1.045) !important;
  filter: brightness(.94) contrast(1.09) saturate(1.08) !important;
}
.myrion-reference .xz-infernal__ambient {
  position: absolute !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,30,42,.05), transparent 33%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.08) 58%, rgba(0,0,0,.28) 100%) !important;
}
.myrion-reference::before,
.myrion-reference::after,
.myrion-reference .xz-infernal__particles,
.myrion-reference .xz-infernal__embers { position: absolute !important; }

/* Hero compacto: texto dentro del eclipse igual que la referencia. */
.myrion-reference .xz-hero {
  box-sizing: border-box;
  width: min(1320px, calc(100% - 50px)) !important;
  min-height: 326px !important;
  margin: 0 auto !important;
  padding: 62px 190px 18px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start !important;
  text-align: center;
}
.xz-hero__reference-emblem {
  width: 32px;
  height: 38px;
  margin-bottom: 7px;
  object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(255,28,40,.72));
}
.myrion-reference .xz-hero__eyebrow {
  color: #ff414d !important;
  font-size: 9px !important;
  font-weight: 800;
  letter-spacing: .28em !important;
}
.myrion-reference .xz-hero__meta {
  margin-top: 10px !important;
  color: #d2cacc !important;
  font-size: 9px !important;
  letter-spacing: .30em !important;
}
.myrion-reference .xz-hero h1 {
  max-width: 900px !important;
  margin: 27px auto 0 !important;
  font-family: var(--xz-display) !important;
  font-size: clamp(45px, 4.55vw, 65px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -.015em !important;
  background: linear-gradient(180deg,#fff 0%,#eee9e8 34%,#969091 59%,#f5efee 83%,#9d9799 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 3px 2px #000) drop-shadow(0 7px 10px rgba(0,0,0,.76));
}
.myrion-reference .xz-hero__divider {
  width: min(560px, 62vw) !important;
  height: 22px !important;
  margin: 13px 0 8px !important;
}
.myrion-reference .xz-hero__divider span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
}
.myrion-reference .xz-hero__divider span img {
  width: 27px;
  height: 27px;
  object-fit: contain;
  filter: drop-shadow(0 0 7px #ff2635);
}
.myrion-reference .xz-hero__subtitle {
  color: #d3cbcd !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .62em !important;
}
.myrion-reference .xz-side-message {
  position: absolute !important;
  top: 67px !important;
  width: 175px !important;
  max-width: 175px !important;
  color: rgba(221,211,213,.76) !important;
  font-family: var(--xz-ui) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase;
  writing-mode: horizontal-tb !important;
  white-space: normal;
}
.myrion-reference .xz-side-message::after {
  content: "";
  display: block;
  width: 55px;
  height: 1px;
  margin-top: 11px;
  background: linear-gradient(90deg,rgba(255,38,53,.8),transparent);
}
.myrion-reference .xz-side-message--left { left: 12px !important; transform: none !important; text-align: left !important; }
.myrion-reference .xz-side-message--right { right: 12px !important; transform: none !important; text-align: right !important; }
.myrion-reference .xz-side-message--right::after { margin-left: auto; transform: scaleX(-1); }

/* Cards: marcos metálicos compactos y superpuestos sobre la escena. */
.myrion-reference .xz-universes {
  box-sizing: border-box;
  width: min(1010px, calc(100% - 54px)) !important;
  margin: -3px auto 0 !important;
  padding: 0 0 55px !important;
}
.myrion-reference .xz-universe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  align-items: end;
}
.myrion-reference .xz-universe-card {
  position: relative;
  min-width: 0 !important;
  min-height: 303px !important;
  overflow: visible !important;
  border: 1px solid rgba(115,94,98,.86) !important;
  background: linear-gradient(145deg,rgba(22,20,21,.98),rgba(4,3,4,.99)) !important;
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 17px, 100% calc(100% - 17px), calc(100% - 17px) 100%, 17px 100%, 0 calc(100% - 17px), 0 17px) !important;
  box-shadow: 0 16px 28px rgba(0,0,0,.63), inset 0 0 0 3px rgba(20,18,19,.94), inset 0 0 0 4px rgba(145,126,130,.26), 0 0 15px rgba(255,30,42,.08) !important;
  transition: transform .2s ease, filter .2s ease !important;
}
.myrion-reference .xz-universe-card::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 5px;
  pointer-events: none;
  border: 1px solid rgba(255,42,54,.42);
  clip-path: inherit;
}
.myrion-reference .xz-universe-card::after {
  content: "";
  position: absolute;
  z-index: 21;
  left: 22%;
  right: 22%;
  top: -2px;
  height: 3px;
  background: var(--card-accent,#ff2635);
  box-shadow: 0 0 8px #ff2635,0 0 17px rgba(255,25,39,.64);
}
.myrion-reference .xz-universe-card:hover { transform: translateY(-5px) scale(1.012) !important; filter: drop-shadow(0 0 10px rgba(255,31,45,.28)); }
.myrion-reference .xz-universe-card__image {
  min-height: 218px !important;
  height: 218px !important;
  border-bottom: 1px solid rgba(255,35,48,.46);
  background-position: center 48% !important;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%, 0 12px);
}
.myrion-reference .xz-universe-card__shade { background: linear-gradient(180deg,transparent 38%,rgba(0,0,0,.25) 62%,rgba(2,1,2,.94) 100%) !important; }
.myrion-reference .xz-universe-card__identity { left: 18px !important; right: 18px !important; bottom: 12px !important; }
.myrion-reference .xz-universe-card__name {
  margin: 0 !important;
  font-family: var(--xz-display) !important;
  font-size: clamp(24px,2.35vw,34px) !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  background: linear-gradient(180deg,#fff,#b9b0b1 62%,#eee7e7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: 0 3px 6px rgba(0,0,0,.7) !important;
}
.myrion-reference .xz-universe-card__subtitle {
  margin-top: 6px !important;
  color: #e2d9da !important;
  font-size: 8px !important;
  font-weight: 700;
  letter-spacing: .28em !important;
}
.myrion-reference .xz-universe-card__body {
  min-height: 84px !important;
  padding: 10px 18px 15px !important;
  display: flex !important;
  background: linear-gradient(180deg,rgba(8,6,7,.99),rgba(2,2,2,.99)) !important;
}
.myrion-reference .xz-enter {
  width: 100%;
  min-height: 45px !important;
  margin: auto 0 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box;
  border: 1px solid rgba(255,35,49,.92) !important;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%) !important;
  background: linear-gradient(180deg,rgba(52,7,12,.64),rgba(4,3,4,.98)) !important;
  box-shadow: inset 0 0 14px rgba(255,29,42,.08),0 0 9px rgba(255,23,36,.12) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
}
.myrion-reference .xz-enter__arrow {
  width: 35px;
  height: 100%;
  margin-left: auto;
  display: grid !important;
  place-items: center;
  border-left: 1px solid rgba(255,50,62,.34);
  font-size: 28px !important;
}
.xz-universe-card__sigil {
  position: absolute;
  z-index: 24;
  left: 50%;
  bottom: -8px;
  width: 21px;
  height: 21px;
  object-fit: contain;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 7px #ff2635);
}

.xz-reference-message {
  position: absolute;
  z-index: 12;
  right: max(28px, calc((100vw - 1430px)/2));
  bottom: 70px;
  width: 180px;
  color: #ff5a63;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: .34em;
  text-align: right;
  text-transform: uppercase;
}
.xz-reference-message::after { content:""; display:block; width:38px; height:1px; margin:10px 0 0 auto; background:#ff3945; box-shadow:0 0 6px rgba(255,30,42,.5); }

/* Footer heredado: apariencia y proporción de la referencia sin duplicar scripts. */
.footer {
  position: relative !important;
  z-index: 15 !important;
  min-height: 150px !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(127,114,117,.44) !important;
  background:
    radial-gradient(ellipse at 82% 120%,rgba(126,0,9,.17),transparent 36%),
    linear-gradient(180deg,rgba(8,7,8,.99),rgba(2,2,2,.995)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 -8px 24px rgba(0,0,0,.48) !important;
  clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%, 0 22px);
}
.footer::before {
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,31,44,.24) 16%,rgba(255,31,44,.6) 50%,rgba(255,31,44,.24) 84%,transparent);
  box-shadow:0 0 11px rgba(255,23,36,.18);
}
.footer-container { width:min(1320px,calc(100% - 70px)) !important; max-width:1320px !important; min-height:150px; padding:24px 0 !important; display:grid !important; grid-template-columns:1fr 1fr .8fr 1.6fr !important; gap:24px; }
.footer-column { padding:0 25px !important; border-right:1px solid rgba(255,255,255,.09); }
.footer-column:last-child { border-right:0; }
.footer-column-header { color:#ece6e7 !important; font-size:13px !important; font-weight:700 !important; }
.footer-column-item,#copyright_content { color:#948b8d !important; text-shadow:none !important; }
.footer-column-item:hover { color:#ff626b !important; }

/* Rendimiento: no se elimina la estética, sólo se degrada densidad en hardware modesto. */
html[data-myrion-quality="low"] .xz-particle:nth-child(n+17),
html[data-myrion-quality="low"] .xz-ember:nth-child(n+9) { display:none !important; }
html[data-myrion-quality="low"] .xz-infernal__cursor { display:none !important; }
html[data-myrion-quality="low"] .myrion-reference .xz-infernal__scene { will-change:auto !important; }

@media (max-width: 1250px) {
  .myrion-header__inner.header-container { width:calc(100% - 28px) !important; grid-template-columns:minmax(230px,.8fr) minmax(390px,1.2fr) auto; gap:8px; }
  .myrion-brand__sigil { width:47px;height:57px; }
  .myrion-brand__copy strong { font-size:25px; }
  .myrion-brand__copy small { font-size:7px;letter-spacing:.22em; }
  .myrion-nav__item.nav-item { min-width:108px !important;padding:0 12px !important;font-size:11px !important; }
  .myrion-account-link.nav-profile { min-width:95px !important; }
  .myrion-reference .xz-hero { width:calc(100% - 28px) !important;padding-left:170px !important;padding-right:170px !important; }
  .myrion-reference .xz-universes { width:min(940px,calc(100% - 44px)) !important; }
  .xz-reference-message { display:none; }
}

@media (max-width: 1024px) {
  :root { --myrion-ref-header:78px; }
  .myrion-header .header-wrapper { clip-path:none; }
  .myrion-header__frame { display:none; }
  .myrion-header__inner.header-container { min-height:78px !important; grid-template-columns:auto 1fr auto; }
  .myrion-brand__sigil { width:42px;height:50px; }
  .myrion-brand__copy strong { font-size:22px; }
  .myrion-brand__copy small { font-size:6.5px; }
  .myrion-nav__item.nav-item span { display:none; }
  .myrion-nav__item.nav-item { min-width:48px !important;width:48px !important;padding:0 !important; }
  .myrion-language.lang-select { width:72px !important;padding:0 10px !important; }
  .myrion-account-link.nav-profile span { display:none; }
  .myrion-account-link.nav-profile { min-width:48px !important;width:48px !important;padding:0 !important; }
  .myrion-chevron { display:none; }
  .myrion-reference .xz-infernal__scene { background-image:var(--scene-tablet,var(--scene-fallback)) !important;background-position:center 40% !important; }
  .myrion-reference .xz-hero { min-height:310px !important;padding:54px 130px 15px !important; }
  .myrion-reference .xz-side-message { width:120px !important;max-width:120px !important;font-size:7px !important;letter-spacing:.2em !important; }
  .myrion-reference .xz-universe-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;max-width:680px;margin:0 auto; }
  .myrion-reference .xz-universe-card:nth-child(3) { grid-column:1 / -1;width:calc(50% - 14px);justify-self:center; }
  .footer-container { grid-template-columns:1fr 1fr !important; }
}

@media (max-width: 720px) {
  :root { --myrion-ref-header:68px; }
  .myrion-header.main-header,.myrion-header .header-wrapper { min-height:68px !important; }
  .myrion-header__inner.header-container { min-height:68px !important;width:calc(100% - 18px) !important;padding:5px 0 !important;grid-template-columns:1fr auto !important; }
  .myrion-brand__sigil { width:38px;height:45px; }
  .myrion-brand__copy strong { font-size:19px; }
  .myrion-brand__copy small { font-size:5.5px;letter-spacing:.16em; }
  .myrion-nav.navigation { justify-self:end;height:44px !important;border:0;background:transparent;clip-path:none; }
  .myrion-nav__item.nav-item { display:none !important; }
  .myrion-mobile-trigger.nav-item-mobile-menu { display:grid !important;width:44px !important;height:44px !important;place-items:center;border:1px solid rgba(255,255,255,.08) !important;background:rgba(8,6,7,.72) !important; }
  .myrion-actions.navigation { display:none !important; }
  .myrion-reference.xz-infernal { min-height:900px !important; }
  .myrion-reference .xz-infernal__scene { background-image:var(--scene-mobile,var(--scene-fallback)) !important;background-position:center top !important;inset:-12px !important; }
  .myrion-reference .xz-hero { min-height:330px !important;width:100% !important;padding:58px 20px 15px !important; }
  .xz-hero__reference-emblem { width:27px;height:31px; }
  .myrion-reference .xz-hero__eyebrow { font-size:7px !important;letter-spacing:.2em !important; }
  .myrion-reference .xz-hero__meta { font-size:7px !important;letter-spacing:.18em !important; }
  .myrion-reference .xz-hero h1 { margin-top:22px !important;font-size:clamp(37px,12vw,52px) !important; }
  .myrion-reference .xz-hero__divider { width:78vw !important; }
  .myrion-reference .xz-hero__subtitle { font-size:8px !important;letter-spacing:.34em !important; }
  .myrion-reference .xz-side-message { display:none !important; }
  .myrion-reference .xz-universes { width:min(410px,calc(100% - 28px)) !important;margin:0 auto !important;padding-bottom:42px !important; }
  .myrion-reference .xz-universe-grid { grid-template-columns:1fr !important;gap:20px !important;max-width:none !important; }
  .myrion-reference .xz-universe-card,.myrion-reference .xz-universe-card:nth-child(3) { width:100% !important;grid-column:auto !important; }
  .myrion-reference .xz-universe-card__image { height:212px !important;min-height:212px !important; }
  .footer { clip-path:none; }
  .footer-container { width:calc(100% - 30px) !important;grid-template-columns:1fr !important;gap:14px; }
  .footer-column { padding:0 0 12px !important;border-right:0;border-bottom:1px solid rgba(255,255,255,.07); }
}

@media (prefers-reduced-motion: reduce) {
  .myrion-reference .xz-infernal__scene { transform:none !important;will-change:auto !important; }
  .myrion-reference .xz-universe-card:hover { transform:none !important; }
}